Update
This commit is contained in:
root
@@ -1,6 +1,6 @@
|
||||
/**
|
||||
* Do not edit directly
|
||||
* Generated on Tue, 29 Apr 2025 05:39:16 GMT
|
||||
* Generated on Tue, 08 Jul 2025 12:00:23 GMT
|
||||
*/
|
||||
|
||||
:root, .--ui-context-content-light {
|
||||
@@ -14,8 +14,8 @@
|
||||
--ui-color-base-7: #EDEEF0;
|
||||
--ui-color-base-8: #FFFFFF;
|
||||
--ui-color-base-black-fixed: #000000;
|
||||
--ui-color-base-white-fixed: #FFFFFF;
|
||||
--ui-color-bg-content-primary: #FFFFFF;
|
||||
--ui-color-base-white-fixed: #FFFFFF;
|
||||
--ui-color-divider-accent: #E2E2E2;
|
||||
--ui-color-divider-default: #F0F0F0;
|
||||
--ui-color-divider-less: #F7F7F7;
|
||||
@@ -33,9 +33,9 @@
|
||||
--ui-divider-optical-1-weight: 0px;
|
||||
--ui-divider-optical-2-weight: 0px;
|
||||
--ui-color-divider-optical-on-overlay: #FFFFFF00;
|
||||
--ui-color-bg-content-secondary: #FBFBFB;
|
||||
--ui-color-bg-content-secondary: #FAFCFD;
|
||||
--ui-divider-optical-on-overlay-weight: 0px;
|
||||
--ui-color-bg-content-tertiary: #F1F4F6;
|
||||
--ui-color-bg-content-tertiary: #EEF2F4;
|
||||
--ui-color-bg-vibrant-accent: #FFFFFFF5;
|
||||
--ui-color-bg-state-hover-default-hex: #000000;
|
||||
--ui-color-bg-state-hover-default-opacity: 3%;
|
||||
@@ -109,6 +109,13 @@
|
||||
--ui-color-design-filled-warning-content-icon: var(--ui-color-base-white-fixed);
|
||||
--ui-color-design-filled-warning-content-chevron: var(--ui-color-base-white-fixed);
|
||||
--ui-color-design-filled-warning-content-divider: #FFFFFF3D;
|
||||
--ui-color-design-filled-white-bg: #FAFAFC;
|
||||
--ui-color-design-filled-white-stroke: var(--ui-color-base-7);
|
||||
--ui-design-filled-white-stroke-weight: 0px;
|
||||
--ui-color-design-filled-white-content: var(--ui-color-base-2);
|
||||
--ui-color-design-filled-white-content-icon: var(--ui-color-base-2);
|
||||
--ui-color-design-filled-white-content-chevron: var(--ui-color-base-2);
|
||||
--ui-color-design-filled-white-content-divider: var(--ui-color-base-7);
|
||||
--ui-color-design-filled-na-bg: var(--ui-color-base-4);
|
||||
--ui-color-design-filled-na-bg-secondary: var(--ui-color-base-5);
|
||||
--ui-color-design-filled-copilot-bg: var(--ui-color-copilot-accent-primary);
|
||||
@@ -266,8 +273,9 @@
|
||||
--ui-color-design-selection-bg: var(--ui-color-accent-soft-blue-3);
|
||||
--ui-color-design-selection-stroke: var(--ui-color-accent-soft-blue-1);
|
||||
--ui-design-selection-stroke-weight: var(--ui-border-width-medium);
|
||||
--ui-color-design-selection-content: var(--ui-color-accent-main-primary);
|
||||
--ui-design-selection-stroke-weight-alt: var(--ui-border-width-thin);
|
||||
--ui-color-design-plain-na-focused-stroke: var(--ui-color-divider-default);
|
||||
--ui-color-design-selection-content: var(--ui-color-accent-main-primary);
|
||||
--ui-design-plain-na-focused-stroke-weight: var(--ui-border-width-medium);
|
||||
--ui-color-design-selection-content-icon: var(--ui-color-accent-main-primary);
|
||||
--ui-color-design-selection-content-icon-secondary: var(--ui-color-accent-main-primary-alt-2);
|
||||
@@ -276,7 +284,7 @@
|
||||
--ui-color-design-selection-content-divider: var(--ui-color-accent-soft-blue-1);
|
||||
--ui-color-design-selection-focused-bg: var(--ui-color-bg-content-primary);
|
||||
--ui-color-accent-main-primary-alt: #1F86FF;
|
||||
--ui-color-accent-main-primary-alt-2: #7AB7FF;
|
||||
--ui-color-accent-main-primary-alt-2: #58B1FF;
|
||||
--ui-color-accent-main-success: #1BCE7B;
|
||||
--ui-color-accent-main-success-alt: #10B769;
|
||||
--ui-color-accent-main-success-alt-2: #00A659;
|
||||
@@ -344,8 +352,8 @@
|
||||
--ui-color-tech-bg-picture-tint: #00000000;
|
||||
--ui-color-tech-dark-fixes: #FFFFFF00;
|
||||
--ui-color-blue-02: #F9FCFF;
|
||||
--ui-color-blue-04: #F8FBFF;
|
||||
--ui-color-black-base: #333333;
|
||||
--ui-color-blue-04: #F8FBFF;
|
||||
--ui-color-blue-06: #F7FBFF;
|
||||
--ui-color-blue-08: #F5FAFF;
|
||||
--ui-color-g-content-glass-1: #FFFFFFE6;
|
||||
@@ -491,6 +499,7 @@
|
||||
--ui-color-design-disabled-stroke: var(--ui-color-base-7);
|
||||
--ui-design-disabled-stroke-weight: 0px;
|
||||
--ui-color-design-disabled-content: var(--ui-color-base-5);
|
||||
--ui-color-design-disabled-content-alt: var(--ui-color-base-4);
|
||||
--ui-color-design-disabled-content-icon: var(--ui-color-base-5);
|
||||
--ui-color-design-disabled-content-chevron: var(--ui-color-base-5);
|
||||
--ui-color-design-disabled-content-divider: var(--ui-color-base-6);
|
||||
@@ -535,8 +544,8 @@
|
||||
--ui-color-base-7: #373838;
|
||||
--ui-color-base-8: #252626;
|
||||
--ui-color-base-black-fixed: #000000;
|
||||
--ui-color-base-white-fixed: #FFFFFF;
|
||||
--ui-color-bg-content-primary: #262626;
|
||||
--ui-color-base-white-fixed: #FFFFFF;
|
||||
--ui-color-divider-accent: #383838;
|
||||
--ui-color-divider-default: #323232;
|
||||
--ui-color-divider-less: #323232;
|
||||
@@ -630,6 +639,13 @@
|
||||
--ui-color-design-filled-warning-content-icon: var(--ui-color-base-white-fixed);
|
||||
--ui-color-design-filled-warning-content-chevron: var(--ui-color-base-white-fixed);
|
||||
--ui-color-design-filled-warning-content-divider: #FFFFFF3D;
|
||||
--ui-color-design-filled-white-bg: var(--ui-color-bg-content-primary);
|
||||
--ui-color-design-filled-white-stroke: var(--ui-color-base-7);
|
||||
--ui-design-filled-white-stroke-weight: 0px;
|
||||
--ui-color-design-filled-white-content: var(--ui-color-base-2);
|
||||
--ui-color-design-filled-white-content-icon: var(--ui-color-base-2);
|
||||
--ui-color-design-filled-white-content-chevron: var(--ui-color-base-2);
|
||||
--ui-color-design-filled-white-content-divider: var(--ui-color-base-7);
|
||||
--ui-color-design-filled-na-bg: var(--ui-color-base-4);
|
||||
--ui-color-design-filled-na-bg-secondary: var(--ui-color-base-5);
|
||||
--ui-color-design-filled-copilot-bg: var(--ui-color-copilot-accent-primary);
|
||||
@@ -787,8 +803,9 @@
|
||||
--ui-color-design-selection-bg: #1F3048;
|
||||
--ui-color-design-selection-stroke: #294162;
|
||||
--ui-design-selection-stroke-weight: var(--ui-border-width-medium);
|
||||
--ui-color-design-selection-content: #2A94FF;
|
||||
--ui-design-selection-stroke-weight-alt: var(--ui-border-width-thin);
|
||||
--ui-color-design-plain-na-focused-stroke: var(--ui-color-divider-default);
|
||||
--ui-color-design-selection-content: #2A94FF;
|
||||
--ui-design-plain-na-focused-stroke-weight: var(--ui-border-width-medium);
|
||||
--ui-color-design-selection-content-icon: #2A94FF;
|
||||
--ui-color-design-selection-content-icon-secondary: #5EAEFF;
|
||||
@@ -865,8 +882,8 @@
|
||||
--ui-color-tech-bg-picture-tint: #0000003D;
|
||||
--ui-color-tech-dark-fixes: #383838;
|
||||
--ui-color-blue-02: #FFFFFF;
|
||||
--ui-color-blue-04: #FFFFFF;
|
||||
--ui-color-black-base: #333333;
|
||||
--ui-color-blue-04: #FFFFFF;
|
||||
--ui-color-blue-06: #FFFFFF;
|
||||
--ui-color-blue-08: #FFFFFF;
|
||||
--ui-color-g-content-glass-1: #FFFFFFE6;
|
||||
@@ -1012,6 +1029,7 @@
|
||||
--ui-color-design-disabled-stroke: var(--ui-color-base-7);
|
||||
--ui-design-disabled-stroke-weight: 0px;
|
||||
--ui-color-design-disabled-content: var(--ui-color-base-5);
|
||||
--ui-color-design-disabled-content-alt: var(--ui-color-base-4);
|
||||
--ui-color-design-disabled-content-icon: var(--ui-color-base-5);
|
||||
--ui-color-design-disabled-content-chevron: var(--ui-color-base-5);
|
||||
--ui-color-design-disabled-content-divider: var(--ui-color-base-6);
|
||||
@@ -1047,7 +1065,7 @@
|
||||
|
||||
.--ui-context-edge-light {
|
||||
--ui-color-base-0: #000000;
|
||||
--ui-color-base-1: #000000;
|
||||
--ui-color-base-1: #1D1E1F;
|
||||
--ui-color-base-2: #000000BF;
|
||||
--ui-color-base-3: #000000A6;
|
||||
--ui-color-base-4: #0000008C;
|
||||
@@ -1056,8 +1074,8 @@
|
||||
--ui-color-base-7: #00000040;
|
||||
--ui-color-base-8: #00000026;
|
||||
--ui-color-base-black-fixed: #000000;
|
||||
--ui-color-base-white-fixed: #FFFFFF;
|
||||
--ui-color-bg-content-primary: #0000000F;
|
||||
--ui-color-base-white-fixed: #FFFFFF;
|
||||
--ui-color-divider-accent: #0000000F;
|
||||
--ui-color-divider-default: #0000000A;
|
||||
--ui-color-divider-less: #00000008;
|
||||
@@ -1109,7 +1127,7 @@
|
||||
--ui-color-bg-content-inapp: #00428F;
|
||||
--ui-color-bg-content-primary-layer: #292929;
|
||||
--ui-color-bg-content-light: #EEEEEE;
|
||||
--ui-bg-blur-content: var(--ui-bg-blur-default);
|
||||
--ui-bg-blur-content: var(--ui-bg-blur-accent);
|
||||
--ui-bg-blur-vibrant: var(--ui-bg-blur-accent);
|
||||
--ui-color-accent-main-primary: #1587FA;
|
||||
--ui-color-design-filled-bg: var(--ui-color-accent-main-primary);
|
||||
@@ -1151,6 +1169,13 @@
|
||||
--ui-color-design-filled-warning-content-icon: var(--ui-color-base-white-fixed);
|
||||
--ui-color-design-filled-warning-content-chevron: var(--ui-color-base-white-fixed);
|
||||
--ui-color-design-filled-warning-content-divider: #FFFFFF1F;
|
||||
--ui-color-design-filled-white-bg: var(--ui-color-bg-content-primary);
|
||||
--ui-color-design-filled-white-stroke: #00000014;
|
||||
--ui-design-filled-white-stroke-weight: 0px;
|
||||
--ui-color-design-filled-white-content: var(--ui-color-base-0);
|
||||
--ui-color-design-filled-white-content-icon: var(--ui-color-base-1);
|
||||
--ui-color-design-filled-white-content-chevron: var(--ui-color-base-1);
|
||||
--ui-color-design-filled-white-content-divider: var(--ui-color-base-7);
|
||||
--ui-color-design-filled-na-bg: var(--ui-color-base-4);
|
||||
--ui-color-design-filled-na-bg-secondary: var(--ui-color-base-5);
|
||||
--ui-color-design-filled-copilot-bg: var(--ui-color-copilot-accent-primary);
|
||||
@@ -1305,13 +1330,14 @@
|
||||
--ui-color-design-plain-na-content-chevron: var(--ui-color-base-5);
|
||||
--ui-color-design-plain-na-content-divider: var(--ui-color-base-8);
|
||||
--ui-color-design-plain-na-focused-bg: #00000014;
|
||||
--ui-color-design-selection-bg: #0000001F;
|
||||
--ui-color-design-selection-bg: #00000014;
|
||||
--ui-color-design-selection-stroke: #00000000;
|
||||
--ui-design-selection-stroke-weight: 0px;
|
||||
--ui-color-design-selection-content: var(--ui-color-base-0);
|
||||
--ui-design-selection-stroke-weight-alt: 0px;
|
||||
--ui-color-design-plain-na-focused-stroke: #00000014;
|
||||
--ui-color-design-selection-content: var(--ui-color-base-1);
|
||||
--ui-design-plain-na-focused-stroke-weight: var(--ui-border-width-medium);
|
||||
--ui-color-design-selection-content-icon: var(--ui-color-base-0);
|
||||
--ui-color-design-selection-content-icon: var(--ui-color-base-1);
|
||||
--ui-color-design-selection-content-icon-secondary: var(--ui-color-base-2);
|
||||
--ui-color-design-selection-content-chevron: var(--ui-color-base-0);
|
||||
--ui-color-design-plain-na-focused-content: var(--ui-color-base-1);
|
||||
@@ -1386,8 +1412,8 @@
|
||||
--ui-color-tech-bg-picture-tint: #0000003D;
|
||||
--ui-color-tech-dark-fixes: #383838;
|
||||
--ui-color-blue-02: #FFFFFF;
|
||||
--ui-color-blue-04: #FFFFFF;
|
||||
--ui-color-black-base: #333333;
|
||||
--ui-color-blue-04: #FFFFFF;
|
||||
--ui-color-blue-06: #FFFFFF;
|
||||
--ui-color-blue-08: #FFFFFF;
|
||||
--ui-color-g-content-glass-1: #FFFFFFE6;
|
||||
@@ -1533,6 +1559,7 @@
|
||||
--ui-color-design-disabled-stroke: var(--ui-color-bg-content-primary);
|
||||
--ui-design-disabled-stroke-weight: 0px;
|
||||
--ui-color-design-disabled-content: var(--ui-color-base-7);
|
||||
--ui-color-design-disabled-content-alt: var(--ui-color-base-6);
|
||||
--ui-color-design-disabled-content-icon: var(--ui-color-base-7);
|
||||
--ui-color-design-disabled-content-chevron: var(--ui-color-base-7);
|
||||
--ui-color-design-disabled-content-divider: var(--ui-color-base-8);
|
||||
@@ -1577,8 +1604,8 @@
|
||||
--ui-color-base-7: #FFFFFF4D;
|
||||
--ui-color-base-8: #FFFFFF33;
|
||||
--ui-color-base-black-fixed: #000000;
|
||||
--ui-color-base-white-fixed: #FFFFFF;
|
||||
--ui-color-bg-content-primary: #FFFFFF29;
|
||||
--ui-color-base-white-fixed: #FFFFFF;
|
||||
--ui-color-divider-accent: #FFFFFF14;
|
||||
--ui-color-divider-default: #FFFFFF0F;
|
||||
--ui-color-divider-less: #FFFFFF0A;
|
||||
@@ -1630,7 +1657,7 @@
|
||||
--ui-color-bg-content-inapp: #00428F;
|
||||
--ui-color-bg-content-primary-layer: #FFFFFF;
|
||||
--ui-color-bg-content-light: #EEEEEE;
|
||||
--ui-bg-blur-content: var(--ui-bg-blur-default);
|
||||
--ui-bg-blur-content: var(--ui-bg-blur-accent);
|
||||
--ui-bg-blur-vibrant: var(--ui-bg-blur-accent-more);
|
||||
--ui-color-accent-main-primary: #1587FA;
|
||||
--ui-color-design-filled-bg: var(--ui-color-accent-main-primary);
|
||||
@@ -1672,6 +1699,13 @@
|
||||
--ui-color-design-filled-warning-content-icon: var(--ui-color-base-white-fixed);
|
||||
--ui-color-design-filled-warning-content-chevron: var(--ui-color-base-white-fixed);
|
||||
--ui-color-design-filled-warning-content-divider: #FFFFFF29;
|
||||
--ui-color-design-filled-white-bg: var(--ui-color-bg-content-primary);
|
||||
--ui-color-design-filled-white-stroke: #FFFFFF24;
|
||||
--ui-design-filled-white-stroke-weight: 0px;
|
||||
--ui-color-design-filled-white-content: var(--ui-color-base-0);
|
||||
--ui-color-design-filled-white-content-icon: var(--ui-color-base-1);
|
||||
--ui-color-design-filled-white-content-chevron: var(--ui-color-base-1);
|
||||
--ui-color-design-filled-white-content-divider: var(--ui-color-base-7);
|
||||
--ui-color-design-filled-na-bg: var(--ui-color-base-4);
|
||||
--ui-color-design-filled-na-bg-secondary: var(--ui-color-base-5);
|
||||
--ui-color-design-filled-copilot-bg: var(--ui-color-copilot-accent-primary);
|
||||
@@ -1829,8 +1863,9 @@
|
||||
--ui-color-design-selection-bg: #FFFFFF4D;
|
||||
--ui-color-design-selection-stroke: #FFFFFF00;
|
||||
--ui-design-selection-stroke-weight: 0px;
|
||||
--ui-color-design-selection-content: var(--ui-color-base-0);
|
||||
--ui-design-selection-stroke-weight-alt: 0px;
|
||||
--ui-color-design-plain-na-focused-stroke: #FFFFFF1F;
|
||||
--ui-color-design-selection-content: var(--ui-color-base-0);
|
||||
--ui-design-plain-na-focused-stroke-weight: var(--ui-border-width-medium);
|
||||
--ui-color-design-selection-content-icon: var(--ui-color-base-0);
|
||||
--ui-color-design-selection-content-icon-secondary: var(--ui-color-base-2);
|
||||
@@ -1907,8 +1942,8 @@
|
||||
--ui-color-tech-bg-picture-tint: #0000003D;
|
||||
--ui-color-tech-dark-fixes: #383838;
|
||||
--ui-color-blue-02: #FFFFFF;
|
||||
--ui-color-blue-04: #FFFFFF;
|
||||
--ui-color-black-base: #333333;
|
||||
--ui-color-blue-04: #FFFFFF;
|
||||
--ui-color-blue-06: #FFFFFF;
|
||||
--ui-color-blue-08: #FFFFFF;
|
||||
--ui-color-g-content-glass-1: #FFFFFFE6;
|
||||
@@ -2054,6 +2089,7 @@
|
||||
--ui-color-design-disabled-stroke: var(--ui-color-bg-content-primary);
|
||||
--ui-design-disabled-stroke-weight: 0px;
|
||||
--ui-color-design-disabled-content: var(--ui-color-base-7);
|
||||
--ui-color-design-disabled-content-alt: var(--ui-color-base-6);
|
||||
--ui-color-design-disabled-content-icon: var(--ui-color-base-7);
|
||||
--ui-color-design-disabled-content-chevron: var(--ui-color-base-7);
|
||||
--ui-color-design-disabled-content-divider: var(--ui-color-base-8);
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -69,13 +69,13 @@
|
||||
"value": "#000000"
|
||||
},
|
||||
{
|
||||
"name": "base/base-white-fixed",
|
||||
"name": "backgrounds/content/bg-content-primary",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF"
|
||||
},
|
||||
{
|
||||
"name": "backgrounds/content/bg-content-primary",
|
||||
"name": "base/base-white-fixed",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF"
|
||||
@@ -186,7 +186,7 @@
|
||||
"name": "backgrounds/content/bg-content-secondary",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#FBFBFB"
|
||||
"value": "#FAFCFD"
|
||||
},
|
||||
{
|
||||
"name": "divider/optical/divider-optical-on-overlay-weight",
|
||||
@@ -198,7 +198,7 @@
|
||||
"name": "backgrounds/content/bg-content-tertiary",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#F1F4F6"
|
||||
"value": "#EEF2F4"
|
||||
},
|
||||
{
|
||||
"name": "backgrounds/vibrant/bg-vibrant-accent",
|
||||
@@ -623,6 +623,63 @@
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF3D"
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-bg",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#FAFAFC"
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-stroke",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-7"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-stroke-weight",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 0
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-content",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-2"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-content-icon",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-2"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-content-chevron",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-2"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-content-divider",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-7"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/filled no accent/default/design-filled-na-bg",
|
||||
"type": "color",
|
||||
@@ -1938,12 +1995,12 @@
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/selection/default/design-selection-content",
|
||||
"type": "color",
|
||||
"name": "design/selection/default/design-selection-stroke-weight-alt",
|
||||
"type": "number",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "accent/main/accent-main-primary"
|
||||
"collection": "fixed",
|
||||
"name": "global/border/width/border-width-thin"
|
||||
}
|
||||
},
|
||||
{
|
||||
@@ -1955,6 +2012,15 @@
|
||||
"name": "divider/content/divider-default"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/selection/default/design-selection-content",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "accent/main/accent-main-primary"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/plain no accent/focused/design-plain-na-focused-stroke-weight",
|
||||
"type": "number",
|
||||
@@ -2028,7 +2094,7 @@
|
||||
"name": "accent/main/accent-main-primary-alt-2",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#7AB7FF"
|
||||
"value": "#58B1FF"
|
||||
},
|
||||
{
|
||||
"name": "accent/main/accent-main-success",
|
||||
@@ -2718,7 +2784,7 @@
|
||||
"name": "component/drawer/drawer-bg-default",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#F6F8FA"
|
||||
"value": "#EEF2F4"
|
||||
},
|
||||
{
|
||||
"name": "component/drawer/drawer-bg-unfocused",
|
||||
@@ -3293,18 +3359,18 @@
|
||||
"isAlias": false,
|
||||
"value": "#F9FCFF"
|
||||
},
|
||||
{
|
||||
"name": "pallete/blue/blue-04",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#F8FBFF"
|
||||
},
|
||||
{
|
||||
"name": "pallete/black/black-base",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#333333"
|
||||
},
|
||||
{
|
||||
"name": "pallete/blue/blue-04",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#F8FBFF"
|
||||
},
|
||||
{
|
||||
"name": "pallete/blue/blue-06",
|
||||
"type": "color",
|
||||
@@ -4670,6 +4736,15 @@
|
||||
"name": "base/base-5"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/disabled/default/design-disabled-content-alt",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-4"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/disabled/default/design-disabled-content-icon",
|
||||
"type": "color",
|
||||
@@ -4969,18 +5044,18 @@
|
||||
"isAlias": false,
|
||||
"value": "#000000"
|
||||
},
|
||||
{
|
||||
"name": "base/base-white-fixed",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF"
|
||||
},
|
||||
{
|
||||
"name": "backgrounds/content/bg-content-primary",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#262626"
|
||||
},
|
||||
{
|
||||
"name": "base/base-white-fixed",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF"
|
||||
},
|
||||
{
|
||||
"name": "divider/content/divider-accent",
|
||||
"type": "color",
|
||||
@@ -5533,6 +5608,66 @@
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF3D"
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-bg",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "backgrounds/content/bg-content-primary"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-stroke",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-7"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-stroke-weight",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 0
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-content",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-2"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-content-icon",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-2"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-content-chevron",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-2"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-content-divider",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-7"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/filled no accent/default/design-filled-na-bg",
|
||||
"type": "color",
|
||||
@@ -6842,10 +6977,13 @@
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/selection/default/design-selection-content",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#2A94FF"
|
||||
"name": "design/selection/default/design-selection-stroke-weight-alt",
|
||||
"type": "number",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "fixed",
|
||||
"name": "global/border/width/border-width-thin"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/plain no accent/focused/design-plain-na-focused-stroke",
|
||||
@@ -6856,6 +6994,12 @@
|
||||
"name": "divider/content/divider-default"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/selection/default/design-selection-content",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#2A94FF"
|
||||
},
|
||||
{
|
||||
"name": "design/plain no accent/focused/design-plain-na-focused-stroke-weight",
|
||||
"type": "number",
|
||||
@@ -8170,18 +8314,18 @@
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF"
|
||||
},
|
||||
{
|
||||
"name": "pallete/blue/blue-04",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF"
|
||||
},
|
||||
{
|
||||
"name": "pallete/black/black-base",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#333333"
|
||||
},
|
||||
{
|
||||
"name": "pallete/blue/blue-04",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF"
|
||||
},
|
||||
{
|
||||
"name": "pallete/blue/blue-06",
|
||||
"type": "color",
|
||||
@@ -9547,6 +9691,15 @@
|
||||
"name": "base/base-5"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/disabled/default/design-disabled-content-alt",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-4"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/disabled/default/design-disabled-content-icon",
|
||||
"type": "color",
|
||||
@@ -9796,7 +9949,7 @@
|
||||
"name": "base/base-1",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#000000"
|
||||
"value": "#1D1E1F"
|
||||
},
|
||||
{
|
||||
"name": "base/base-2",
|
||||
@@ -9846,18 +9999,18 @@
|
||||
"isAlias": false,
|
||||
"value": "#000000"
|
||||
},
|
||||
{
|
||||
"name": "base/base-white-fixed",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF"
|
||||
},
|
||||
{
|
||||
"name": "backgrounds/content/bg-content-primary",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#0000000F"
|
||||
},
|
||||
{
|
||||
"name": "base/base-white-fixed",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF"
|
||||
},
|
||||
{
|
||||
"name": "divider/content/divider-accent",
|
||||
"type": "color",
|
||||
@@ -10410,6 +10563,63 @@
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF1F"
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-bg",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "backgrounds/content/bg-content-primary"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-stroke",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#00000014"
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-stroke-weight",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 0
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-content",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-0"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-content-icon",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-1"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-content-chevron",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-1"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-content-divider",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-7"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/filled no accent/default/design-filled-na-bg",
|
||||
"type": "color",
|
||||
@@ -11719,7 +11929,7 @@
|
||||
"name": "design/selection/default/design-selection-bg",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#0000001F"
|
||||
"value": "#00000014"
|
||||
},
|
||||
{
|
||||
"name": "design/selection/default/design-selection-stroke",
|
||||
@@ -11734,13 +11944,10 @@
|
||||
"value": 0
|
||||
},
|
||||
{
|
||||
"name": "design/selection/default/design-selection-content",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-0"
|
||||
}
|
||||
"name": "design/selection/default/design-selection-stroke-weight-alt",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 0
|
||||
},
|
||||
{
|
||||
"name": "design/plain no accent/focused/design-plain-na-focused-stroke",
|
||||
@@ -11748,6 +11955,15 @@
|
||||
"isAlias": false,
|
||||
"value": "#00000014"
|
||||
},
|
||||
{
|
||||
"name": "design/selection/default/design-selection-content",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-1"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/plain no accent/focused/design-plain-na-focused-stroke-weight",
|
||||
"type": "number",
|
||||
@@ -11763,7 +11979,7 @@
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-0"
|
||||
"name": "base/base-1"
|
||||
}
|
||||
},
|
||||
{
|
||||
@@ -12511,7 +12727,7 @@
|
||||
"name": "component/drawer/drawer-bg-default",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#F6F8FA00"
|
||||
"value": "#EEF2F400"
|
||||
},
|
||||
{
|
||||
"name": "component/drawer/drawer-bg-unfocused",
|
||||
@@ -13047,18 +13263,18 @@
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF"
|
||||
},
|
||||
{
|
||||
"name": "pallete/blue/blue-04",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF"
|
||||
},
|
||||
{
|
||||
"name": "pallete/black/black-base",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#333333"
|
||||
},
|
||||
{
|
||||
"name": "pallete/blue/blue-04",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF"
|
||||
},
|
||||
{
|
||||
"name": "pallete/blue/blue-06",
|
||||
"type": "color",
|
||||
@@ -14427,6 +14643,15 @@
|
||||
"name": "base/base-7"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/disabled/default/design-disabled-content-alt",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-6"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/disabled/default/design-disabled-content-icon",
|
||||
"type": "color",
|
||||
@@ -14720,18 +14945,18 @@
|
||||
"isAlias": false,
|
||||
"value": "#000000"
|
||||
},
|
||||
{
|
||||
"name": "base/base-white-fixed",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF"
|
||||
},
|
||||
{
|
||||
"name": "backgrounds/content/bg-content-primary",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF29"
|
||||
},
|
||||
{
|
||||
"name": "base/base-white-fixed",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF"
|
||||
},
|
||||
{
|
||||
"name": "divider/content/divider-accent",
|
||||
"type": "color",
|
||||
@@ -15284,6 +15509,63 @@
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF29"
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-bg",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "backgrounds/content/bg-content-primary"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-stroke",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF24"
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-stroke-weight",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 0
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-content",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-0"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-content-icon",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-1"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-content-chevron",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-1"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/filled white/default/design-filled-white-content-divider",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-7"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/filled no accent/default/design-filled-na-bg",
|
||||
"type": "color",
|
||||
@@ -16607,6 +16889,18 @@
|
||||
"isAlias": false,
|
||||
"value": 0
|
||||
},
|
||||
{
|
||||
"name": "design/selection/default/design-selection-stroke-weight-alt",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 0
|
||||
},
|
||||
{
|
||||
"name": "design/plain no accent/focused/design-plain-na-focused-stroke",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF1F"
|
||||
},
|
||||
{
|
||||
"name": "design/selection/default/design-selection-content",
|
||||
"type": "color",
|
||||
@@ -16616,12 +16910,6 @@
|
||||
"name": "base/base-0"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/plain no accent/focused/design-plain-na-focused-stroke",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF1F"
|
||||
},
|
||||
{
|
||||
"name": "design/plain no accent/focused/design-plain-na-focused-stroke-weight",
|
||||
"type": "number",
|
||||
@@ -17385,7 +17673,7 @@
|
||||
"name": "component/drawer/drawer-bg-default",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#F6F8FA00"
|
||||
"value": "#EEF2F400"
|
||||
},
|
||||
{
|
||||
"name": "component/drawer/drawer-bg-unfocused",
|
||||
@@ -17921,18 +18209,18 @@
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF"
|
||||
},
|
||||
{
|
||||
"name": "pallete/blue/blue-04",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF"
|
||||
},
|
||||
{
|
||||
"name": "pallete/black/black-base",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#333333"
|
||||
},
|
||||
{
|
||||
"name": "pallete/blue/blue-04",
|
||||
"type": "color",
|
||||
"isAlias": false,
|
||||
"value": "#FFFFFF"
|
||||
},
|
||||
{
|
||||
"name": "pallete/blue/blue-06",
|
||||
"type": "color",
|
||||
@@ -19301,6 +19589,15 @@
|
||||
"name": "base/base-7"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/disabled/default/design-disabled-content-alt",
|
||||
"type": "color",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "design",
|
||||
"name": "base/base-6"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "design/disabled/default/design-disabled-content-icon",
|
||||
"type": "color",
|
||||
@@ -19672,37 +19969,175 @@
|
||||
"value": "#0000000D"
|
||||
},
|
||||
{
|
||||
"name": "global/font/letter-spacing-2XL",
|
||||
"name": "global/font/font size/font-size-4XL",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 25
|
||||
},
|
||||
{
|
||||
"name": "global/font/font size/font-size-3XL",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 21
|
||||
},
|
||||
{
|
||||
"name": "global/font/font size/font-size-2XL",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 19
|
||||
},
|
||||
{
|
||||
"name": "global/font/font size/font-size-XL",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 17
|
||||
},
|
||||
{
|
||||
"name": "global/font/font size/font-size-L",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 16
|
||||
},
|
||||
{
|
||||
"name": "global/font/font size/font-size-M",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 15
|
||||
},
|
||||
{
|
||||
"name": "global/font/font size/font-size-S",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 14
|
||||
},
|
||||
{
|
||||
"name": "global/font/font size/font-size-XS",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 13
|
||||
},
|
||||
{
|
||||
"name": "global/font/font size/font-size-2XS",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 12
|
||||
},
|
||||
{
|
||||
"name": "global/font/font size/font-size-3XS",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 10
|
||||
},
|
||||
{
|
||||
"name": "global/font/font size/font-size-4XS",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 9
|
||||
},
|
||||
{
|
||||
"name": "global/font/line height/line-height-5XL",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 33
|
||||
},
|
||||
{
|
||||
"name": "global/font/line height/line-height-4XL",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 29
|
||||
},
|
||||
{
|
||||
"name": "global/font/line height/line-height-3XL",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 26
|
||||
},
|
||||
{
|
||||
"name": "global/font/line height/line-height-2XL",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 23
|
||||
},
|
||||
{
|
||||
"name": "global/font/line height/line-height-XL",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 21
|
||||
},
|
||||
{
|
||||
"name": "global/font/line height/line-height-L",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 20
|
||||
},
|
||||
{
|
||||
"name": "global/font/line height/line-height-M",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 19
|
||||
},
|
||||
{
|
||||
"name": "global/font/line height/line-height-S",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 17
|
||||
},
|
||||
{
|
||||
"name": "global/font/line height/line-height-XS",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 15
|
||||
},
|
||||
{
|
||||
"name": "global/font/line height/line-height-2XS",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 14
|
||||
},
|
||||
{
|
||||
"name": "global/font/line height/line-height-3XS",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 13
|
||||
},
|
||||
{
|
||||
"name": "global/font/line height/line-height-4XS",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 12
|
||||
},
|
||||
{
|
||||
"name": "global/font/letter spacing/letter-spacing-2XL",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 0.75
|
||||
},
|
||||
{
|
||||
"name": "global/font/letter-spacing-XL",
|
||||
"name": "global/font/letter spacing/letter-spacing-XL",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 0.6499999761581421
|
||||
},
|
||||
{
|
||||
"name": "global/font/letter-spacing-L",
|
||||
"name": "global/font/letter spacing/letter-spacing-L",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": -0.05000000074505806
|
||||
},
|
||||
{
|
||||
"name": "global/font/letter-spacing-M",
|
||||
"name": "global/font/letter spacing/letter-spacing-M",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": -0.10000000149011612
|
||||
},
|
||||
{
|
||||
"name": "global/font/letter-spacing-S",
|
||||
"name": "global/font/letter spacing/letter-spacing-S",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": -0.20000000298023224
|
||||
},
|
||||
{
|
||||
"name": "global/font/letter-spacing-XS",
|
||||
"name": "global/font/letter spacing/letter-spacing-XS",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": -0.3499999940395355
|
||||
@@ -20098,12 +20533,12 @@
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "component/button/space/toggle/button-toggle-XL-space-inset",
|
||||
"name": "component/button/space/submenu/button-submenu-XL-space-inset",
|
||||
"type": "number",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "fixed",
|
||||
"name": "global/space/inset/space-inset-sm2"
|
||||
"name": "global/space/inset/space-inset-sm"
|
||||
}
|
||||
},
|
||||
{
|
||||
@@ -20161,25 +20596,13 @@
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "component/button/space/toggle/button-toggle-L-space-inset",
|
||||
"name": "component/button/space/submenu/button-submenu-L-space-inset",
|
||||
"type": "number",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "fixed",
|
||||
"name": "global/space/inset/space-inset-sm"
|
||||
}
|
||||
"isAlias": false,
|
||||
"value": 9
|
||||
},
|
||||
{
|
||||
"name": "component/button/space/toggle/button-toggle-M-space-inset",
|
||||
"type": "number",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "fixed",
|
||||
"name": "global/space/inset/space-inset-xs2"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "component/button/space/toggle/button-toggle-S-space-inset",
|
||||
"name": "component/button/space/submenu/button-submenu-M-space-inset",
|
||||
"type": "number",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
@@ -20188,7 +20611,7 @@
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "component/button/space/toggle/button-toggle-XS-space-inset",
|
||||
"name": "component/button/space/submenu/button-submenu-S-space-inset",
|
||||
"type": "number",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
@@ -20197,7 +20620,13 @@
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "component/button/space/toggle/button-toggle-2XS-space-inset",
|
||||
"name": "component/button/space/submenu/button-submenu-XS-space-inset",
|
||||
"type": "number",
|
||||
"isAlias": false,
|
||||
"value": 5
|
||||
},
|
||||
{
|
||||
"name": "component/button/space/submenu/button-submenu-2XS-space-inset",
|
||||
"type": "number",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
@@ -20205,6 +20634,15 @@
|
||||
"name": "global/space/inset/space-inset-2xs"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "component/button/space/submenu/button-submenu-3XS-space-inset",
|
||||
"type": "number",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "fixed",
|
||||
"name": "global/space/inset/space-inset-3xs"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "component/area/box shadow/default/area-box-shadow-default-X",
|
||||
"type": "number",
|
||||
@@ -20716,7 +21154,7 @@
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "component/popup-menu/pmenu-cell-space-inset-TB",
|
||||
"name": "component/popup-menu/pmenu-cell-space-inset-TB-M",
|
||||
"type": "number",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
@@ -20724,6 +21162,15 @@
|
||||
"name": "global/space/inset/space-inset-xs"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "component/popup-menu/pmenu-cell-space-inset-TB-L",
|
||||
"type": "number",
|
||||
"isAlias": true,
|
||||
"value": {
|
||||
"collection": "fixed",
|
||||
"name": "global/space/inset/space-inset-sm2"
|
||||
}
|
||||
},
|
||||
{
|
||||
"name": "component/popup-menu/pmenu-cell-space-inset-L",
|
||||
"type": "number",
|
||||
|
||||
@@ -335,7 +335,7 @@ function parseArgs()
|
||||
const args = process.argv.slice(2);
|
||||
let inputFile = defaultInputPath;
|
||||
let outputFile = defaultOutputPath;
|
||||
let excludeList = ['legacy', 'chat', 'stage', 'space', 'opacity', 'size', 'radius', 'component'];
|
||||
let excludeList = ['legacy', 'chat', 'stage', 'space', 'opacity', 'size', 'radius', 'component', 'font size', 'line height'];
|
||||
let collectionsFilter = ['design', 'fixed'];
|
||||
|
||||
args.forEach(arg =>
|
||||
|
||||
File diff suppressed because one or more lines are too long
@@ -1,2 +1,2 @@
|
||||
const fs=require("fs");const path=require("path");const specialHexTokens=["backgrounds/state/bg-state-hover-default","backgrounds/state/bg-state-click-default","backgrounds/state/bg-state-hover-alt","backgrounds/state/bg-state-click-alt","backgrounds/state/bg-state-hover-default-overlay","backgrounds/state/bg-state-click-default-overlay","backgrounds/state/bg-state-hover-alt-overlay","backgrounds/state/bg-state-click-alt-overlay"];function applyCustomRules(e,t){if(e.type==="number"&&e.name.toLowerCase().includes("opacity")){return(e.value/100).toString()}return t}function shouldIgnoreToken(e,t){const n=e.split("/");for(const e of n){if(t.includes(e)){return true}}return false}function transformTokenName(e,t){const n=e.split("/");let s=n[n.length-1];s=s.replace(/\s+/g,"-").toLowerCase();const o=t==="color"?"color-":"";return`ui-${o}${s}`}function buildTokenLookup(e,t,n){const s={};e.forEach((e=>{if(n.length>0&&!n.includes(e.name)){return}const o=e.name;if(!s[o]){s[o]={}}e.modes.forEach((e=>{if(Array.isArray(e.variables)){e.variables.forEach((e=>{if(shouldIgnoreToken(e.name,t)){return}const n=transformTokenName(e.name,e.type);s[o][e.name]=n}))}}))}));return s}function generateCssVariables(e,t,n){let s="";e.forEach((e=>{if(shouldIgnoreToken(e.name,n)){return}const o=transformTokenName(e.name,e.type);if(specialHexTokens.includes(e.name)){const t=e.value;if(t&&t[0]==="#"&&t.length===9){const e=t.slice(0,7);const n=t.slice(7);const r=Math.round(parseInt(n,16)/255*100);s+=` --${o}-hex: ${e};\n`;s+=` --${o}-opacity: ${r}%;\n`}else{s+=` --${o}: ${e.value};\n`}s+=` --${o}: ${e.value};\n`;return}let r="";if(e.isAlias&&typeof e.value==="object"){const n=e.value.collection;const s=e.value.name;if(t[n]&&t[n][s]){const e=t[n][s];r=`var(--${e})`}else{console.error(`Alias target token not found: collection "${n}", name "${s}"`);r="undefined"}}else{if(e.type==="number"){const t=`${e.value}px`;r=applyCustomRules(e,t)}else{r=e.value}}if(e.name.toLowerCase().includes("blur")){if(e.isAlias&&typeof e.value==="object"){}else if(e.type==="number"){if(e.value===0){r="none"}else{const t=`${e.value}px`;const n=applyCustomRules(e,t);r=`blur(${n})`}}else{r=`blur(${r})`}}s+=` --${o}: ${r};\n`}));return s}function generateCss(e,t,n){const s=`/**\n * Do not edit directly\n * Generated on ${(new Date).toUTCString()}\n */\n\n`;const{collections:o}=e;const r=new Set;o.forEach((e=>{if(n.length>0&&!n.includes(e.name))return;e.modes.forEach((e=>{e.variables.forEach((e=>{if(!shouldIgnoreToken(e.name,t)&&e.name.toLowerCase().includes("bg-blur")){const t=transformTokenName(e.name,e.type);r.add(t)}}))}))}));const a=buildTokenLookup(o,t,n);let l=s;o.forEach((e=>{if(n.length>0&&!n.includes(e.name)){return}if(e.modes.length===1){const n=e.modes[0];l+=`:root {\n`;l+=generateCssVariables(n.variables,a,t);l+=`}\n\n`}else{const n=e.modes[0];const s=`--ui-context-${n.name.toLowerCase().replace(/\s+/g,"-")}`;l+=`:root, .${s} {\n`;l+=generateCssVariables(n.variables,a,t);l+=`}\n\n`;e.modes.forEach((e=>{if(e.name.toLowerCase()===n.name.toLowerCase()){return}const s=`--ui-context-${e.name.toLowerCase().replace(/\s+/g,"-")}`;l+=`.${s} {\n`;l+=generateCssVariables(e.variables,a,t);l+=`}\n\n`}))}}));if(r.size>0){l+=`.--ui-reset-bg-blur {\n`;r.forEach((e=>{l+=` --${e}: none;\n`}));l+=`}\n\n`}return l}function parseArgs(){const e="./src/figma-tokens.json";const t="./dist/air-design-tokens.css";const n=process.argv.slice(2);let s=e;let o=t;let r=["legacy","chat","stage","space","opacity","size","radius","component"];let a=["design","fixed"];n.forEach((e=>{if(e.startsWith("--input=")){s=e.split("=")[1]}else if(e.startsWith("--output=")){o=e.split("=")[1]}else if(e.startsWith("--exclude=")){r=e.split("=")[1].split(",").map((e=>e.trim()))}else if(e.startsWith("--collections=")){a=e.split("=")[1].split(",").map((e=>e.trim()))}}));return{input:path.resolve(s),output:path.resolve(o),exclude:r,collections:a}}function main(){const e=parseArgs();let t;try{const n=fs.readFileSync(e.input,"utf8");t=JSON.parse(n)}catch(e){console.error("Error reading or parsing JSON file:",e);process.exit(1)}let n="";try{const e=path.join(__dirname,"src","hoverable.css");n=fs.readFileSync(e,"utf8")}catch(e){console.error("Error reading hoverable.css:",e);process.exit(1)}const s=generateCss(t,e.exclude,e.collections);const o=`${s}${n}`;try{fs.writeFileSync(e.output,o,"utf8");console.log(`CSS file successfully generated: ${e.output}`)}catch(e){console.error("Error writing CSS file:",e);process.exit(1)}}main();
|
||||
const fs=require("fs");const path=require("path");const specialHexTokens=["backgrounds/state/bg-state-hover-default","backgrounds/state/bg-state-click-default","backgrounds/state/bg-state-hover-alt","backgrounds/state/bg-state-click-alt","backgrounds/state/bg-state-hover-default-overlay","backgrounds/state/bg-state-click-default-overlay","backgrounds/state/bg-state-hover-alt-overlay","backgrounds/state/bg-state-click-alt-overlay"];function applyCustomRules(e,t){if(e.type==="number"&&e.name.toLowerCase().includes("opacity")){return(e.value/100).toString()}return t}function shouldIgnoreToken(e,t){const n=e.split("/");for(const e of n){if(t.includes(e)){return true}}return false}function transformTokenName(e,t){const n=e.split("/");let s=n[n.length-1];s=s.replace(/\s+/g,"-").toLowerCase();const o=t==="color"?"color-":"";return`ui-${o}${s}`}function buildTokenLookup(e,t,n){const s={};e.forEach((e=>{if(n.length>0&&!n.includes(e.name)){return}const o=e.name;if(!s[o]){s[o]={}}e.modes.forEach((e=>{if(Array.isArray(e.variables)){e.variables.forEach((e=>{if(shouldIgnoreToken(e.name,t)){return}const n=transformTokenName(e.name,e.type);s[o][e.name]=n}))}}))}));return s}function generateCssVariables(e,t,n){let s="";e.forEach((e=>{if(shouldIgnoreToken(e.name,n)){return}const o=transformTokenName(e.name,e.type);if(specialHexTokens.includes(e.name)){const t=e.value;if(t&&t[0]==="#"&&t.length===9){const e=t.slice(0,7);const n=t.slice(7);const r=Math.round(parseInt(n,16)/255*100);s+=` --${o}-hex: ${e};\n`;s+=` --${o}-opacity: ${r}%;\n`}else{s+=` --${o}: ${e.value};\n`}s+=` --${o}: ${e.value};\n`;return}let r="";if(e.isAlias&&typeof e.value==="object"){const n=e.value.collection;const s=e.value.name;if(t[n]&&t[n][s]){const e=t[n][s];r=`var(--${e})`}else{console.error(`Alias target token not found: collection "${n}", name "${s}"`);r="undefined"}}else{if(e.type==="number"){const t=`${e.value}px`;r=applyCustomRules(e,t)}else{r=e.value}}if(e.name.toLowerCase().includes("blur")){if(e.isAlias&&typeof e.value==="object"){}else if(e.type==="number"){if(e.value===0){r="none"}else{const t=`${e.value}px`;const n=applyCustomRules(e,t);r=`blur(${n})`}}else{r=`blur(${r})`}}s+=` --${o}: ${r};\n`}));return s}function generateCss(e,t,n){const s=`/**\n * Do not edit directly\n * Generated on ${(new Date).toUTCString()}\n */\n\n`;const{collections:o}=e;const r=new Set;o.forEach((e=>{if(n.length>0&&!n.includes(e.name))return;e.modes.forEach((e=>{e.variables.forEach((e=>{if(!shouldIgnoreToken(e.name,t)&&e.name.toLowerCase().includes("bg-blur")){const t=transformTokenName(e.name,e.type);r.add(t)}}))}))}));const a=buildTokenLookup(o,t,n);let l=s;o.forEach((e=>{if(n.length>0&&!n.includes(e.name)){return}if(e.modes.length===1){const n=e.modes[0];l+=`:root {\n`;l+=generateCssVariables(n.variables,a,t);l+=`}\n\n`}else{const n=e.modes[0];const s=`--ui-context-${n.name.toLowerCase().replace(/\s+/g,"-")}`;l+=`:root, .${s} {\n`;l+=generateCssVariables(n.variables,a,t);l+=`}\n\n`;e.modes.forEach((e=>{if(e.name.toLowerCase()===n.name.toLowerCase()){return}const s=`--ui-context-${e.name.toLowerCase().replace(/\s+/g,"-")}`;l+=`.${s} {\n`;l+=generateCssVariables(e.variables,a,t);l+=`}\n\n`}))}}));if(r.size>0){l+=`.--ui-reset-bg-blur {\n`;r.forEach((e=>{l+=` --${e}: none;\n`}));l+=`}\n\n`}return l}function parseArgs(){const e="./src/figma-tokens.json";const t="./dist/air-design-tokens.css";const n=process.argv.slice(2);let s=e;let o=t;let r=["legacy","chat","stage","space","opacity","size","radius","component","font size","line height"];let a=["design","fixed"];n.forEach((e=>{if(e.startsWith("--input=")){s=e.split("=")[1]}else if(e.startsWith("--output=")){o=e.split("=")[1]}else if(e.startsWith("--exclude=")){r=e.split("=")[1].split(",").map((e=>e.trim()))}else if(e.startsWith("--collections=")){a=e.split("=")[1].split(",").map((e=>e.trim()))}}));return{input:path.resolve(s),output:path.resolve(o),exclude:r,collections:a}}function main(){const e=parseArgs();let t;try{const n=fs.readFileSync(e.input,"utf8");t=JSON.parse(n)}catch(e){console.error("Error reading or parsing JSON file:",e);process.exit(1)}let n="";try{const e=path.join(__dirname,"src","hoverable.css");n=fs.readFileSync(e,"utf8")}catch(e){console.error("Error reading hoverable.css:",e);process.exit(1)}const s=generateCss(t,e.exclude,e.collections);const o=`${s}${n}`;try{fs.writeFileSync(e.output,o,"utf8");console.log(`CSS file successfully generated: ${e.output}`)}catch(e){console.error("Error writing CSS file:",e);process.exit(1)}}main();
|
||||
//# sourceMappingURL=tokens-converter.map.js
|
||||
Reference in New Issue
Block a user