create-yss-spec 3.3.8 → 3.4.3

package/template/docs/design/tokens/tokens.default.json

@@ -1,260 +1,538 @@
 {
-  "algorithm": "default",
+  "blue": "#1677FF",
+  "purple": "#722ED1",
+  "cyan": "#13C2C2",
+  "green": "#52C41A",
+  "magenta": "#EB2F96",
+  "pink": "#EB2F96",
+  "red": "#F5222D",
+  "orange": "#FA8C16",
+  "yellow": "#FADB14",
+  "volcano": "#FA541C",
+  "geekblue": "#2F54EB",
+  "gold": "#FAAD14",
+  "lime": "#A0D911",
   "colorPrimary": "#3371ff",
-  "colorPrimaryBg": "#d6e4ff",
-  "colorPrimaryBgHover": "#adc6ff",
-  "colorPrimaryBorder": "#85a5ff",
-  "colorPrimaryBorderHover": "#597ef7",
-  "colorPrimaryHover": "#4096ff",
-  "colorPrimaryActive": "#0958d9",
-  "colorPrimaryText": "#002c8c",
   "colorSuccess": "#52c41a",
-  "colorSuccessBg": "#f6ffed",
-  "colorSuccessBorder": "#b7eb8f",
-  "colorSuccessHover": "#73d13d",
-  "colorSuccessActive": "#389e0d",
   "colorWarning": "#faad14",
-  "colorWarningBg": "#fffbe6",
-  "colorWarningBorder": "#ffe58f",
-  "colorWarningHover": "#ffc53d",
-  "colorWarningActive": "#d48806",
   "colorError": "#f5222d",
-  "colorErrorBg": "#fff2f0",
-  "colorErrorBorder": "#ffccc7",
-  "colorErrorHover": "#ff4d4f",
-  "colorErrorActive": "#cf1322",
   "colorInfo": "#3371ff",
-  "colorInfoBg": "#e6f4ff",
-  "colorInfoBorder": "#91caff",
   "colorLink": "#3371ff",
-  "colorLinkHover": "#4096ff",
-  "colorLinkActive": "#0958d9",
+  "colorTextBase": "#000000",
+  "colorBgBase": "#ffffff",
+  "fontFamily": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif",
+  "fontFamilyCode": "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace",
+  "fontSize": 14,
+  "lineWidth": 1,
+  "lineType": "solid",
+  "motionUnit": 0.1,
+  "motionBase": 0,
+  "motionEaseOutCirc": "cubic-bezier(0.08, 0.82, 0.17, 1)",
+  "motionEaseInOutCirc": "cubic-bezier(0.78, 0.14, 0.15, 0.86)",
+  "motionEaseOut": "cubic-bezier(0.215, 0.61, 0.355, 1)",
+  "motionEaseInOut": "cubic-bezier(0.645, 0.045, 0.355, 1)",
+  "motionEaseOutBack": "cubic-bezier(0.12, 0.4, 0.29, 1.46)",
+  "motionEaseInBack": "cubic-bezier(0.71, -0.46, 0.88, 0.6)",
+  "motionEaseInQuint": "cubic-bezier(0.755, 0.05, 0.855, 0.06)",
+  "motionEaseOutQuint": "cubic-bezier(0.23, 1, 0.32, 1)",
+  "borderRadius": 6,
+  "sizeUnit": 4,
+  "sizeStep": 4,
+  "sizePopupArrow": 16,
+  "controlHeight": 32,
+  "zIndexBase": 0,
+  "zIndexPopupBase": 1000,
+  "opacityImage": 1,
+  "wireframe": false,
+  "focusOutline": true,
+  "motion": true,
+  "colorBgLayout": "#f0f2f5",
   "colorText": "rgba(0, 0, 0, 0.88)",
   "colorTextSecondary": "rgba(0, 0, 0, 0.65)",
-  "colorTextTertiary": "#8c8c8c",
-  "colorTextQuaternary": "#bfbfbf",
-  "colorFill": "#d9d9d9",
-  "colorFillSecondary": "#f0f0f0",
-  "colorFillTertiary": "#f5f5f5",
-  "colorFillQuaternary": "#fafafa",
-  "colorBgLayout": "#f0f2f5",
+  "colorBorder": "#d9d9d9",
+  "controlHeightSM": 24,
+  "controlHeightLG": 40,
+  "fontSizeSM": 12,
+  "borderRadiusSM": 4,
+  "borderRadiusLG": 8,
+  "padding": 16,
+  "paddingSM": 12,
+  "paddingXS": 8,
+  "paddingLG": 20,
+  "blue-1": "#e6f4ff",
+  "blue1": "#e6f4ff",
+  "blue-2": "#bae0ff",
+  "blue2": "#bae0ff",
+  "blue-3": "#91caff",
+  "blue3": "#91caff",
+  "blue-4": "#69b1ff",
+  "blue4": "#69b1ff",
+  "blue-5": "#4096ff",
+  "blue5": "#4096ff",
+  "blue-6": "#1677ff",
+  "blue6": "#1677ff",
+  "blue-7": "#0958d9",
+  "blue7": "#0958d9",
+  "blue-8": "#003eb3",
+  "blue8": "#003eb3",
+  "blue-9": "#002c8c",
+  "blue9": "#002c8c",
+  "blue-10": "#001d66",
+  "blue10": "#001d66",
+  "purple-1": "#f9f0ff",
+  "purple1": "#f9f0ff",
+  "purple-2": "#efdbff",
+  "purple2": "#efdbff",
+  "purple-3": "#d3adf7",
+  "purple3": "#d3adf7",
+  "purple-4": "#b37feb",
+  "purple4": "#b37feb",
+  "purple-5": "#9254de",
+  "purple5": "#9254de",
+  "purple-6": "#722ed1",
+  "purple6": "#722ed1",
+  "purple-7": "#531dab",
+  "purple7": "#531dab",
+  "purple-8": "#391085",
+  "purple8": "#391085",
+  "purple-9": "#22075e",
+  "purple9": "#22075e",
+  "purple-10": "#120338",
+  "purple10": "#120338",
+  "cyan-1": "#e6fffb",
+  "cyan1": "#e6fffb",
+  "cyan-2": "#b5f5ec",
+  "cyan2": "#b5f5ec",
+  "cyan-3": "#87e8de",
+  "cyan3": "#87e8de",
+  "cyan-4": "#5cdbd3",
+  "cyan4": "#5cdbd3",
+  "cyan-5": "#36cfc9",
+  "cyan5": "#36cfc9",
+  "cyan-6": "#13c2c2",
+  "cyan6": "#13c2c2",
+  "cyan-7": "#08979c",
+  "cyan7": "#08979c",
+  "cyan-8": "#006d75",
+  "cyan8": "#006d75",
+  "cyan-9": "#00474f",
+  "cyan9": "#00474f",
+  "cyan-10": "#002329",
+  "cyan10": "#002329",
+  "green-1": "#f6ffed",
+  "green1": "#f6ffed",
+  "green-2": "#d9f7be",
+  "green2": "#d9f7be",
+  "green-3": "#b7eb8f",
+  "green3": "#b7eb8f",
+  "green-4": "#95de64",
+  "green4": "#95de64",
+  "green-5": "#73d13d",
+  "green5": "#73d13d",
+  "green-6": "#52c41a",
+  "green6": "#52c41a",
+  "green-7": "#389e0d",
+  "green7": "#389e0d",
+  "green-8": "#237804",
+  "green8": "#237804",
+  "green-9": "#135200",
+  "green9": "#135200",
+  "green-10": "#092b00",
+  "green10": "#092b00",
+  "magenta-1": "#fff0f6",
+  "magenta1": "#fff0f6",
+  "magenta-2": "#ffd6e7",
+  "magenta2": "#ffd6e7",
+  "magenta-3": "#ffadd2",
+  "magenta3": "#ffadd2",
+  "magenta-4": "#ff85c0",
+  "magenta4": "#ff85c0",
+  "magenta-5": "#f759ab",
+  "magenta5": "#f759ab",
+  "magenta-6": "#eb2f96",
+  "magenta6": "#eb2f96",
+  "magenta-7": "#c41d7f",
+  "magenta7": "#c41d7f",
+  "magenta-8": "#9e1068",
+  "magenta8": "#9e1068",
+  "magenta-9": "#780650",
+  "magenta9": "#780650",
+  "magenta-10": "#520339",
+  "magenta10": "#520339",
+  "pink-1": "#fff0f6",
+  "pink1": "#fff0f6",
+  "pink-2": "#ffd6e7",
+  "pink2": "#ffd6e7",
+  "pink-3": "#ffadd2",
+  "pink3": "#ffadd2",
+  "pink-4": "#ff85c0",
+  "pink4": "#ff85c0",
+  "pink-5": "#f759ab",
+  "pink5": "#f759ab",
+  "pink-6": "#eb2f96",
+  "pink6": "#eb2f96",
+  "pink-7": "#c41d7f",
+  "pink7": "#c41d7f",
+  "pink-8": "#9e1068",
+  "pink8": "#9e1068",
+  "pink-9": "#780650",
+  "pink9": "#780650",
+  "pink-10": "#520339",
+  "pink10": "#520339",
+  "red-1": "#fff1f0",
+  "red1": "#fff1f0",
+  "red-2": "#ffccc7",
+  "red2": "#ffccc7",
+  "red-3": "#ffa39e",
+  "red3": "#ffa39e",
+  "red-4": "#ff7875",
+  "red4": "#ff7875",
+  "red-5": "#ff4d4f",
+  "red5": "#ff4d4f",
+  "red-6": "#f5222d",
+  "red6": "#f5222d",
+  "red-7": "#cf1322",
+  "red7": "#cf1322",
+  "red-8": "#a8071a",
+  "red8": "#a8071a",
+  "red-9": "#820014",
+  "red9": "#820014",
+  "red-10": "#5c0011",
+  "red10": "#5c0011",
+  "orange-1": "#fff7e6",
+  "orange1": "#fff7e6",
+  "orange-2": "#ffe7ba",
+  "orange2": "#ffe7ba",
+  "orange-3": "#ffd591",
+  "orange3": "#ffd591",
+  "orange-4": "#ffc069",
+  "orange4": "#ffc069",
+  "orange-5": "#ffa940",
+  "orange5": "#ffa940",
+  "orange-6": "#fa8c16",
+  "orange6": "#fa8c16",
+  "orange-7": "#d46b08",
+  "orange7": "#d46b08",
+  "orange-8": "#ad4e00",
+  "orange8": "#ad4e00",
+  "orange-9": "#873800",
+  "orange9": "#873800",
+  "orange-10": "#612500",
+  "orange10": "#612500",
+  "yellow-1": "#feffe6",
+  "yellow1": "#feffe6",
+  "yellow-2": "#ffffb8",
+  "yellow2": "#ffffb8",
+  "yellow-3": "#fffb8f",
+  "yellow3": "#fffb8f",
+  "yellow-4": "#fff566",
+  "yellow4": "#fff566",
+  "yellow-5": "#ffec3d",
+  "yellow5": "#ffec3d",
+  "yellow-6": "#fadb14",
+  "yellow6": "#fadb14",
+  "yellow-7": "#d4b106",
+  "yellow7": "#d4b106",
+  "yellow-8": "#ad8b00",
+  "yellow8": "#ad8b00",
+  "yellow-9": "#876800",
+  "yellow9": "#876800",
+  "yellow-10": "#614700",
+  "yellow10": "#614700",
+  "volcano-1": "#fff2e8",
+  "volcano1": "#fff2e8",
+  "volcano-2": "#ffd8bf",
+  "volcano2": "#ffd8bf",
+  "volcano-3": "#ffbb96",
+  "volcano3": "#ffbb96",
+  "volcano-4": "#ff9c6e",
+  "volcano4": "#ff9c6e",
+  "volcano-5": "#ff7a45",
+  "volcano5": "#ff7a45",
+  "volcano-6": "#fa541c",
+  "volcano6": "#fa541c",
+  "volcano-7": "#d4380d",
+  "volcano7": "#d4380d",
+  "volcano-8": "#ad2102",
+  "volcano8": "#ad2102",
+  "volcano-9": "#871400",
+  "volcano9": "#871400",
+  "volcano-10": "#610b00",
+  "volcano10": "#610b00",
+  "geekblue-1": "#f0f5ff",
+  "geekblue1": "#f0f5ff",
+  "geekblue-2": "#d6e4ff",
+  "geekblue2": "#d6e4ff",
+  "geekblue-3": "#adc6ff",
+  "geekblue3": "#adc6ff",
+  "geekblue-4": "#85a5ff",
+  "geekblue4": "#85a5ff",
+  "geekblue-5": "#597ef7",
+  "geekblue5": "#597ef7",
+  "geekblue-6": "#2f54eb",
+  "geekblue6": "#2f54eb",
+  "geekblue-7": "#1d39c4",
+  "geekblue7": "#1d39c4",
+  "geekblue-8": "#10239e",
+  "geekblue8": "#10239e",
+  "geekblue-9": "#061178",
+  "geekblue9": "#061178",
+  "geekblue-10": "#030852",
+  "geekblue10": "#030852",
+  "gold-1": "#fffbe6",
+  "gold1": "#fffbe6",
+  "gold-2": "#fff1b8",
+  "gold2": "#fff1b8",
+  "gold-3": "#ffe58f",
+  "gold3": "#ffe58f",
+  "gold-4": "#ffd666",
+  "gold4": "#ffd666",
+  "gold-5": "#ffc53d",
+  "gold5": "#ffc53d",
+  "gold-6": "#faad14",
+  "gold6": "#faad14",
+  "gold-7": "#d48806",
+  "gold7": "#d48806",
+  "gold-8": "#ad6800",
+  "gold8": "#ad6800",
+  "gold-9": "#874d00",
+  "gold9": "#874d00",
+  "gold-10": "#613400",
+  "gold10": "#613400",
+  "lime-1": "#fcffe6",
+  "lime1": "#fcffe6",
+  "lime-2": "#f4ffb8",
+  "lime2": "#f4ffb8",
+  "lime-3": "#eaff8f",
+  "lime3": "#eaff8f",
+  "lime-4": "#d3f261",
+  "lime4": "#d3f261",
+  "lime-5": "#bae637",
+  "lime5": "#bae637",
+  "lime-6": "#a0d911",
+  "lime6": "#a0d911",
+  "lime-7": "#7cb305",
+  "lime7": "#7cb305",
+  "lime-8": "#5b8c00",
+  "lime8": "#5b8c00",
+  "lime-9": "#3f6600",
+  "lime9": "#3f6600",
+  "lime-10": "#254000",
+  "lime10": "#254000",
+  "colorShadow": "#000",
+  "colorTextTertiary": "rgba(0,0,0,0.45)",
+  "colorTextQuaternary": "rgba(0,0,0,0.25)",
+  "colorFill": "rgba(0,0,0,0.15)",
+  "colorFillSecondary": "rgba(0,0,0,0.06)",
+  "colorFillTertiary": "rgba(0,0,0,0.04)",
+  "colorFillQuaternary": "rgba(0,0,0,0.02)",
+  "colorBgSolid": "rgb(0,0,0)",
+  "colorBgSolidHover": "rgba(0,0,0,0.75)",
+  "colorBgSolidActive": "rgba(0,0,0,0.95)",
   "colorBgContainer": "#ffffff",
   "colorBgElevated": "#ffffff",
-  "colorBorder": "#d9d9d9",
+  "colorBgSpotlight": "rgba(0,0,0,0.85)",
+  "colorBgBlur": "transparent",
+  "colorBorderDisabled": "#d9d9d9",
   "colorBorderSecondary": "#f0f0f0",
-  "fontFamily": "-apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, \"Helvetica Neue\", Arial, \"Noto Sans\", sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\", \"Noto Color Emoji\"",
-  "fontFamilyCode": "'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, Courier, monospace",
-  "fontSize": 14,
-  "fontSizeSM": 12,
-  "fontSizeLG": 18,
-  "fontSizeXL": 22,
+  "colorPrimaryBg": "#f0f7ff",
+  "colorPrimaryBgHover": "#d6e8ff",
+  "colorPrimaryBorder": "#adceff",
+  "colorPrimaryBorderHover": "#85b1ff",
+  "colorPrimaryHover": "#5c92ff",
+  "colorPrimaryActive": "#2152d9",
+  "colorPrimaryTextHover": "#5c92ff",
+  "colorPrimaryText": "#3371ff",
+  "colorPrimaryTextActive": "#2152d9",
+  "colorSuccessBg": "#f6ffed",
+  "colorSuccessBgHover": "#d9f7be",
+  "colorSuccessBorder": "#b7eb8f",
+  "colorSuccessBorderHover": "#95de64",
+  "colorSuccessHover": "#95de64",
+  "colorSuccessActive": "#389e0d",
+  "colorSuccessTextHover": "#73d13d",
+  "colorSuccessText": "#52c41a",
+  "colorSuccessTextActive": "#389e0d",
+  "colorErrorBg": "#fff1f0",
+  "colorErrorBgHover": "#ffccc7",
+  "colorErrorBgFilledHover": "#ffcac7",
+  "colorErrorBgActive": "#ffa39e",
+  "colorErrorBorder": "#ffa39e",
+  "colorErrorBorderHover": "#ff7875",
+  "colorErrorHover": "#ff4d4f",
+  "colorErrorActive": "#cf1322",
+  "colorErrorTextHover": "#ff4d4f",
+  "colorErrorText": "#f5222d",
+  "colorErrorTextActive": "#cf1322",
+  "colorWarningBg": "#fffbe6",
+  "colorWarningBgHover": "#fff1b8",
+  "colorWarningBorder": "#ffe58f",
+  "colorWarningBorderHover": "#ffd666",
+  "colorWarningHover": "#ffd666",
+  "colorWarningActive": "#d48806",
+  "colorWarningTextHover": "#ffc53d",
+  "colorWarningText": "#faad14",
+  "colorWarningTextActive": "#d48806",
+  "colorInfoBg": "#f0f7ff",
+  "colorInfoBgHover": "#d6e8ff",
+  "colorInfoBorder": "#adceff",
+  "colorInfoBorderHover": "#85b1ff",
+  "colorInfoHover": "#85b1ff",
+  "colorInfoActive": "#2152d9",
+  "colorInfoTextHover": "#5c92ff",
+  "colorInfoText": "#3371ff",
+  "colorInfoTextActive": "#2152d9",
+  "colorLinkHover": "#85b1ff",
+  "colorLinkActive": "#2152d9",
+  "blueHover": "#4096ff",
+  "blueActive": "#0958d9",
+  "purpleHover": "#9254de",
+  "purpleActive": "#531dab",
+  "cyanHover": "#36cfc9",
+  "cyanActive": "#08979c",
+  "greenHover": "#73d13d",
+  "greenActive": "#389e0d",
+  "magentaHover": "#f759ab",
+  "magentaActive": "#c41d7f",
+  "pinkHover": "#f759ab",
+  "pinkActive": "#c41d7f",
+  "redHover": "#ff4d4f",
+  "redActive": "#cf1322",
+  "orangeHover": "#ffa940",
+  "orangeActive": "#d46b08",
+  "yellowHover": "#ffec3d",
+  "yellowActive": "#d4b106",
+  "volcanoHover": "#ff7a45",
+  "volcanoActive": "#d4380d",
+  "geekblueHover": "#597ef7",
+  "geekblueActive": "#1d39c4",
+  "limeHover": "#bae637",
+  "limeActive": "#7cb305",
+  "goldHover": "#ffc53d",
+  "goldActive": "#d48806",
+  "colorBgMask": "rgba(0,0,0,0.45)",
+  "colorWhite": "#fff",
+  "fontSizeLG": 16,
+  "fontSizeXL": 20,
   "fontSizeHeading1": 38,
-  "fontSizeHeading2": 32,
-  "fontSizeHeading3": 26,
-  "fontSizeHeading4": 22,
-  "fontSizeHeading5": 18,
+  "fontSizeHeading2": 30,
+  "fontSizeHeading3": 24,
+  "fontSizeHeading4": 20,
+  "fontSizeHeading5": 16,
   "lineHeight": 1.5714285714285714,
-  "lineHeightHeading": 1.25,
-  "fontWeightStrong": 600,
-  "sizeXXS": 4,
-  "sizeXS": 8,
-  "sizeSM": 12,
-  "size": 16,
-  "sizeMD": 20,
-  "sizeLG": 24,
-  "sizeXL": 32,
+  "lineHeightLG": 1.5,
+  "lineHeightSM": 1.6666666666666667,
+  "fontHeight": 22,
+  "fontHeightLG": 24,
+  "fontHeightSM": 20,
+  "lineHeightHeading1": 1.2105263157894737,
+  "lineHeightHeading2": 1.2666666666666666,
+  "lineHeightHeading3": 1.3333333333333333,
+  "lineHeightHeading4": 1.4,
+  "lineHeightHeading5": 1.5,
   "sizeXXL": 48,
-  "borderRadiusXS": 2,
-  "borderRadiusSM": 4,
-  "borderRadius": 6,
-  "borderRadiusLG": 8,
-  "lineWidth": 1,
+  "sizeXL": 32,
+  "sizeLG": 24,
+  "sizeMD": 20,
+  "sizeMS": 16,
+  "size": 16,
+  "sizeSM": 12,
+  "sizeXS": 8,
+  "sizeXXS": 4,
   "controlHeightXS": 16,
-  "controlHeightSM": 24,
-  "controlHeight": 32,
-  "controlHeightLG": 40,
   "motionDurationFast": "0.1s",
   "motionDurationMid": "0.2s",
   "motionDurationSlow": "0.3s",
-  "motionEaseInOut": "cubic-bezier(0.645, 0.045, 0.355, 1)",
-  "motionEaseOut": "cubic-bezier(0.215, 0.61, 0.355, 1)",
-  "layoutHeaderHeight": 64,
-  "layoutSiderBackground": "#001529",
-  "layoutBodyBackground": "#f0f2f5",
+  "lineWidthBold": 2,
+  "borderRadiusXS": 2,
+  "borderRadiusOuter": 4,
+  "colorFillContent": "rgba(0,0,0,0.06)",
+  "colorFillContentHover": "rgba(0,0,0,0.15)",
+  "colorFillAlter": "rgba(0,0,0,0.02)",
+  "colorBgContainerDisabled": "rgba(0,0,0,0.04)",
+  "colorBorderBg": "#ffffff",
+  "colorSplit": "rgba(5,5,5,0.06)",
+  "colorTextPlaceholder": "rgba(0,0,0,0.25)",
+  "colorTextDisabled": "rgba(0,0,0,0.25)",
+  "colorTextHeading": "rgba(0, 0, 0, 0.88)",
+  "colorTextLabel": "rgba(0, 0, 0, 0.65)",
+  "colorTextDescription": "rgba(0,0,0,0.45)",
+  "colorTextLightSolid": "#fff",
+  "colorHighlight": "#f5222d",
+  "colorBgTextHover": "rgba(0,0,0,0.06)",
+  "colorBgTextActive": "rgba(0,0,0,0.15)",
+  "colorIcon": "rgba(0,0,0,0.45)",
+  "colorIconHover": "rgba(0, 0, 0, 0.88)",
+  "colorErrorOutline": "rgba(255,22,5,0.06)",
+  "colorWarningOutline": "rgba(255,215,5,0.1)",
+  "colorErrorAffix": "#f5222d",
+  "colorWarningAffix": "#faad14",
+  "fontSizeIcon": 12,
+  "lineWidthFocus": 3,
+  "controlOutlineWidth": 2,
+  "controlInteractiveSize": 16,
+  "controlItemBgHover": "rgba(0,0,0,0.04)",
+  "controlItemBgActive": "#f0f7ff",
+  "controlItemBgActiveHover": "#d6e8ff",
+  "controlItemBgActiveDisabled": "rgba(0,0,0,0.15)",
+  "controlTmpOutline": "rgba(0,0,0,0.02)",
+  "controlOutline": "rgba(5,122,255,0.06)",
+  "fontWeightStrong": 600,
+  "opacityLoading": 0.65,
+  "linkDecoration": "none",
+  "linkHoverDecoration": "none",
+  "linkFocusDecoration": "none",
+  "controlPaddingHorizontal": 12,
+  "controlPaddingHorizontalSM": 8,
+  "paddingXXS": 4,
+  "paddingMD": 20,
+  "paddingXL": 32,
+  "paddingContentHorizontalLG": 24,
+  "paddingContentVerticalLG": 16,
+  "paddingContentHorizontal": 16,
+  "paddingContentVertical": 12,
+  "paddingContentHorizontalSM": 16,
+  "paddingContentVerticalSM": 8,
+  "marginXXS": 4,
+  "marginXS": 8,
+  "marginSM": 12,
+  "margin": 16,
+  "marginMD": 20,
+  "marginLG": 24,
+  "marginXL": 32,
+  "marginXXL": 48,
+  "boxShadow": "\n      0 6px 16px 0 rgba(0,0,0,0.08),\n      0 3px 6px -4px rgba(0,0,0,0.12),\n      0 9px 28px 8px rgba(0,0,0,0.05)\n    ",
+  "boxShadowSecondary": "\n      0 6px 16px 0 rgba(0,0,0,0.08),\n      0 3px 6px -4px rgba(0,0,0,0.12),\n      0 9px 28px 8px rgba(0,0,0,0.05)\n    ",
+  "boxShadowTertiary": "\n      0 1px 2px 0 rgba(0,0,0,0.05),\n      0 1px 6px -1px rgba(0,0,0,0.03),\n      0 2px 4px 0 rgba(0,0,0,0.03)\n    ",
   "screenXS": 480,
+  "screenXSMin": 480,
+  "screenXSMax": 575,
   "screenSM": 576,
+  "screenSMMin": 576,
+  "screenSMMax": 767,
   "screenMD": 768,
+  "screenMDMin": 768,
+  "screenMDMax": 991,
   "screenLG": 992,
+  "screenLGMin": 992,
+  "screenLGMax": 1199,
   "screenXL": 1200,
+  "screenXLMin": 1200,
+  "screenXLMax": 1599,
   "screenXXL": 1600,
-  "primaryPalette": [
-    "color-mix(in srgb, #3371ff 10%, transparent)",
-    "#d6e4ff",
-    "#adc6ff",
-    "#85a5ff",
-    "#597ef7",
-    "#3371ff",
-    "#0958d9",
-    "#003eb3",
-    "#002c8c",
-    "#001d66"
-  ],
-  "presets": {
-    "red": [
-      "#fff1f0",
-      "#ffcbc7",
-      "#ffa39e",
-      "#ff7775",
-      "#ff4d50",
-      "#f5222d",
-      "#cf1323",
-      "#a8071a",
-      "#820014",
-      "#5c0011"
-    ],
-    "volcano": [
-      "#fff2e8",
-      "#ffd8bf",
-      "#ffbb96",
-      "#ff9c6e",
-      "#ff7a45",
-      "#fa541c",
-      "#d4380d",
-      "#ad2202",
-      "#871500",
-      "#610c00"
-    ],
-    "orange": [
-      "#fff7e6",
-      "#ffe7ba",
-      "#ffd591",
-      "#ffc069",
-      "#ffa940",
-      "#fa8c16",
-      "#d46b08",
-      "#ad4e00",
-      "#873800",
-      "#612500"
-    ],
-    "gold": [
-      "#fffbe6",
-      "#fff1b8",
-      "#ffe58f",
-      "#ffd666",
-      "#ffc53d",
-      "#faad14",
-      "#d48806",
-      "#ad6800",
-      "#874c00",
-      "#613400"
-    ],
-    "yellow": [
-      "#feffe6",
-      "#ffffb8",
-      "#fffb8f",
-      "#fff566",
-      "#ffeb3d",
-      "#fadb14",
-      "#d4b106",
-      "#ad8a00",
-      "#876700",
-      "#614700"
-    ],
-    "lime": [
-      "#fcffe6",
-      "#f4ffb8",
-      "#eaff8f",
-      "#d3f261",
-      "#bae637",
-      "#a0d911",
-      "#7bb305",
-      "#5b8c00",
-      "#3f6600",
-      "#254000"
-    ],
-    "green": [
-      "#f6ffed",
-      "#d9f7be",
-      "#b6eb8f",
-      "#94de64",
-      "#72d13d",
-      "#52c41a",
-      "#389e0d",
-      "#227804",
-      "#135200",
-      "#092b00"
-    ],
-    "cyan": [
-      "#e6fffb",
-      "#b5f5ec",
-      "#87e8de",
-      "#5cdbd3",
-      "#36cfc9",
-      "#13c2c2",
-      "#08979c",
-      "#006d75",
-      "#00474f",
-      "#002329"
-    ],
-    "blue": [
-      "#e6f4ff",
-      "#bae0ff",
-      "#91caff",
-      "#69b1ff",
-      "#4096ff",
-      "#1677ff",
-      "#0958d9",
-      "#003eb3",
-      "#002c8c",
-      "#001d66"
-    ],
-    "geekblue": [
-      "#f0f5ff",
-      "#d6e4ff",
-      "#adc6ff",
-      "#85a5ff",
-      "#597df7",
-      "#2f54eb",
-      "#1d39c4",
-      "#10229e",
-      "#061178",
-      "#030852"
-    ],
-    "purple": [
-      "#f9f0ff",
-      "#efdbff",
-      "#d4adf7",
-      "#b37feb",
-      "#9254de",
-      "#722ed1",
-      "#531dab",
-      "#391085",
-      "#22075e",
-      "#120338"
-    ],
-    "magenta": [
-      "#fff0f6",
-      "#ffd6e7",
-      "#ffadd2",
-      "#ff85bf",
-      "#f759aa",
-      "#eb2f96",
-      "#c41d7e",
-      "#9e1067",
-      "#780650",
-      "#520339"
-    ],
-    "grey": [
-      "#a6a6a6",
-      "#999999",
-      "#8c8c8c",
-      "#808080",
-      "#737373",
-      "#666666",
-      "#404040",
-      "#1a1a1a",
-      "#000000",
-      "#000000"
-    ]
-  }
-}
+  "screenXXLMin": 1600,
+  "screenXXLMax": 1919,
+  "screenXXXL": 1920,
+  "screenXXXLMin": 1920,
+  "boxShadowPopoverArrow": "2px 2px 5px rgba(0,0,0,0.05)",
+  "dropShadowPopover": "drop-shadow(0 6px 16px rgba(0,0,0,0.08)) drop-shadow(0 3px 6px rgba(0,0,0,0.12)) drop-shadow(0 9px 28px rgba(0,0,0,0.05))",
+  "boxShadowCard": "\n      0 1px 2px -2px rgba(0,0,0,0.16),\n      0 3px 6px 0 rgba(0,0,0,0.12),\n      0 5px 12px 4px rgba(0,0,0,0.09)\n    ",
+  "boxShadowDrawerRight": "\n      -6px 0 16px 0 rgba(0,0,0,0.08),\n      -3px 0 6px -4px rgba(0,0,0,0.12),\n      -9px 0 28px 8px rgba(0,0,0,0.05)\n    ",
+  "boxShadowDrawerLeft": "\n      6px 0 16px 0 rgba(0,0,0,0.08),\n      3px 0 6px -4px rgba(0,0,0,0.12),\n      9px 0 28px 8px rgba(0,0,0,0.05)\n    ",
+  "boxShadowDrawerUp": "\n      0 6px 16px 0 rgba(0,0,0,0.08),\n      0 3px 6px -4px rgba(0,0,0,0.12),\n      0 9px 28px 8px rgba(0,0,0,0.05)\n    ",
+  "boxShadowDrawerDown": "\n      0 -6px 16px 0 rgba(0,0,0,0.08),\n      0 -3px 6px -4px rgba(0,0,0,0.12),\n      0 -9px 28px 8px rgba(0,0,0,0.05)\n    ",
+  "boxShadowTabsOverflowLeft": "inset 10px 0 8px -8px rgba(0,0,0,0.08)",
+  "boxShadowTabsOverflowRight": "inset -10px 0 8px -8px rgba(0,0,0,0.08)",
+  "boxShadowTabsOverflowTop": "inset 0 10px 8px -8px rgba(0,0,0,0.08)",
+  "boxShadowTabsOverflowBottom": "inset 0 -10px 8px -8px rgba(0,0,0,0.08)"
+}