npm - @primer/primitives - Versions diffs - 7.15.11-rc.f758d573 → 7.15.12 - Mend

@primer/primitives 7.15.11-rc.f758d573 → 7.15.12

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/tokens-next-private/figma/themes/dark-high-contrast.json CHANGED Viewed

@@ -44,6 +44,106 @@
     "group": "semantic",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "shadow/floating/legacy/1/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/offsetY",
+    "value": 6,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/blur",
+    "value": 12,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/1/spread",
+    "value": -3,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "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 high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/offsetX",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/offsetY",
+    "value": 6,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/blur",
+    "value": 18,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
+  {
+    "name": "shadow/floating/legacy/2/spread",
+    "value": 0,
+    "type": "FLOAT",
+    "scopes": ["EFFECT_FLOAT"],
+    "mode": "dark high contrast",
+    "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 high contrast",
+    "collection": "mode",
+    "group": "shadow"
+  },
   {
     "name": "shadow/resting/medium/offsetX",
     "value": 0,
@@ -2475,7 +2575,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/bgColor/rest",
+    "name": "button/inactive/bgColor",
     "value": {
       "r": 0.23921568627450981,
       "g": 0.25882352941176473,
@@ -2483,7 +2583,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/inactive/bgColor/rest",
+    "refId": "mode/button/inactive/bgColor",
     "reference": "base/color/dark-high-contrast/base/color/gray/7",
     "collection": "mode",
     "mode": "dark high contrast",
@@ -2491,7 +2591,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/fgColor/rest",
+    "name": "button/inactive/fgColor",
     "value": {
       "r": 0.7411764705882353,
       "g": 0.7686274509803922,
@@ -2499,7 +2599,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/inactive/fgColor/rest",
+    "refId": "mode/button/inactive/fgColor",
     "reference": "base/color/dark-high-contrast/base/color/gray/3",
     "collection": "mode",
     "mode": "dark high contrast",

package/tokens-next-private/figma/themes/dark-tritanopia.json CHANGED Viewed

@@ -44,6 +44,106 @@
     "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,
@@ -2520,7 +2620,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/bgColor/rest",
+    "name": "button/inactive/bgColor",
     "value": {
       "r": 0.12941176470588237,
       "g": 0.14901960784313725,
@@ -2528,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",
@@ -2536,7 +2636,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/fgColor/rest",
+    "name": "button/inactive/fgColor",
     "value": {
       "r": 0.5450980392156862,
       "g": 0.5803921568627451,
@@ -2544,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",
@@ -2988,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)",
@@ -3021,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)",

package/tokens-next-private/figma/themes/dark.json CHANGED Viewed

@@ -44,6 +44,106 @@
     "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,
@@ -2423,7 +2523,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/bgColor/rest",
+    "name": "button/inactive/bgColor",
     "value": {
       "r": 0.12941176470588237,
       "g": 0.14901960784313725,
@@ -2431,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",
@@ -2439,7 +2539,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/fgColor/rest",
+    "name": "button/inactive/fgColor",
     "value": {
       "r": 0.5450980392156862,
       "g": 0.5803921568627451,
@@ -2447,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",
@@ -2891,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)",
@@ -2924,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)",

package/tokens-next-private/figma/themes/light-colorblind.json CHANGED Viewed

@@ -2479,7 +2479,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/bgColor/rest",
+    "name": "button/inactive/bgColor",
     "value": {
       "r": 0.9176470588235294,
       "g": 0.9333333333333333,
@@ -2487,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",
@@ -2495,7 +2495,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/fgColor/rest",
+    "name": "button/inactive/fgColor",
     "value": {
       "r": 0.3411764705882353,
       "g": 0.3764705882352941,
@@ -2503,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",
@@ -2868,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)",
@@ -2901,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)",

package/tokens-next-private/figma/themes/light-high-contrast.json CHANGED Viewed

@@ -2380,7 +2380,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/bgColor/rest",
+    "name": "button/inactive/bgColor",
     "value": {
       "r": 0.9058823529411765,
       "g": 0.9254901960784314,
@@ -2388,7 +2388,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/inactive/bgColor/rest",
+    "refId": "mode/button/inactive/bgColor",
     "reference": "base/color/light-high-contrast/base/color/gray/1",
     "collection": "mode",
     "mode": "light high contrast",
@@ -2396,7 +2396,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/fgColor/rest",
+    "name": "button/inactive/fgColor",
     "value": {
       "r": 0.29411764705882354,
       "g": 0.3254901960784314,
@@ -2404,7 +2404,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/button/inactive/fgColor/rest",
+    "refId": "mode/button/inactive/fgColor",
     "reference": "base/color/light-high-contrast/base/color/gray/6",
     "collection": "mode",
     "mode": "light high contrast",
@@ -2903,7 +2903,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 high contrast",
     "group": "component (internal)",
@@ -2936,7 +2936,7 @@
     },
     "type": "COLOR",
     "refId": "mode/button/primary/fgColor/rest",
-    "reference": "base/color/light/base/color/white",
+    "reference": "mode/fgColor/white",
     "collection": "mode",
     "mode": "light high contrast",
     "group": "component (internal)",
@@ -4121,10 +4121,10 @@
       "r": 0.5333333333333333,
       "g": 0.5725490196078431,
       "b": 0.615686274509804,
-      "a": 0.5
+      "a": null
     },
     "type": "COLOR",
-    "alpha": 0.5,
+    "alpha": null,
     "refId": "mode/overlay/borderColor",
     "reference": "mode/borderColor/muted",
     "collection": "mode",
@@ -5520,7 +5520,7 @@
       "r": 0.5333333333333333,
       "g": 0.5725490196078431,
       "b": 0.615686274509804,
-      "a": 0.5
+      "a": null
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],
@@ -5620,7 +5620,7 @@
       "r": 0.5333333333333333,
       "g": 0.5725490196078431,
       "b": 0.615686274509804,
-      "a": 0.5
+      "a": null
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],
@@ -5720,7 +5720,7 @@
       "r": 0.5333333333333333,
       "g": 0.5725490196078431,
       "b": 0.615686274509804,
-      "a": 0.5
+      "a": null
     },
     "type": "COLOR",
     "scopes": ["EFFECT_COLOR"],

package/tokens-next-private/figma/themes/light-tritanopia.json CHANGED Viewed

@@ -2477,7 +2477,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/bgColor/rest",
+    "name": "button/inactive/bgColor",
     "value": {
       "r": 0.9176470588235294,
       "g": 0.9333333333333333,
@@ -2485,7 +2485,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 tritanopia",
@@ -2493,7 +2493,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "button/inactive/fgColor/rest",
+    "name": "button/inactive/fgColor",
     "value": {
       "r": 0.3411764705882353,
       "g": 0.3764705882352941,
@@ -2501,7 +2501,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 tritanopia",
@@ -2866,7 +2866,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 tritanopia",
     "group": "component (internal)",
@@ -2899,7 +2899,7 @@
     },
     "type": "COLOR",
     "refId": "mode/button/primary/fgColor/rest",
-    "reference": "base/color/light/base/color/white",
+    "reference": "mode/fgColor/white",
     "collection": "mode",
     "mode": "light tritanopia",
     "group": "component (internal)",