@primer/primitives 8.2.4-rc.e3ccaf09 → 8.2.4-rc.ea4beb50

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

@@ -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/functional/size/border.json

@@ -9,6 +9,7 @@
   "--borderRadius-medium": "0.375rem",
   "--borderRadius-large": "0.75rem",
   "--borderRadius-full": "624.9375rem",
+  "--borderRadius-default": "0.375rem",
   "--outline-focus-offset": "-0.125rem",
   "--outline-focus-width": "0.125rem"
 }

package/dist/figma/dimension/dimension.json

@@ -462,6 +462,20 @@
     "group": "base/size",
     "scopes": ["WIDTH_HEIGHT"]
   },
+  {
+    "name": "borderRadius/default",
+    "value": 6,
+    "type": "FLOAT",
+    "refId": "functional/size/borderRadius/default",
+    "reference": "functional/size/borderRadius/medium",
+    "collection": "functional/size",
+    "mode": "default",
+    "group": "functional/size",
+    "scopes": ["CORNER_RADIUS"],
+    "codeSyntax": {
+      "web": "var(--borderRadius-default) /* utility class: .rounded-2 */"
+    }
+  },
   {
     "name": "overlay/borderRadius",
     "value": 6,

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": {
@@ -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": {

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

@@ -2117,6 +2117,22 @@
     "group": "semantic",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "fgColor/onInverse",
+    "value": {
+      "r": 0.10980392156862745,
+      "g": 0.12941176470588237,
+      "b": 0.1568627450980392,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/onInverse",
+    "reference": "base/color/dark-dimmed/base/color/black",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "fgColor/onEmphasis",
     "value": {
@@ -7909,6 +7925,38 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "tooltip/fgColor",
+    "value": {
+      "r": 0.803921568627451,
+      "g": 0.8509803921568627,
+      "b": 0.8980392156862745,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/fgColor",
+    "reference": "mode/fgColor/onEmphasis",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "tooltip/bgColor",
+    "value": {
+      "r": 0.38823529411764707,
+      "g": 0.43137254901960786,
+      "b": 0.4823529411764706,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/bgColor",
+    "reference": "mode/bgColor/emphasis",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "card/bgColor",
     "value": {

package/dist/figma/themes/dark-high-contrast.json

@@ -2108,6 +2108,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-high-contrast/base/color/black",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "fgColor/onEmphasis",
     "value": {
@@ -5025,22 +5041,6 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "controlTrack/borderColor/rest",
-    "value": {
-      "r": 0,
-      "g": 0,
-      "b": 0,
-      "a": 0
-    },
-    "type": "COLOR",
-    "refId": "mode/controlTrack/borderColor/rest",
-    "reference": "base/color/dark/base/color/transparent",
-    "collection": "mode",
-    "mode": "dark high contrast",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
-  },
   {
     "name": "controlTrack/bgColor/active",
     "value": {
@@ -7982,6 +7982,38 @@
       "web": "var(--fgColor-link) /* utility class: .color-fg-accent */"
     }
   },
+  {
+    "name": "tooltip/fgColor",
+    "value": {
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/fgColor",
+    "reference": "mode/fgColor/onInverse",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "tooltip/bgColor",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/bgColor",
+    "reference": "mode/bgColor/inverse",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "card/bgColor",
     "value": {
@@ -8570,6 +8602,22 @@
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "controlTrack/borderColor/rest",
+    "value": {
+      "r": 0.6196078431372549,
+      "g": 0.6549019607843137,
+      "b": 0.7019607843137254,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/controlTrack/borderColor/rest",
+    "reference": "mode/borderColor/emphasis",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "controlTrack/fgColor/disabled",
     "value": {

package/dist/figma/themes/dark-tritanopia.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 tritanopia",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "fgColor/onEmphasis",
     "value": {
@@ -7879,6 +7895,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 tritanopia",
+    "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 tritanopia",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "card/bgColor",
     "value": {

package/dist/figma/themes/dark.json

@@ -2087,6 +2087,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",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "fgColor/onEmphasis",
     "value": {
@@ -7879,6 +7895,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",
+    "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",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "card/bgColor",
     "value": {

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

@@ -2174,6 +2174,22 @@
     "group": "semantic",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "fgColor/onInverse",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/onInverse",
+    "reference": "base/color/light/base/color/white",
+    "collection": "mode",
+    "mode": "light colorblind",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "fgColor/onEmphasis",
     "value": {
@@ -7637,6 +7653,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": "light colorblind",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "tooltip/bgColor",
+    "value": {
+      "r": 0.1411764705882353,
+      "g": 0.1607843137254902,
+      "b": 0.1843137254901961,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/bgColor",
+    "reference": "mode/bgColor/emphasis",
+    "collection": "mode",
+    "mode": "light colorblind",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "card/bgColor",
     "value": {

package/dist/figma/themes/light-high-contrast.json

@@ -2040,6 +2040,22 @@
     "group": "semantic",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "fgColor/onInverse",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/fgColor/onInverse",
+    "reference": "base/color/light/base/color/white",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "semantic",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "fgColor/onEmphasis",
     "value": {
@@ -4842,22 +4858,6 @@
     "group": "component (internal)",
     "scopes": ["FRAME_FILL", "SHAPE_FILL"]
   },
-  {
-    "name": "controlTrack/borderColor/rest",
-    "value": {
-      "r": 1,
-      "g": 1,
-      "b": 1,
-      "a": 0
-    },
-    "type": "COLOR",
-    "refId": "mode/controlTrack/borderColor/rest",
-    "reference": "base/color/light/base/color/transparent",
-    "collection": "mode",
-    "mode": "light high contrast",
-    "group": "component (internal)",
-    "scopes": ["STROKE_COLOR"]
-  },
   {
     "name": "controlTrack/bgColor/active",
     "value": {
@@ -7717,6 +7717,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": "light high contrast",
+    "group": "component",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
+  {
+    "name": "tooltip/bgColor",
+    "value": {
+      "r": 0.054901960784313725,
+      "g": 0.06666666666666667,
+      "b": 0.08627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/tooltip/bgColor",
+    "reference": "mode/bgColor/emphasis",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component",
+    "scopes": ["FRAME_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "card/bgColor",
     "value": {
@@ -8452,6 +8484,22 @@
     "group": "component (internal)",
     "scopes": ["STROKE_COLOR"]
   },
+  {
+    "name": "controlTrack/borderColor/rest",
+    "value": {
+      "r": 0.4,
+      "g": 0.4392156862745098,
+      "b": 0.4823529411764706,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/controlTrack/borderColor/rest",
+    "reference": "mode/borderColor/emphasis",
+    "collection": "mode",
+    "mode": "light high contrast",
+    "group": "component (internal)",
+    "scopes": ["STROKE_COLOR"]
+  },
   {
     "name": "controlTrack/fgColor/disabled",
     "value": {