@primer/primitives 11.5.0-rc.eeffc81e → 11.5.1-rc.6029befd

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

@@ -20296,9 +20296,33 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#f6f8fa",
+        "dark": "#e0e6eb",
+        "dark-high-contrast": {
+          "$value": "#dae0e7",
+          "filePath": "src/tokens/functional/color/control.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-tritanopia-high-contrast": {
+          "$value": "#dae0e7",
+          "filePath": "src/tokens/functional/color/control.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-protanopia-deuteranopia-high-contrast": {
+          "$value": "#dae0e7",
+          "filePath": "src/tokens/functional/color/control.json5",
+          "isSource": true,
+          "$type": "color"
+        },
         "dark-dimmed": {
-          "$value": "#f6f8fa",
+          "$value": "#dae0e7",
+          "filePath": "src/tokens/functional/color/control.json5",
+          "isSource": true,
+          "$type": "color"
+        },
+        "dark-dimmed-high-contrast": {
+          "$value": "#dae0e7",
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -20317,9 +20341,33 @@
           "scopes": ["bgColor"]
         },
         "org.primer.overrides": {
-          "dark": "{bgColor.inset}",
+          "dark": "{base.color.neutral.4}",
+          "dark-high-contrast": {
+            "$value": "{base.color.neutral.5}",
+            "filePath": "src/tokens/functional/color/control.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-tritanopia-high-contrast": {
+            "$value": "{base.color.neutral.5}",
+            "filePath": "src/tokens/functional/color/control.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-protanopia-deuteranopia-high-contrast": {
+            "$value": "{base.color.neutral.5}",
+            "filePath": "src/tokens/functional/color/control.json5",
+            "isSource": true,
+            "$type": "color"
+          },
           "dark-dimmed": {
-            "$value": "{bgColor.inset}",
+            "$value": "{base.color.neutral.5}",
+            "filePath": "src/tokens/functional/color/control.json5",
+            "isSource": true,
+            "$type": "color"
+          },
+          "dark-dimmed-high-contrast": {
+            "$value": "{base.color.neutral.5}",
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
@@ -20759,33 +20807,33 @@
         "scopes": ["bgColor"]
       },
       "org.primer.overrides": {
-        "dark": "#e0e6eb",
+        "dark": "#ffffff",
         "dark-high-contrast": {
-          "$value": "#dae0e7",
+          "$value": "#ffffff",
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-tritanopia-high-contrast": {
-          "$value": "#dae0e7",
+          "$value": "#ffffff",
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-protanopia-deuteranopia-high-contrast": {
-          "$value": "#dae0e7",
+          "$value": "#ffffff",
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-dimmed": {
-          "$value": "#dae0e7",
+          "$value": "#eff2f5",
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
         },
         "dark-dimmed-high-contrast": {
-          "$value": "#dae0e7",
+          "$value": "#eff2f5",
           "filePath": "src/tokens/functional/color/control.json5",
           "isSource": true,
           "$type": "color"
@@ -20822,33 +20870,33 @@
           "scopes": ["bgColor"]
         },
         "org.primer.overrides": {
-          "dark": "{base.color.neutral.4}",
+          "dark": "{base.color.neutral.0}",
           "dark-high-contrast": {
-            "$value": "{base.color.neutral.5}",
+            "$value": "{base.color.neutral.0}",
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-tritanopia-high-contrast": {
-            "$value": "{base.color.neutral.5}",
+            "$value": "{base.color.neutral.0}",
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-protanopia-deuteranopia-high-contrast": {
-            "$value": "{base.color.neutral.5}",
+            "$value": "{base.color.neutral.0}",
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-dimmed": {
-            "$value": "{base.color.neutral.5}",
+            "$value": "{base.color.neutral.2}",
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
           },
           "dark-dimmed-high-contrast": {
-            "$value": "{base.color.neutral.5}",
+            "$value": "{base.color.neutral.2}",
             "filePath": "src/tokens/functional/color/control.json5",
             "isSource": true,
             "$type": "color"
@@ -38584,7 +38632,7 @@
         "dark-high-contrast": "#1f2328",
         "dark-tritanopia-high-contrast": "#1f2328",
         "dark-protanopia-deuteranopia-high-contrast": "#1f2328",
-        "dark-dimmed": "#25292e",
+        "dark-dimmed": "#393f46",
         "dark-dimmed-high-contrast": "#25292e"
       },
       "org.primer.llm": {
@@ -38612,7 +38660,7 @@
           "dark-high-contrast": "{base.color.neutral.13}",
           "dark-tritanopia-high-contrast": "{base.color.neutral.13}",
           "dark-protanopia-deuteranopia-high-contrast": "{base.color.neutral.13}",
-          "dark-dimmed": "{base.color.neutral.12}",
+          "dark-dimmed": "{base.color.neutral.11}",
           "dark-dimmed-high-contrast": "{base.color.neutral.12}"
         },
         "org.primer.llm": {

package/dist/fallbacks/base/size/z-index.json

@@ -0,0 +1,9 @@
+{
+  "--base-zIndex-0": 0,
+  "--base-zIndex-100": 100,
+  "--base-zIndex-200": 200,
+  "--base-zIndex-300": 300,
+  "--base-zIndex-400": 400,
+  "--base-zIndex-500": 500,
+  "--base-zIndex-600": 600
+}

package/dist/fallbacks/functional/size/z-index.json

@@ -0,0 +1,10 @@
+{
+  "--zIndex-behind": -1,
+  "--zIndex-default": 0,
+  "--zIndex-sticky": 100,
+  "--zIndex-dropdown": 200,
+  "--zIndex-overlay": 300,
+  "--zIndex-modal": 400,
+  "--zIndex-popover": 500,
+  "--zIndex-skipLink": 600
+}

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

@@ -2777,14 +2777,14 @@
   {
     "name": "controlTrack/bgColor/rest",
     "value": {
-      "r": 0.14901960784313725,
-      "g": 0.17254901960784313,
-      "b": 0.21176470588235294,
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/controlTrack/bgColor/rest",
-    "reference": "base/color/dark/base/color/neutral/4",
+    "reference": "base/color/dark/base/color/neutral/0",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component (internal)",
@@ -2905,14 +2905,14 @@
   {
     "name": "controlKnob/bgColor/rest",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
+      "r": 0.14901960784313725,
+      "g": 0.17254901960784313,
+      "b": 0.21176470588235294,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/controlKnob/bgColor/rest",
-    "reference": "mode/bgColor/inset",
+    "reference": "base/color/dark/base/color/neutral/4",
     "collection": "mode",
     "mode": "dark protanopia deuteranopia",
     "group": "component (internal)",

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

@@ -2242,9 +2242,9 @@
   {
     "name": "control/fgColor/rest",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.8196078431372549,
+      "g": 0.8431372549019608,
+      "b": 0.8784313725490196,
       "a": 1
     },
     "type": "COLOR",
@@ -2770,14 +2770,14 @@
   {
     "name": "controlTrack/bgColor/rest",
     "value": {
-      "r": 0.16470588235294117,
-      "g": 0.19215686274509805,
-      "b": 0.23529411764705882,
+      "r": 0.08235294117647059,
+      "g": 0.10588235294117647,
+      "b": 0.13725490196078433,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/controlTrack/bgColor/rest",
-    "reference": "base/color/dark/base/color/neutral/5",
+    "reference": "base/color/dark/base/color/neutral/2",
     "collection": "mode",
     "mode": "dark dimmed",
     "group": "component (internal)",
@@ -2898,14 +2898,14 @@
   {
     "name": "controlKnob/bgColor/rest",
     "value": {
-      "r": 0.08235294117647059,
-      "g": 0.10588235294117647,
-      "b": 0.13725490196078433,
+      "r": 0.16470588235294117,
+      "g": 0.19215686274509805,
+      "b": 0.23529411764705882,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/controlKnob/bgColor/rest",
-    "reference": "mode/bgColor/inset",
+    "reference": "base/color/dark/base/color/neutral/5",
     "collection": "mode",
     "mode": "dark dimmed",
     "group": "component (internal)",
@@ -8098,15 +8098,15 @@
   {
     "name": "fgColor/default",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.8196078431372549,
+      "g": 0.8431372549019608,
+      "b": 0.8784313725490196,
       "a": 1
     },
     "type": "COLOR",
     "description": "Default text color for primary content and headings",
     "refId": "mode/fgColor/default",
-    "reference": "base/color/dark/base/color/neutral/12",
+    "reference": "base/color/dark/base/color/neutral/11",
     "collection": "mode",
     "mode": "dark dimmed",
     "group": "semantic",
@@ -9365,9 +9365,9 @@
   {
     "name": "button/default/fgColor/rest",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.8196078431372549,
+      "g": 0.8431372549019608,
+      "b": 0.8784313725490196,
       "a": 1
     },
     "type": "COLOR",
@@ -9812,9 +9812,9 @@
   {
     "name": "button/invisible/fgColor/rest",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.8196078431372549,
+      "g": 0.8431372549019608,
+      "b": 0.8784313725490196,
       "a": 1
     },
     "type": "COLOR",
@@ -9828,9 +9828,9 @@
   {
     "name": "button/invisible/fgColor/hover",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.8196078431372549,
+      "g": 0.8431372549019608,
+      "b": 0.8784313725490196,
       "a": 1
     },
     "type": "COLOR",
@@ -9844,9 +9844,9 @@
   {
     "name": "button/invisible/fgColor/active",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.8196078431372549,
+      "g": 0.8431372549019608,
+      "b": 0.8784313725490196,
       "a": 1
     },
     "type": "COLOR",
@@ -11396,9 +11396,9 @@
   {
     "name": "codeMirror/fgColor",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.8196078431372549,
+      "g": 0.8431372549019608,
+      "b": 0.8784313725490196,
       "a": 1
     },
     "type": "COLOR",
@@ -11492,9 +11492,9 @@
   {
     "name": "codeMirror/cursor/fgColor",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.8196078431372549,
+      "g": 0.8431372549019608,
+      "b": 0.8784313725490196,
       "a": 1
     },
     "type": "COLOR",
@@ -11540,9 +11540,9 @@
   {
     "name": "codeMirror/matchingBracket/fgColor",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.8196078431372549,
+      "g": 0.8431372549019608,
+      "b": 0.8784313725490196,
       "a": 1
     },
     "type": "COLOR",
@@ -12053,9 +12053,9 @@
   {
     "name": "diffBlob/additionLine/fgColor",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.8196078431372549,
+      "g": 0.8431372549019608,
+      "b": 0.8784313725490196,
       "a": 1
     },
     "type": "COLOR",
@@ -12086,9 +12086,9 @@
   {
     "name": "diffBlob/additionWord/fgColor",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.8196078431372549,
+      "g": 0.8431372549019608,
+      "b": 0.8784313725490196,
       "a": 1
     },
     "type": "COLOR",
@@ -12119,9 +12119,9 @@
   {
     "name": "diffBlob/additionNum/fgColor",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.8196078431372549,
+      "g": 0.8431372549019608,
+      "b": 0.8784313725490196,
       "a": 1
     },
     "type": "COLOR",
@@ -12152,9 +12152,9 @@
   {
     "name": "diffBlob/deletionLine/fgColor",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.8196078431372549,
+      "g": 0.8431372549019608,
+      "b": 0.8784313725490196,
       "a": 1
     },
     "type": "COLOR",
@@ -12184,9 +12184,9 @@
   {
     "name": "diffBlob/deletionWord/fgColor",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.8196078431372549,
+      "g": 0.8431372549019608,
+      "b": 0.8784313725490196,
       "a": 1
     },
     "type": "COLOR",
@@ -12217,9 +12217,9 @@
   {
     "name": "diffBlob/deletionNum/fgColor",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.8196078431372549,
+      "g": 0.8431372549019608,
+      "b": 0.8784313725490196,
       "a": 1
     },
     "type": "COLOR",
@@ -12282,9 +12282,9 @@
   {
     "name": "diffBlob/hunkNum/fgColor/rest",
     "value": {
-      "r": 0.9411764705882353,
-      "g": 0.9647058823529412,
-      "b": 0.9882352941176471,
+      "r": 0.8196078431372549,
+      "g": 0.8431372549019608,
+      "b": 0.8784313725490196,
       "a": 1
     },
     "type": "COLOR",

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

@@ -2769,14 +2769,14 @@
   {
     "name": "controlTrack/bgColor/rest",
     "value": {
-      "r": 0.16470588235294117,
-      "g": 0.19215686274509805,
-      "b": 0.23529411764705882,
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/controlTrack/bgColor/rest",
-    "reference": "base/color/dark/base/color/neutral/5",
+    "reference": "base/color/dark/base/color/neutral/0",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "component (internal)",
@@ -2897,14 +2897,14 @@
   {
     "name": "controlKnob/bgColor/rest",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
+      "r": 0.16470588235294117,
+      "g": 0.19215686274509805,
+      "b": 0.23529411764705882,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/controlKnob/bgColor/rest",
-    "reference": "mode/bgColor/inset",
+    "reference": "base/color/dark/base/color/neutral/5",
     "collection": "mode",
     "mode": "dark high contrast",
     "group": "component (internal)",

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

@@ -2776,14 +2776,14 @@
   {
     "name": "controlTrack/bgColor/rest",
     "value": {
-      "r": 0.14901960784313725,
-      "g": 0.17254901960784313,
-      "b": 0.21176470588235294,
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/controlTrack/bgColor/rest",
-    "reference": "base/color/dark/base/color/neutral/4",
+    "reference": "base/color/dark/base/color/neutral/0",
     "collection": "mode",
     "mode": "dark tritanopia",
     "group": "component (internal)",
@@ -2904,14 +2904,14 @@
   {
     "name": "controlKnob/bgColor/rest",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
+      "r": 0.14901960784313725,
+      "g": 0.17254901960784313,
+      "b": 0.21176470588235294,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/controlKnob/bgColor/rest",
-    "reference": "mode/bgColor/inset",
+    "reference": "base/color/dark/base/color/neutral/4",
     "collection": "mode",
     "mode": "dark tritanopia",
     "group": "component (internal)",

package/dist/figma/themes/dark.json

@@ -2771,14 +2771,14 @@
   {
     "name": "controlTrack/bgColor/rest",
     "value": {
-      "r": 0.14901960784313725,
-      "g": 0.17254901960784313,
-      "b": 0.21176470588235294,
+      "r": 0.00392156862745098,
+      "g": 0.01568627450980392,
+      "b": 0.03529411764705882,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/controlTrack/bgColor/rest",
-    "reference": "base/color/dark/base/color/neutral/4",
+    "reference": "base/color/dark/base/color/neutral/0",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",
@@ -2899,14 +2899,14 @@
   {
     "name": "controlKnob/bgColor/rest",
     "value": {
-      "r": 0.00392156862745098,
-      "g": 0.01568627450980392,
-      "b": 0.03529411764705882,
+      "r": 0.14901960784313725,
+      "g": 0.17254901960784313,
+      "b": 0.21176470588235294,
       "a": 1
     },
     "type": "COLOR",
     "refId": "mode/controlKnob/bgColor/rest",
-    "reference": "mode/bgColor/inset",
+    "reference": "base/color/dark/base/color/neutral/4",
     "collection": "mode",
     "mode": "dark",
     "group": "component (internal)",

package/dist/internalCss/dark-colorblind-high-contrast.css

@@ -467,9 +467,9 @@
   --control-transparent-bgColor-rest: var(--base-color-transparent);
   --control-transparent-bgColor-selected: var(--base-color-neutral-6);
   --control-transparent-borderColor-rest: var(--base-color-transparent);
+  --controlKnob-bgColor-rest: var(--base-color-neutral-5);
   --controlTrack-bgColor-active: var(--base-color-neutral-7);
   --controlTrack-bgColor-hover: var(--base-color-neutral-6);
-  --controlTrack-bgColor-rest: var(--base-color-neutral-5);
   --data-auburn-color-emphasis: var(--base-display-color-auburn-5);
   --data-auburn-color-muted: var(--base-display-color-auburn-0);
   --data-blue-color-emphasis: var(--base-display-color-blue-5);
@@ -1042,6 +1042,7 @@
   --control-transparent-borderColor-hover: var(--borderColor-default);
   --controlKnob-bgColor-checked: var(--base-color-neutral-13);
   --controlTrack-bgColor-disabled: var(--fgColor-disabled);
+  --controlTrack-bgColor-rest: var(--base-color-neutral-0);
   --controlTrack-borderColor-disabled: var(--fgColor-disabled);
   --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
   --counter-bgColor-muted: var(--bgColor-neutral-muted);
@@ -1156,7 +1157,6 @@
   --control-danger-fgColor-hover: var(--fgColor-onEmphasis);
   --control-fgColor-rest: var(--fgColor-default);
   --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
-  --controlKnob-bgColor-rest: var(--bgColor-inset);
   --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
   --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
   --controlTrack-borderColor-rest: var(--borderColor-emphasis);
@@ -1669,9 +1669,9 @@
     --control-transparent-bgColor-rest: var(--base-color-transparent);
     --control-transparent-bgColor-selected: var(--base-color-neutral-6);
     --control-transparent-borderColor-rest: var(--base-color-transparent);
+    --controlKnob-bgColor-rest: var(--base-color-neutral-5);
     --controlTrack-bgColor-active: var(--base-color-neutral-7);
     --controlTrack-bgColor-hover: var(--base-color-neutral-6);
-    --controlTrack-bgColor-rest: var(--base-color-neutral-5);
     --data-auburn-color-emphasis: var(--base-display-color-auburn-5);
     --data-auburn-color-muted: var(--base-display-color-auburn-0);
     --data-blue-color-emphasis: var(--base-display-color-blue-5);
@@ -2244,6 +2244,7 @@
     --control-transparent-borderColor-hover: var(--borderColor-default);
     --controlKnob-bgColor-checked: var(--base-color-neutral-13);
     --controlTrack-bgColor-disabled: var(--fgColor-disabled);
+    --controlTrack-bgColor-rest: var(--base-color-neutral-0);
     --controlTrack-borderColor-disabled: var(--fgColor-disabled);
     --counter-bgColor-emphasis: var(--bgColor-neutral-emphasis);
     --counter-bgColor-muted: var(--bgColor-neutral-muted);
@@ -2358,7 +2359,6 @@
     --control-danger-fgColor-hover: var(--fgColor-onEmphasis);
     --control-fgColor-rest: var(--fgColor-default);
     --controlKnob-bgColor-disabled: var(--control-bgColor-disabled);
-    --controlKnob-bgColor-rest: var(--bgColor-inset);
     --controlKnob-borderColor-checked: var(--control-checked-bgColor-rest);
     --controlKnob-borderColor-disabled: var(--control-bgColor-disabled);
     --controlTrack-borderColor-rest: var(--borderColor-emphasis);