npm - @primer/primitives - Versions diffs - 9.0.0-rc.02c27a21 → 9.0.0-rc.e0216c44 - Mend

@primer/primitives 9.0.0-rc.02c27a21 → 9.0.0-rc.e0216c44

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (50) hide show

package/dist/styleLint/functional/themes/dark-colorblind.json CHANGED Viewed

@@ -7001,7 +7001,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#4493f8",
+    "value": "#e6edf3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7014,7 +7014,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7030,7 +7030,7 @@
     "path": ["button", "invisible", "fgColor", "rest"]
   },
   "button-invisible-fgColor-hover": {
-    "value": "#58a6ff",
+    "value": "#e6edf3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7043,7 +7043,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.blue.3}",
+      "value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

package/dist/styleLint/functional/themes/dark-dimmed.json CHANGED Viewed

@@ -7007,7 +7007,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#478be6",
+    "value": "#c5d1de",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7020,7 +7020,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7036,7 +7036,7 @@
     "path": ["button", "invisible", "fgColor", "rest"]
   },
   "button-invisible-fgColor-hover": {
-    "value": "#539bf5",
+    "value": "#c5d1de",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7049,7 +7049,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.blue.3}",
+      "value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

package/dist/styleLint/functional/themes/dark-high-contrast.json CHANGED Viewed

@@ -7021,7 +7021,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#73b8ff",
+    "value": "#fbfcfd",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7034,7 +7034,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7050,7 +7050,7 @@
     "path": ["button", "invisible", "fgColor", "rest"]
   },
   "button-invisible-fgColor-hover": {
-    "value": "#1e60d5",
+    "value": "#fbfcfd",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7060,10 +7060,10 @@
         "scopes": ["fgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/dark/overrides/dark.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.blue.8}",
+      "value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

package/dist/styleLint/functional/themes/dark-tritanopia.json CHANGED Viewed

@@ -7007,7 +7007,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#4493f8",
+    "value": "#e6edf3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7020,7 +7020,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7036,7 +7036,7 @@
     "path": ["button", "invisible", "fgColor", "rest"]
   },
   "button-invisible-fgColor-hover": {
-    "value": "#58a6ff",
+    "value": "#e6edf3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7049,7 +7049,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.blue.3}",
+      "value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

package/dist/styleLint/functional/themes/dark.json CHANGED Viewed

@@ -7007,7 +7007,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#4493f8",
+    "value": "#e6edf3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7020,7 +7020,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7036,7 +7036,7 @@
     "path": ["button", "invisible", "fgColor", "rest"]
   },
   "button-invisible-fgColor-hover": {
-    "value": "#58a6ff",
+    "value": "#e6edf3",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7049,7 +7049,7 @@
     "filePath": "src/tokens/functional/color/dark/patterns-dark.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.blue.3}",
+      "value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

package/dist/styleLint/functional/themes/light-colorblind.json CHANGED Viewed

@@ -6987,7 +6987,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#0969da",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7000,7 +7000,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7016,7 +7016,7 @@
     "path": ["button", "invisible", "fgColor", "rest"]
   },
   "button-invisible-fgColor-hover": {
-    "value": "#0969da",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7029,7 +7029,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

package/dist/styleLint/functional/themes/light-high-contrast.json CHANGED Viewed

@@ -7001,7 +7001,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#023b95",
+    "value": "#010409",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7014,7 +7014,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7030,7 +7030,7 @@
     "path": ["button", "invisible", "fgColor", "rest"]
   },
   "button-invisible-fgColor-hover": {
-    "value": "#67b3fd",
+    "value": "#010409",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7040,10 +7040,10 @@
         "scopes": ["fgColor"]
       }
     },
-    "filePath": "src/tokens/functional/color/light/overrides/light.high-contrast.json5",
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{base.color.blue.2}",
+      "value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

package/dist/styleLint/functional/themes/light-tritanopia.json CHANGED Viewed

@@ -6983,7 +6983,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#0969da",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6996,7 +6996,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7012,7 +7012,7 @@
     "path": ["button", "invisible", "fgColor", "rest"]
   },
   "button-invisible-fgColor-hover": {
-    "value": "#0969da",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7025,7 +7025,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

package/dist/styleLint/functional/themes/light.json CHANGED Viewed

@@ -6983,7 +6983,7 @@
     "path": ["button", "primary", "shadow", "selected"]
   },
   "button-invisible-fgColor-rest": {
-    "value": "#0969da",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -6996,7 +6996,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {
@@ -7012,7 +7012,7 @@
     "path": ["button", "invisible", "fgColor", "rest"]
   },
   "button-invisible-fgColor-hover": {
-    "value": "#0969da",
+    "value": "#1f2328",
     "$type": "color",
     "$extensions": {
       "org.primer.figma": {
@@ -7025,7 +7025,7 @@
     "filePath": "src/tokens/functional/color/light/patterns-light.json5",
     "isSource": true,
     "original": {
-      "value": "{fgColor.accent}",
+      "value": "{fgColor.default}",
       "$type": "color",
       "$extensions": {
         "org.primer.figma": {

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "9.0.0-rc.02c27a21",
+  "version": "9.0.0-rc.e0216c44",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "engines": {
     "node": ">=18.18.0 <18.19.0"

package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 CHANGED Viewed

@@ -412,12 +412,6 @@
       },
     },
     invisible: {
-      fgColor: {
-        hover: {
-          $value: '{base.color.blue.8}',
-          $type: 'color',
-        },
-      },
       iconColor: {
         hover: {
           $value: '{fgColor.onEmphasis}',

package/src/tokens/functional/color/dark/patterns-dark.json5 CHANGED Viewed

@@ -1070,7 +1070,7 @@
     invisible: {
       fgColor: {
         rest: {
-          $value: '{fgColor.accent}',
+          $value: '{fgColor.default}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1082,7 +1082,7 @@
           },
         },
         hover: {
-          $value: '{base.color.blue.3}',
+          $value: '{fgColor.default}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {

package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 CHANGED Viewed

@@ -392,12 +392,6 @@
       },
     },
     invisible: {
-      fgColor: {
-        hover: {
-          $value: '{base.color.blue.2}',
-          $type: 'color',
-        },
-      },
       iconColor: {
         hover: {
           $value: '{fgColor.onEmphasis}',

package/src/tokens/functional/color/light/patterns-light.json5 CHANGED Viewed

@@ -1062,7 +1062,7 @@
     invisible: {
       fgColor: {
         rest: {
-          $value: '{fgColor.accent}',
+          $value: '{fgColor.default}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {
@@ -1074,7 +1074,7 @@
           },
         },
         hover: {
-          $value: '{fgColor.accent}',
+          $value: '{fgColor.default}',
           $type: 'color',
           $extensions: {
             'org.primer.figma': {