@primer/primitives 7.11.1 → 7.11.2-rc.0832cd6

package/tokens-next-private/scss/functional/themes/light.scss

@@ -0,0 +1,337 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 28 Mar 2023 12:06:50 GMT
+ */
+
+@mixin primer-colors-light {
+  & {
+    --color-ansi-black: #24292f;
+    --color-ansi-blackBright: #57606a;
+    --color-ansi-white: #6e7781;
+    --color-ansi-whiteBright: #8c959f;
+    --color-ansi-gray: #6e7781;
+    --color-ansi-red: #cf222e;
+    --color-ansi-redBright: #a40e26;
+    --color-ansi-green: #116329;
+    --color-ansi-greenBright: #1a7f37;
+    --color-ansi-yellow: #4d2d00;
+    --color-ansi-yellowBright: #633c01;
+    --color-ansi-blue: #0969da;
+    --color-ansi-blueBright: #218bff;
+    --color-ansi-magenta: #8250df;
+    --color-ansi-magentaBright: #a475f9;
+    --color-ansi-cyan: #1b7c83;
+    --color-ansi-cyanBright: #3192aa;
+    --color-checks-bg: #24292f;
+    --color-checks-textPrimary: #f6f8fa;
+    --color-checks-textSecondary: #8c959f;
+    --color-checks-textLink: #54aeff;
+    --color-checks-btnIcon: #afb8c1;
+    --color-checks-btnHoverIcon: #f6f8fa;
+    --color-checks-btnHoverBg: #ffffff20;
+    --color-checks-inputText: #eaeef2;
+    --color-checks-inputPlaceholderText: #8c959f;
+    --color-checks-inputFocusText: #8c959f;
+    --color-checks-inputBg: #32383f;
+    --color-checks-donutError: #fa4549;
+    --color-checks-donutPending: #bf8700;
+    --color-checks-donutSuccess: #2da44e;
+    --color-checks-donutNeutral: #afb8c1;
+    --color-checks-dropdownText: #afb8c1;
+    --color-checks-dropdownBg: #32383f;
+    --color-checks-dropdownBorder: #424a53;
+    --color-checks-dropdownShadow: #1b1f244d;
+    --color-checks-dropdownHoverText: #f6f8fa;
+    --color-checks-dropdownHoverBg: #424a53;
+    --color-checks-dropdownBtnHoverText: #f6f8fa;
+    --color-checks-dropdownBtnHoverBg: #32383f;
+    --color-checks-scrollbarThumbBg: #57606a;
+    --color-checks-headerLabelText: #d0d7de;
+    --color-checks-headerLabelOpenText: #f6f8fa;
+    --color-checks-headerBorder: #32383f;
+    --color-checks-headerIcon: #8c959f;
+    --color-checks-lineText: #d0d7de;
+    --color-checks-lineNumText: #8c959fbf;
+    --color-checks-lineTimestampText: #8c959f;
+    --color-checks-lineHoverBg: #32383f;
+    --color-checks-lineSelectedBg: #218bff26;
+    --color-checks-lineSelectedNumText: #54aeff;
+    --color-checks-lineDtFmText: #24292f;
+    --color-checks-lineDtFmBg: #9a6700;
+    --color-checks-gateBg: #7d4e0026;
+    --color-checks-gateText: #d0d7de;
+    --color-checks-gateWaitingText: #d4a72c;
+    --color-checks-stepHeaderOpenBg: #32383f;
+    --color-checks-stepErrorText: #ff8182;
+    --color-checks-stepWarningText: #d4a72c;
+    --color-checks-loglineText: #8c959f;
+    --color-checks-loglineNumText: #8c959fbf;
+    --color-checks-loglineDebugText: #c297ff;
+    --color-checks-loglineErrorText: #d0d7de;
+    --color-checks-loglineErrorNumText: #ff8182;
+    --color-checks-loglineErrorBg: #a40e2626;
+    --color-checks-loglineWarningText: #d0d7de;
+    --color-checks-loglineWarningNumText: #d4a72c;
+    --color-checks-loglineWarningBg: #7d4e0026;
+    --color-checks-loglineCommandText: #54aeff;
+    --color-checks-loglineSectionText: #4ac26b;
+    --color-checks-ansi-black: #24292f;
+    --color-checks-ansi-blackBright: #32383f;
+    --color-checks-ansi-white: #d0d7de;
+    --color-checks-ansi-whiteBright: #d0d7de;
+    --color-checks-ansi-gray: #8c959f;
+    --color-checks-ansi-red: #ff8182;
+    --color-checks-ansi-redBright: #ffaba8;
+    --color-checks-ansi-green: #4ac26b;
+    --color-checks-ansi-greenBright: #6fdd8b;
+    --color-checks-ansi-yellow: #d4a72c;
+    --color-checks-ansi-yellowBright: #eac54f;
+    --color-checks-ansi-blue: #54aeff;
+    --color-checks-ansi-blueBright: #80ccff;
+    --color-checks-ansi-magenta: #c297ff;
+    --color-checks-ansi-magentaBright: #d8b9ff;
+    --color-checks-ansi-cyan: #76e3ea;
+    --color-checks-ansi-cyanBright: #b3f0ff;
+    --color-avatar-bg: #ffffff;
+    --color-avatar-border: #1b1f2426;
+    --color-avatar-stackFade: #afb8c1;
+    --color-avatar-stackFadeMore: #d0d7de;
+    --color-topicTag-border: #ffffff00;
+    --color-counter-border: #ffffff00;
+    --color-selectMenu-backdropBorder: #ffffff00;
+    --color-selectMenu-tapHighlight: #afb8c180;
+    --color-selectMenu-tapFocusBg: #b6e3ff;
+    --color-header-text: #ffffffb3;
+    --color-header-bg: #24292f;
+    --color-header-divider: #57606a;
+    --color-header-logo: #ffffff;
+    --color-headerSearch-bg: #24292f;
+    --color-headerSearch-border: #57606a;
+    --color-sidenav-selectedBg: #ffffff;
+    --color-menu-bgActive: #ffffff00;
+    --color-input-disabledBg: #afb8c133;
+    --color-timeline-badgeBg: #eaeef2;
+    --color-btn-text: #24292f;
+    --color-btn-bg: #f6f8fa;
+    --color-btn-border: #1b1f2426;
+    --color-btn-hover-bg: #f3f4f6;
+    --color-btn-hoverBorder: #1b1f2426;
+    --color-btn-activeBg: #ebecf0;
+    --color-btn-activeBorder: #1b1f2426;
+    --color-btn-selectedBg: #eeeff2;
+    --color-btn-focusBg: #f6f8fa;
+    --color-btn-focusBorder: #1b1f2426;
+    --color-btn-counterBg: #1b1f2414;
+    --color-btn-primary-text: #ffffff;
+    --color-btn-primary-bg: #2da44e;
+    --color-btn-primary-border: #1b1f2426;
+    --color-btn-primary-hoverBg: #2c974b;
+    --color-btn-primary-hoverBorder: #1b1f2426;
+    --color-btn-primary-selectedBg: #298e46;
+    --color-btn-primary-disabledText: #ffffffcc;
+    --color-btn-primary-disabledBg: #94d3a2;
+    --color-btn-primary-disabledBorder: #1b1f2426;
+    --color-btn-primary-focusBg: #2da44e;
+    --color-btn-primary-focusBorder: #1b1f2426;
+    --color-btn-primary-icon: #ffffffcc;
+    --color-btn-primary-counterBg: #ffffff33;
+    --color-btn-outline-text: #0969da;
+    --color-btn-outline-hoverText: #ffffff;
+    --color-btn-outline-hoverBg: #0969da;
+    --color-btn-outline-hoverBorder: #1b1f2426;
+    --color-btn-outline-hoverCounterBg: #ffffff33;
+    --color-btn-outline-selectedText: #ffffff;
+    --color-btn-outline-selectedBg: #0965ce;
+    --color-btn-outline-selectedBorder: #1b1f2426;
+    --color-btn-outline-disabledText: #0969da80;
+    --color-btn-outline-disabledBg: #f6f8fa;
+    --color-btn-outline-disabledCounterBg: #0969da0d;
+    --color-btn-outline-focusBorder: #1b1f2426;
+    --color-btn-outline-counterBg: #0969da1a;
+    --color-btn-danger-text: #cf222e;
+    --color-btn-danger-hoverText: #ffffff;
+    --color-btn-danger-hoverBg: #a40e26;
+    --color-btn-danger-hoverBorder: #1b1f2426;
+    --color-btn-danger-hoverCounterBg: #ffffff33;
+    --color-btn-danger-selectedText: #ffffff;
+    --color-btn-danger-selectedBg: #c11f2a;
+    --color-btn-danger-selectedBorder: #1b1f2426;
+    --color-btn-danger-disabledText: #cf222e80;
+    --color-btn-danger-disabledBg: #f6f8fa;
+    --color-btn-danger-disabledCounterBg: #cf222e0d;
+    --color-btn-danger-focusBorder: #1b1f2426;
+    --color-btn-danger-counterBg: #cf222e1a;
+    --color-btn-danger-icon: #cf222e;
+    --color-btn-danger-hoverIcon: #ffffff;
+    --color-underlinenav-icon: #6e7781;
+    --color-underlinenav-borderHover: #afb8c133;
+    --color-actionListItem-inlineDivider: #d0d7de7a;
+    --color-actionListItem-default-hoverBg: #d0d7de52;
+    --color-actionListItem-default-hoverBorder: #ffffff00;
+    --color-actionListItem-default-activeBg: #d0d7de7a;
+    --color-actionListItem-default-activeBorder: #ffffff00;
+    --color-actionListItem-default-selectedBg: #d0d7de3d;
+    --color-actionListItem-danger-hoverBg: #ffebe9a3;
+    --color-actionListItem-danger-activeBg: #ffebe9;
+    --color-actionListItem-danger-hoverText: #cf222e;
+    --color-switchTrack-bg: #eaeef2;
+    --color-switchTrack-border: #afb8c1;
+    --color-switchTrack-checked-bg: #ddf4ff;
+    --color-switchTrack-checked-hoverBg: #b6e3ff;
+    --color-switchTrack-checked-activeBg: #80ccff;
+    --color-switchTrack-checked-border: #54aeff;
+    --color-switchKnob-checked-bg: #0969da;
+    --color-switchKnob-checked-disabledBg: #6e7781;
+    --color-segmentedControl-bg: #eaeef2;
+    --color-segmentedControl-button-hover-bg: #afb8c133;
+    --color-segmentedControl-button-active-bg: #afb8c166;
+    --color-segmentedControl-button-selected-border: #6e7781;
+    --color-diffBlob-addition-numText: #24292f;
+    --color-diffBlob-addition-fg: #24292f;
+    --color-diffBlob-addition-numBg: #ccffd8;
+    --color-diffBlob-addition-lineBg: #e6ffec;
+    --color-diffBlob-addition-wordBg: #abf2bc;
+    --color-diffBlob-deletion-numText: #24292f;
+    --color-diffBlob-deletion-fg: #24292f;
+    --color-diffBlob-deletion-numBg: #ffd7d5;
+    --color-diffBlob-deletion-lineBg: #ffebe9;
+    --color-diffBlob-deletion-wordBg: #ff818266;
+    --color-diffBlob-hunk-numBg: #54aeff66;
+    --color-diffBlob-expander-icon: #57606a;
+    --color-diffstat-deletionBorder: #1b1f2426;
+    --color-diffstat-additionBorder: #1b1f2426;
+    --color-diffstat-additionBg: #2da44e;
+    --color-page-header-bg: #f6f8fa;
+    --color-searchKeyword-hl: #fff8c5;
+    --color-project-headerBg: #24292f;
+    --color-project-sidebarBg: #ffffff;
+    --color-project-gradientIn: #ffffff;
+    --color-project-gradientOut: #ffffff00;
+    --color-fg-default: #24292f;
+    --color-fg-muted: #57606a;
+    --color-fg-subtle: #6e7781;
+    --color-fg-onEmphasis: #ffffff;
+    --color-canvas-default: #ffffff;
+    --color-canvas-overlay: #ffffff;
+    --color-canvas-inset: #f6f8fa;
+    --color-canvas-subtle: #f6f8fa;
+    --color-border-default: #d0d7de;
+    --color-border-muted: #d8dee4;
+    --color-border-subtle: #1b1f2426;
+    --color-border-control: #868f99;
+    --color-neutral-emphasisPlus: #24292f;
+    --color-neutral-emphasis: #6e7781;
+    --color-neutral-muted: #afb8c133;
+    --color-neutral-subtle: #eaeef280;
+    --color-accent-fg: #0969da;
+    --color-accent-emphasis: #0969da;
+    --color-accent-muted: #54aeff66;
+    --color-accent-subtle: #ddf4ff;
+    --color-success-fg: #1a7f37;
+    --color-success-emphasis: #2da44e;
+    --color-success-muted: #4ac26b66;
+    --color-success-subtle: #dafbe1;
+    --color-attention-fg: #9a6700;
+    --color-attention-emphasis: #bf8700;
+    --color-attention-muted: #d4a72c66;
+    --color-attention-subtle: #fff8c5;
+    --color-severe-fg: #bc4c00;
+    --color-severe-emphasis: #bc4c00;
+    --color-severe-muted: #fb8f4466;
+    --color-severe-subtle: #fff1e5;
+    --color-danger-fg: #cf222e;
+    --color-danger-emphasis: #cf222e;
+    --color-danger-muted: #ff818266;
+    --color-danger-subtle: #ffebe9;
+    --color-open-fg: #1a7f37;
+    --color-open-emphasis: #2da44e;
+    --color-open-muted: #4ac26b66;
+    --color-open-subtle: #dafbe1;
+    --color-closed-fg: #cf222e;
+    --color-closed-emphasis: #cf222e;
+    --color-closed-muted: #ff818266;
+    --color-closed-subtle: #ffebe9;
+    --color-done-fg: #8250df;
+    --color-done-emphasis: #8250df;
+    --color-done-muted: #c297ff66;
+    --color-done-subtle: #fbefff;
+    --color-sponsors-fg: #bf3989;
+    --color-sponsors-emphasis: #bf3989;
+    --color-sponsors-muted: #ff80c866;
+    --color-sponsors-subtle: #ffeff7;
+    --color-shadow-small: #1b1f24f5;
+    --color-shadow-medium: #8c959fd9;
+    --color-shadow-large: #8c959fcc;
+    --color-shadow-extraLarge: #8c959fb3;
+    --color-shadow-highlight: #ffffffbf;
+    --color-shadow-inset: #d0d7decc;
+    --color-focus: #0969da;
+    --color-primer-fg-disabled: #8c959f;
+    --color-primer-canvas-backdrop: #1b1f2480;
+    --color-primer-canvas-sticky: #fffffff2;
+    --color-primer-border-active: #fd8c73;
+    --color-primer-border-contrast: #1b1f241a;
+    --color-prettylights-syntax-comment: #6e7781;
+    --color-prettylights-syntax-constant: #0550ae;
+    --color-prettylights-syntax-entity: #8250df;
+    --color-prettylights-syntax-storageModifierImport: #24292f;
+    --color-prettylights-syntax-entityTag: #116329;
+    --color-prettylights-syntax-keyword: #cf222e;
+    --color-prettylights-syntax-string: #0a3069;
+    --color-prettylights-syntax-variable: #953800;
+    --color-prettylights-syntax-brackethighlighterUnmatched: #82071e;
+    --color-prettylights-syntax-invalidIllegalText: #f6f8fa;
+    --color-prettylights-syntax-invalidIllegalBg: #82071e;
+    --color-prettylights-syntax-carriageReturnText: #f6f8fa;
+    --color-prettylights-syntax-carriageReturnBg: #cf222e;
+    --color-prettylights-syntax-stringRegexp: #116329;
+    --color-prettylights-syntax-markupList: #3b2300;
+    --color-prettylights-syntax-markupHeading: #0550ae;
+    --color-prettylights-syntax-markupItalic: #24292f;
+    --color-prettylights-syntax-markupBold: #24292f;
+    --color-prettylights-syntax-markupDeletedText: #82071e;
+    --color-prettylights-syntax-markupDeletedBg: #ffebe9;
+    --color-prettylights-syntax-markupInsertedText: #116329;
+    --color-prettylights-syntax-markupInsertedBg: #dafbe1;
+    --color-prettylights-syntax-markupChangedText: #953800;
+    --color-prettylights-syntax-markupChangedBg: #ffd8b5;
+    --color-prettylights-syntax-markupIgnoredText: #eaeef2;
+    --color-prettylights-syntax-markupIgnoredBg: #0550ae;
+    --color-prettylights-syntax-metaDiffRange: #8250df;
+    --color-prettylights-syntax-brackethighlighterAngle: #57606a;
+    --color-prettylights-syntax-sublimelinterGutterMark: #8c959f;
+    --color-prettylights-syntax-constantOtherReferenceLink: #0a3069;
+    --color-codemirror-text: #24292f;
+    --color-codemirror-bg: #ffffff;
+    --color-codemirror-guttersBg: #ffffff;
+    --color-codemirror-guttermarkerText: #ffffff;
+    --color-codemirror-guttermarkerSubtleText: #6e7781;
+    --color-codemirror-linenumberText: #57606a;
+    --color-codemirror-cursor: #24292f;
+    --color-codemirror-selectionBg: #54aeff66;
+    --color-codemirror-activelineBg: #eaeef280;
+    --color-codemirror-matchingbracketText: #24292f;
+    --color-codemirror-linesBg: #ffffff;
+    --color-codemirror-syntax-comment: #24292f;
+    --color-codemirror-syntax-constant: #0550ae;
+    --color-codemirror-syntax-entity: #8250df;
+    --color-codemirror-syntax-keyword: #cf222e;
+    --color-codemirror-syntax-storage: #cf222e;
+    --color-codemirror-syntax-string: #0a3069;
+    --color-codemirror-syntax-support: #0550ae;
+    --color-codemirror-syntax-variable: #953800;
+    --shadow-color-small: #1b1f24f5;
+    --shadow-color-medium: #8c959fd9;
+    --shadow-color-large: #8c959fcc;
+    --shadow-color-extraLarge: #8c959fb3;
+    --shadow-color-highlight: #ffffff40;
+    --shadow-color-inset: #d0d7de00;
+    --shadow-color-semiBlack-12: #1b1f241f;
+    --shadow-small: 0px 1px 0px 0px #1b1f24;
+    --shadow-medium: 0px 3px 6px 0px #8c959f;
+    --shadow-large: 0px 8px 24px 0px #8c959f;
+    --shadow-extraLarge: 0px 12px 28px 0px #8c959f;
+    --shadow-overlay: 0px 1px 3px 0px #1b1f24, 0px 8px 24px 0px #1b1f24;
+    --outline-focus: #0969da solid 1px;
+  }
+}

package/tokens-next-private/scss/functional/typography/typography.scss

@@ -0,0 +1,49 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 28 Mar 2023 12:06:56 GMT
+ */
+
+@mixin primer-colors-typography {
+  & {
+    --fontStack-system: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+    --fontStack-sansSerif: -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+    --fontStack-monospace: ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+    --text-display-lineBoxHeight: 3.5rem;
+    --text-display-size: 2.5rem;
+    --text-display-lineHeight: calc(56 / 40);
+    --text-display-weight: 500;
+    --text-display-shorthand: 500 2.5rem / calc(56 / 40) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+    --text-title-size-large: 2rem;
+    --text-title-size-medium: 1.25rem;
+    --text-title-lineHeight-large: calc(48 / 32);
+    --text-title-lineHeight-medium: calc(32 / 20);
+    --text-title-weight: 600;
+    --text-title-shorthand-large: 600 2rem / calc(48 / 32) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+    --text-title-shorthand-medium: 600 1.25rem / calc(32 / 20) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+    --text-subtitle-size: 1.25rem;
+    --text-subtitle-lineHeight: calc(32 / 20);
+    --text-subtitle-weight: 400;
+    --text-subtitle-shorthand: 400 1.25rem / calc(32 / 20) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+    --text-body-size-large: 1rem;
+    --text-body-size-medium: 0.875rem;
+    --text-body-size-small: 0.75rem;
+    --text-body-lineHeight-large: calc(24 / 16);
+    --text-body-lineHeight-medium: calc(20 / 14);
+    --text-body-lineHeight-small: calc(20 / 12);
+    --text-body-weight: 400;
+    --text-body-shorthand-large: 400 1rem / calc(24 / 16) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+    --text-body-shorthand-medium: 400 0.875rem / calc(20 / 14) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+    --text-body-shorthand-small: 400 0.75rem / calc(20 / 12) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+    --text-caption-size: 0.75rem;
+    --text-caption-lineHeight: calc(16 / 12);
+    --text-caption-weight: 400;
+    --text-caption-shorthand: 400 0.75rem / calc(16 / 12) -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans", Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";
+    --text-codeBlock-size: 0.8125rem;
+    --text-codeBlock-lineHeight: calc(20 / 13);
+    --text-codeBlock-weight: 400;
+    --text-codeBlock-shorthand: 400 0.8125rem / calc(20 / 13) ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+    --text-codeInline-size: 0.05803125rem;
+    --text-codeInline-weight: 400;
+    --text-codeInline-shorthand: 400 0.05803125rem ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace;
+  }
+}

package/tokens-next-private/ts/base/color/dark-colorblind.ts

@@ -0,0 +1,122 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 28 Mar 2023 12:06:55 GMT
+ */
+
+export default {
+  base: {
+    color: {
+      black: "#010409",
+      transparent: "#00000000",
+      white: "#ffffff",
+      gray: {
+        "0": "#f0f6fc",
+        "1": "#c9d1d9",
+        "2": "#b1bac4",
+        "3": "#8b949e",
+        "4": "#6e7681",
+        "5": "#484f58",
+        "6": "#30363d",
+        "7": "#21262d",
+        "8": "#161b22",
+        "9": "#0d1117",
+      },
+      blue: {
+        "0": "#cae8ff",
+        "1": "#a5d6ff",
+        "2": "#79c0ff",
+        "3": "#58a6ff",
+        "4": "#388bfd",
+        "5": "#1f6feb",
+        "6": "#1158c7",
+        "7": "#0d419d",
+        "8": "#0c2d6b",
+        "9": "#051d4d",
+      },
+      green: {
+        "0": "#cae8ff",
+        "1": "#a5d6ff",
+        "2": "#79c0ff",
+        "3": "#58a6ff",
+        "4": "#388bfd",
+        "5": "#1f6feb",
+        "6": "#1158c7",
+        "7": "#0d419d",
+        "8": "#0c2d6b",
+        "9": "#051d4d",
+      },
+      yellow: {
+        "0": "#f8e3a1",
+        "1": "#f2cc60",
+        "2": "#e3b341",
+        "3": "#d29922",
+        "4": "#bb8009",
+        "5": "#9e6a03",
+        "6": "#845306",
+        "7": "#693e00",
+        "8": "#4b2900",
+        "9": "#341a00",
+      },
+      orange: {
+        "0": "#ffe2bb",
+        "1": "#ffc981",
+        "2": "#fdac54",
+        "3": "#ec8e2c",
+        "4": "#d47616",
+        "5": "#b76100",
+        "6": "#914d04",
+        "7": "#6c3906",
+        "8": "#4e2906",
+        "9": "#331c04",
+      },
+      red: {
+        "0": "#ffe2bb",
+        "1": "#ffc981",
+        "2": "#fdac54",
+        "3": "#ec8e2c",
+        "4": "#d47616",
+        "5": "#b76100",
+        "6": "#914d04",
+        "7": "#6c3906",
+        "8": "#4e2906",
+        "9": "#331c04",
+      },
+      purple: {
+        "0": "#eddeff",
+        "1": "#e2c5ff",
+        "2": "#d2a8ff",
+        "3": "#bc8cff",
+        "4": "#a371f7",
+        "5": "#8957e5",
+        "6": "#6e40c9",
+        "7": "#553098",
+        "8": "#3c1e70",
+        "9": "#271052",
+      },
+      pink: {
+        "0": "#ffdaec",
+        "1": "#ffbedd",
+        "2": "#ff9bce",
+        "3": "#f778ba",
+        "4": "#db61a2",
+        "5": "#bf4b8a",
+        "6": "#9e3670",
+        "7": "#7d2457",
+        "8": "#5e103e",
+        "9": "#42062a",
+      },
+      coral: {
+        "0": "#ffddd2",
+        "1": "#ffc2b2",
+        "2": "#ffa28b",
+        "3": "#f78166",
+        "4": "#ea6045",
+        "5": "#cf462d",
+        "6": "#ac3220",
+        "7": "#872012",
+        "8": "#640d04",
+        "9": "#460701",
+      },
+    },
+  },
+};

package/tokens-next-private/ts/base/color/dark-dimmed.ts

@@ -0,0 +1,122 @@
+/**
+ * Do not edit directly
+ * Generated on Tue, 28 Mar 2023 12:06:54 GMT
+ */
+
+export default {
+  base: {
+    color: {
+      black: "#1c2128",
+      transparent: "#00000000",
+      white: "#cdd9e5",
+      gray: {
+        "0": "#cdd9e5",
+        "1": "#adbac7",
+        "2": "#909dab",
+        "3": "#768390",
+        "4": "#636e7b",
+        "5": "#545d68",
+        "6": "#444c56",
+        "7": "#373e47",
+        "8": "#2d333b",
+        "9": "#22272e",
+      },
+      blue: {
+        "0": "#c6e6ff",
+        "1": "#96d0ff",
+        "2": "#6cb6ff",
+        "3": "#539bf5",
+        "4": "#4184e4",
+        "5": "#316dca",
+        "6": "#255ab2",
+        "7": "#1b4b91",
+        "8": "#143d79",
+        "9": "#0f2d5c",
+      },
+      green: {
+        "0": "#b4f1b4",
+        "1": "#8ddb8c",
+        "2": "#6bc46d",
+        "3": "#57ab5a",
+        "4": "#46954a",
+        "5": "#347d39",
+        "6": "#2b6a30",
+        "7": "#245829",
+        "8": "#1b4721",
+        "9": "#113417",
+      },
+      yellow: {
+        "0": "#fbe090",
+        "1": "#eac55f",
+        "2": "#daaa3f",
+        "3": "#c69026",
+        "4": "#ae7c14",
+        "5": "#966600",
+        "6": "#805400",
+        "7": "#6c4400",
+        "8": "#593600",
+        "9": "#452700",
+      },
+      orange: {
+        "0": "#ffddb0",
+        "1": "#ffbc6f",
+        "2": "#f69d50",
+        "3": "#e0823d",
+        "4": "#cc6b2c",
+        "5": "#ae5622",
+        "6": "#94471b",
+        "7": "#7f3913",
+        "8": "#682d0f",
+        "9": "#4d210c",
+      },
+      red: {
+        "0": "#ffd8d3",
+        "1": "#ffb8b0",
+        "2": "#ff938a",
+        "3": "#f47067",
+        "4": "#e5534b",
+        "5": "#c93c37",
+        "6": "#ad2e2c",
+        "7": "#922323",
+        "8": "#78191b",
+        "9": "#5d0f12",
+      },
+      purple: {
+        "0": "#eedcff",
+        "1": "#dcbdfb",
+        "2": "#dcbdfb",
+        "3": "#b083f0",
+        "4": "#986ee2",
+        "5": "#8256d0",
+        "6": "#6b44bc",
+        "7": "#5936a2",
+        "8": "#472c82",
+        "9": "#352160",
+      },
+      pink: {
+        "0": "#ffd7eb",
+        "1": "#ffb3d8",
+        "2": "#fc8dc7",
+        "3": "#e275ad",
+        "4": "#c96198",
+        "5": "#ae4c82",
+        "6": "#983b6e",
+        "7": "#7e325a",
+        "8": "#69264a",
+        "9": "#551639",
+      },
+      coral: {
+        "0": "#ffdacf",
+        "1": "#ffb9a5",
+        "2": "#f79981",
+        "3": "#ec775c",
+        "4": "#de5b41",
+        "5": "#c2442d",
+        "6": "#a93524",
+        "7": "#8d291b",
+        "8": "#771d13",
+        "9": "#5d1008",
+      },
+    },
+  },
+};