@primer/primitives 7.5.1 → 7.6.0

package/dist/scss/colors/_dark_colorblind.scss

@@ -55,7 +55,7 @@
     --color-codemirror-bg: #0d1117;
     --color-codemirror-gutters-bg: #0d1117;
     --color-codemirror-guttermarker-text: #0d1117;
-    --color-codemirror-guttermarker-subtle-text: #484f58;
+    --color-codemirror-guttermarker-subtle-text: #6e7681;
     --color-codemirror-linenumber-text: #8b949e;
     --color-codemirror-cursor: #c9d1d9;
     --color-codemirror-selection-bg: rgba(56,139,253,0.4);
@@ -80,7 +80,7 @@
     --color-checks-btn-hover-icon: #c9d1d9;
     --color-checks-btn-hover-bg: rgba(110,118,129,0.1);
     --color-checks-input-text: #8b949e;
-    --color-checks-input-placeholder-text: #484f58;
+    --color-checks-input-placeholder-text: #6e7681;
     --color-checks-input-focus-text: #c9d1d9;
     --color-checks-input-bg: #161b22;
     --color-checks-input-shadow: 0 0 0 1px (obj) => get_1.default(obj, path);
@@ -102,8 +102,8 @@
     --color-checks-header-border: #21262d;
     --color-checks-header-icon: #8b949e;
     --color-checks-line-text: #8b949e;
-    --color-checks-line-num-text: #484f58;
-    --color-checks-line-timestamp-text: #484f58;
+    --color-checks-line-num-text: #6e7681;
+    --color-checks-line-timestamp-text: #6e7681;
     --color-checks-line-hover-bg: rgba(110,118,129,0.1);
     --color-checks-line-selected-bg: rgba(56,139,253,0.15);
     --color-checks-line-selected-num-text: #58a6ff;
@@ -116,10 +116,10 @@
     --color-checks-step-error-text: #d47616;
     --color-checks-step-warning-text: #d29922;
     --color-checks-logline-text: #8b949e;
-    --color-checks-logline-num-text: #484f58;
+    --color-checks-logline-num-text: #6e7681;
     --color-checks-logline-debug-text: #a371f7;
     --color-checks-logline-error-text: #8b949e;
-    --color-checks-logline-error-num-text: #484f58;
+    --color-checks-logline-error-num-text: #6e7681;
     --color-checks-logline-error-bg: rgba(212,118,22,0.15);
     --color-checks-logline-warning-text: #8b949e;
     --color-checks-logline-warning-num-text: #d29922;
@@ -259,7 +259,7 @@
     --color-btn-danger-focus-shadow: 0 0 0 3px rgba(212,118,22,0.4);
     --color-btn-danger-counter-bg: rgba(183,97,0,0.1);
     --color-btn-danger-icon: #d47616;
-    --color-underlinenav-icon: #484f58;
+    --color-underlinenav-icon: #6e7681;
     --color-underlinenav-border-hover: rgba(110,118,129,0.4);
     --color-action-list-item-inline-divider: rgba(48,54,61,0.48);
     --color-action-list-item-default-hover-bg: rgba(177,186,196,0.12);
@@ -270,9 +270,17 @@
     --color-action-list-item-danger-hover-bg: rgba(212,118,22,0.16);
     --color-action-list-item-danger-active-bg: rgba(212,118,22,0.24);
     --color-action-list-item-danger-hover-text: #ec8e2c;
+    --color-switch-track-bg: #010409;
+    --color-switch-track-border: #6e7681;
+    --color-switch-track-checked-bg: rgba(31,111,235,0.35);
+    --color-switch-track-checked-hover-bg: rgba(31,111,235,0.5);
+    --color-switch-track-checked-active-bg: rgba(31,111,235,0.65);
+    --color-switch-track-checked-border: #58a6ff;
+    --color-switch-knob-checked-bg: #1f6feb;
+    --color-switch-knob-checked-disabled-bg: #484f58;
     --color-fg-default: #c9d1d9;
     --color-fg-muted: #8b949e;
-    --color-fg-subtle: #484f58;
+    --color-fg-subtle: #6e7681;
     --color-fg-on-emphasis: #ffffff;
     --color-canvas-default: #0d1117;
     --color-canvas-overlay: #161b22;

package/dist/scss/colors/_dark_dimmed.scss

@@ -55,7 +55,7 @@
     --color-codemirror-bg: #22272e;
     --color-codemirror-gutters-bg: #22272e;
     --color-codemirror-guttermarker-text: #22272e;
-    --color-codemirror-guttermarker-subtle-text: #545d68;
+    --color-codemirror-guttermarker-subtle-text: #636e7b;
     --color-codemirror-linenumber-text: #768390;
     --color-codemirror-cursor: #adbac7;
     --color-codemirror-selection-bg: rgba(65,132,228,0.4);
@@ -80,7 +80,7 @@
     --color-checks-btn-hover-icon: #adbac7;
     --color-checks-btn-hover-bg: rgba(99,110,123,0.1);
     --color-checks-input-text: #768390;
-    --color-checks-input-placeholder-text: #545d68;
+    --color-checks-input-placeholder-text: #636e7b;
     --color-checks-input-focus-text: #adbac7;
     --color-checks-input-bg: #2d333b;
     --color-checks-input-shadow: 0 0 0 1px (obj) => get_1.default(obj, path);
@@ -102,8 +102,8 @@
     --color-checks-header-border: #373e47;
     --color-checks-header-icon: #768390;
     --color-checks-line-text: #768390;
-    --color-checks-line-num-text: #545d68;
-    --color-checks-line-timestamp-text: #545d68;
+    --color-checks-line-num-text: #636e7b;
+    --color-checks-line-timestamp-text: #636e7b;
     --color-checks-line-hover-bg: rgba(99,110,123,0.1);
     --color-checks-line-selected-bg: rgba(65,132,228,0.15);
     --color-checks-line-selected-num-text: #539bf5;
@@ -116,10 +116,10 @@
     --color-checks-step-error-text: #e5534b;
     --color-checks-step-warning-text: #c69026;
     --color-checks-logline-text: #768390;
-    --color-checks-logline-num-text: #545d68;
+    --color-checks-logline-num-text: #636e7b;
     --color-checks-logline-debug-text: #986ee2;
     --color-checks-logline-error-text: #768390;
-    --color-checks-logline-error-num-text: #545d68;
+    --color-checks-logline-error-num-text: #636e7b;
     --color-checks-logline-error-bg: rgba(229,83,75,0.15);
     --color-checks-logline-warning-text: #768390;
     --color-checks-logline-warning-num-text: #c69026;
@@ -259,7 +259,7 @@
     --color-btn-danger-focus-shadow: 0 0 0 3px rgba(229,83,75,0.4);
     --color-btn-danger-counter-bg: rgba(201,60,55,0.1);
     --color-btn-danger-icon: #e5534b;
-    --color-underlinenav-icon: #545d68;
+    --color-underlinenav-icon: #636e7b;
     --color-underlinenav-border-hover: rgba(99,110,123,0.4);
     --color-action-list-item-inline-divider: rgba(68,76,86,0.48);
     --color-action-list-item-default-hover-bg: rgba(144,157,171,0.12);
@@ -270,9 +270,17 @@
     --color-action-list-item-danger-hover-bg: rgba(229,83,75,0.16);
     --color-action-list-item-danger-active-bg: rgba(229,83,75,0.24);
     --color-action-list-item-danger-hover-text: #f47067;
+    --color-switch-track-bg: #1c2128;
+    --color-switch-track-border: #636e7b;
+    --color-switch-track-checked-bg: rgba(49,109,202,0.35);
+    --color-switch-track-checked-hover-bg: rgba(49,109,202,0.5);
+    --color-switch-track-checked-active-bg: rgba(49,109,202,0.65);
+    --color-switch-track-checked-border: #539bf5;
+    --color-switch-knob-checked-bg: #316dca;
+    --color-switch-knob-checked-disabled-bg: #545d68;
     --color-fg-default: #adbac7;
     --color-fg-muted: #768390;
-    --color-fg-subtle: #545d68;
+    --color-fg-subtle: #636e7b;
     --color-fg-on-emphasis: #cdd9e5;
     --color-canvas-default: #22272e;
     --color-canvas-overlay: #2d333b;

package/dist/scss/colors/_dark_high_contrast.scss

@@ -55,7 +55,7 @@
     --color-codemirror-bg: #0a0c10;
     --color-codemirror-gutters-bg: #0a0c10;
     --color-codemirror-guttermarker-text: #0a0c10;
-    --color-codemirror-guttermarker-subtle-text: #7a828e;
+    --color-codemirror-guttermarker-subtle-text: #9ea7b3;
     --color-codemirror-linenumber-text: #f0f3f6;
     --color-codemirror-cursor: #f0f3f6;
     --color-codemirror-selection-bg: rgba(64,158,255,0.4);
@@ -80,7 +80,7 @@
     --color-checks-btn-hover-icon: #f0f3f6;
     --color-checks-btn-hover-bg: rgba(158,167,179,0.1);
     --color-checks-input-text: #f0f3f6;
-    --color-checks-input-placeholder-text: #7a828e;
+    --color-checks-input-placeholder-text: #9ea7b3;
     --color-checks-input-focus-text: #f0f3f6;
     --color-checks-input-bg: #272b33;
     --color-checks-input-shadow: 0 0 0 1px (obj) => get_1.default(obj, path);
@@ -102,8 +102,8 @@
     --color-checks-header-border: #7a828e;
     --color-checks-header-icon: #f0f3f6;
     --color-checks-line-text: #f0f3f6;
-    --color-checks-line-num-text: #7a828e;
-    --color-checks-line-timestamp-text: #7a828e;
+    --color-checks-line-num-text: #9ea7b3;
+    --color-checks-line-timestamp-text: #9ea7b3;
     --color-checks-line-hover-bg: rgba(158,167,179,0.1);
     --color-checks-line-selected-bg: rgba(64,158,255,0.15);
     --color-checks-line-selected-num-text: #71b7ff;
@@ -116,10 +116,10 @@
     --color-checks-step-error-text: #ff6a69;
     --color-checks-step-warning-text: #f0b72f;
     --color-checks-logline-text: #f0f3f6;
-    --color-checks-logline-num-text: #7a828e;
+    --color-checks-logline-num-text: #9ea7b3;
     --color-checks-logline-debug-text: #b780ff;
     --color-checks-logline-error-text: #f0f3f6;
-    --color-checks-logline-error-num-text: #7a828e;
+    --color-checks-logline-error-num-text: #9ea7b3;
     --color-checks-logline-error-bg: rgba(255,106,105,0.15);
     --color-checks-logline-warning-text: #f0f3f6;
     --color-checks-logline-warning-num-text: #f0b72f;
@@ -270,9 +270,17 @@
     --color-action-list-item-danger-hover-bg: #ff6a69;
     --color-action-list-item-danger-active-bg: #ff4445;
     --color-action-list-item-danger-hover-text: #0a0c10;
+    --color-switch-track-bg: #010409;
+    --color-switch-track-border: #7a828e;
+    --color-switch-track-checked-bg: rgba(64,158,255,0.35);
+    --color-switch-track-checked-hover-bg: rgba(64,158,255,0.5);
+    --color-switch-track-checked-active-bg: rgba(64,158,255,0.65);
+    --color-switch-track-checked-border: #409eff;
+    --color-switch-knob-checked-bg: #409eff;
+    --color-switch-knob-checked-disabled-bg: #7a828e;
     --color-fg-default: #f0f3f6;
     --color-fg-muted: #f0f3f6;
-    --color-fg-subtle: #7a828e;
+    --color-fg-subtle: #9ea7b3;
     --color-fg-on-emphasis: #0a0c10;
     --color-canvas-default: #0a0c10;
     --color-canvas-overlay: #272b33;

package/dist/scss/colors/_light.scss

@@ -270,6 +270,14 @@
     --color-action-list-item-danger-hover-bg: rgba(255,235,233,0.64);
     --color-action-list-item-danger-active-bg: #FFEBE9;
     --color-action-list-item-danger-hover-text: #cf222e;
+    --color-switch-track-bg: #eaeef2;
+    --color-switch-track-border: #afb8c1;
+    --color-switch-track-checked-bg: #ddf4ff;
+    --color-switch-track-checked-hover-bg: #b6e3ff;
+    --color-switch-track-checked-active-bg: #80ccff;
+    --color-switch-track-checked-border: #54aeff;
+    --color-switch-knob-checked-bg: #0969da;
+    --color-switch-knob-checked-disabled-bg: #6e7781;
     --color-fg-default: #24292f;
     --color-fg-muted: #57606a;
     --color-fg-subtle: #6e7781;

package/dist/scss/colors/_light_colorblind.scss

@@ -270,6 +270,14 @@
     --color-action-list-item-danger-hover-bg: rgba(255,245,232,0.64);
     --color-action-list-item-danger-active-bg: #fff5e8;
     --color-action-list-item-danger-hover-text: #b35900;
+    --color-switch-track-bg: #eaeef2;
+    --color-switch-track-border: #afb8c1;
+    --color-switch-track-checked-bg: #ddf4ff;
+    --color-switch-track-checked-hover-bg: #b6e3ff;
+    --color-switch-track-checked-active-bg: #80ccff;
+    --color-switch-track-checked-border: #54aeff;
+    --color-switch-knob-checked-bg: #0969da;
+    --color-switch-knob-checked-disabled-bg: #6e7781;
     --color-fg-default: #24292f;
     --color-fg-muted: #57606a;
     --color-fg-subtle: #6e7781;

package/dist/scss/colors/_light_high_contrast.scss

@@ -270,6 +270,14 @@
     --color-action-list-item-danger-hover-bg: #a0111f;
     --color-action-list-item-danger-active-bg: #6e011a;
     --color-action-list-item-danger-hover-text: #ffffff;
+    --color-switch-track-bg: #ffffff;
+    --color-switch-track-border: #20252C;
+    --color-switch-track-checked-bg: #dff7ff;
+    --color-switch-track-checked-hover-bg: #9cd7ff;
+    --color-switch-track-checked-active-bg: #67b3fd;
+    --color-switch-track-checked-border: #0349b4;
+    --color-switch-knob-checked-bg: #0349b4;
+    --color-switch-knob-checked-disabled-bg: #66707B;
     --color-fg-default: #0E1116;
     --color-fg-muted: #0E1116;
     --color-fg-subtle: #66707B;

package/dist/ts/colors/dark.ts

@@ -75,7 +75,7 @@ export default {
     "bg": "#0d1117",
     "guttersBg": "#0d1117",
     "guttermarkerText": "#0d1117",
-    "guttermarkerSubtleText": "#484f58",
+    "guttermarkerSubtleText": "#6e7681",
     "linenumberText": "#8b949e",
     "cursor": "#c9d1d9",
     "selectionBg": "rgba(56,139,253,0.4)",
@@ -104,7 +104,7 @@ export default {
     "btnHoverIcon": "#c9d1d9",
     "btnHoverBg": "rgba(110,118,129,0.1)",
     "inputText": "#8b949e",
-    "inputPlaceholderText": "#484f58",
+    "inputPlaceholderText": "#6e7681",
     "inputFocusText": "#c9d1d9",
     "inputBg": "#161b22",
     "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
@@ -126,8 +126,8 @@ export default {
     "headerBorder": "#21262d",
     "headerIcon": "#8b949e",
     "lineText": "#8b949e",
-    "lineNumText": "#484f58",
-    "lineTimestampText": "#484f58",
+    "lineNumText": "#6e7681",
+    "lineTimestampText": "#6e7681",
     "lineHoverBg": "rgba(110,118,129,0.1)",
     "lineSelectedBg": "rgba(56,139,253,0.15)",
     "lineSelectedNumText": "#58a6ff",
@@ -140,10 +140,10 @@ export default {
     "stepErrorText": "#f85149",
     "stepWarningText": "#d29922",
     "loglineText": "#8b949e",
-    "loglineNumText": "#484f58",
+    "loglineNumText": "#6e7681",
     "loglineDebugText": "#a371f7",
     "loglineErrorText": "#8b949e",
-    "loglineErrorNumText": "#484f58",
+    "loglineErrorNumText": "#6e7681",
     "loglineErrorBg": "rgba(248,81,73,0.15)",
     "loglineWarningText": "#8b949e",
     "loglineWarningNumText": "#d29922",
@@ -327,7 +327,7 @@ export default {
     }
   },
   "underlinenav": {
-    "icon": "#484f58",
+    "icon": "#6e7681",
     "borderHover": "rgba(110,118,129,0.4)"
   },
   "actionListItem": {
@@ -345,10 +345,26 @@ export default {
       "hoverText": "#ff7b72"
     }
   },
+  "switchTrack": {
+    "bg": "#010409",
+    "border": "#6e7681",
+    "checked": {
+      "bg": "rgba(31,111,235,0.35)",
+      "hoverBg": "rgba(31,111,235,0.5)",
+      "activeBg": "rgba(31,111,235,0.65)",
+      "border": "#58a6ff"
+    }
+  },
+  "switchKnob": {
+    "checked": {
+      "bg": "#1f6feb",
+      "disabledBg": "#484f58"
+    }
+  },
   "fg": {
     "default": "#c9d1d9",
     "muted": "#8b949e",
-    "subtle": "#484f58",
+    "subtle": "#6e7681",
     "onEmphasis": "#ffffff"
   },
   "canvas": {

package/dist/ts/colors/dark_colorblind.ts

@@ -75,7 +75,7 @@ export default {
     "bg": "#0d1117",
     "guttersBg": "#0d1117",
     "guttermarkerText": "#0d1117",
-    "guttermarkerSubtleText": "#484f58",
+    "guttermarkerSubtleText": "#6e7681",
     "linenumberText": "#8b949e",
     "cursor": "#c9d1d9",
     "selectionBg": "rgba(56,139,253,0.4)",
@@ -104,7 +104,7 @@ export default {
     "btnHoverIcon": "#c9d1d9",
     "btnHoverBg": "rgba(110,118,129,0.1)",
     "inputText": "#8b949e",
-    "inputPlaceholderText": "#484f58",
+    "inputPlaceholderText": "#6e7681",
     "inputFocusText": "#c9d1d9",
     "inputBg": "#161b22",
     "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
@@ -126,8 +126,8 @@ export default {
     "headerBorder": "#21262d",
     "headerIcon": "#8b949e",
     "lineText": "#8b949e",
-    "lineNumText": "#484f58",
-    "lineTimestampText": "#484f58",
+    "lineNumText": "#6e7681",
+    "lineTimestampText": "#6e7681",
     "lineHoverBg": "rgba(110,118,129,0.1)",
     "lineSelectedBg": "rgba(56,139,253,0.15)",
     "lineSelectedNumText": "#58a6ff",
@@ -140,10 +140,10 @@ export default {
     "stepErrorText": "#d47616",
     "stepWarningText": "#d29922",
     "loglineText": "#8b949e",
-    "loglineNumText": "#484f58",
+    "loglineNumText": "#6e7681",
     "loglineDebugText": "#a371f7",
     "loglineErrorText": "#8b949e",
-    "loglineErrorNumText": "#484f58",
+    "loglineErrorNumText": "#6e7681",
     "loglineErrorBg": "rgba(212,118,22,0.15)",
     "loglineWarningText": "#8b949e",
     "loglineWarningNumText": "#d29922",
@@ -327,7 +327,7 @@ export default {
     }
   },
   "underlinenav": {
-    "icon": "#484f58",
+    "icon": "#6e7681",
     "borderHover": "rgba(110,118,129,0.4)"
   },
   "actionListItem": {
@@ -345,10 +345,26 @@ export default {
       "hoverText": "#ec8e2c"
     }
   },
+  "switchTrack": {
+    "bg": "#010409",
+    "border": "#6e7681",
+    "checked": {
+      "bg": "rgba(31,111,235,0.35)",
+      "hoverBg": "rgba(31,111,235,0.5)",
+      "activeBg": "rgba(31,111,235,0.65)",
+      "border": "#58a6ff"
+    }
+  },
+  "switchKnob": {
+    "checked": {
+      "bg": "#1f6feb",
+      "disabledBg": "#484f58"
+    }
+  },
   "fg": {
     "default": "#c9d1d9",
     "muted": "#8b949e",
-    "subtle": "#484f58",
+    "subtle": "#6e7681",
     "onEmphasis": "#ffffff"
   },
   "canvas": {

package/dist/ts/colors/dark_dimmed.ts

@@ -75,7 +75,7 @@ export default {
     "bg": "#22272e",
     "guttersBg": "#22272e",
     "guttermarkerText": "#22272e",
-    "guttermarkerSubtleText": "#545d68",
+    "guttermarkerSubtleText": "#636e7b",
     "linenumberText": "#768390",
     "cursor": "#adbac7",
     "selectionBg": "rgba(65,132,228,0.4)",
@@ -104,7 +104,7 @@ export default {
     "btnHoverIcon": "#adbac7",
     "btnHoverBg": "rgba(99,110,123,0.1)",
     "inputText": "#768390",
-    "inputPlaceholderText": "#545d68",
+    "inputPlaceholderText": "#636e7b",
     "inputFocusText": "#adbac7",
     "inputBg": "#2d333b",
     "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
@@ -126,8 +126,8 @@ export default {
     "headerBorder": "#373e47",
     "headerIcon": "#768390",
     "lineText": "#768390",
-    "lineNumText": "#545d68",
-    "lineTimestampText": "#545d68",
+    "lineNumText": "#636e7b",
+    "lineTimestampText": "#636e7b",
     "lineHoverBg": "rgba(99,110,123,0.1)",
     "lineSelectedBg": "rgba(65,132,228,0.15)",
     "lineSelectedNumText": "#539bf5",
@@ -140,10 +140,10 @@ export default {
     "stepErrorText": "#e5534b",
     "stepWarningText": "#c69026",
     "loglineText": "#768390",
-    "loglineNumText": "#545d68",
+    "loglineNumText": "#636e7b",
     "loglineDebugText": "#986ee2",
     "loglineErrorText": "#768390",
-    "loglineErrorNumText": "#545d68",
+    "loglineErrorNumText": "#636e7b",
     "loglineErrorBg": "rgba(229,83,75,0.15)",
     "loglineWarningText": "#768390",
     "loglineWarningNumText": "#c69026",
@@ -327,7 +327,7 @@ export default {
     }
   },
   "underlinenav": {
-    "icon": "#545d68",
+    "icon": "#636e7b",
     "borderHover": "rgba(99,110,123,0.4)"
   },
   "actionListItem": {
@@ -345,10 +345,26 @@ export default {
       "hoverText": "#f47067"
     }
   },
+  "switchTrack": {
+    "bg": "#1c2128",
+    "border": "#636e7b",
+    "checked": {
+      "bg": "rgba(49,109,202,0.35)",
+      "hoverBg": "rgba(49,109,202,0.5)",
+      "activeBg": "rgba(49,109,202,0.65)",
+      "border": "#539bf5"
+    }
+  },
+  "switchKnob": {
+    "checked": {
+      "bg": "#316dca",
+      "disabledBg": "#545d68"
+    }
+  },
   "fg": {
     "default": "#adbac7",
     "muted": "#768390",
-    "subtle": "#545d68",
+    "subtle": "#636e7b",
     "onEmphasis": "#cdd9e5"
   },
   "canvas": {

package/dist/ts/colors/dark_high_contrast.ts

@@ -75,7 +75,7 @@ export default {
     "bg": "#0a0c10",
     "guttersBg": "#0a0c10",
     "guttermarkerText": "#0a0c10",
-    "guttermarkerSubtleText": "#7a828e",
+    "guttermarkerSubtleText": "#9ea7b3",
     "linenumberText": "#f0f3f6",
     "cursor": "#f0f3f6",
     "selectionBg": "rgba(64,158,255,0.4)",
@@ -104,7 +104,7 @@ export default {
     "btnHoverIcon": "#f0f3f6",
     "btnHoverBg": "rgba(158,167,179,0.1)",
     "inputText": "#f0f3f6",
-    "inputPlaceholderText": "#7a828e",
+    "inputPlaceholderText": "#9ea7b3",
     "inputFocusText": "#f0f3f6",
     "inputBg": "#272b33",
     "inputShadow": "0 0 0 1px (obj) => get_1.default(obj, path)",
@@ -126,8 +126,8 @@ export default {
     "headerBorder": "#7a828e",
     "headerIcon": "#f0f3f6",
     "lineText": "#f0f3f6",
-    "lineNumText": "#7a828e",
-    "lineTimestampText": "#7a828e",
+    "lineNumText": "#9ea7b3",
+    "lineTimestampText": "#9ea7b3",
     "lineHoverBg": "rgba(158,167,179,0.1)",
     "lineSelectedBg": "rgba(64,158,255,0.15)",
     "lineSelectedNumText": "#71b7ff",
@@ -140,10 +140,10 @@ export default {
     "stepErrorText": "#ff6a69",
     "stepWarningText": "#f0b72f",
     "loglineText": "#f0f3f6",
-    "loglineNumText": "#7a828e",
+    "loglineNumText": "#9ea7b3",
     "loglineDebugText": "#b780ff",
     "loglineErrorText": "#f0f3f6",
-    "loglineErrorNumText": "#7a828e",
+    "loglineErrorNumText": "#9ea7b3",
     "loglineErrorBg": "rgba(255,106,105,0.15)",
     "loglineWarningText": "#f0f3f6",
     "loglineWarningNumText": "#f0b72f",
@@ -345,10 +345,26 @@ export default {
       "hoverText": "#0a0c10"
     }
   },
+  "switchTrack": {
+    "bg": "#010409",
+    "border": "#7a828e",
+    "checked": {
+      "bg": "rgba(64,158,255,0.35)",
+      "hoverBg": "rgba(64,158,255,0.5)",
+      "activeBg": "rgba(64,158,255,0.65)",
+      "border": "#409eff"
+    }
+  },
+  "switchKnob": {
+    "checked": {
+      "bg": "#409eff",
+      "disabledBg": "#7a828e"
+    }
+  },
   "fg": {
     "default": "#f0f3f6",
     "muted": "#f0f3f6",
-    "subtle": "#7a828e",
+    "subtle": "#9ea7b3",
     "onEmphasis": "#0a0c10"
   },
   "canvas": {

package/dist/ts/colors/light.ts

@@ -345,6 +345,22 @@ export default {
       "hoverText": "#cf222e"
     }
   },
+  "switchTrack": {
+    "bg": "#eaeef2",
+    "border": "#afb8c1",
+    "checked": {
+      "bg": "#ddf4ff",
+      "hoverBg": "#b6e3ff",
+      "activeBg": "#80ccff",
+      "border": "#54aeff"
+    }
+  },
+  "switchKnob": {
+    "checked": {
+      "bg": "#0969da",
+      "disabledBg": "#6e7781"
+    }
+  },
   "fg": {
     "default": "#24292f",
     "muted": "#57606a",

package/dist/ts/colors/light_colorblind.ts

@@ -345,6 +345,22 @@ export default {
       "hoverText": "#b35900"
     }
   },
+  "switchTrack": {
+    "bg": "#eaeef2",
+    "border": "#afb8c1",
+    "checked": {
+      "bg": "#ddf4ff",
+      "hoverBg": "#b6e3ff",
+      "activeBg": "#80ccff",
+      "border": "#54aeff"
+    }
+  },
+  "switchKnob": {
+    "checked": {
+      "bg": "#0969da",
+      "disabledBg": "#6e7781"
+    }
+  },
   "fg": {
     "default": "#24292f",
     "muted": "#57606a",

package/dist/ts/colors/light_high_contrast.ts

@@ -345,6 +345,22 @@ export default {
       "hoverText": "#ffffff"
     }
   },
+  "switchTrack": {
+    "bg": "#ffffff",
+    "border": "#20252C",
+    "checked": {
+      "bg": "#dff7ff",
+      "hoverBg": "#9cd7ff",
+      "activeBg": "#67b3fd",
+      "border": "#0349b4"
+    }
+  },
+  "switchKnob": {
+    "checked": {
+      "bg": "#0349b4",
+      "disabledBg": "#66707B"
+    }
+  },
   "fg": {
     "default": "#0E1116",
     "muted": "#0E1116",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@primer/primitives",
-  "version": "7.5.1",
+  "version": "7.6.0",
   "description": "Typography, spacing, and color primitives for Primer design system",
   "files": ["dist"],
   "main": "dist/js/index.js",