add mktg tokens

Author: langermank

package.json

@@ -50,7 +50,7 @@
     "@changesets/cli": "2.26.1",
     "@github/prettier-config": "0.0.6",
     "@koddsson/postcss-sass": "5.0.1",
-    "@primer/stylelint-config": "0.0.0-20230420153251",
+    "@primer/stylelint-config": "0.0.0-20230420164534",
     "autoprefixer": "10.4.13",
     "chokidar-cli": "3.0.0",
     "cssstats": "4.0.5",

src/marketing/support/variables.scss

@@ -126,8 +126,8 @@ $marketing-position-variants: (
   lg: '-lg',
 ) !default;
 
-$mktg-btn-shadow-hover-light: 0 3px 2px rgba(0,0,0,0.07), 0 7px 5px rgba(0,0,0,0.04), 0 12px 10px rgba(0,0,0,0.03), 0 22px 18px rgba(0,0,0,0.03), 0 42px 33px rgba(0,0,0,0.02), 0 100px 80px rgba(0,0,0,0.02);
-$mktg-btn-shadow-hover-dark: 0 4px 7px rgba(0,0,0,0.15), 0 100px 80px rgba(255,255,255,0.02), 0 42px 33px rgba(255,255,255,0.024), 0 22px 18px rgba(255,255,255,0.028), 0 12px 10px rgba(255,255,255,0.034), 0 7px 5px rgba(255,255,255,0.04), 0 3px 2px rgba(255,255,255,0.07);
+$mktg-btn-shadow-hover-light: 0 3px 2px rgba(0, 0, 0, 0.07), 0 7px 5px rgba(0, 0, 0, 0.04), 0 12px 10px rgba(0, 0, 0, 0.03), 0 22px 18px rgba(0, 0, 0, 0.03), 0 42px 33px rgba(0, 0, 0, 0.02), 0 100px 80px rgba(0, 0, 0, 0.02);
+$mktg-btn-shadow-hover-dark: 0 4px 7px rgba(0, 0, 0, 0.15), 0 100px 80px rgba(255, 255, 255, 0.02), 0 42px 33px rgba(255, 255, 255, 0.024), 0 22px 18px rgba(255, 255, 255, 0.028), 0 12px 10px rgba(255, 255, 255, 0.034), 0 7px 5px rgba(255, 255, 255, 0.04), 0 3px 2px rgba(255, 255, 255, 0.07);
 
 @include color-variables(
   (

src/primitives/index.scss

@@ -1,10 +1,10 @@
-@import '@primer/primitives/tokens-v2-private/css/tokens/base/size/size';
-@import '@primer/primitives/tokens-v2-private/css/tokens/base/typography/typography';
-@import '@primer/primitives/tokens-v2-private/css/tokens/functional/size/border';
-@import '@primer/primitives/tokens-v2-private/css/tokens/functional/size/breakpoints';
-@import '@primer/primitives/tokens-v2-private/css/tokens/functional/size/size-coarse';
-@import '@primer/primitives/tokens-v2-private/css/tokens/functional/size/size-fine';
-@import '@primer/primitives/tokens-v2-private/css/tokens/functional/size/size';
-@import '@primer/primitives/tokens-v2-private/css/tokens/functional/size/viewport';
-@import '@primer/primitives/tokens-v2-private/css/tokens/functional/typography/typography';
+@import '@primer/primitives/tokens-next-private/css/tokens/base/size/size';
+@import '@primer/primitives/tokens-next-private/css/tokens/base/typography/typography';
+@import '@primer/primitives/tokens-next-private/css/tokens/functional/size/border';
+@import '@primer/primitives/tokens-next-private/css/tokens/functional/size/breakpoints';
+@import '@primer/primitives/tokens-next-private/css/tokens/functional/size/size-coarse';
+@import '@primer/primitives/tokens-next-private/css/tokens/functional/size/size-fine';
+@import '@primer/primitives/tokens-next-private/css/tokens/functional/size/size';
+@import '@primer/primitives/tokens-next-private/css/tokens/functional/size/viewport';
+@import '@primer/primitives/tokens-next-private/css/tokens/functional/typography/typography';
 @import './temp-typography-tokens.scss';

src/support/mixins/misc.scss

@@ -17,7 +17,7 @@
   &::after {
     // stylelint-disable-next-line primer/spacing
     margin-left: 2px;
-    background-color: var(--color-canvas-default);
+    background-color: var(--bgColor-default, var(--color-canvas-default));
     background-image: linear-gradient($background, $background);
   }
 
@@ -30,7 +30,7 @@
 
 // inset box-shadow for form controls
 @mixin focusBoxShadowInset($outlineWidth: 1px, $outlineColor: var(--color-accent-fg)) {
-  border-color: var(--color-accent-fg);
+  border-color: var(--fgColor-accent, var(--color-accent-fg));
   outline: none;
   box-shadow: inset 0 0 0 $outlineWidth $outlineColor;
 }

yarn.lock

@@ -1222,10 +1222,10 @@
   dependencies:
     markdown-table-ts "^1.0.3"
 
-"@primer/stylelint-config@0.0.0-20230420153251":
-  version "0.0.0-20230420153251"
-  resolved "https://registry.yarnpkg.com/@primer/stylelint-config/-/stylelint-config-0.0.0-20230420153251.tgz#5b527c8ccf597105a457b2a8e29eeac16b662e62"
-  integrity sha512-dhsMZ0jxTbXu06qCuIkuEzSxQdfE39Mr9o0fP6pAxFhQKFPYcxvnqtY1PQSvCzicJV3+e4KmOHM0YO9Vp2xL/g==
+"@primer/stylelint-config@0.0.0-20230420164534":
+  version "0.0.0-20230420164534"
+  resolved "https://registry.yarnpkg.com/@primer/stylelint-config/-/stylelint-config-0.0.0-20230420164534.tgz#acca5d97db15f40455c7ddb0d0b1884886109a04"
+  integrity sha512-R0Hv4A7wkgMBJEh9LFKcqgYSLqG8HcIK0pzJSsKFUqXOz6Z7PCqqRPWTehcUKpM/KOfkE4Ps2WFZpv69keXJQg==
   dependencies:
     anymatch "^3.1.1"
     globby "^11.0.1"