@primer/primitives 7.15.4-rc.b720f44 → 7.15.5-rc.2aa7771

package/dist/removed/color.json

@@ -0,0 +1,421 @@
+{
+  "auto.black": null,
+  "auto.white": null,
+  "auto.gray.0": null,
+  "auto.gray.1": null,
+  "auto.gray.2": null,
+  "auto.gray.3": null,
+  "auto.gray.4": null,
+  "auto.gray.5": null,
+  "auto.gray.6": null,
+  "auto.gray.7": null,
+  "auto.gray.8": null,
+  "auto.gray.9": null,
+  "auto.blue.0": null,
+  "auto.blue.1": null,
+  "auto.blue.2": null,
+  "auto.blue.3": null,
+  "auto.blue.4": null,
+  "auto.blue.5": null,
+  "auto.blue.6": null,
+  "auto.blue.7": null,
+  "auto.blue.8": null,
+  "auto.blue.9": null,
+  "auto.green.0": null,
+  "auto.green.1": null,
+  "auto.green.2": null,
+  "auto.green.3": null,
+  "auto.green.4": null,
+  "auto.green.5": null,
+  "auto.green.6": null,
+  "auto.green.7": null,
+  "auto.green.8": null,
+  "auto.green.9": null,
+  "auto.yellow.0": null,
+  "auto.yellow.1": null,
+  "auto.yellow.2": null,
+  "auto.yellow.3": null,
+  "auto.yellow.4": null,
+  "auto.yellow.5": null,
+  "auto.yellow.6": null,
+  "auto.yellow.7": null,
+  "auto.yellow.8": null,
+  "auto.yellow.9": null,
+  "auto.orange.0": null,
+  "auto.orange.1": null,
+  "auto.orange.2": null,
+  "auto.orange.3": null,
+  "auto.orange.4": null,
+  "auto.orange.5": null,
+  "auto.orange.6": null,
+  "auto.orange.7": null,
+  "auto.orange.8": null,
+  "auto.orange.9": null,
+  "auto.red.0": null,
+  "auto.red.1": null,
+  "auto.red.2": null,
+  "auto.red.3": null,
+  "auto.red.4": null,
+  "auto.red.5": null,
+  "auto.red.6": null,
+  "auto.red.7": null,
+  "auto.red.8": null,
+  "auto.red.9": null,
+  "auto.purple.0": null,
+  "auto.purple.1": null,
+  "auto.purple.2": null,
+  "auto.purple.3": null,
+  "auto.purple.4": null,
+  "auto.purple.5": null,
+  "auto.purple.6": null,
+  "auto.purple.7": null,
+  "auto.purple.8": null,
+  "auto.purple.9": null,
+  "auto.pink.0": null,
+  "auto.pink.1": null,
+  "auto.pink.2": null,
+  "auto.pink.3": null,
+  "auto.pink.4": null,
+  "auto.pink.5": null,
+  "auto.pink.6": null,
+  "auto.pink.7": null,
+  "auto.pink.8": null,
+  "auto.pink.9": null,
+  "text.primary": "fg.default",
+  "text.secondary": "fg.muted",
+  "text.tertiary": "fg.muted",
+  "text.placeholder": "fg.subtle",
+  "text.disabled": "fg.muted",
+  "text.inverse": "fg.onEmphasis",
+  "text.link": "accent.fg",
+  "text.danger": "danger.fg",
+  "text.success": "success.fg",
+  "text.warning": "attention.fg",
+  "text.white": null,
+  "icon.primary": "fg.default",
+  "icon.secondary": "fg.muted",
+  "icon.tertiary": "fg.muted",
+  "icon.info": "accent.fg",
+  "icon.danger": "danger.fg",
+  "icon.success": "success.fg",
+  "icon.warning": "attention.fg",
+  "border.primary": "border.default",
+  "border.secondary": "border.muted",
+  "border.tertiary": "border.default",
+  "border.overlay": "border.default",
+  "border.inverse": "fg.onEmphasis",
+  "border.info": "accent.emphasis",
+  "border.danger": "danger.emphasis",
+  "border.success": "success.emphasis",
+  "border.warning": "attention.emphasis",
+  "bg.canvas": "canvas.default",
+  "bg.canvasMobile": null,
+  "bg.canvasInverse": "neutral.emphasis",
+  "bg.canvasInset": "canvas.inset",
+  "bg.primary": "canvas.default",
+  "bg.secondary": "canvas.subtle",
+  "bg.tertiary": "canvas.subtle",
+  "bg.overlay": "canvas.overlay",
+  "bg.backdrop": "primer.canvas.backdrop",
+  "bg.info": "accent.subtle",
+  "bg.infoInverse": "accent.emphasis",
+  "bg.danger": "danger.subtle",
+  "bg.dangerInverse": "danger.emphasis",
+  "bg.success": "success.subtle",
+  "bg.successInverse": "success.emphasis",
+  "bg.warning": "attention.subtle",
+  "bg.warningInverse": "attention.emphasis",
+  "shadow.highlight": "primer.shadow.highlight",
+  "shadow.inset": "primer.shadow.inset",
+  "state.hover.primaryBg": "accent.emphasis",
+  "state.hover.primaryBorder": "accent.emphasis",
+  "state.hover.primaryText": "fg.onEmphasis",
+  "state.hover.primaryIcon": "fg.onEmphasis",
+  "state.hover.secondaryBg": "neutral.subtle",
+  "state.hover.secondaryBorder": "neutral.subtle",
+  "state.selected.primaryBg": "accent.emphasis",
+  "state.selected.primaryBorder": "accent.emphasis",
+  "state.selected.primaryText": "fg.onEmphasis",
+  "state.selected.primaryIcon": "fg.onEmphasis",
+  "state.focus.border": "accent.emphasis",
+  "state.focus.shadow": "primer.shadow.focus",
+  "fade.fg10": null,
+  "fade.fg15": null,
+  "fade.fg30": null,
+  "fade.fg50": null,
+  "fade.fg70": null,
+  "fade.fg85": null,
+  "fade.black10": null,
+  "fade.black15": null,
+  "fade.black30": null,
+  "fade.black50": null,
+  "fade.black70": null,
+  "fade.black85": null,
+  "fade.white10": null,
+  "fade.white15": null,
+  "fade.white30": null,
+  "fade.white50": null,
+  "fade.white70": null,
+  "fade.white85": null,
+  "alert.info.text": "fg.default",
+  "alert.info.icon": "accent.fg",
+  "alert.info.bg": "accent.subtle",
+  "alert.info.border": "accent.muted",
+  "alert.warn.text": "fg.default",
+  "alert.warn.icon": "attention.fg",
+  "alert.warn.bg": "attention.subtle",
+  "alert.warn.border": "attention.muted",
+  "alert.error.text": "fg.default",
+  "alert.error.icon": "danger.fg",
+  "alert.error.bg": "danger.subtle",
+  "alert.error.border": "danger.muted",
+  "alert.success.text": "fg.default",
+  "alert.success.icon": "success.fg",
+  "alert.success.bg": "success.subtle",
+  "alert.success.border": "success.muted",
+  "autocomplete.shadow": "shadow.medium",
+  "autocomplete.rowBorder": "border.muted",
+  "blankslate.icon": "fg.muted",
+  "counter.text": "fg.default",
+  "counter.bg": "neutral.muted",
+  "counter.primary.text": "fg.onEmphasis",
+  "counter.primary.bg": "neutral.emphasis",
+  "counter.secondary.text": "fg.muted",
+  "counter.secondary.bg": "neutral.subtle",
+  "box.blueBorder": "accent.muted",
+  "box.rowYellowBg": "attention.subtle",
+  "box.rowBlueBg": "accent.subtle",
+  "box.headerBlueBg": "accent.subtle",
+  "box.headerBlueBorder": "accent.muted",
+  "box.borderInfo": "accent.muted",
+  "box.bgInfo": "accent.subtle",
+  "box.borderWarning": "attention.muted",
+  "box.bgWarning": "attention.subtle",
+  "branchName.text": "fg.muted",
+  "branchName.icon": "fg.muted",
+  "branchName.bg": "accent.subtle",
+  "branchName.link.text": "accent.fg",
+  "branchName.link.icon": "accent.fg",
+  "branchName.link.bg": "accent.subtle",
+  "markdown.codeBg": "neutral.muted",
+  "markdown.frameBorder": "border.default",
+  "markdown.blockquoteBorder": "border.default",
+  "markdown.tableBorder": "border.default",
+  "markdown.tableTrBorder": "border.muted",
+  "filterItem.barBg": "neutral.subtle",
+  "hiddenTextExpander.bg": "neutral.muted",
+  "hiddenTextExpander.bgHover": "accent.muted",
+  "dragAndDrop.border": "border.default",
+  "uploadEnabled.border": "border.default",
+  "uploadEnabled.borderFocused": "accent.emphasis",
+  "previewableCommentForm.border": "border.default",
+  "verifiedBadge.text": "success.fg",
+  "verifiedBadge.bg": "canvas.default",
+  "verifiedBadge.border": "border.default",
+  "socialCount.bg": "canvas.default",
+  "tooltip.text": "fg.onEmphasis",
+  "tooltip.bg": "neutral.emphasisPlus",
+  "filesExplorerIcon": "accent.fg",
+  "hlAuthorBg": "accent.subtle",
+  "hlAuthorBorder": "accent.muted",
+  "logoSubdued": "neutral.muted",
+  "discussionBorder": "success.muted",
+  "discussionBgSuccess": "success.emphasis",
+  "actionsWorkflowTableStickyBg": "primer.canvas.sticky",
+  "repoLanguageColorBorder": "primer.border.contrast",
+  "codeSelectionBg": "accent.muted",
+  "highlight.text": "fg.default",
+  "highlight.bg": "attention.subtle",
+  "blob.lineHighlightBg": "attention.subtle",
+  "blob.lineHighlightBorder": "attention.muted",
+  "topicTag.text": "accent.fg",
+  "topicTag.bg": "accent.subtle",
+  "topicTag.hoverBg": "accent.emphasis",
+  "topicTag.activeBg": "accent.subtle",
+  "footerInvertocat.octicon": "fg.subtle",
+  "footerInvertocat.octiconHover": "fg.muted",
+  "dropdown.shadow": "shadow.large",
+  "label.border": "border.default",
+  "label.primary.text": "fg.default",
+  "label.primary.border": "neutral.emphasis",
+  "label.secondary.text": "fg.muted",
+  "label.secondary.border": "border.default",
+  "label.info.text": "accent.fg",
+  "label.info.border": "accent.emphasis",
+  "label.success.text": "success.fg",
+  "label.success.border": "success.emphasis",
+  "label.warning.text": "attention.fg",
+  "label.warning.border": "attention.emphasis",
+  "label.danger.text": "danger.fg",
+  "label.danger.border": "danger.emphasis",
+  "label.orange.text": "severe.fg",
+  "label.orange.border": "severe.emphasis",
+  "input.bg": "canvas.default",
+  "input.contrastBg": "canvas.inset",
+  "input.border": "border.default",
+  "input.shadow": "primer.shadow.inset",
+  "input.disabledBorder": "border.default",
+  "input.warningBorder": "attention.emphasis",
+  "input.errorBorder": "danger.emphasis",
+  "input.tooltip.success.text": "fg.default",
+  "input.tooltip.success.bg": "success.subtle",
+  "input.tooltip.success.border": "success.muted",
+  "input.tooltip.warning.text": "fg.default",
+  "input.tooltip.warning.bg": "attention.subtle",
+  "input.tooltip.warning.border": "attention.muted",
+  "input.tooltip.error.text": "fg.default",
+  "input.tooltip.error.bg": "danger.subtle",
+  "input.tooltip.error.border": "danger.muted",
+  "toast.text": "fg.default",
+  "toast.bg": "canvas.default",
+  "toast.border": "border.default",
+  "toast.shadow": "shadow.large",
+  "toast.icon": "fg.onEmphasis",
+  "toast.iconBg": "accent.emphasis",
+  "toast.iconBorder": null,
+  "toast.success.text": "fg.default",
+  "toast.success.border": "border.default",
+  "toast.success.icon": "fg.onEmphasis",
+  "toast.success.iconBg": "success.emphasis",
+  "toast.success.iconBorder": null,
+  "toast.warning.text": "fg.default",
+  "toast.warning.border": "border.default",
+  "toast.warning.icon": "fg.default",
+  "toast.warning.iconBg": "attention.emphasis",
+  "toast.warning.iconBorder": null,
+  "toast.danger.text": "fg.default",
+  "toast.danger.border": "border.default",
+  "toast.danger.icon": "fg.onEmphasis",
+  "toast.danger.iconBg": "danger.emphasis",
+  "toast.danger.iconBorder": null,
+  "toast.loading.text": "fg.default",
+  "toast.loading.border": "border.default",
+  "toast.loading.icon": "fg.onEmphasis",
+  "toast.loading.iconBg": "neutral.emphasis",
+  "toast.loading.iconBorder": null,
+  "timeline.text": "fg.muted",
+  "timeline.badgeSuccessBorder": null,
+  "timeline.targetBadgeBorder": "accent.emphasis",
+  "timeline.targetBadgeShadow": "accent.muted",
+  "diffstat.neutralBg": "neutral.muted",
+  "diffstat.neutralBorder": "border.subtle",
+  "diffstat.deletionBg": "danger.emphasis",
+  "diff.addition.text": "fg.default",
+  "diff.addition.bg": "success.subtle",
+  "diff.addition.border": "success.muted",
+  "diff.deletion.text": "fg.default",
+  "diff.deletion.bg": "danger.subtle",
+  "diff.deletion.border": "danger.muted",
+  "diff.change.text": "attention.fg",
+  "diff.change.bg": "attention.subtle",
+  "diff.change.border": "attention.muted",
+  "mergeBox.successIconBg": "success.emphasis",
+  "mergeBox.successIconText": "fg.onEmphasis",
+  "mergeBox.successIconBorder": null,
+  "mergeBox.successIndicatorBg": "success.emphasis",
+  "mergeBox.successIndicatorBorder": null,
+  "mergeBox.mergedIconBg": "done.emphasis",
+  "mergeBox.mergedIconText": "fg.onEmphasis",
+  "mergeBox.mergedIconBorder": null,
+  "mergeBox.mergedBoxBorder": "done.emphasis",
+  "mergeBox.neutralIconBg": "neutral.emphasis",
+  "mergeBox.neutralIconText": "fg.onEmphasis",
+  "mergeBox.neutralIconBorder": null,
+  "mergeBox.neutralIndicatorBg": "neutral.emphasis",
+  "mergeBox.neutralIndicatorBorder": null,
+  "mergeBox.warningIconBg": "attention.emphasis",
+  "mergeBox.warningIconText": "fg.onEmphasis",
+  "mergeBox.warningIconBorder": null,
+  "mergeBox.warningBoxBorder": "attention.emphasis",
+  "mergeBox.warningMergeHighlight": null,
+  "mergeBox.errorIconBg": "danger.emphasis",
+  "mergeBox.errorIconText": "fg.onEmphasis",
+  "mergeBox.errorIconBorder": null,
+  "mergeBox.errorIndicatorBg": "danger.emphasis",
+  "mergeBox.errorIndicatorBorder": null,
+  "underlinenav.border": null,
+  "underlinenav.borderActive": "primer.border.active",
+  "underlinenav.text": "fg.default",
+  "underlinenav.textHover": "fg.default",
+  "underlinenav.textActive": "fg.default",
+  "underlinenav.iconHover": "fg.subtle",
+  "underlinenav.iconActive": "fg.default",
+  "underlinenav.counterText": "fg.default",
+  "underlinenav.counterBg": "neutral.muted",
+  "selectMenu.borderSecondary": "border.muted",
+  "selectMenu.shadow": "shadow.large",
+  "selectMenu.backdropBg": "primer.canvas.backdrop",
+  "sidenav.borderActive": "primer.border.active",
+  "menu.headingText": "fg.default",
+  "menu.borderActive": "primer.border.active",
+  "project.cardBg": "canvas.overlay",
+  "prState.draft.text": "fg.onEmphasis",
+  "prState.draft.bg": "neutral.emphasis",
+  "prState.draft.border": null,
+  "prState.open.text": "fg.onEmphasis",
+  "prState.open.bg": "success.emphasis",
+  "prState.open.border": null,
+  "prState.merged.text": "fg.onEmphasis",
+  "prState.merged.bg": "done.emphasis",
+  "prState.merged.border": null,
+  "prState.closed.text": "fg.onEmphasis",
+  "prState.closed.bg": "danger.emphasis",
+  "prState.closed.border": null,
+  "diffBlob.numText": "fg.subtle",
+  "diffBlob.numHoverText": "fg.default",
+  "diffBlob.addition.numHoverText": "fg.default",
+  "diffBlob.deletion.numHoverText": "fg.default",
+  "diffBlob.hunk.text": "fg.muted",
+  "diffBlob.hunk.lineBg": "accent.subtle",
+  "diffBlob.emptyBlockBg": "neutral.subtle",
+  "diffBlob.selectedLineHighlightBg": "attention.subtle",
+  "diffBlob.selectedLineHighlightBorder": "attention.muted",
+  "diffBlob.expander.hoverIcon": "fg.onEmphasis",
+  "diffBlob.expander.hoverBg": "accent.emphasis",
+  "diffBlob.commentButton.icon": "fg.onEmphasis",
+  "diffBlob.commentButton.bg": "accent.emphasis",
+  "diffBlob.commentButton.gradientBg": null,
+  "globalNav.logo": null,
+  "globalNav.bg": null,
+  "globalNav.text": null,
+  "globalNav.icon": null,
+  "globalNav.inputBg": null,
+  "globalNav.inputBorder": null,
+  "globalNav.inputIcon": null,
+  "globalNav.inputPlaceholder": null,
+  "introShelf.gradientLeft": "accent.subtle",
+  "introShelf.gradientRight": "success.subtle",
+  "introShelf.gradientIn": "canvas.default",
+  "introShelf.gradientOut": null,
+  "mktg.success": null,
+  "mktg.info": null,
+  "mktg.bgShadeGradient.top": null,
+  "mktg.bgShadeGradient.bottom": null,
+  "mktg.btn.bg.top": null,
+  "mktg.btn.bg.bottom": null,
+  "mktg.btn.bgOverlay.top": null,
+  "mktg.btn.bgOverlay.bottom": null,
+  "mktg.btn.text": null,
+  "mktg.btn.primary.bg.top": null,
+  "mktg.btn.primary.bg.bottom": null,
+  "mktg.btn.primary.bgOverlay.top": null,
+  "mktg.btn.primary.bgOverlay.bottom": null,
+  "mktg.btn.primary.text": null,
+  "mktg.btn.enterprise.bg.top": null,
+  "mktg.btn.enterprise.bg.bottom": null,
+  "mktg.btn.enterprise.bgOverlay.top": null,
+  "mktg.btn.enterprise.bgOverlay.bottom": null,
+  "mktg.btn.enterprise.text": null,
+  "mktg.btn.outline.text": null,
+  "mktg.btn.outline.border": null,
+  "mktg.btn.outline.hover.text": null,
+  "mktg.btn.outline.hover.border": null,
+  "mktg.btn.outline.focus.border": null,
+  "mktg.btn.outline.focus.borderInset": null,
+  "mktg.btn.dark.text": null,
+  "mktg.btn.dark.border": null,
+  "mktg.btn.dark.hover.text": null,
+  "mktg.btn.dark.hover.border": null,
+  "mktg.btn.dark.focus.border": null,
+  "mktg.btn.dark.focus.borderInset": null
+}

package/dist/scss/base/size/size.scss

@@ -0,0 +1,17 @@
+$base-size-4: 0.25rem;
+$base-size-8: 0.5rem;
+$base-size-12: 0.75rem;
+$base-size-16: 1rem;
+$base-size-20: 1.25rem;
+$base-size-24: 1.5rem;
+$base-size-28: 1.75rem;
+$base-size-32: 2rem;
+$base-size-36: 2.25rem;
+$base-size-40: 2.5rem;
+$base-size-44: 2.75rem;
+$base-size-48: 3rem;
+$base-size-64: 4rem;
+$base-size-80: 5rem;
+$base-size-96: 6rem;
+$base-size-112: 7rem;
+$base-size-128: 8rem;

package/dist/scss/base/typography/typography.scss

@@ -0,0 +1,4 @@
+$base-text-weight-light: 300;
+$base-text-weight-normal: 400;
+$base-text-weight-medium: 500;
+$base-text-weight-semibold: 600;

package/dist/scss/colors/_dark.scss

@@ -15,7 +15,7 @@
     --color-diff-blob-deletion-line-bg: rgba(248,81,73,0.1);
     --color-diff-blob-deletion-word-bg: rgba(248,81,73,0.4);
     --color-diff-blob-hunk-num-bg: rgba(56,139,253,0.4);
-    --color-diff-blob-expander-icon: #7d8590;
+    --color-diff-blob-expander-icon: #848d97;
     --color-diff-blob-selected-line-highlight-mix-blend-mode: screen;
     --color-diffstat-deletion-border: rgba(240,246,252,0.1);
     --color-diffstat-addition-border: rgba(240,246,252,0.1);
@@ -56,7 +56,7 @@
     --color-codemirror-gutters-bg: #0d1117;
     --color-codemirror-guttermarker-text: #0d1117;
     --color-codemirror-guttermarker-subtle-text: #6e7681;
-    --color-codemirror-linenumber-text: #7d8590;
+    --color-codemirror-linenumber-text: #848d97;
     --color-codemirror-cursor: #e6edf3;
     --color-codemirror-selection-bg: rgba(56,139,253,0.4);
     --color-codemirror-activeline-bg: rgba(110,118,129,0.1);
@@ -74,12 +74,12 @@
     --color-checks-run-border-width: 1px;
     --color-checks-container-border-width: 1px;
     --color-checks-text-primary: #e6edf3;
-    --color-checks-text-secondary: #7d8590;
+    --color-checks-text-secondary: #848d97;
     --color-checks-text-link: #2f81f7;
-    --color-checks-btn-icon: #7d8590;
+    --color-checks-btn-icon: #848d97;
     --color-checks-btn-hover-icon: #e6edf3;
     --color-checks-btn-hover-bg: rgba(110,118,129,0.1);
-    --color-checks-input-text: #7d8590;
+    --color-checks-input-text: #848d97;
     --color-checks-input-placeholder-text: #6e7681;
     --color-checks-input-focus-text: #e6edf3;
     --color-checks-input-bg: #161b22;
@@ -97,11 +97,11 @@
     --color-checks-dropdown-btn-hover-text: #e6edf3;
     --color-checks-dropdown-btn-hover-bg: rgba(110,118,129,0.1);
     --color-checks-scrollbar-thumb-bg: rgba(110,118,129,0.4);
-    --color-checks-header-label-text: #7d8590;
+    --color-checks-header-label-text: #848d97;
     --color-checks-header-label-open-text: #e6edf3;
     --color-checks-header-border: #21262d;
-    --color-checks-header-icon: #7d8590;
-    --color-checks-line-text: #7d8590;
+    --color-checks-header-icon: #848d97;
+    --color-checks-line-text: #848d97;
     --color-checks-line-num-text: #6e7681;
     --color-checks-line-timestamp-text: #6e7681;
     --color-checks-line-hover-bg: rgba(110,118,129,0.1);
@@ -110,18 +110,18 @@
     --color-checks-line-dt-fm-text: #ffffff;
     --color-checks-line-dt-fm-bg: #9e6a03;
     --color-checks-gate-bg: rgba(187,128,9,0.15);
-    --color-checks-gate-text: #7d8590;
+    --color-checks-gate-text: #848d97;
     --color-checks-gate-waiting-text: #d29922;
     --color-checks-step-header-open-bg: #161b22;
     --color-checks-step-error-text: #f85149;
     --color-checks-step-warning-text: #d29922;
-    --color-checks-logline-text: #7d8590;
+    --color-checks-logline-text: #848d97;
     --color-checks-logline-num-text: #6e7681;
     --color-checks-logline-debug-text: #a371f7;
-    --color-checks-logline-error-text: #7d8590;
+    --color-checks-logline-error-text: #848d97;
     --color-checks-logline-error-num-text: #6e7681;
     --color-checks-logline-error-bg: rgba(248,81,73,0.1);
-    --color-checks-logline-warning-text: #7d8590;
+    --color-checks-logline-warning-text: #848d97;
     --color-checks-logline-warning-num-text: #d29922;
     --color-checks-logline-warning-bg: rgba(187,128,9,0.15);
     --color-checks-logline-command-text: #2f81f7;
@@ -272,7 +272,7 @@
     --color-switch-track-hover-bg: hsla(215,8%,72%,0.1);
     --color-switch-track-active-bg: rgba(110,118,129,0.4);
     --color-switch-track-disabled-bg: #21262d;
-    --color-switch-track-fg: #7d8590;
+    --color-switch-track-fg: #848d97;
     --color-switch-track-disabled-fg: #010409;
     --color-switch-track-border: rgba(0,0,0,0);
     --color-switch-track-checked-bg: rgba(31,111,235,0.35);
@@ -293,9 +293,9 @@
     --color-segmented-control-button-active-bg: #21262d;
     --color-segmented-control-button-selected-border: #6e7681;
     --color-tree-view-item-chevron-hover-bg: rgba(177,186,196,0.12);
-    --color-tree-view-item-directory-fill: #7d8590;
+    --color-tree-view-item-directory-fill: #848d97;
     --color-fg-default: #e6edf3;
-    --color-fg-muted: #7d8590;
+    --color-fg-muted: #848d97;
     --color-fg-subtle: #6e7681;
     --color-fg-on-emphasis: #ffffff;
     --color-canvas-default: #0d1117;

package/dist/scss/colors/_light.scss

@@ -21,7 +21,7 @@
     --color-diffstat-addition-border: rgba(31,35,40,0.15);
     --color-diffstat-addition-bg: #1f883d;
     --color-search-keyword-hl: #fff8c5;
-    --color-prettylights-syntax-comment: #6e7781;
+    --color-prettylights-syntax-comment: #57606a;
     --color-prettylights-syntax-constant: #0550ae;
     --color-prettylights-syntax-entity: #6639ba;
     --color-prettylights-syntax-storage-modifier-import: #24292f;

package/dist/scss/colors/_light_colorblind.scss

@@ -21,7 +21,7 @@
     --color-diffstat-addition-border: rgba(27,31,36,0.15);
     --color-diffstat-addition-bg: #0969da;
     --color-search-keyword-hl: #fff8c5;
-    --color-prettylights-syntax-comment: #6e7781;
+    --color-prettylights-syntax-comment: #57606a;
     --color-prettylights-syntax-constant: #0550ae;
     --color-prettylights-syntax-entity: #6639ba;
     --color-prettylights-syntax-storage-modifier-import: #24292f;

package/dist/scss/colors/_light_high_contrast.scss

@@ -21,7 +21,7 @@
     --color-diffstat-addition-border: rgba(1,4,9,0.8);
     --color-diffstat-addition-bg: #055d20;
     --color-search-keyword-hl: #fcf7be;
-    --color-prettylights-syntax-comment: #66707b;
+    --color-prettylights-syntax-comment: #4b535d;
     --color-prettylights-syntax-constant: #023b95;
     --color-prettylights-syntax-entity: #512598;
     --color-prettylights-syntax-storage-modifier-import: #0e1116;

package/dist/scss/colors/_light_tritanopia.scss

@@ -21,7 +21,7 @@
     --color-diffstat-addition-border: rgba(27,31,36,0.15);
     --color-diffstat-addition-bg: #0969da;
     --color-search-keyword-hl: #fff8c5;
-    --color-prettylights-syntax-comment: #6e7781;
+    --color-prettylights-syntax-comment: #57606a;
     --color-prettylights-syntax-constant: #0550ae;
     --color-prettylights-syntax-entity: #6639ba;
     --color-prettylights-syntax-storage-modifier-import: #24292f;

package/dist/scss/functional/motion/motion.scss

@@ -0,0 +1,3 @@
+$motion-loading-delay-default: 1s; // The amount of time to wait before showing a loading indicator or announcing a loading state to assistive technologies.
+$motion-spinner-duration-rotation: 1s; // The amount of time it takes the "Spinner" loading indicator to make a full 360deg rotation
+$motion-skeletonLoader-shimmer-duration-scale: 1s; // The amount of times it takes the "shimmer" effect to go from the start (left) of the skeleton loader to the end (right)

package/dist/scss/functional/size/border.scss

@@ -0,0 +1,12 @@
+$boxShadow-thin: inset 0 0 0 max(1px, 0.0625rem); // Thin shadow for borders
+$boxShadow-thick: inset 0 0 0 max(2px, 0.125rem);
+$boxShadow-thicker: inset 0 0 0 max(4px, 0.25rem);
+$borderWidth-thin: max(1px, 0.0625rem);
+$borderWidth-thick: max(2px, 0.125rem);
+$borderWidth-thicker: max(4px, 0.25rem);
+$borderRadius-small: 0.1875rem;
+$borderRadius-medium: 0.375rem;
+$borderRadius-large: 0.75rem;
+$borderRadius-full: 624.9375rem; // Use this border radius for pill shaped elements
+$outline-focus-offset: -0.125rem;
+$outline-focus-width: 0.125rem;

package/dist/scss/functional/size/breakpoints.scss

@@ -0,0 +1,6 @@
+$breakpoint-xsmall: 20rem;
+$breakpoint-small: 34rem;
+$breakpoint-medium: 48rem;
+$breakpoint-large: 63.25rem;
+$breakpoint-xlarge: 80rem;
+$breakpoint-xxlarge: 87.5rem;

package/dist/scss/functional/size/size-coarse.scss

@@ -0,0 +1,3 @@
+$control-minTarget-auto: 2.75rem;
+$controlStack-small-gap-auto: 1rem;
+$controlStack-medium-gap-auto: 0.75rem;

package/dist/scss/functional/size/size-fine.scss

@@ -0,0 +1,3 @@
+$control-minTarget-auto: 1rem;
+$controlStack-small-gap-auto: 0.5rem;
+$controlStack-medium-gap-auto: 0.5rem;