@primer/primitives 7.11.2-rc.eb0be47 → 7.11.2-rc.ef1e802

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

@@ -0,0 +1,280 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 29 Mar 2023 08:34:26 GMT
+ */
+
+@mixin primer-colors-light {
+  & {
+    --topicTag-borderColor: #ffffff00;
+    --highlight-neutral-bgColor: #fff8c5;
+    --page-header-bgColor: #f6f8fa;
+    --diffBlob-addition-fgColor-text: #1f2328;
+    --diffBlob-addition-fgColor-num: #1f2328;
+    --diffBlob-addition-bgColor-num: #d1f8d9;
+    --diffBlob-addition-bgColor-line: #dafbe1;
+    --diffBlob-addition-bgColor-word: #aceebb;
+    --diffBlob-deletion-fgColor-text: #1f2328;
+    --diffBlob-deletion-fgColor-num: #1f2328;
+    --diffBlob-deletion-bgColor-num: #ffcecb;
+    --diffBlob-deletion-bgColor-line: #ffebe9;
+    --diffBlob-deletion-bgColor-word: #ff818266;
+    --diffBlob-hunk-bgColor-num: #54aeff66;
+    --diffBlob-expander-iconColor: #636c76;
+    --diffStat-addition-bgColor: #1f883d;
+    --codeMirror-fgColor: #1f2328;
+    --codeMirror-bgColor: #ffffff;
+    --codeMirror-gutters-bgColor: #ffffff;
+    --codeMirror-gutterMarker-fgColor-default: #ffffff;
+    --codeMirror-gutterMarker-fgColor-muted: #636c76;
+    --codeMirror-lineNumber-fgColor: #636c76;
+    --codeMirror-cursor-fgColor: #1f2328;
+    --codeMirror-selection-bgColor: #54aeff66;
+    --codeMirror-activeline-bgColor: #eaeef280;
+    --codeMirror-matchingBracket-fgColor: #1f2328;
+    --codeMirror-lines-bgColor: #ffffff;
+    --codeMirror-syntax-fgColor-comment: #24292f;
+    --codeMirror-syntax-fgColor-constant: #0550ae;
+    --codeMirror-syntax-fgColor-entity: #8250df;
+    --codeMirror-syntax-fgColor-keyword: #cf222e;
+    --codeMirror-syntax-fgColor-storage: #cf222e;
+    --codeMirror-syntax-fgColor-string: #0a3069;
+    --codeMirror-syntax-fgColor-support: #0550ae;
+    --codeMirror-syntax-fgColor-variable: #953800;
+    --header-fgColor-default: #ffffffb3;
+    --header-fgColor-logo: #ffffff;
+    --header-fgColor-text: #ffffffb3;
+    --header-fgColor-borderColor: #57606a;
+    --header-bgColor: #24292f;
+    --header-borderColor-divider: #57606a;
+    --headerSearch-bgColor: #24292f;
+    --headerSearch-borderColor: #57606a;
+    --avatar-bgColor: #ffffff;
+    --avatar-borderColor: #d0d7de;
+    --avatar-shadow: 0px 0px 0px 2px #ffffffcc;
+    --avatarStack-fade-bgColor-default: #afb8c1;
+    --avatarStack-fade-bgColor-muted: #d0d7de;
+    --control-bgColor-rest: #f6f8fa;
+    --control-bgColor-hover: #eef1f4;
+    --control-bgColor-active: #e7ebef;
+    --control-bgColor-disabled: #f6f8fa;
+    --control-bgColor-selected: #f6f8fa;
+    --control-fgColor-rest: #24292f;
+    --control-fgColor-placeholder: #6e7781;
+    --control-fgColor-disabled: #8c959f;
+    --control-borderColor-rest: #d0d7de;
+    --control-borderColor-emphasis: #868f99;
+    --control-borderColor-disabled: #d0d7de;
+    --control-borderColor-selected: #f6f8fa;
+    --control-borderColor-success: #2da44e;
+    --control-borderColor-danger: #cf222e;
+    --control-borderColor-warning: #bf8700;
+    --control-iconColor-rest: #636c76;
+    --control-transparent-bgColor-rest: #00000000;
+    --control-transparent-bgColor-hover: #d0d7de33;
+    --control-transparent-bgColor-active: #d0d7de66;
+    --control-transparent-bgColor-disabled: #f6f8fa;
+    --control-transparent-bgColor-selected: #f6f8fa;
+    --control-transparent-borderColor-rest: #00000000;
+    --control-transparent-borderColor-hover: #00000000;
+    --control-transparent-borderColor-active: #00000000;
+    --control-danger-fgColor-rest: #cf222e;
+    --control-danger-fgColor-hover: #cf222e;
+    --control-danger-bgColor-hover: #ffebe9;
+    --control-danger-bgColor-active: #ffebe966;
+    --control-checked-bgColor-rest: #0969da;
+    --control-checked-bgColor-hover: #0860ca;
+    --control-checked-bgColor-active: #0757ba;
+    --control-checked-bgColor-disabled: #8c959f;
+    --control-checked-fgColor-rest: #ffffff;
+    --control-checked-fgColor-disabled: #ffffff;
+    --control-checked-borderColor-rest: #0969da;
+    --control-checked-borderColor-hover: #00000000;
+    --control-checked-borderColor-active: #00000000;
+    --control-checked-borderColor-disabled: #8c959f;
+    --controlTrack-bgColor-rest: #eaeef2;
+    --controlTrack-bgColor-hover: #dee3e8;
+    --controlTrack-bgColor-active: #d2d8de;
+    --controlTrack-bgColor-disabled: #8c959f;
+    --controlTrack-fgColor-rest: #636c76;
+    --controlTrack-fgColor-disabled: #ffffff;
+    --controlTrack-borderColor-rest: #00000000;
+    --controlTrack-borderColor-disabled: #8c959f;
+    --controlKnob-bgColor-rest: #ffffff;
+    --controlKnob-bgColor-disabled: #f6f8fa;
+    --controlKnob-bgColor-checked: #ffffff;
+    --controlKnob-borderColor-rest: #868f99;
+    --controlKnob-borderColor-disabled: #f6f8fa;
+    --controlKnob-borderColor-checked: #0969da;
+    --counter-borderColor: #ffffff00;
+    --button-default-fgColor-rest: #24292f;
+    --button-default-bgColor-rest: #f6f8fa;
+    --button-default-bgColor-hover: #eef1f4;
+    --button-default-bgColor-active: #e7ebef;
+    --button-default-bgColor-selected: #e7ebef;
+    --button-default-borderColor-rest: #d0d7de;
+    --button-default-borderColor-hover: #d0d7de;
+    --button-default-borderColor-active: #d0d7de;
+    --button-default-shadow-resting: 0px 1px 0px 0px #1f23280a;
+    --button-default-shadow-inset: inset 0px 1px 0px 0px #ffffff40;
+    --button-primary-fgColor-rest: #ffffff;
+    --button-primary-fgColor-disabled: #ffffffcc;
+    --button-primary-iconColor-rest: #ffffffcc;
+    --button-primary-bgColor-rest: #1f883d;
+    --button-primary-bgColor-hover: #1c8139;
+    --button-primary-bgColor-active: #197935;
+    --button-primary-bgColor-disabled: #95d8a6;
+    --button-primary-borderColor-rest: #d0d7decc;
+    --button-primary-borderColor-hover: #d0d7decc;
+    --button-primary-borderColor-disabled: #d0d7decc;
+    --button-primary-shadow-selected: inset 0px 1px 0px 0px #002d114d;
+    --button-invisible-fgColor-rest: #0969da;
+    --button-invisible-fgColor-disabled: #8c959f;
+    --button-invisible-bgColor-rest: #00000000;
+    --button-invisible-bgColor-hover: #d0d7de33;
+    --button-invisible-bgColor-active: #d0d7de66;
+    --button-invisible-bgColor-disabled: #f6f8fa;
+    --button-invisible-borderColor-rest: #00000000;
+    --button-invisible-borderColor-hover: #00000000;
+    --button-outline-fgColor-rest: #0969da;
+    --button-outline-fgColor-hover: #ffffff;
+    --button-outline-fgColor-active: #ffffff;
+    --button-outline-fgColor-disabled: #0969da80;
+    --button-outline-bgColor-rest: #f6f8fa;
+    --button-outline-bgColor-hover: #0969da;
+    --button-outline-bgColor-active: #0757ba;
+    --button-outline-bgColor-disabled: #f6f8fa;
+    --button-outline-borderColor-hover: #d0d7de;
+    --button-outline-borderColor-active: #d0d7de;
+    --button-outline-shadow-selected: inset 0px 1px 0px 0px #00215533;
+    --button-danger-fgColor-rest: #cf222e;
+    --button-danger-fgColor-hover: #ffffff;
+    --button-danger-fgColor-active: #ffffff;
+    --button-danger-fgColor-disabled: #cf222e80;
+    --button-danger-iconColor-rest: #cf222e;
+    --button-danger-iconColor-hover: #ffffff;
+    --button-danger-bgColor-rest: #f6f8fa;
+    --button-danger-bgColor-hover: #a40e26;
+    --button-danger-bgColor-active: #8b0820;
+    --button-danger-bgColor-disabled: #f6f8fa;
+    --button-danger-borderColor-rest: #d0d7de;
+    --button-danger-borderColor-hover: #d0d7de;
+    --button-danger-borderColor-active: #d0d7de;
+    --button-danger-shadow-selected: inset 0px 1px 0px 0px #4c001433;
+    --buttonCounter-default-bgColor-rest: #eaeef280;
+    --buttonCounter-primary-bgColor-rest: #ffffff33;
+    --buttonCounter-outline-bgColor-rest: #0969da1a;
+    --buttonCounter-outline-bgColor-hover: #ffffff33;
+    --buttonCounter-outline-bgColor-disabled: #0969da0d;
+    --buttonCounter-danger-bgColor-hover: #ffffff33;
+    --buttonCounter-danger-bgColor-disabled: #cf222e0d;
+    --buttonCounter-danger-bgColor-rest: #cf222e1a;
+    --focus-outlineColor: #0969da;
+    --focus-outline: #0969da solid 1px;
+    --menu-bgColor-active: #ffffff00;
+    --overlay-bgColor: #ffffff;
+    --overlay-backdrop-bgColor: #8c959f33;
+    --selectMenu-borderColor: #ffffff00;
+    --selectMenu-bgColor-active: #b6e3ff;
+    --sideNav-bgColor-selected: #ffffff;
+    --timelineBadge-bgColor: #eaeef2;
+    --treeViewItem-leadingVisual-bgColor-rest: #54aeff;
+    --underlineNav-borderColor-active: #fd8c73;
+    --underlineNav-borderColor-hover: #afb8c133;
+    --underlineNav-iconColor-rest: #636c76;
+    --fgColor-default: #1f2328;
+    --fgColor-muted: #636c76;
+    --fgColor-onEmphasis: #ffffff;
+    --fgColor-disabled: #8c959f;
+    --fgColor-link-rest: #0969da;
+    --fgColor-link-inverse-rest: #54aeff;
+    --fgColor-link-control: #868f99;
+    --fgColor-accent: #0969da;
+    --fgColor-success: #1a7f37;
+    --fgColor-attention: #9a6700;
+    --fgColor-severe: #bc4c00;
+    --fgColor-danger: #cf222e;
+    --fgColor-open: #1a7f37;
+    --fgColor-closed: #cf222e;
+    --fgColor-done: #8250df;
+    --fgColor-sponsors: #bf3989;
+    --bgColor-default: #ffffff;
+    --bgColor-muted: #f6f8fa;
+    --bgColor-emphasis: #24292f;
+    --bgColor-disabled: #f6f8fa;
+    --bgColor-neutral-muted: #eaeef280;
+    --bgColor-neutral-emphasis: #6e7781;
+    --bgColor-accent-muted: #ddf4ff;
+    --bgColor-accent-emphasis: #0969da;
+    --bgColor-success-muted: #dafbe1;
+    --bgColor-success-emphasis: #1f883d;
+    --bgColor-attention-muted: #fff8c5;
+    --bgColor-attention-emphasis: #bf8700;
+    --bgColor-severe-muted: #fff1e5;
+    --bgColor-severe-emphasis: #bc4c00;
+    --bgColor-danger-muted: #ffebe9;
+    --bgColor-danger-emphasis: #cf222e;
+    --bgColor-open-muted: #dafbe1;
+    --bgColor-open-emphasis: #1f883d;
+    --bgColor-closed-muted: #ffebe9;
+    --bgColor-closed-emphasis: #cf222e;
+    --bgColor-done-muted: #fbefff;
+    --bgColor-done-emphasis: #8250df;
+    --bgColor-sponsors-muted: #ffeff7;
+    --bgColor-sponsors-emphasis: #bf3989;
+    --borderColor-default: #d0d7de;
+    --borderColor-muted: #d0d7de66;
+    --borderColor-emphasis: #6e7781;
+    --borderColor-disabled: #d0d7de;
+    --borderColor-neutral-muted: #afb8c133;
+    --borderColor-neutral-emphasis: #6e7781;
+    --borderColor-accent-muted: #54aeff66;
+    --borderColor-accent-emphasis: #0969da;
+    --borderColor-success-muted: #4ac26b66;
+    --borderColor-success-emphasis: #2da44e;
+    --borderColor-attention-muted: #d4a72c66;
+    --borderColor-attention-emphasis: #bf8700;
+    --borderColor-severe-muted: #fb8f4466;
+    --borderColor-severe-emphasis: #bc4c00;
+    --borderColor-danger-muted: #ff818266;
+    --borderColor-danger-emphasis: #cf222e;
+    --borderColor-open-muted: #4ac26b66;
+    --borderColor-open-emphasis: #2da44e;
+    --borderColor-closed-muted: #ff818266;
+    --borderColor-closed-emphasis: #cf222e;
+    --borderColor-done-muted: #c297ff66;
+    --borderColor-done-emphasis: #8250df;
+    --borderColor-sponsors-muted: #ff80c866;
+    --borderColor-sponsors-emphasis: #bf3989;
+    --color-ansi-black-bright: #57606a;
+    --color-ansi-white-bright: #8c959f;
+    --color-ansi-gray: #6e7781;
+    --color-ansi-red-bright: #a40e26;
+    --color-ansi-green-bright: #1a7f37;
+    --color-ansi-yellow-bright: #633c01;
+    --color-ansi-blue-bright: #218bff;
+    --color-ansi-magenta-bright: #a475f9;
+    --color-ansi-cyan-bright: #3192aa;
+    --color-prettylights-syntax-comment: #6e7781;
+    --color-prettylights-syntax-constant-other-reference-link: #0a3069;
+    --color-prettylights-syntax-entity-tag: #0550ae;
+    --color-prettylights-syntax-storage-modifier-import: #24292f;
+    --color-prettylights-syntax-keyword: #cf222e;
+    --color-prettylights-syntax-string-regexp: #116329;
+    --color-prettylights-syntax-variable: #953800;
+    --color-prettylights-syntax-brackethighlighter-angle: #57606a;
+    --color-prettylights-syntax-invalid-illegal-bg: #82071e;
+    --color-prettylights-syntax-carriage-return-bg: #cf222e;
+    --color-prettylights-syntax-markup-ignored-bg: #0550ae;
+    --color-prettylights-syntax-meta-diff-range: #8250df;
+    --color-prettylights-syntax-sublimelinter-gutter-mark: #8c959f;
+    --shadow-inset: inset 0px 1px 0px 0px #1f23280d;
+    --shadow-highlight: inset 0px 1px 0px 0px #ffffff40;
+    --shadow-resting-xsmall: 0px 1px 0px 0px #1f23280f;
+    --shadow-resting-small: 0px 1px 0px 0px #1f23280a;
+    --shadow-resting-medium: 0px 3px 6px 0px #8c959f26;
+    --shadow-floating-small: 0px 1px 3px 0px #1f23281f, 0px 8px 24px 0px #424a531f;
+    --shadow-floating-medium: 0px 4px 32px -4px #8c959f17, 0px 8px 16px -4px #8c959f17, 0px 24px 48px -12px #8c959f29, 0px 48px 96px -24px #8c959f3d;
+    --shadow-floating-large: 0px 8px 24px 0px #8c959f33;
+    --shadow-floating-xlarge: 0px 12px 28px 0px #8c959f4d;
+  }
+}

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

@@ -0,0 +1,49 @@
+/**
+ * Do not edit directly
+ * Generated on Wed, 29 Mar 2023 08:34:33 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 Wed, 29 Mar 2023 08:34:32 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 Wed, 29 Mar 2023 08:34:31 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",
+      },
+    },
+  },
+};