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

package/dist/docs/functional/themes/light.json

@@ -1173,7 +1173,7 @@
     "attributes": {},
     "path": ["headerSearch", "borderColor"]
   },
-  "data-blue-color": {
+  "data-blue-color-emphasis": {
     "value": "#006edb",
     "$type": "color",
     "$extensions": {
@@ -1198,9 +1198,9 @@
         }
       }
     },
-    "name": "data-blue-color",
+    "name": "data-blue-color-emphasis",
     "attributes": {},
-    "path": ["data", "blue", "color", "@"]
+    "path": ["data", "blue", "color", "emphasis"]
   },
   "data-blue-color-muted": {
     "value": "#d1f0ff",
@@ -1231,7 +1231,7 @@
     "attributes": {},
     "path": ["data", "blue", "color", "muted"]
   },
-  "data-auburn-color": {
+  "data-auburn-color-emphasis": {
     "value": "#9d615c",
     "$type": "color",
     "$extensions": {
@@ -1256,9 +1256,9 @@
         }
       }
     },
-    "name": "data-auburn-color",
+    "name": "data-auburn-color-emphasis",
     "attributes": {},
-    "path": ["data", "auburn", "color", "@"]
+    "path": ["data", "auburn", "color", "emphasis"]
   },
   "data-auburn-color-muted": {
     "value": "#f2e9e9",
@@ -1289,7 +1289,7 @@
     "attributes": {},
     "path": ["data", "auburn", "color", "muted"]
   },
-  "data-orange-color": {
+  "data-orange-color-emphasis": {
     "value": "#eb670f",
     "$type": "color",
     "$extensions": {
@@ -1314,9 +1314,9 @@
         }
       }
     },
-    "name": "data-orange-color",
+    "name": "data-orange-color-emphasis",
     "attributes": {},
-    "path": ["data", "orange", "color", "@"]
+    "path": ["data", "orange", "color", "emphasis"]
   },
   "data-orange-color-muted": {
     "value": "#ffe7d1",
@@ -1347,7 +1347,7 @@
     "attributes": {},
     "path": ["data", "orange", "color", "muted"]
   },
-  "data-yellow-color": {
+  "data-yellow-color-emphasis": {
     "value": "#b88700",
     "$type": "color",
     "$extensions": {
@@ -1372,9 +1372,9 @@
         }
       }
     },
-    "name": "data-yellow-color",
+    "name": "data-yellow-color-emphasis",
     "attributes": {},
-    "path": ["data", "yellow", "color", "@"]
+    "path": ["data", "yellow", "color", "emphasis"]
   },
   "data-yellow-color-muted": {
     "value": "#ffec9e",
@@ -1405,7 +1405,7 @@
     "attributes": {},
     "path": ["data", "yellow", "color", "muted"]
   },
-  "data-green-color": {
+  "data-green-color-emphasis": {
     "value": "#30a147",
     "$type": "color",
     "$extensions": {
@@ -1430,9 +1430,9 @@
         }
       }
     },
-    "name": "data-green-color",
+    "name": "data-green-color-emphasis",
     "attributes": {},
-    "path": ["data", "green", "color", "@"]
+    "path": ["data", "green", "color", "emphasis"]
   },
   "data-green-color-muted": {
     "value": "#caf7ca",
@@ -1463,7 +1463,7 @@
     "attributes": {},
     "path": ["data", "green", "color", "muted"]
   },
-  "data-teal-color": {
+  "data-teal-color-emphasis": {
     "value": "#179b9b",
     "$type": "color",
     "$extensions": {
@@ -1488,9 +1488,9 @@
         }
       }
     },
-    "name": "data-teal-color",
+    "name": "data-teal-color-emphasis",
     "attributes": {},
-    "path": ["data", "teal", "color", "@"]
+    "path": ["data", "teal", "color", "emphasis"]
   },
   "data-teal-color-muted": {
     "value": "#c7f5ef",
@@ -1521,7 +1521,7 @@
     "attributes": {},
     "path": ["data", "teal", "color", "muted"]
   },
-  "data-purple-color": {
+  "data-purple-color-emphasis": {
     "value": "#894ceb",
     "$type": "color",
     "$extensions": {
@@ -1546,9 +1546,9 @@
         }
       }
     },
-    "name": "data-purple-color",
+    "name": "data-purple-color-emphasis",
     "attributes": {},
-    "path": ["data", "purple", "color", "@"]
+    "path": ["data", "purple", "color", "emphasis"]
   },
   "data-purple-color-muted": {
     "value": "#f1e5ff",
@@ -1579,7 +1579,7 @@
     "attributes": {},
     "path": ["data", "purple", "color", "muted"]
   },
-  "data-pink-color": {
+  "data-pink-color-emphasis": {
     "value": "#ce2c85",
     "$type": "color",
     "$extensions": {
@@ -1604,9 +1604,9 @@
         }
       }
     },
-    "name": "data-pink-color",
+    "name": "data-pink-color-emphasis",
     "attributes": {},
-    "path": ["data", "pink", "color", "@"]
+    "path": ["data", "pink", "color", "emphasis"]
   },
   "data-pink-color-muted": {
     "value": "#ffe5f1",
@@ -1637,7 +1637,7 @@
     "attributes": {},
     "path": ["data", "pink", "color", "muted"]
   },
-  "data-red-color": {
+  "data-red-color-emphasis": {
     "value": "#df0c24",
     "$type": "color",
     "$extensions": {
@@ -1662,9 +1662,9 @@
         }
       }
     },
-    "name": "data-red-color",
+    "name": "data-red-color-emphasis",
     "attributes": {},
-    "path": ["data", "red", "color", "@"]
+    "path": ["data", "red", "color", "emphasis"]
   },
   "data-red-color-muted": {
     "value": "#ffe2e0",
@@ -1695,7 +1695,7 @@
     "attributes": {},
     "path": ["data", "red", "color", "muted"]
   },
-  "data-gray-color": {
+  "data-gray-color-emphasis": {
     "value": "#808fa3",
     "$type": "color",
     "$extensions": {
@@ -1720,9 +1720,9 @@
         }
       }
     },
-    "name": "data-gray-color",
+    "name": "data-gray-color-emphasis",
     "attributes": {},
-    "path": ["data", "gray", "color", "@"]
+    "path": ["data", "gray", "color", "emphasis"]
   },
   "data-gray-color-muted": {
     "value": "#e8ecf2",

package/dist/fallbacks/color-fallbacks.json

@@ -256,5 +256,15 @@
   "--shadow-floating-xlarge": "var(--color-shadow-extra-large)",
   "--shadow-inset": "var(--color-primer-shadow-inset)",
   "--borderColor-transparent": "transparent",
-  "--bgColor-transparent": "transparent"
+  "--bgColor-transparent": "transparent",
+  "--data-blue-color": "var(--data-blue-color-emphasis)",
+  "--data-auburn-color": "var(--data-auburn-color-emphasis)",
+  "--data-orange-color": "var(--data-orange-color-emphasis)",
+  "--data-yellow-color": "var(--data-yellow-color-emphasis)",
+  "--data-green-color": "var(--data-green-color-emphasis)",
+  "--data-teal-color": "var(--data-teal-color-emphasis)",
+  "--data-purple-color": "var(--data-purple-color-emphasis)",
+  "--data-pink-color": "var(--data-pink-color-emphasis)",
+  "--data-red-color": "var(--data-red-color-emphasis)",
+  "--data-gray-color": "var(--data-gray-color-emphasis)"
 }

package/dist/fallbacks/functional/size/size.json

@@ -40,12 +40,6 @@
   "--controlStack-large-gap-auto": "0.5rem",
   "--controlStack-large-gap-condensed": "0.5rem",
   "--controlStack-large-gap-spacious": "0.75rem",
-  "--space-xxsmall": "0.125rem",
-  "--space-xsmall": "0.25rem",
-  "--space-small": "0.375rem",
-  "--space-medium": "0.5rem",
-  "--space-large": "0.75rem",
-  "--space-xlarge": "1rem",
   "--spinner-strokeWidth-default": "0.125rem",
   "--spinner-size-small": "1rem",
   "--spinner-size-medium": "2rem",

package/dist/figma/dimension/dimension.json

@@ -192,26 +192,6 @@
     "group": "pattern/size",
     "scopes": ["GAP"]
   },
-  {
-    "name": "space/small",
-    "value": 6,
-    "type": "FLOAT",
-    "refId": "functional/size/space/small",
-    "collection": "functional/size",
-    "mode": "default",
-    "group": "functional/size",
-    "scopes": ["GAP"]
-  },
-  {
-    "name": "space/xxsmall",
-    "value": 2,
-    "type": "FLOAT",
-    "refId": "functional/size/space/xxsmall",
-    "collection": "functional/size",
-    "mode": "default",
-    "group": "functional/size",
-    "scopes": ["GAP"]
-  },
   {
     "name": "breakpoint/xxlarge",
     "value": 1400,
@@ -1054,49 +1034,5 @@
     "mode": "default",
     "group": "pattern/size",
     "scopes": ["WIDTH_HEIGHT"]
-  },
-  {
-    "name": "space/xlarge",
-    "value": 16,
-    "type": "FLOAT",
-    "refId": "functional/size/space/xlarge",
-    "reference": "base/size/base/size/16",
-    "collection": "functional/size",
-    "mode": "default",
-    "group": "functional/size",
-    "scopes": ["GAP"]
-  },
-  {
-    "name": "space/large",
-    "value": 12,
-    "type": "FLOAT",
-    "refId": "functional/size/space/large",
-    "reference": "base/size/base/size/12",
-    "collection": "functional/size",
-    "mode": "default",
-    "group": "functional/size",
-    "scopes": ["GAP"]
-  },
-  {
-    "name": "space/medium",
-    "value": 8,
-    "type": "FLOAT",
-    "refId": "functional/size/space/medium",
-    "reference": "base/size/base/size/8",
-    "collection": "functional/size",
-    "mode": "default",
-    "group": "functional/size",
-    "scopes": ["GAP"]
-  },
-  {
-    "name": "space/xsmall",
-    "value": 4,
-    "type": "FLOAT",
-    "refId": "functional/size/space/xsmall",
-    "reference": "base/size/base/size/4",
-    "collection": "functional/size",
-    "mode": "default",
-    "group": "functional/size",
-    "scopes": ["GAP"]
   }
 ]

package/dist/figma/themes/dark-colorblind.json

@@ -7078,7 +7078,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/gray/color",
+    "name": "data/gray/color/emphasis",
     "value": {
       "r": 0.3411764705882353,
       "g": 0.3843137254901961,
@@ -7086,7 +7086,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/gray/color",
+    "refId": "mode/data/gray/color/emphasis",
     "reference": "base/color/dark/base/display/color/gray/4",
     "collection": "mode",
     "mode": "dark colorblind",
@@ -7110,7 +7110,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/red/color",
+    "name": "data/red/color/emphasis",
     "value": {
       "r": 0.9215686274509803,
       "g": 0.2,
@@ -7118,7 +7118,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/red/color",
+    "refId": "mode/data/red/color/emphasis",
     "reference": "base/color/dark/base/display/color/red/5",
     "collection": "mode",
     "mode": "dark colorblind",
@@ -7142,7 +7142,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/pink/color",
+    "name": "data/pink/color/emphasis",
     "value": {
       "r": 0.8274509803921568,
       "g": 0.27058823529411763,
@@ -7150,7 +7150,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/pink/color",
+    "refId": "mode/data/pink/color/emphasis",
     "reference": "base/color/dark/base/display/color/pink/5",
     "collection": "mode",
     "mode": "dark colorblind",
@@ -7174,7 +7174,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/purple/color",
+    "name": "data/purple/color/emphasis",
     "value": {
       "r": 0.592156862745098,
       "g": 0.3568627450980392,
@@ -7182,7 +7182,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/purple/color",
+    "refId": "mode/data/purple/color/emphasis",
     "reference": "base/color/dark/base/display/color/purple/5",
     "collection": "mode",
     "mode": "dark colorblind",
@@ -7206,7 +7206,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/teal/color",
+    "name": "data/teal/color/emphasis",
     "value": {
       "r": 0.06274509803921569,
       "g": 0.4235294117647059,
@@ -7214,7 +7214,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/teal/color",
+    "refId": "mode/data/teal/color/emphasis",
     "reference": "base/color/dark/base/display/color/teal/4",
     "collection": "mode",
     "mode": "dark colorblind",
@@ -7238,7 +7238,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/green/color",
+    "name": "data/green/color/emphasis",
     "value": {
       "r": 0.1843137254901961,
       "g": 0.43529411764705883,
@@ -7246,7 +7246,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/green/color",
+    "refId": "mode/data/green/color/emphasis",
     "reference": "base/color/dark/base/display/color/green/4",
     "collection": "mode",
     "mode": "dark colorblind",
@@ -7270,7 +7270,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/yellow/color",
+    "name": "data/yellow/color/emphasis",
     "value": {
       "r": 0.5372549019607843,
       "g": 0.34901960784313724,
@@ -7278,7 +7278,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/yellow/color",
+    "refId": "mode/data/yellow/color/emphasis",
     "reference": "base/color/dark/base/display/color/yellow/4",
     "collection": "mode",
     "mode": "dark colorblind",
@@ -7302,7 +7302,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/orange/color",
+    "name": "data/orange/color/emphasis",
     "value": {
       "r": 0.596078431372549,
       "g": 0.29411764705882354,
@@ -7310,7 +7310,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/orange/color",
+    "refId": "mode/data/orange/color/emphasis",
     "reference": "base/color/dark/base/display/color/orange/4",
     "collection": "mode",
     "mode": "dark colorblind",
@@ -7334,7 +7334,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/auburn/color",
+    "name": "data/auburn/color/emphasis",
     "value": {
       "r": 0.6588235294117647,
       "g": 0.43529411764705883,
@@ -7342,7 +7342,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/auburn/color",
+    "refId": "mode/data/auburn/color/emphasis",
     "reference": "base/color/dark/base/display/color/auburn/5",
     "collection": "mode",
     "mode": "dark colorblind",
@@ -7366,7 +7366,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/blue/color",
+    "name": "data/blue/color/emphasis",
     "value": {
       "r": 0.0196078431372549,
       "g": 0.4627450980392157,
@@ -7374,7 +7374,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/blue/color",
+    "refId": "mode/data/blue/color/emphasis",
     "reference": "base/color/dark/base/display/color/blue/5",
     "collection": "mode",
     "mode": "dark colorblind",

package/dist/figma/themes/dark-dimmed.json

@@ -6915,7 +6915,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/gray/color",
+    "name": "data/gray/color/emphasis",
     "value": {
       "r": 0.3411764705882353,
       "g": 0.3843137254901961,
@@ -6923,7 +6923,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/gray/color",
+    "refId": "mode/data/gray/color/emphasis",
     "reference": "base/color/dark/base/display/color/gray/4",
     "collection": "mode",
     "mode": "dark dimmed",
@@ -6947,7 +6947,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/red/color",
+    "name": "data/red/color/emphasis",
     "value": {
       "r": 0.9215686274509803,
       "g": 0.2,
@@ -6955,7 +6955,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/red/color",
+    "refId": "mode/data/red/color/emphasis",
     "reference": "base/color/dark/base/display/color/red/5",
     "collection": "mode",
     "mode": "dark dimmed",
@@ -6979,7 +6979,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/pink/color",
+    "name": "data/pink/color/emphasis",
     "value": {
       "r": 0.8274509803921568,
       "g": 0.27058823529411763,
@@ -6987,7 +6987,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/pink/color",
+    "refId": "mode/data/pink/color/emphasis",
     "reference": "base/color/dark/base/display/color/pink/5",
     "collection": "mode",
     "mode": "dark dimmed",
@@ -7011,7 +7011,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/purple/color",
+    "name": "data/purple/color/emphasis",
     "value": {
       "r": 0.592156862745098,
       "g": 0.3568627450980392,
@@ -7019,7 +7019,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/purple/color",
+    "refId": "mode/data/purple/color/emphasis",
     "reference": "base/color/dark/base/display/color/purple/5",
     "collection": "mode",
     "mode": "dark dimmed",
@@ -7043,7 +7043,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/teal/color",
+    "name": "data/teal/color/emphasis",
     "value": {
       "r": 0.06274509803921569,
       "g": 0.4235294117647059,
@@ -7051,7 +7051,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/teal/color",
+    "refId": "mode/data/teal/color/emphasis",
     "reference": "base/color/dark/base/display/color/teal/4",
     "collection": "mode",
     "mode": "dark dimmed",
@@ -7075,7 +7075,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/green/color",
+    "name": "data/green/color/emphasis",
     "value": {
       "r": 0.1843137254901961,
       "g": 0.43529411764705883,
@@ -7083,7 +7083,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/green/color",
+    "refId": "mode/data/green/color/emphasis",
     "reference": "base/color/dark/base/display/color/green/4",
     "collection": "mode",
     "mode": "dark dimmed",
@@ -7107,7 +7107,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/yellow/color",
+    "name": "data/yellow/color/emphasis",
     "value": {
       "r": 0.5372549019607843,
       "g": 0.34901960784313724,
@@ -7115,7 +7115,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/yellow/color",
+    "refId": "mode/data/yellow/color/emphasis",
     "reference": "base/color/dark/base/display/color/yellow/4",
     "collection": "mode",
     "mode": "dark dimmed",
@@ -7139,7 +7139,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/orange/color",
+    "name": "data/orange/color/emphasis",
     "value": {
       "r": 0.596078431372549,
       "g": 0.29411764705882354,
@@ -7147,7 +7147,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/orange/color",
+    "refId": "mode/data/orange/color/emphasis",
     "reference": "base/color/dark/base/display/color/orange/4",
     "collection": "mode",
     "mode": "dark dimmed",
@@ -7171,7 +7171,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/auburn/color",
+    "name": "data/auburn/color/emphasis",
     "value": {
       "r": 0.6588235294117647,
       "g": 0.43529411764705883,
@@ -7179,7 +7179,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/auburn/color",
+    "refId": "mode/data/auburn/color/emphasis",
     "reference": "base/color/dark/base/display/color/auburn/5",
     "collection": "mode",
     "mode": "dark dimmed",
@@ -7203,7 +7203,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/blue/color",
+    "name": "data/blue/color/emphasis",
     "value": {
       "r": 0.0196078431372549,
       "g": 0.4627450980392157,
@@ -7211,7 +7211,7 @@
       "a": 1
     },
     "type": "COLOR",
-    "refId": "mode/data/blue/color",
+    "refId": "mode/data/blue/color/emphasis",
     "reference": "base/color/dark/base/display/color/blue/5",
     "collection": "mode",
     "mode": "dark dimmed",