@primer/primitives 11.4.1-rc.eb8ee149 → 11.5.0-rc.14eaeb12

package/dist/docs/functional/typography/typography.json

@@ -647,7 +647,10 @@
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "13px",
+      "$value": {
+        "value": 13,
+        "unit": "px"
+      },
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {
@@ -734,7 +737,10 @@
     "filePath": "src/tokens/functional/typography/typography.json5",
     "isSource": true,
     "original": {
-      "$value": "0.9285em",
+      "$value": {
+        "value": 0.9285,
+        "unit": "em"
+      },
       "$type": "dimension",
       "$extensions": {
         "org.primer.figma": {

package/dist/fallbacks/base/motion/motion.json

@@ -4,16 +4,52 @@
   "--base-easing-easeIn": [0.7, 0.1, 0.75, 0.9],
   "--base-easing-easeOut": [0.3, 0.8, 0.6, 1],
   "--base-easing-easeInOut": [0.6, 0, 0.2, 1],
-  "--base-duration-0": "0ms",
-  "--base-duration-50": "50ms",
-  "--base-duration-100": "100ms",
-  "--base-duration-200": "200ms",
-  "--base-duration-300": "300ms",
-  "--base-duration-400": "400ms",
-  "--base-duration-500": "500ms",
-  "--base-duration-600": "600ms",
-  "--base-duration-700": "700ms",
-  "--base-duration-800": "800ms",
-  "--base-duration-900": "900ms",
-  "--base-duration-1000": "1000ms"
+  "--base-duration-0": {
+    "value": 0,
+    "unit": "ms"
+  },
+  "--base-duration-50": {
+    "value": 50,
+    "unit": "ms"
+  },
+  "--base-duration-100": {
+    "value": 100,
+    "unit": "ms"
+  },
+  "--base-duration-200": {
+    "value": 200,
+    "unit": "ms"
+  },
+  "--base-duration-300": {
+    "value": 300,
+    "unit": "ms"
+  },
+  "--base-duration-400": {
+    "value": 400,
+    "unit": "ms"
+  },
+  "--base-duration-500": {
+    "value": 500,
+    "unit": "ms"
+  },
+  "--base-duration-600": {
+    "value": 600,
+    "unit": "ms"
+  },
+  "--base-duration-700": {
+    "value": 700,
+    "unit": "ms"
+  },
+  "--base-duration-800": {
+    "value": 800,
+    "unit": "ms"
+  },
+  "--base-duration-900": {
+    "value": 900,
+    "unit": "ms"
+  },
+  "--base-duration-1000": {
+    "value": 1000,
+    "unit": "ms"
+  }
 }

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

@@ -1,5 +1,6 @@
 {
   "--control-minTarget-auto": "2.75rem",
   "--controlStack-small-gap-auto": "1rem",
-  "--controlStack-medium-gap-auto": "0.75rem"
+  "--controlStack-medium-gap-auto": "0.75rem",
+  "--controlStack-large-gap-auto": "0.75rem"
 }

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

@@ -1,5 +1,6 @@
 {
   "--control-minTarget-auto": "1rem",
   "--controlStack-small-gap-auto": "0.5rem",
-  "--controlStack-medium-gap-auto": "0.5rem"
+  "--controlStack-medium-gap-auto": "0.5rem",
+  "--controlStack-large-gap-auto": "0.5rem"
 }

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

@@ -13,6 +13,7 @@
   "--control-small-paddingBlock": "0.25rem",
   "--control-small-paddingInline-condensed": "0.5rem",
   "--control-small-paddingInline-normal": "0.75rem",
+  "--control-small-paddingInline-spacious": "1rem",
   "--control-small-gap": "0.25rem",
   "--control-medium-size": "2rem",
   "--control-medium-lineBoxHeight": "1.25rem",
@@ -24,17 +25,21 @@
   "--control-large-size": "2.5rem",
   "--control-large-lineBoxHeight": "1.25rem",
   "--control-large-paddingBlock": "0.625rem",
+  "--control-large-paddingInline-condensed": "0.5rem",
   "--control-large-paddingInline-normal": "0.75rem",
   "--control-large-paddingInline-spacious": "1rem",
   "--control-large-gap": "0.5rem",
   "--control-xlarge-size": "3rem",
   "--control-xlarge-lineBoxHeight": "1.25rem",
   "--control-xlarge-paddingBlock": "0.875rem",
+  "--control-xlarge-paddingInline-condensed": "0.5rem",
   "--control-xlarge-paddingInline-normal": "0.75rem",
   "--control-xlarge-paddingInline-spacious": "1rem",
   "--control-xlarge-gap": "0.5rem",
+  "--controlStack-small-gap-auto": "0.5rem",
   "--controlStack-small-gap-condensed": "0.5rem",
   "--controlStack-small-gap-spacious": "1rem",
+  "--controlStack-medium-gap-auto": "0.5rem",
   "--controlStack-medium-gap-condensed": "0.5rem",
   "--controlStack-medium-gap-spacious": "0.75rem",
   "--controlStack-large-gap-auto": "0.5rem",

package/dist/figma/dimension/dimension.json

@@ -402,6 +402,17 @@
     "group": "pattern/size",
     "scopes": ["GAP"]
   },
+  {
+    "name": "control/small/paddingInline/spacious",
+    "value": 16,
+    "type": "FLOAT",
+    "refId": "pattern/size/control/small/paddingInline/spacious",
+    "reference": "base/size/base/size/16",
+    "collection": "pattern/size",
+    "mode": "default",
+    "group": "pattern/size",
+    "scopes": ["GAP"]
+  },
   {
     "name": "control/small/gap",
     "value": 4,
@@ -521,6 +532,17 @@
     "group": "pattern/size",
     "scopes": ["GAP"]
   },
+  {
+    "name": "control/large/paddingInline/condensed",
+    "value": 8,
+    "type": "FLOAT",
+    "refId": "pattern/size/control/large/paddingInline/condensed",
+    "reference": "base/size/base/size/8",
+    "collection": "pattern/size",
+    "mode": "default",
+    "group": "pattern/size",
+    "scopes": ["GAP"]
+  },
   {
     "name": "control/large/paddingInline/normal",
     "value": 12,
@@ -586,6 +608,17 @@
     "group": "pattern/size",
     "scopes": ["GAP"]
   },
+  {
+    "name": "control/xlarge/paddingInline/condensed",
+    "value": 8,
+    "type": "FLOAT",
+    "refId": "pattern/size/control/xlarge/paddingInline/condensed",
+    "reference": "base/size/base/size/8",
+    "collection": "pattern/size",
+    "mode": "default",
+    "group": "pattern/size",
+    "scopes": ["GAP"]
+  },
   {
     "name": "control/xlarge/paddingInline/normal",
     "value": 12,
@@ -736,6 +769,17 @@
       "web": "var(--stack-gap-spacious) /* utility class: .gap-4 */"
     }
   },
+  {
+    "name": "controlStack/small/gap/auto",
+    "value": 8,
+    "type": "FLOAT",
+    "refId": "pattern/size/controlStack/small/gap/auto",
+    "reference": "base/size/base/size/8",
+    "collection": "pattern/size",
+    "mode": "default",
+    "group": "pattern/size",
+    "scopes": ["GAP"]
+  },
   {
     "name": "controlStack/small/gap/condensed",
     "value": 8,
@@ -758,6 +802,17 @@
     "group": "pattern/size",
     "scopes": ["GAP"]
   },
+  {
+    "name": "controlStack/medium/gap/auto",
+    "value": 8,
+    "type": "FLOAT",
+    "refId": "pattern/size/controlStack/medium/gap/auto",
+    "reference": "base/size/base/size/8",
+    "collection": "pattern/size",
+    "mode": "default",
+    "group": "pattern/size",
+    "scopes": ["GAP"]
+  },
   {
     "name": "controlStack/medium/gap/condensed",
     "value": 8,
@@ -1067,7 +1122,7 @@
     "name": "borderRadius/large",
     "value": 12,
     "type": "FLOAT",
-    "description": "Large border radius (12px). Use for larger containers, dialogs, or when more visual softness is desired. Always use this for buttons.",
+    "description": "Large border radius (12px). Use for larger containers, dialogs, or when more visual softness is desired.",
     "refId": "functional/size/borderRadius/large",
     "collection": "functional/size",
     "mode": "default",

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

@@ -1672,7 +1672,7 @@
     },
     "type": "COLOR",
     "alpha": 0.15,
-    "description": "Semi-transparent border for overlays and layered elements",
+    "description": "Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
     "refId": "mode/borderColor/translucent",
     "reference": "base/color/dark/base/color/neutral/13",
     "collection": "mode",
@@ -9385,6 +9385,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/default/fgColor/disabled",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/default/fgColor/disabled",
+    "reference": "mode/control/fgColor/disabled",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/default/bgColor/rest",
     "value": {
@@ -9612,6 +9628,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/primary/iconColor/disabled",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "refId": "mode/button/primary/iconColor/disabled",
+    "reference": "mode/button/primary/fgColor/disabled",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/primary/bgColor/rest",
     "value": {
@@ -10319,6 +10351,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/danger/iconColor/disabled",
+    "value": {
+      "r": 0.9411764705882353,
+      "g": 0.5333333333333333,
+      "b": 0.24313725490196078,
+      "a": 0.5
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/iconColor/disabled",
+    "reference": "mode/button/danger/fgColor/disabled",
+    "collection": "mode",
+    "mode": "dark protanopia deuteranopia",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/danger/bgColor/rest",
     "value": {

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

@@ -1669,7 +1669,7 @@
     },
     "type": "COLOR",
     "alpha": 0.15,
-    "description": "Semi-transparent border for overlays and layered elements",
+    "description": "Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
     "refId": "mode/borderColor/translucent",
     "reference": "base/color/dark/base/color/neutral/13",
     "collection": "mode",
@@ -9378,6 +9378,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/default/fgColor/disabled",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/default/fgColor/disabled",
+    "reference": "mode/control/fgColor/disabled",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/default/bgColor/rest",
     "value": {
@@ -9603,6 +9619,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/primary/iconColor/disabled",
+    "value": {
+      "r": 0.803921568627451,
+      "g": 0.8509803921568627,
+      "b": 0.8980392156862745,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "refId": "mode/button/primary/iconColor/disabled",
+    "reference": "mode/button/primary/fgColor/disabled",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/primary/bgColor/rest",
     "value": {
@@ -10055,10 +10087,10 @@
       "r": 0.2784313725490196,
       "g": 0.5450980392156862,
       "b": 0.9019607843137255,
-      "a": 0.5
+      "a": 0.502
     },
     "type": "COLOR",
-    "alpha": 0.5,
+    "alpha": 0.502,
     "refId": "mode/button/outline/fgColor/disabled",
     "collection": "mode",
     "mode": "dark dimmed",
@@ -10305,6 +10337,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/danger/iconColor/disabled",
+    "value": {
+      "r": 0.8980392156862745,
+      "g": 0.3254901960784314,
+      "b": 0.29411764705882354,
+      "a": 0.5
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/iconColor/disabled",
+    "reference": "mode/button/danger/fgColor/disabled",
+    "collection": "mode",
+    "mode": "dark dimmed",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/danger/bgColor/rest",
     "value": {

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

@@ -1668,7 +1668,7 @@
     },
     "type": "COLOR",
     "alpha": 1,
-    "description": "Semi-transparent border for overlays and layered elements",
+    "description": "Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
     "refId": "mode/borderColor/translucent",
     "reference": "base/color/dark/base/color/neutral/9",
     "collection": "mode",
@@ -9374,6 +9374,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/default/fgColor/disabled",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/default/fgColor/disabled",
+    "reference": "mode/control/fgColor/disabled",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/default/bgColor/rest",
     "value": {
@@ -9601,6 +9617,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/primary/iconColor/disabled",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "refId": "mode/button/primary/iconColor/disabled",
+    "reference": "mode/button/primary/fgColor/disabled",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/primary/bgColor/rest",
     "value": {
@@ -10312,6 +10344,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/danger/iconColor/disabled",
+    "value": {
+      "r": 1,
+      "g": 0.5803921568627451,
+      "b": 0.5725490196078431,
+      "a": 0.5
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/iconColor/disabled",
+    "reference": "mode/button/danger/fgColor/disabled",
+    "collection": "mode",
+    "mode": "dark high contrast",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/danger/bgColor/rest",
     "value": {

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

@@ -1671,7 +1671,7 @@
     },
     "type": "COLOR",
     "alpha": 0.15,
-    "description": "Semi-transparent border for overlays and layered elements",
+    "description": "Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
     "refId": "mode/borderColor/translucent",
     "reference": "base/color/dark/base/color/neutral/13",
     "collection": "mode",
@@ -9384,6 +9384,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/default/fgColor/disabled",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/default/fgColor/disabled",
+    "reference": "mode/control/fgColor/disabled",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/default/bgColor/rest",
     "value": {
@@ -9611,6 +9627,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/primary/iconColor/disabled",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "refId": "mode/button/primary/iconColor/disabled",
+    "reference": "mode/button/primary/fgColor/disabled",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/primary/bgColor/rest",
     "value": {
@@ -10313,6 +10345,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/danger/iconColor/disabled",
+    "value": {
+      "r": 0.9725490196078431,
+      "g": 0.3176470588235294,
+      "b": 0.28627450980392155,
+      "a": 0.5
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/iconColor/disabled",
+    "reference": "mode/button/danger/fgColor/disabled",
+    "collection": "mode",
+    "mode": "dark tritanopia",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/danger/bgColor/rest",
     "value": {

package/dist/figma/themes/dark.json

@@ -1669,7 +1669,7 @@
     },
     "type": "COLOR",
     "alpha": 0.15,
-    "description": "Semi-transparent border for overlays and layered elements",
+    "description": "Semi-transparent border for overlays and layered elements. Border-specific token — no bgColor-translucent counterpart exists by design.",
     "refId": "mode/borderColor/translucent",
     "reference": "base/color/dark/base/color/neutral/13",
     "collection": "mode",
@@ -9379,6 +9379,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/default/fgColor/disabled",
+    "value": {
+      "r": 0.396078431372549,
+      "g": 0.4235294117647059,
+      "b": 0.4627450980392157,
+      "a": 1
+    },
+    "type": "COLOR",
+    "refId": "mode/button/default/fgColor/disabled",
+    "reference": "mode/control/fgColor/disabled",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/default/bgColor/rest",
     "value": {
@@ -9606,6 +9622,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/primary/iconColor/disabled",
+    "value": {
+      "r": 1,
+      "g": 1,
+      "b": 1,
+      "a": 0.4
+    },
+    "type": "COLOR",
+    "refId": "mode/button/primary/iconColor/disabled",
+    "reference": "mode/button/primary/fgColor/disabled",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/primary/bgColor/rest",
     "value": {
@@ -10311,6 +10343,22 @@
     "group": "component (internal)",
     "scopes": ["TEXT_FILL", "SHAPE_FILL"]
   },
+  {
+    "name": "button/danger/iconColor/disabled",
+    "value": {
+      "r": 0.9725490196078431,
+      "g": 0.3176470588235294,
+      "b": 0.28627450980392155,
+      "a": 0.5
+    },
+    "type": "COLOR",
+    "refId": "mode/button/danger/iconColor/disabled",
+    "reference": "mode/button/danger/fgColor/disabled",
+    "collection": "mode",
+    "mode": "dark",
+    "group": "component (internal)",
+    "scopes": ["TEXT_FILL", "SHAPE_FILL"]
+  },
   {
     "name": "button/danger/bgColor/rest",
     "value": {