npm - @primer/primitives - Versions diffs - 7.15.10 → 7.15.11-rc.06eebf07 - Mend

@primer/primitives 7.15.10 → 7.15.11-rc.06eebf07

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 (136) hide show

package/dist/figma/themes/dark-tritanopia.json CHANGED Viewed

@@ -29,6 +29,121 @@
     "group": "syntax",
     "scopes": ["ALL_SCOPES"]
   },
+  {
+    "name": "fgColor/white",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/white",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "shadow/floating/legacy/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/offsetY",
+    "value": 6,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/blur",
+    "value": 12,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/spread",
+    "value": -3,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/color",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/offsetY",
+    "value": 6,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/blur",
+    "value": 18,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/color",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark tritanopia",
+    "collection": "mode",
+    "group": "shadow"
+  },
   {
     "name": "shadow/resting/medium/offsetX",
     "value": 0,
@@ -2505,7 +2620,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/bgColor/rest",
+    "name": "button/inactive/bgColor",
     "value": {
       "r": 0.12941176470588237,
       "g": 0.14901960784313725,
@@ -2513,7 +2628,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/inactive/bgColor/rest",
+    "refId": "mode/button/inactive/bgColor",
     "reference": "base/color/dark/base/color/gray/7",
     "collection": "mode",
     "mode": "dark tritanopia",
@@ -2521,7 +2636,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/fgColor/rest",
+    "name": "button/inactive/fgColor",
     "value": {
       "r": 0.5450980392156862,
       "g": 0.5803921568627451,
@@ -2529,7 +2644,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/inactive/fgColor/rest",
+    "refId": "mode/button/inactive/fgColor",
     "reference": "base/color/dark/base/color/gray/3",
     "collection": "mode",
     "mode": "dark tritanopia",
@@ -2973,7 +3088,7 @@
     },
     "type": "COLOR",
     "refId": "mode/button/primary/iconColor/rest",
-    "reference": "base/color/dark/base/color/white",
+    "reference": "mode/fgColor/white",
     "collection": "mode",
     "mode": "dark tritanopia",
     "group": "component (internal)",
@@ -3006,7 +3121,7 @@
     },
     "type": "COLOR",
     "refId": "mode/button/primary/fgColor/rest",
-    "reference": "base/color/dark/base/color/white",
+    "reference": "mode/fgColor/white",
     "collection": "mode",
     "mode": "dark tritanopia",
     "group": "component (internal)",
@@ -4129,6 +4244,23 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "selection/bgColor",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.43529411764705883,
+      "b": 0.9215686274509803,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "alpha": 0.7,
+    "refId": "mode/selection/bgColor",
+    "reference": "mode/bgColor/accent-emphasis",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "underlineNav/iconColor/rest",
     "value": {
@@ -5422,23 +5554,6 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "selection/bgColor",
-    "value": {
-      "r": 0.26666666666666666,
-      "g": 0.5764705882352941,
-      "b": 0.9725490196078431,
-      "a": 0.2
-    },
-    "type": "COLOR",
-    "alpha": 0.2,
-    "refId": "mode/selection/bgColor",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "dark tritanopia",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "overlay/borderColor",
     "value": {

package/dist/figma/themes/dark.json CHANGED Viewed

@@ -29,6 +29,121 @@
     "group": "syntax",
     "scopes": ["ALL_SCOPES"]
   },
+  {
+    "name": "fgColor/white",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/white",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "shadow/floating/legacy/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/offsetY",
+    "value": 6,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/blur",
+    "value": 12,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/spread",
+    "value": -3,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/color",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/offsetY",
+    "value": 6,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/blur",
+    "value": 18,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/color",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "scopes": ["EFFECT_COLOR"],
+    "mode": "dark",
+    "collection": "mode",
+    "group": "shadow"
+  },
   {
     "name": "shadow/resting/medium/offsetX",
     "value": 0,
@@ -2408,7 +2523,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/bgColor/rest",
+    "name": "button/inactive/bgColor",
     "value": {
       "r": 0.12941176470588237,
       "g": 0.14901960784313725,
@@ -2416,7 +2531,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/inactive/bgColor/rest",
+    "refId": "mode/button/inactive/bgColor",
     "reference": "base/color/dark/base/color/gray/7",
     "collection": "mode",
     "mode": "dark",
@@ -2424,7 +2539,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/fgColor/rest",
+    "name": "button/inactive/fgColor",
     "value": {
       "r": 0.5450980392156862,
       "g": 0.5803921568627451,
@@ -2432,7 +2547,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/inactive/fgColor/rest",
+    "refId": "mode/button/inactive/fgColor",
     "reference": "base/color/dark/base/color/gray/3",
     "collection": "mode",
     "mode": "dark",
@@ -2876,7 +2991,7 @@
     },
     "type": "COLOR",
     "refId": "mode/button/primary/iconColor/rest",
-    "reference": "base/color/dark/base/color/white",
+    "reference": "mode/fgColor/white",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -2909,7 +3024,7 @@
     },
     "type": "COLOR",
     "refId": "mode/button/primary/fgColor/rest",
-    "reference": "base/color/dark/base/color/white",
+    "reference": "mode/fgColor/white",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -4128,6 +4243,23 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "selection/bgColor",
+    "value": {
+      "r": 0.12156862745098039,
+      "g": 0.43529411764705883,
+      "b": 0.9215686274509803,
+      "a": 0.7
+    },
+    "type": "COLOR",
+    "alpha": 0.7,
+    "refId": "mode/selection/bgColor",
+    "reference": "mode/bgColor/accent-emphasis",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "underlineNav/iconColor/rest",
     "value": {
@@ -5421,23 +5553,6 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "selection/bgColor",
-    "value": {
-      "r": 0.26666666666666666,
-      "g": 0.5764705882352941,
-      "b": 0.9725490196078431,
-      "a": 0.2
-    },
-    "type": "COLOR",
-    "alpha": 0.2,
-    "refId": "mode/selection/bgColor",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "dark",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "overlay/borderColor",
     "value": {

package/dist/figma/themes/light-colorblind.json CHANGED Viewed

@@ -29,6 +29,21 @@
     "group": "syntax",
     "scopes": ["ALL_SCOPES"]
   },
+  {
+    "name": "fgColor/white",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/white",
+    "collection": "mode",
+    "mode": "light colorblind",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "shadow/resting/medium/offsetX",
     "value": 0,
@@ -2464,7 +2479,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/bgColor/rest",
+    "name": "button/inactive/bgColor",
     "value": {
       "r": 0.9176470588235294,
       "g": 0.9333333333333333,
@@ -2472,7 +2487,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/inactive/bgColor/rest",
+    "refId": "mode/button/inactive/bgColor",
     "reference": "base/color/light/base/color/gray/1",
     "collection": "mode",
     "mode": "light colorblind",
@@ -2480,7 +2495,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/fgColor/rest",
+    "name": "button/inactive/fgColor",
     "value": {
       "r": 0.3411764705882353,
       "g": 0.3764705882352941,
@@ -2488,7 +2503,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/inactive/fgColor/rest",
+    "refId": "mode/button/inactive/fgColor",
     "reference": "base/color/light/base/color/gray/6",
     "collection": "mode",
     "mode": "light colorblind",
@@ -2853,7 +2868,7 @@
     "type": "COLOR",
     "alpha": 0.8,
     "refId": "mode/button/primary/iconColor/rest",
-    "reference": "base/color/light/base/color/white",
+    "reference": "mode/fgColor/white",
     "collection": "mode",
     "mode": "light colorblind",
     "group": "component (internal)",
@@ -2886,7 +2901,7 @@
     },
     "type": "COLOR",
     "refId": "mode/button/primary/fgColor/rest",
-    "reference": "base/color/light/base/color/white",
+    "reference": "mode/fgColor/white",
     "collection": "mode",
     "mode": "light colorblind",
     "group": "component (internal)",
@@ -3991,6 +4006,23 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "selection/bgColor",
+    "value": {
+      "r": 0.03529411764705882,
+      "g": 0.4117647058823529,
+      "b": 0.8549019607843137,
+      "a": 0.2
+    },
+    "type": "COLOR",
+    "alpha": 0.2,
+    "refId": "mode/selection/bgColor",
+    "reference": "mode/bgColor/accent-emphasis",
+    "collection": "mode",
+    "mode": "light colorblind",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "underlineNav/iconColor/rest",
     "value": {
@@ -5463,23 +5495,6 @@
     "group": "component",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "selection/bgColor",
-    "value": {
-      "r": 0.03529411764705882,
-      "g": 0.4117647058823529,
-      "b": 0.8549019607843137,
-      "a": 0.1
-    },
-    "type": "COLOR",
-    "alpha": 0.1,
-    "refId": "mode/selection/bgColor",
-    "reference": "mode/fgColor/link",
-    "collection": "mode",
-    "mode": "light colorblind",
-    "group": "component",
-    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
-  },
   {
     "name": "overlay/borderColor",
     "value": {