@primer/primitives 8.2.4-rc.fba4a4ab → 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",
@@ -12571,6 +12571,64 @@
     "attributes": {},
     "path": ["label", "coral", "fgColor", "active"]
   },
+  "tooltip-bgColor": {
+    "value": "#24292f",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["bgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{bgColor.emphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["bgColor"]
+        }
+      }
+    },
+    "name": "tooltip-bgColor",
+    "attributes": {},
+    "path": ["tooltip", "bgColor"]
+  },
+  "tooltip-fgColor": {
+    "value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "component",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/patterns-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{fgColor.onEmphasis}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "component",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "tooltip-fgColor",
+    "attributes": {},
+    "path": ["tooltip", "fgColor"]
+  },
   "fgColor-default": {
     "value": "#1f2328",
     "$type": "color",
@@ -12684,6 +12742,35 @@
     "attributes": {},
     "path": ["fgColor", "onEmphasis"]
   },
+  "fgColor-onInverse": {
+    "value": "#ffffff",
+    "$type": "color",
+    "$extensions": {
+      "org.primer.figma": {
+        "collection": "mode",
+        "mode": "light",
+        "group": "semantic",
+        "scopes": ["fgColor"]
+      }
+    },
+    "filePath": "src/tokens/functional/color/light/primitives-light.json5",
+    "isSource": true,
+    "original": {
+      "value": "{base.color.white}",
+      "$type": "color",
+      "$extensions": {
+        "org.primer.figma": {
+          "collection": "mode",
+          "mode": "light",
+          "group": "semantic",
+          "scopes": ["fgColor"]
+        }
+      }
+    },
+    "name": "fgColor-onInverse",
+    "attributes": {},
+    "path": ["fgColor", "onInverse"]
+  },
   "fgColor-white": {
     "value": "#ffffff",
     "$type": "color",

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

@@ -2281,6 +2281,22 @@
     "group": "semantic",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "fgColor/onInverse",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/onInverse",
+    "reference": "base/color/dark/base/color/black",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "fgColor/onEmphasis",
     "value": {
@@ -7062,7 +7078,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/gray/color",
+    "name": "data/gray/color/emphasis",
     "value": {
       "r": 0.3411764705882353,
       "g": 0.3843137254901961,
@@ -7070,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",
@@ -7094,7 +7110,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/red/color",
+    "name": "data/red/color/emphasis",
     "value": {
       "r": 0.9215686274509803,
       "g": 0.2,
@@ -7102,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",
@@ -7126,7 +7142,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/pink/color",
+    "name": "data/pink/color/emphasis",
     "value": {
       "r": 0.8274509803921568,
       "g": 0.27058823529411763,
@@ -7134,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",
@@ -7158,7 +7174,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/purple/color",
+    "name": "data/purple/color/emphasis",
     "value": {
       "r": 0.592156862745098,
       "g": 0.3568627450980392,
@@ -7166,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",
@@ -7190,7 +7206,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/teal/color",
+    "name": "data/teal/color/emphasis",
     "value": {
       "r": 0.06274509803921569,
       "g": 0.4235294117647059,
@@ -7198,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",
@@ -7222,7 +7238,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/green/color",
+    "name": "data/green/color/emphasis",
     "value": {
       "r": 0.1843137254901961,
       "g": 0.43529411764705883,
@@ -7230,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",
@@ -7254,7 +7270,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/yellow/color",
+    "name": "data/yellow/color/emphasis",
     "value": {
       "r": 0.5372549019607843,
       "g": 0.34901960784313724,
@@ -7262,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",
@@ -7286,7 +7302,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/orange/color",
+    "name": "data/orange/color/emphasis",
     "value": {
       "r": 0.596078431372549,
       "g": 0.29411764705882354,
@@ -7294,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",
@@ -7318,7 +7334,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/auburn/color",
+    "name": "data/auburn/color/emphasis",
     "value": {
       "r": 0.6588235294117647,
       "g": 0.43529411764705883,
@@ -7326,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",
@@ -7350,7 +7366,7 @@
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
   {
-    "name": "data/blue/color",
+    "name": "data/blue/color/emphasis",
     "value": {
       "r": 0.0196078431372549,
       "g": 0.4627450980392157,
@@ -7358,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",
@@ -7878,6 +7894,38 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "tooltip/fgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/fgColor",
+    "reference": "mode/fgColor/onEmphasis",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "tooltip/bgColor",
+    "value": {
+      "r": 0.43137254901960786,
+      "g": 0.4627450980392157,
+      "b": 0.5058823529411764,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/bgColor",
+    "reference": "mode/bgColor/emphasis",
+    "collection": "mode",
+    "mode": "dark colorblind",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "card/bgColor",
     "value": {