@apify/ui-library 1.88.1 → 1.90.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -1
- package/dist/src/components/badge.d.ts.map +1 -1
- package/dist/src/components/badge.js +1 -1
- package/dist/src/components/badge.js.map +1 -1
- package/dist/src/design_system/colors/generated/colors_theme.dark.d.ts +23 -23
- package/dist/src/design_system/colors/generated/colors_theme.dark.js +23 -23
- package/dist/src/design_system/colors/generated/colors_theme.light.d.ts +23 -23
- package/dist/src/design_system/colors/generated/colors_theme.light.js +23 -23
- package/dist/src/design_system/colors/generated/css_variables.dark.d.ts +1 -1
- package/dist/src/design_system/colors/generated/css_variables.dark.js +39 -39
- package/dist/src/design_system/colors/generated/css_variables.light.d.ts +1 -1
- package/dist/src/design_system/colors/generated/css_variables.light.js +33 -33
- package/dist/src/design_system/colors/generated/css_variables_palette.dark.d.ts +1 -1
- package/dist/src/design_system/colors/generated/css_variables_palette.dark.js +23 -23
- package/dist/src/design_system/colors/generated/css_variables_palette.light.d.ts +1 -1
- package/dist/src/design_system/colors/generated/css_variables_palette.light.js +23 -23
- package/dist/src/design_system/theme.d.ts +46 -46
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +2 -2
- package/src/components/badge.tsx +2 -1
- package/src/design_system/colors/figma_color_tokens.dark.json +1 -1
- package/src/design_system/colors/figma_color_tokens.light.json +1 -1
- package/src/design_system/colors/generated/colors_theme.dark.ts +23 -23
- package/src/design_system/colors/generated/colors_theme.light.ts +23 -23
- package/src/design_system/colors/generated/css_variables.dark.ts +39 -39
- package/src/design_system/colors/generated/css_variables.light.ts +33 -33
- package/src/design_system/colors/generated/css_variables_palette.dark.ts +23 -23
- package/src/design_system/colors/generated/css_variables_palette.light.ts +23 -23
- package/style/colors/dark.scss +39 -39
- package/style/colors/light.scss +33 -33
- package/style/colors/palette.dark.scss +23 -23
- package/style/colors/palette.light.scss +23 -23
package/README.md
CHANGED
|
@@ -25,4 +25,6 @@ The design team is responsible for exporting and maintaining the tokens. Once fi
|
|
|
25
25
|
|
|
26
26
|
The exported tokens are stored in the `src/design_system/colors/figma_color_tokens.light.json` and `src/design_system/colors/figma_color_tokens.dark.json` files.
|
|
27
27
|
|
|
28
|
-
Source code based on these tokens is generated with `npm run build-color-tokens` command
|
|
28
|
+
Source code based on these tokens is generated with `npm run build-color-tokens` command.
|
|
29
|
+
|
|
30
|
+
TODO: run automatically on `npm run build`.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAI/D,OAAO,EAAO,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAE9E,OAAO,KAAK,EAAkB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5E,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;AAC5D,eAAO,MAAM,WAAW,EAAE,SAAS,EAAyB,CAAC;AAc7D,eAAO,MAAM,cAAc,0HAA2H,CAAC;AACvJ,KAAK,YAAY,GAAG,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC;AAElD,KAAK,gBAAgB,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,CAAC,GAAG,kBAAkB,CAAC;AACrF,MAAM,MAAM,UAAU,GAAG,gBAAgB,GAAG;IACxC,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,GAAG,QAAQ,CAAC,CAAC;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,WAAW,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AAuFF;;GAEG;AACH,eAAO,MAAM,KAAK;SA/FT,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,GAAG,QAAQ,CAAC;WACxC,SAAS;WACT,cAAc;cACX,YAAY;kBACR,aAAa;
|
|
1
|
+
{"version":3,"file":"badge.d.ts","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,KAAK,EAAE,aAAa,EAAY,MAAM,iBAAiB,CAAC;AAI/D,OAAO,EAAO,KAAK,kBAAkB,EAAE,KAAK,eAAe,EAAE,MAAM,UAAU,CAAC;AAE9E,OAAO,KAAK,EAAkB,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAE5E,MAAM,MAAM,SAAS,GAAG,SAAS,GAAG,OAAO,GAAG,aAAa,CAAC;AAC5D,eAAO,MAAM,WAAW,EAAE,SAAS,EAAyB,CAAC;AAc7D,eAAO,MAAM,cAAc,0HAA2H,CAAC;AACvJ,KAAK,YAAY,GAAG,OAAO,cAAc,CAAC,MAAM,CAAC,CAAC;AAElD,KAAK,gBAAgB,GAAG,IAAI,CAAC,eAAe,EAAE,IAAI,GAAG,SAAS,CAAC,GAAG,kBAAkB,CAAC;AACrF,MAAM,MAAM,UAAU,GAAG,gBAAgB,GAAG;IACxC,EAAE,CAAC,EAAE,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,GAAG,QAAQ,CAAC,CAAC;IAChD,IAAI,CAAC,EAAE,SAAS,CAAC;IACjB,IAAI,CAAC,EAAE,cAAc,CAAC;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,WAAW,CAAC,EAAE,aAAa,CAAC;CAC/B,CAAC;AAuFF;;GAEG;AACH,eAAO,MAAM,KAAK;SA/FT,OAAO,CAAC,KAAK,CAAC,WAAW,EAAE,GAAG,GAAG,QAAQ,CAAC;WACxC,SAAS;WACT,cAAc;cACX,YAAY;kBACR,aAAa;iCAmH9B,CAAC"}
|
|
@@ -98,7 +98,7 @@ const StyledBadge = styled(Box) `
|
|
|
98
98
|
* Component for displaying non-interactive chip descendant.
|
|
99
99
|
*/
|
|
100
100
|
export const Badge = forwardRef(({ size = 'small', type = 'body', variant = 'neutral', LeadingIcon, children, ...props }, ref) => {
|
|
101
|
-
return (_jsxs(StyledBadge, { ref: ref, "$size": size, "$variant": variant, ...props, children: [LeadingIcon && _jsx(LeadingIcon, { size: BADGE_ICON_SIZES[size] }), children && (_jsx(Text, { size: BADGE_TEXT_SIZES[size], type: type, weight: "medium", children: children }))] }));
|
|
101
|
+
return (_jsxs(StyledBadge, { ref: ref, "$size": size, "$variant": variant, as: 'span', ...props, children: [LeadingIcon && _jsx(LeadingIcon, { size: BADGE_ICON_SIZES[size] }), children && (_jsx(Text, { size: BADGE_TEXT_SIZES[size], type: type, weight: "medium", as: 'span', children: children }))] }));
|
|
102
102
|
});
|
|
103
103
|
Badge.displayName = 'Badge';
|
|
104
104
|
//# sourceMappingURL=badge.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../src/components/badge.tsx"],"names":[],"mappings":"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"}
|
|
@@ -39,29 +39,29 @@ export declare const darkTheme: {
|
|
|
39
39
|
readonly bambooDark: "#305b4a";
|
|
40
40
|
readonly bambooText: "#65bc99";
|
|
41
41
|
readonly neutral0: "#ffffff";
|
|
42
|
-
readonly neutral25: "#
|
|
43
|
-
readonly neutral50: "#
|
|
44
|
-
readonly neutral75: "#
|
|
45
|
-
readonly neutral100: "#
|
|
46
|
-
readonly neutral150: "#
|
|
47
|
-
readonly neutral200: "#
|
|
48
|
-
readonly neutral250: "#
|
|
49
|
-
readonly neutral300: "#
|
|
50
|
-
readonly neutral350: "#
|
|
51
|
-
readonly neutral400: "#
|
|
52
|
-
readonly neutral450: "#
|
|
53
|
-
readonly neutral500: "#
|
|
54
|
-
readonly neutral550: "#
|
|
55
|
-
readonly neutral600: "#
|
|
56
|
-
readonly neutral650: "#
|
|
57
|
-
readonly neutral700: "#
|
|
58
|
-
readonly neutral750: "#
|
|
59
|
-
readonly neutral775: "#
|
|
60
|
-
readonly neutral800: "#
|
|
61
|
-
readonly neutral850: "#
|
|
62
|
-
readonly neutral875: "#
|
|
63
|
-
readonly neutral900: "#
|
|
64
|
-
readonly neutral950: "#
|
|
42
|
+
readonly neutral25: "#f9f9fa";
|
|
43
|
+
readonly neutral50: "#f4f4f5";
|
|
44
|
+
readonly neutral75: "#edeeef";
|
|
45
|
+
readonly neutral100: "#e4e5e6";
|
|
46
|
+
readonly neutral150: "#d2d3d6";
|
|
47
|
+
readonly neutral200: "#c9cbcf";
|
|
48
|
+
readonly neutral250: "#bfc1c5";
|
|
49
|
+
readonly neutral300: "#b4b6bb";
|
|
50
|
+
readonly neutral350: "#a9acb1";
|
|
51
|
+
readonly neutral400: "#9ea2a8";
|
|
52
|
+
readonly neutral450: "#848890";
|
|
53
|
+
readonly neutral500: "#6d7178";
|
|
54
|
+
readonly neutral550: "#5c5f66";
|
|
55
|
+
readonly neutral600: "#4f5257";
|
|
56
|
+
readonly neutral650: "#44464b";
|
|
57
|
+
readonly neutral700: "#3d3f43";
|
|
58
|
+
readonly neutral750: "#333538";
|
|
59
|
+
readonly neutral775: "#292b2e";
|
|
60
|
+
readonly neutral800: "#242528";
|
|
61
|
+
readonly neutral850: "#1f2123";
|
|
62
|
+
readonly neutral875: "#1b1c1d";
|
|
63
|
+
readonly neutral900: "#161718";
|
|
64
|
+
readonly neutral950: "#0a0a0b";
|
|
65
65
|
readonly yellow25: "#fcdc73";
|
|
66
66
|
readonly yellow50: "#ffd761";
|
|
67
67
|
readonly yellow75: "#f9ce4b";
|
|
@@ -39,29 +39,29 @@ export const darkTheme = {
|
|
|
39
39
|
bambooDark: '#305b4a',
|
|
40
40
|
bambooText: '#65bc99',
|
|
41
41
|
neutral0: '#ffffff',
|
|
42
|
-
neutral25: '#
|
|
43
|
-
neutral50: '#
|
|
44
|
-
neutral75: '#
|
|
45
|
-
neutral100: '#
|
|
46
|
-
neutral150: '#
|
|
47
|
-
neutral200: '#
|
|
48
|
-
neutral250: '#
|
|
49
|
-
neutral300: '#
|
|
50
|
-
neutral350: '#
|
|
51
|
-
neutral400: '#
|
|
52
|
-
neutral450: '#
|
|
53
|
-
neutral500: '#
|
|
54
|
-
neutral550: '#
|
|
55
|
-
neutral600: '#
|
|
56
|
-
neutral650: '#
|
|
57
|
-
neutral700: '#
|
|
58
|
-
neutral750: '#
|
|
59
|
-
neutral775: '#
|
|
60
|
-
neutral800: '#
|
|
61
|
-
neutral850: '#
|
|
62
|
-
neutral875: '#
|
|
63
|
-
neutral900: '#
|
|
64
|
-
neutral950: '#
|
|
42
|
+
neutral25: '#f9f9fa',
|
|
43
|
+
neutral50: '#f4f4f5',
|
|
44
|
+
neutral75: '#edeeef',
|
|
45
|
+
neutral100: '#e4e5e6',
|
|
46
|
+
neutral150: '#d2d3d6',
|
|
47
|
+
neutral200: '#c9cbcf',
|
|
48
|
+
neutral250: '#bfc1c5',
|
|
49
|
+
neutral300: '#b4b6bb',
|
|
50
|
+
neutral350: '#a9acb1',
|
|
51
|
+
neutral400: '#9ea2a8',
|
|
52
|
+
neutral450: '#848890',
|
|
53
|
+
neutral500: '#6d7178',
|
|
54
|
+
neutral550: '#5c5f66',
|
|
55
|
+
neutral600: '#4f5257',
|
|
56
|
+
neutral650: '#44464b',
|
|
57
|
+
neutral700: '#3d3f43',
|
|
58
|
+
neutral750: '#333538',
|
|
59
|
+
neutral775: '#292b2e',
|
|
60
|
+
neutral800: '#242528',
|
|
61
|
+
neutral850: '#1f2123',
|
|
62
|
+
neutral875: '#1b1c1d',
|
|
63
|
+
neutral900: '#161718',
|
|
64
|
+
neutral950: '#0a0a0b',
|
|
65
65
|
yellow25: '#fcdc73',
|
|
66
66
|
yellow50: '#ffd761',
|
|
67
67
|
yellow75: '#f9ce4b',
|
|
@@ -39,29 +39,29 @@ export declare const lightTheme: {
|
|
|
39
39
|
readonly bambooDark: "#195d46";
|
|
40
40
|
readonly bambooText: "#007455";
|
|
41
41
|
readonly neutral0: "#ffffff";
|
|
42
|
-
readonly neutral25: "#
|
|
43
|
-
readonly neutral50: "#
|
|
44
|
-
readonly neutral75: "#
|
|
45
|
-
readonly neutral100: "#
|
|
46
|
-
readonly neutral150: "#
|
|
47
|
-
readonly neutral200: "#
|
|
48
|
-
readonly neutral250: "#
|
|
49
|
-
readonly neutral300: "#
|
|
50
|
-
readonly neutral350: "#
|
|
51
|
-
readonly neutral400: "#
|
|
52
|
-
readonly neutral450: "#
|
|
53
|
-
readonly neutral500: "#
|
|
54
|
-
readonly neutral550: "#
|
|
55
|
-
readonly neutral600: "#
|
|
56
|
-
readonly neutral650: "#
|
|
57
|
-
readonly neutral700: "#
|
|
58
|
-
readonly neutral750: "#
|
|
59
|
-
readonly neutral775: "#
|
|
60
|
-
readonly neutral800: "#
|
|
61
|
-
readonly neutral850: "#
|
|
62
|
-
readonly neutral875: "#
|
|
63
|
-
readonly neutral900: "#
|
|
64
|
-
readonly neutral950: "#
|
|
42
|
+
readonly neutral25: "#f9f9fa";
|
|
43
|
+
readonly neutral50: "#f4f4f5";
|
|
44
|
+
readonly neutral75: "#edeeef";
|
|
45
|
+
readonly neutral100: "#e4e5e6";
|
|
46
|
+
readonly neutral150: "#d2d3d6";
|
|
47
|
+
readonly neutral200: "#c9cbcf";
|
|
48
|
+
readonly neutral250: "#bfc1c5";
|
|
49
|
+
readonly neutral300: "#b4b6bb";
|
|
50
|
+
readonly neutral350: "#a9acb1";
|
|
51
|
+
readonly neutral400: "#9ea2a8";
|
|
52
|
+
readonly neutral450: "#848890";
|
|
53
|
+
readonly neutral500: "#6d7178";
|
|
54
|
+
readonly neutral550: "#5c5f66";
|
|
55
|
+
readonly neutral600: "#4f5257";
|
|
56
|
+
readonly neutral650: "#44464b";
|
|
57
|
+
readonly neutral700: "#3d3f43";
|
|
58
|
+
readonly neutral750: "#333538";
|
|
59
|
+
readonly neutral775: "#292b2e";
|
|
60
|
+
readonly neutral800: "#242528";
|
|
61
|
+
readonly neutral850: "#1f2123";
|
|
62
|
+
readonly neutral875: "#1b1c1d";
|
|
63
|
+
readonly neutral900: "#161718";
|
|
64
|
+
readonly neutral950: "#0a0a0b";
|
|
65
65
|
readonly yellow25: "#f9f6ea";
|
|
66
66
|
readonly yellow50: "#f9f0db";
|
|
67
67
|
readonly yellow75: "#f7e8c4";
|
|
@@ -39,29 +39,29 @@ export const lightTheme = {
|
|
|
39
39
|
bambooDark: '#195d46',
|
|
40
40
|
bambooText: '#007455',
|
|
41
41
|
neutral0: '#ffffff',
|
|
42
|
-
neutral25: '#
|
|
43
|
-
neutral50: '#
|
|
44
|
-
neutral75: '#
|
|
45
|
-
neutral100: '#
|
|
46
|
-
neutral150: '#
|
|
47
|
-
neutral200: '#
|
|
48
|
-
neutral250: '#
|
|
49
|
-
neutral300: '#
|
|
50
|
-
neutral350: '#
|
|
51
|
-
neutral400: '#
|
|
52
|
-
neutral450: '#
|
|
53
|
-
neutral500: '#
|
|
54
|
-
neutral550: '#
|
|
55
|
-
neutral600: '#
|
|
56
|
-
neutral650: '#
|
|
57
|
-
neutral700: '#
|
|
58
|
-
neutral750: '#
|
|
59
|
-
neutral775: '#
|
|
60
|
-
neutral800: '#
|
|
61
|
-
neutral850: '#
|
|
62
|
-
neutral875: '#
|
|
63
|
-
neutral900: '#
|
|
64
|
-
neutral950: '#
|
|
42
|
+
neutral25: '#f9f9fa',
|
|
43
|
+
neutral50: '#f4f4f5',
|
|
44
|
+
neutral75: '#edeeef',
|
|
45
|
+
neutral100: '#e4e5e6',
|
|
46
|
+
neutral150: '#d2d3d6',
|
|
47
|
+
neutral200: '#c9cbcf',
|
|
48
|
+
neutral250: '#bfc1c5',
|
|
49
|
+
neutral300: '#b4b6bb',
|
|
50
|
+
neutral350: '#a9acb1',
|
|
51
|
+
neutral400: '#9ea2a8',
|
|
52
|
+
neutral450: '#848890',
|
|
53
|
+
neutral500: '#6d7178',
|
|
54
|
+
neutral550: '#5c5f66',
|
|
55
|
+
neutral600: '#4f5257',
|
|
56
|
+
neutral650: '#44464b',
|
|
57
|
+
neutral700: '#3d3f43',
|
|
58
|
+
neutral750: '#333538',
|
|
59
|
+
neutral775: '#292b2e',
|
|
60
|
+
neutral800: '#242528',
|
|
61
|
+
neutral850: '#1f2123',
|
|
62
|
+
neutral875: '#1b1c1d',
|
|
63
|
+
neutral900: '#161718',
|
|
64
|
+
neutral950: '#0a0a0b',
|
|
65
65
|
yellow25: '#f9f6ea',
|
|
66
66
|
yellow50: '#f9f0db',
|
|
67
67
|
yellow75: '#f7e8c4',
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
|
-
export declare const tokens = "\n --color-neutral-text: #
|
|
4
|
+
export declare const tokens = "\n --color-neutral-text: #f4f4f5;\n --color-neutral-text-muted: #bfc1c5;\n --color-neutral-text-subtle: #9ea2a8;\n --color-neutral-text-disabled: #4f5257;\n --color-neutral-text-on-primary: #161718;\n --color-neutral-icon-on-primary: #161718;\n --color-neutral-background: #161718;\n --color-neutral-background-muted: #1f2123;\n --color-neutral-background-subtle: #242528;\n --color-neutral-background-white: #f4f4f5;\n --color-neutral-card-background: #1b1c1d;\n --color-neutral-card-background-hover: #1f2123;\n --color-neutral-border: #3d3f43;\n --color-neutral-separator-subtle: #333538;\n --color-neutral-hover: #292b2e;\n --color-neutral-disabled: #333538;\n --color-neutral-overflow: #242528;\n --color-neutral-icon: #bfc1c5;\n --color-neutral-icon-subtle: #6d7178;\n --color-neutral-icon-disabled: #4f5257;\n --color-neutral-field-border: #333538;\n --color-neutral-action-secondary: #4f5257;\n --color-neutral-action-secondary-hover: #6d7178;\n --color-neutral-action-secondary-active: #333538;\n --color-neutral-chip-background: #4f5257;\n --color-neutral-chip-background-hover: #6d7178;\n --color-neutral-chip-background-active: #9ea2a8;\n --color-neutral-chip-background-disabled: #9ea2a8;\n --color-neutral-large-tooltip-background: #242528;\n --color-neutral-large-tooltip-border: #333538;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #242528;\n --color-neutral-small-tooltip-border: #333538;\n --color-neutral-overlay: #101114;\n --color-neutral-field-background: #0a0a0b;\n --color-neutral-text-placeholder: #6d7178;\n --color-primary-text: #6f9dff;\n --color-primary-text-interactive: #6f9dff;\n --color-primary-icon: #3970d7;\n --color-primary-action: #5990ff;\n --color-primary-action-hover: #80a9ff;\n --color-primary-action-active: #3970d7;\n --color-primary-field-border-active: #3970d7;\n --color-primary-border-subtle: #295cbb;\n --color-primary-background: #0d2550;\n --color-primary-background-subtle: #151d34;\n --color-primary-background-hover: #194594;\n --color-primary-chip-background: #0d2550;\n --color-primary-chip-background-subtle: #151d34;\n --color-primary-chip-background-hover: #194594;\n --color-primary-chip-text: #8ebcff;\n --color-primary-shadow-active: #295cbb;\n --color-primary-black-action: #ffffff;\n --color-primary-black-action-hover: #d2d3d6;\n --color-primary-black-action-active: #f4f4f5;\n --color-primary-black-background: #f4f4f5;\n --color-primary-black-background-hover: #edeeef;\n --color-primary-black-chip-text: #0a0a0b;\n --color-success-text: #3bb358;\n --color-success-icon: #23a64a;\n --color-success-background: #14441f;\n --color-success-background-hover: #00531e;\n --color-success-background-subtle: #09260f;\n --color-success-background-subtle-hover: #14441f;\n --color-success-background-subtle-active: #006e29;\n --color-success-chip-background: #14441f;\n --color-success-chip-background-hover: #00531e;\n --color-success-chip-text: #6ccd7c;\n --color-success-border: #068a35;\n --color-success-border-subtle: #006e29;\n --color-success-action: #23a64a;\n --color-success-action-hover: #3bb358;\n --color-success-action-active: #068a35;\n --color-warning-text: #f9ce4b;\n --color-warning-icon: #f9ce4b;\n --color-warning-background: #5d2e0e;\n --color-warning-background-hover: #6d3806;\n --color-warning-background-subtle: #301806;\n --color-warning-chip-background: #5d2e0e;\n --color-warning-chip-background-hover: #6d3806;\n --color-warning-chip-text: #ffd761;\n --color-warning-border: #a56909;\n --color-warning-border-subtle: #8a4f05;\n --color-warning-field-border: #cf9117;\n --color-danger-text: #ff7157;\n --color-danger-icon: #ef6045;\n --color-danger-background: #672523;\n --color-danger-background-hover: #812420;\n --color-danger-background-subtle: #381719;\n --color-danger-background-subtle-hover: #672523;\n --color-danger-background-subtle-active: #aa3229;\n --color-danger-chip-background: #672523;\n --color-danger-chip-background-hover: #812420;\n --color-danger-chip-text: #fe9e8a;\n --color-danger-border: #cf4436;\n --color-danger-border-subtle: #aa3229;\n --color-danger-field-border: #ef6045;\n --color-danger-action: #ef6045;\n --color-danger-action-hover: #ff7157;\n --color-danger-action-active: #cf4436;\n --color-special-free-plan-background: #9a4e2d;\n --color-special-starter-plan-background: #b87939;\n --color-special-scale-plan-background: #425484;\n --color-special-business-plan-background: #408288;\n --color-special-enterprise-plan-background: #48296f;\n --color-rose-light: #e88bb3;\n --color-rose-base: #b8487b;\n --color-rose-dark: #6f234f;\n --color-rose-text: #ed8bb5;\n --color-buttercup-light: #f9deaa;\n --color-buttercup-base: #e5b557;\n --color-buttercup-dark: #b87939;\n --color-buttercup-text: #ebbf6c;\n --color-paprika-light: #e26c7d;\n --color-paprika-base: #9e384b;\n --color-paprika-dark: #511d27;\n --color-paprika-text: #f67c8d;\n --color-teal-light: #aef0f5;\n --color-teal-base: #58bcc4;\n --color-teal-dark: #408288;\n --color-teal-text: #62c1c8;\n --color-indigo-light: #a8b7ed;\n --color-indigo-base: #6d85ca;\n --color-indigo-dark: #425484;\n --color-indigo-text: #a2b2eb;\n --color-slate-light: #c2c5dc;\n --color-slate-base: #8690bf;\n --color-slate-dark: #535c81;\n --color-slate-text: #afb2c9;\n --color-coral-light: #f3ccb0;\n --color-coral-base: #f08848;\n --color-coral-dark: #9a4e2d;\n --color-coral-text: #f9b27b;\n --color-lavender-light: #b482ed;\n --color-lavender-base: #8148c9;\n --color-lavender-dark: #48296f;\n --color-lavender-text: #be8af9;\n --color-bamboo-light: #7acaa9;\n --color-bamboo-base: #439274;\n --color-bamboo-dark: #305b4a;\n --color-bamboo-text: #65bc99;\n";
|
|
5
5
|
//# sourceMappingURL=css_variables.dark.d.ts.map
|
|
@@ -2,42 +2,42 @@
|
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
export const tokens = `
|
|
5
|
-
--color-neutral-text: #
|
|
6
|
-
--color-neutral-text-muted: #
|
|
7
|
-
--color-neutral-text-subtle: #
|
|
8
|
-
--color-neutral-text-disabled: #
|
|
9
|
-
--color-neutral-text-on-primary: #
|
|
10
|
-
--color-neutral-icon-on-primary: #
|
|
11
|
-
--color-neutral-background: #
|
|
12
|
-
--color-neutral-background-muted: #
|
|
13
|
-
--color-neutral-background-subtle: #
|
|
14
|
-
--color-neutral-background-white: #
|
|
15
|
-
--color-neutral-card-background: #
|
|
16
|
-
--color-neutral-card-background-hover: #
|
|
17
|
-
--color-neutral-border: #
|
|
18
|
-
--color-neutral-separator-subtle: #
|
|
19
|
-
--color-neutral-hover: #
|
|
20
|
-
--color-neutral-disabled: #
|
|
21
|
-
--color-neutral-overflow: #
|
|
22
|
-
--color-neutral-icon: #
|
|
23
|
-
--color-neutral-icon-subtle: #
|
|
24
|
-
--color-neutral-icon-disabled: #
|
|
25
|
-
--color-neutral-field-border: #
|
|
26
|
-
--color-neutral-action-secondary: #
|
|
27
|
-
--color-neutral-action-secondary-hover: #
|
|
28
|
-
--color-neutral-action-secondary-active: #
|
|
29
|
-
--color-neutral-chip-background: #
|
|
30
|
-
--color-neutral-chip-background-hover: #
|
|
31
|
-
--color-neutral-chip-background-active: #
|
|
32
|
-
--color-neutral-chip-background-disabled: #
|
|
33
|
-
--color-neutral-large-tooltip-background: #
|
|
34
|
-
--color-neutral-large-tooltip-border: #
|
|
5
|
+
--color-neutral-text: #f4f4f5;
|
|
6
|
+
--color-neutral-text-muted: #bfc1c5;
|
|
7
|
+
--color-neutral-text-subtle: #9ea2a8;
|
|
8
|
+
--color-neutral-text-disabled: #4f5257;
|
|
9
|
+
--color-neutral-text-on-primary: #161718;
|
|
10
|
+
--color-neutral-icon-on-primary: #161718;
|
|
11
|
+
--color-neutral-background: #161718;
|
|
12
|
+
--color-neutral-background-muted: #1f2123;
|
|
13
|
+
--color-neutral-background-subtle: #242528;
|
|
14
|
+
--color-neutral-background-white: #f4f4f5;
|
|
15
|
+
--color-neutral-card-background: #1b1c1d;
|
|
16
|
+
--color-neutral-card-background-hover: #1f2123;
|
|
17
|
+
--color-neutral-border: #3d3f43;
|
|
18
|
+
--color-neutral-separator-subtle: #333538;
|
|
19
|
+
--color-neutral-hover: #292b2e;
|
|
20
|
+
--color-neutral-disabled: #333538;
|
|
21
|
+
--color-neutral-overflow: #242528;
|
|
22
|
+
--color-neutral-icon: #bfc1c5;
|
|
23
|
+
--color-neutral-icon-subtle: #6d7178;
|
|
24
|
+
--color-neutral-icon-disabled: #4f5257;
|
|
25
|
+
--color-neutral-field-border: #333538;
|
|
26
|
+
--color-neutral-action-secondary: #4f5257;
|
|
27
|
+
--color-neutral-action-secondary-hover: #6d7178;
|
|
28
|
+
--color-neutral-action-secondary-active: #333538;
|
|
29
|
+
--color-neutral-chip-background: #4f5257;
|
|
30
|
+
--color-neutral-chip-background-hover: #6d7178;
|
|
31
|
+
--color-neutral-chip-background-active: #9ea2a8;
|
|
32
|
+
--color-neutral-chip-background-disabled: #9ea2a8;
|
|
33
|
+
--color-neutral-large-tooltip-background: #242528;
|
|
34
|
+
--color-neutral-large-tooltip-border: #333538;
|
|
35
35
|
--color-neutral-small-tooltip-text: #ffffff;
|
|
36
|
-
--color-neutral-small-tooltip-background: #
|
|
37
|
-
--color-neutral-small-tooltip-border: #
|
|
36
|
+
--color-neutral-small-tooltip-background: #242528;
|
|
37
|
+
--color-neutral-small-tooltip-border: #333538;
|
|
38
38
|
--color-neutral-overlay: #101114;
|
|
39
|
-
--color-neutral-field-background: #
|
|
40
|
-
--color-neutral-text-placeholder: #
|
|
39
|
+
--color-neutral-field-background: #0a0a0b;
|
|
40
|
+
--color-neutral-text-placeholder: #6d7178;
|
|
41
41
|
--color-primary-text: #6f9dff;
|
|
42
42
|
--color-primary-text-interactive: #6f9dff;
|
|
43
43
|
--color-primary-icon: #3970d7;
|
|
@@ -55,11 +55,11 @@ export const tokens = `
|
|
|
55
55
|
--color-primary-chip-text: #8ebcff;
|
|
56
56
|
--color-primary-shadow-active: #295cbb;
|
|
57
57
|
--color-primary-black-action: #ffffff;
|
|
58
|
-
--color-primary-black-action-hover: #
|
|
59
|
-
--color-primary-black-action-active: #
|
|
60
|
-
--color-primary-black-background: #
|
|
61
|
-
--color-primary-black-background-hover: #
|
|
62
|
-
--color-primary-black-chip-text: #
|
|
58
|
+
--color-primary-black-action-hover: #d2d3d6;
|
|
59
|
+
--color-primary-black-action-active: #f4f4f5;
|
|
60
|
+
--color-primary-black-background: #f4f4f5;
|
|
61
|
+
--color-primary-black-background-hover: #edeeef;
|
|
62
|
+
--color-primary-black-chip-text: #0a0a0b;
|
|
63
63
|
--color-success-text: #3bb358;
|
|
64
64
|
--color-success-icon: #23a64a;
|
|
65
65
|
--color-success-background: #14441f;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
|
-
export declare const tokens = "\n --color-neutral-text: #
|
|
4
|
+
export declare const tokens = "\n --color-neutral-text: #1f2123;\n --color-neutral-text-muted: #3d3f43;\n --color-neutral-text-subtle: #6d7178;\n --color-neutral-text-disabled: #c9cbcf;\n --color-neutral-text-on-primary: #ffffff;\n --color-neutral-icon-on-primary: #ffffff;\n --color-neutral-background: #ffffff;\n --color-neutral-background-muted: #f9f9fa;\n --color-neutral-background-subtle: #f4f4f5;\n --color-neutral-background-white: #ffffff;\n --color-neutral-card-background: #ffffff;\n --color-neutral-card-background-hover: #ffffff;\n --color-neutral-border: #d2d3d6;\n --color-neutral-separator-subtle: #e4e5e6;\n --color-neutral-hover: #edeeef;\n --color-neutral-disabled: #f4f4f5;\n --color-neutral-overflow: #e4e5e6;\n --color-neutral-icon: #4f5257;\n --color-neutral-icon-subtle: #9ea2a8;\n --color-neutral-icon-disabled: #bfc1c5;\n --color-neutral-field-border: #c9cbcf;\n --color-neutral-action-secondary: #d2d3d6;\n --color-neutral-action-secondary-hover: #e4e5e6;\n --color-neutral-action-secondary-active: #d2d3d6;\n --color-neutral-chip-background: #e4e5e6;\n --color-neutral-chip-background-hover: #d2d3d6;\n --color-neutral-chip-background-active: #c9cbcf;\n --color-neutral-chip-background-disabled: #d2d3d6;\n --color-neutral-large-tooltip-background: #ffffff;\n --color-neutral-large-tooltip-border: #e4e5e6;\n --color-neutral-small-tooltip-text: #ffffff;\n --color-neutral-small-tooltip-background: #161718;\n --color-neutral-small-tooltip-border: #1f2123;\n --color-neutral-overlay: #191b22;\n --color-neutral-field-background: #f9f9fa;\n --color-neutral-text-placeholder: #a9acb1;\n --color-primary-text: #1672eb;\n --color-primary-text-interactive: #1672eb;\n --color-primary-icon: #1672eb;\n --color-primary-action: #1672eb;\n --color-primary-action-hover: #5290f9;\n --color-primary-action-active: #1a57da;\n --color-primary-field-border-active: #1672eb;\n --color-primary-border-subtle: #b2c6ff;\n --color-primary-background: #ecf1ff;\n --color-primary-background-subtle: #f0f8ff;\n --color-primary-background-hover: #d8e2ff;\n --color-primary-chip-background: #ecf1ff;\n --color-primary-chip-background-subtle: #f0f8ff;\n --color-primary-chip-background-hover: #d8e2ff;\n --color-primary-chip-text: #1a57da;\n --color-primary-shadow-active: #b2c6ff;\n --color-primary-black-action: #242528;\n --color-primary-black-action-hover: #292b2e;\n --color-primary-black-action-active: #0a0a0b;\n --color-primary-black-background: #1b1c1d;\n --color-primary-black-background-hover: #3d3f43;\n --color-primary-black-chip-text: #f9f9fa;\n --color-success-text: #008a27;\n --color-success-icon: #008a27;\n --color-success-background: #e4f5e5;\n --color-success-background-hover: #cfe9d1;\n --color-success-background-subtle: #e8f9ef;\n --color-success-background-subtle-hover: #cfe9d1;\n --color-success-background-subtle-active: #80da8d;\n --color-success-chip-background: #e4f5e5;\n --color-success-chip-background-hover: #cfe9d1;\n --color-success-chip-text: #086e08;\n --color-success-border: #00ab46;\n --color-success-border-subtle: #80da8d;\n --color-success-action: #008a27;\n --color-success-action-hover: #00ab46;\n --color-success-action-active: #086e08;\n --color-warning-text: #a96600;\n --color-warning-icon: #f5b315;\n --color-warning-background: #f9f0db;\n --color-warning-background-hover: #f7dfb1;\n --color-warning-background-subtle: #f9f6ea;\n --color-warning-chip-background: #f9f0db;\n --color-warning-chip-background-hover: #f7dfb1;\n --color-warning-chip-text: #8c4e02;\n --color-warning-border: #ca8200;\n --color-warning-border-subtle: #f5b315;\n --color-warning-field-border: #f5b315;\n --color-danger-text: #e3231d;\n --color-danger-icon: #e3231d;\n --color-danger-background: #fff0ec;\n --color-danger-background-hover: #fedad1;\n --color-danger-background-subtle: #fcf2ef;\n --color-danger-background-subtle-hover: #fedad1;\n --color-danger-background-subtle-active: #ffb39f;\n --color-danger-chip-background: #fff0ec;\n --color-danger-chip-background-hover: #fedad1;\n --color-danger-chip-text: #bb0401;\n --color-danger-border: #fa4d37;\n --color-danger-border-subtle: #ffb39f;\n --color-danger-field-border: #fa4d37;\n --color-danger-action: #e3231d;\n --color-danger-action-hover: #fa4d37;\n --color-danger-action-active: #bb0401;\n --color-special-free-plan-background: #ffc89f;\n --color-special-starter-plan-background: #ffdd96;\n --color-special-scale-plan-background: #a1b7ff;\n --color-special-business-plan-background: #a7f2ed;\n --color-special-enterprise-plan-background: #bf97ed;\n --color-rose-light: #f483b5;\n --color-rose-base: #c6387d;\n --color-rose-dark: #781552;\n --color-rose-text: #b6006b;\n --color-buttercup-light: #ffdd96;\n --color-buttercup-base: #f0b21b;\n --color-buttercup-dark: #c37319;\n --color-buttercup-text: #a65d00;\n --color-paprika-light: #e44467;\n --color-paprika-base: #9b0238;\n --color-paprika-dark: #4a0018;\n --color-paprika-text: #ba0044;\n --color-teal-light: #a7f2ed;\n --color-teal-base: #30c0bb;\n --color-teal-dark: #297774;\n --color-teal-text: #018181;\n --color-indigo-light: #a1b7ff;\n --color-indigo-base: #5d85e1;\n --color-indigo-dark: #365494;\n --color-indigo-text: #2563c1;\n --color-slate-light: #c1c5e1;\n --color-slate-base: #8490c4;\n --color-slate-dark: #525c85;\n --color-slate-text: #566087;\n --color-coral-light: #ffc89f;\n --color-coral-base: #fa8136;\n --color-coral-dark: #bb4511;\n --color-coral-text: #c74000;\n --color-lavender-light: #bf97ed;\n --color-lavender-base: #6a14de;\n --color-lavender-dark: #330276;\n --color-lavender-text: #6e00f4;\n --color-bamboo-light: #64cda5;\n --color-bamboo-base: #12966f;\n --color-bamboo-dark: #195d46;\n --color-bamboo-text: #007455;\n";
|
|
5
5
|
//# sourceMappingURL=css_variables.light.d.ts.map
|
|
@@ -2,42 +2,42 @@
|
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
4
|
export const tokens = `
|
|
5
|
-
--color-neutral-text: #
|
|
6
|
-
--color-neutral-text-muted: #
|
|
7
|
-
--color-neutral-text-subtle: #
|
|
8
|
-
--color-neutral-text-disabled: #
|
|
5
|
+
--color-neutral-text: #1f2123;
|
|
6
|
+
--color-neutral-text-muted: #3d3f43;
|
|
7
|
+
--color-neutral-text-subtle: #6d7178;
|
|
8
|
+
--color-neutral-text-disabled: #c9cbcf;
|
|
9
9
|
--color-neutral-text-on-primary: #ffffff;
|
|
10
10
|
--color-neutral-icon-on-primary: #ffffff;
|
|
11
11
|
--color-neutral-background: #ffffff;
|
|
12
|
-
--color-neutral-background-muted: #
|
|
13
|
-
--color-neutral-background-subtle: #
|
|
12
|
+
--color-neutral-background-muted: #f9f9fa;
|
|
13
|
+
--color-neutral-background-subtle: #f4f4f5;
|
|
14
14
|
--color-neutral-background-white: #ffffff;
|
|
15
15
|
--color-neutral-card-background: #ffffff;
|
|
16
16
|
--color-neutral-card-background-hover: #ffffff;
|
|
17
|
-
--color-neutral-border: #
|
|
18
|
-
--color-neutral-separator-subtle: #
|
|
19
|
-
--color-neutral-hover: #
|
|
20
|
-
--color-neutral-disabled: #
|
|
21
|
-
--color-neutral-overflow: #
|
|
22
|
-
--color-neutral-icon: #
|
|
23
|
-
--color-neutral-icon-subtle: #
|
|
24
|
-
--color-neutral-icon-disabled: #
|
|
25
|
-
--color-neutral-field-border: #
|
|
26
|
-
--color-neutral-action-secondary: #
|
|
27
|
-
--color-neutral-action-secondary-hover: #
|
|
28
|
-
--color-neutral-action-secondary-active: #
|
|
29
|
-
--color-neutral-chip-background: #
|
|
30
|
-
--color-neutral-chip-background-hover: #
|
|
31
|
-
--color-neutral-chip-background-active: #
|
|
32
|
-
--color-neutral-chip-background-disabled: #
|
|
17
|
+
--color-neutral-border: #d2d3d6;
|
|
18
|
+
--color-neutral-separator-subtle: #e4e5e6;
|
|
19
|
+
--color-neutral-hover: #edeeef;
|
|
20
|
+
--color-neutral-disabled: #f4f4f5;
|
|
21
|
+
--color-neutral-overflow: #e4e5e6;
|
|
22
|
+
--color-neutral-icon: #4f5257;
|
|
23
|
+
--color-neutral-icon-subtle: #9ea2a8;
|
|
24
|
+
--color-neutral-icon-disabled: #bfc1c5;
|
|
25
|
+
--color-neutral-field-border: #c9cbcf;
|
|
26
|
+
--color-neutral-action-secondary: #d2d3d6;
|
|
27
|
+
--color-neutral-action-secondary-hover: #e4e5e6;
|
|
28
|
+
--color-neutral-action-secondary-active: #d2d3d6;
|
|
29
|
+
--color-neutral-chip-background: #e4e5e6;
|
|
30
|
+
--color-neutral-chip-background-hover: #d2d3d6;
|
|
31
|
+
--color-neutral-chip-background-active: #c9cbcf;
|
|
32
|
+
--color-neutral-chip-background-disabled: #d2d3d6;
|
|
33
33
|
--color-neutral-large-tooltip-background: #ffffff;
|
|
34
|
-
--color-neutral-large-tooltip-border: #
|
|
34
|
+
--color-neutral-large-tooltip-border: #e4e5e6;
|
|
35
35
|
--color-neutral-small-tooltip-text: #ffffff;
|
|
36
|
-
--color-neutral-small-tooltip-background: #
|
|
37
|
-
--color-neutral-small-tooltip-border: #
|
|
36
|
+
--color-neutral-small-tooltip-background: #161718;
|
|
37
|
+
--color-neutral-small-tooltip-border: #1f2123;
|
|
38
38
|
--color-neutral-overlay: #191b22;
|
|
39
|
-
--color-neutral-field-background: #
|
|
40
|
-
--color-neutral-text-placeholder: #
|
|
39
|
+
--color-neutral-field-background: #f9f9fa;
|
|
40
|
+
--color-neutral-text-placeholder: #a9acb1;
|
|
41
41
|
--color-primary-text: #1672eb;
|
|
42
42
|
--color-primary-text-interactive: #1672eb;
|
|
43
43
|
--color-primary-icon: #1672eb;
|
|
@@ -54,12 +54,12 @@ export const tokens = `
|
|
|
54
54
|
--color-primary-chip-background-hover: #d8e2ff;
|
|
55
55
|
--color-primary-chip-text: #1a57da;
|
|
56
56
|
--color-primary-shadow-active: #b2c6ff;
|
|
57
|
-
--color-primary-black-action: #
|
|
58
|
-
--color-primary-black-action-hover: #
|
|
59
|
-
--color-primary-black-action-active: #
|
|
60
|
-
--color-primary-black-background: #
|
|
61
|
-
--color-primary-black-background-hover: #
|
|
62
|
-
--color-primary-black-chip-text: #
|
|
57
|
+
--color-primary-black-action: #242528;
|
|
58
|
+
--color-primary-black-action-hover: #292b2e;
|
|
59
|
+
--color-primary-black-action-active: #0a0a0b;
|
|
60
|
+
--color-primary-black-background: #1b1c1d;
|
|
61
|
+
--color-primary-black-background-hover: #3d3f43;
|
|
62
|
+
--color-primary-black-chip-text: #f9f9fa;
|
|
63
63
|
--color-success-text: #008a27;
|
|
64
64
|
--color-success-icon: #008a27;
|
|
65
65
|
--color-success-background: #e4f5e5;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
|
-
export declare const tokens = "\n --palette-neutral-0: #ffffff;\n --palette-neutral-25: #
|
|
4
|
+
export declare const tokens = "\n --palette-neutral-0: #ffffff;\n --palette-neutral-25: #f9f9fa;\n --palette-neutral-50: #f4f4f5;\n --palette-neutral-75: #edeeef;\n --palette-neutral-100: #e4e5e6;\n --palette-neutral-150: #d2d3d6;\n --palette-neutral-200: #c9cbcf;\n --palette-neutral-250: #bfc1c5;\n --palette-neutral-300: #b4b6bb;\n --palette-neutral-350: #a9acb1;\n --palette-neutral-400: #9ea2a8;\n --palette-neutral-450: #848890;\n --palette-neutral-500: #6d7178;\n --palette-neutral-550: #5c5f66;\n --palette-neutral-600: #4f5257;\n --palette-neutral-650: #44464b;\n --palette-neutral-700: #3d3f43;\n --palette-neutral-750: #333538;\n --palette-neutral-775: #292b2e;\n --palette-neutral-800: #242528;\n --palette-neutral-850: #1f2123;\n --palette-neutral-875: #1b1c1d;\n --palette-neutral-900: #161718;\n --palette-neutral-950: #0a0a0b;\n --palette-yellow-25: #fcdc73;\n --palette-yellow-50: #ffd761;\n --palette-yellow-75: #f9ce4b;\n --palette-yellow-100: #f5bc38;\n --palette-yellow-200: #cf9117;\n --palette-yellow-300: #a56909;\n --palette-yellow-350: #8a4f05;\n --palette-yellow-400: #6d3806;\n --palette-yellow-500: #5d2e0e;\n --palette-yellow-600: #3f1b07;\n --palette-yellow-700: #301806;\n --palette-red-25: #f5a790;\n --palette-red-50: #fe9e8a;\n --palette-red-75: #ff8770;\n --palette-red-100: #ff7157;\n --palette-red-200: #ef6045;\n --palette-red-300: #cf4436;\n --palette-red-350: #aa3229;\n --palette-red-400: #812420;\n --palette-red-500: #672523;\n --palette-red-600: #40191b;\n --palette-red-700: #381719;\n --palette-green-25: #74d584;\n --palette-green-50: #6ccd7c;\n --palette-green-75: #55c06a;\n --palette-green-100: #3bb358;\n --palette-green-200: #23a64a;\n --palette-green-300: #068a35;\n --palette-green-350: #006e29;\n --palette-green-400: #00531e;\n --palette-green-500: #14441f;\n --palette-green-600: #0f2b14;\n --palette-green-700: #09260f;\n --palette-blue-25: #92c0ff;\n --palette-blue-50: #8ebcff;\n --palette-blue-75: #80a9ff;\n --palette-blue-100: #6f9dff;\n --palette-blue-200: #5990ff;\n --palette-blue-300: #3970d7;\n --palette-blue-350: #295cbb;\n --palette-blue-400: #194594;\n --palette-blue-500: #1a3a78;\n --palette-blue-600: #0d2550;\n --palette-blue-700: #151d34;\n";
|
|
5
5
|
//# sourceMappingURL=css_variables_palette.dark.d.ts.map
|
|
@@ -3,29 +3,29 @@
|
|
|
3
3
|
*/
|
|
4
4
|
export const tokens = `
|
|
5
5
|
--palette-neutral-0: #ffffff;
|
|
6
|
-
--palette-neutral-25: #
|
|
7
|
-
--palette-neutral-50: #
|
|
8
|
-
--palette-neutral-75: #
|
|
9
|
-
--palette-neutral-100: #
|
|
10
|
-
--palette-neutral-150: #
|
|
11
|
-
--palette-neutral-200: #
|
|
12
|
-
--palette-neutral-250: #
|
|
13
|
-
--palette-neutral-300: #
|
|
14
|
-
--palette-neutral-350: #
|
|
15
|
-
--palette-neutral-400: #
|
|
16
|
-
--palette-neutral-450: #
|
|
17
|
-
--palette-neutral-500: #
|
|
18
|
-
--palette-neutral-550: #
|
|
19
|
-
--palette-neutral-600: #
|
|
20
|
-
--palette-neutral-650: #
|
|
21
|
-
--palette-neutral-700: #
|
|
22
|
-
--palette-neutral-750: #
|
|
23
|
-
--palette-neutral-775: #
|
|
24
|
-
--palette-neutral-800: #
|
|
25
|
-
--palette-neutral-850: #
|
|
26
|
-
--palette-neutral-875: #
|
|
27
|
-
--palette-neutral-900: #
|
|
28
|
-
--palette-neutral-950: #
|
|
6
|
+
--palette-neutral-25: #f9f9fa;
|
|
7
|
+
--palette-neutral-50: #f4f4f5;
|
|
8
|
+
--palette-neutral-75: #edeeef;
|
|
9
|
+
--palette-neutral-100: #e4e5e6;
|
|
10
|
+
--palette-neutral-150: #d2d3d6;
|
|
11
|
+
--palette-neutral-200: #c9cbcf;
|
|
12
|
+
--palette-neutral-250: #bfc1c5;
|
|
13
|
+
--palette-neutral-300: #b4b6bb;
|
|
14
|
+
--palette-neutral-350: #a9acb1;
|
|
15
|
+
--palette-neutral-400: #9ea2a8;
|
|
16
|
+
--palette-neutral-450: #848890;
|
|
17
|
+
--palette-neutral-500: #6d7178;
|
|
18
|
+
--palette-neutral-550: #5c5f66;
|
|
19
|
+
--palette-neutral-600: #4f5257;
|
|
20
|
+
--palette-neutral-650: #44464b;
|
|
21
|
+
--palette-neutral-700: #3d3f43;
|
|
22
|
+
--palette-neutral-750: #333538;
|
|
23
|
+
--palette-neutral-775: #292b2e;
|
|
24
|
+
--palette-neutral-800: #242528;
|
|
25
|
+
--palette-neutral-850: #1f2123;
|
|
26
|
+
--palette-neutral-875: #1b1c1d;
|
|
27
|
+
--palette-neutral-900: #161718;
|
|
28
|
+
--palette-neutral-950: #0a0a0b;
|
|
29
29
|
--palette-yellow-25: #fcdc73;
|
|
30
30
|
--palette-yellow-50: #ffd761;
|
|
31
31
|
--palette-yellow-75: #f9ce4b;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/**
|
|
2
2
|
* Do not edit directly, this file was auto-generated.
|
|
3
3
|
*/
|
|
4
|
-
export declare const tokens = "\n --palette-neutral-0: #ffffff;\n --palette-neutral-25: #
|
|
4
|
+
export declare const tokens = "\n --palette-neutral-0: #ffffff;\n --palette-neutral-25: #f9f9fa;\n --palette-neutral-50: #f4f4f5;\n --palette-neutral-75: #edeeef;\n --palette-neutral-100: #e4e5e6;\n --palette-neutral-150: #d2d3d6;\n --palette-neutral-200: #c9cbcf;\n --palette-neutral-250: #bfc1c5;\n --palette-neutral-300: #b4b6bb;\n --palette-neutral-350: #a9acb1;\n --palette-neutral-400: #9ea2a8;\n --palette-neutral-450: #848890;\n --palette-neutral-500: #6d7178;\n --palette-neutral-550: #5c5f66;\n --palette-neutral-600: #4f5257;\n --palette-neutral-650: #44464b;\n --palette-neutral-700: #3d3f43;\n --palette-neutral-750: #333538;\n --palette-neutral-775: #292b2e;\n --palette-neutral-800: #242528;\n --palette-neutral-850: #1f2123;\n --palette-neutral-875: #1b1c1d;\n --palette-neutral-900: #161718;\n --palette-neutral-950: #0a0a0b;\n --palette-yellow-25: #f9f6ea;\n --palette-yellow-50: #f9f0db;\n --palette-yellow-75: #f7e8c4;\n --palette-yellow-100: #f7dfb1;\n --palette-yellow-200: #f5b315;\n --palette-yellow-300: #e39c04;\n --palette-yellow-350: #d58e00;\n --palette-yellow-400: #ca8200;\n --palette-yellow-500: #a96600;\n --palette-yellow-600: #8c4e02;\n --palette-yellow-700: #864906;\n --palette-red-25: #fcf2ef;\n --palette-red-50: #fff0ec;\n --palette-red-75: #ffe3dc;\n --palette-red-100: #fedad1;\n --palette-red-200: #ffb39f;\n --palette-red-300: #ff886e;\n --palette-red-350: #fc7156;\n --palette-red-400: #fa4d37;\n --palette-red-500: #e3231d;\n --palette-red-600: #bb0401;\n --palette-red-700: #af0600;\n --palette-green-25: #e8f9ef;\n --palette-green-50: #e4f5e5;\n --palette-green-75: #daefdc;\n --palette-green-100: #cfe9d1;\n --palette-green-200: #80da8d;\n --palette-green-300: #46c263;\n --palette-green-350: #22b551;\n --palette-green-400: #00ab46;\n --palette-green-500: #008a27;\n --palette-green-600: #086e08;\n --palette-green-700: #176b08;\n --palette-blue-25: #f0f8ff;\n --palette-blue-50: #ecf1ff;\n --palette-blue-75: #e1eaff;\n --palette-blue-100: #d8e2ff;\n --palette-blue-200: #b2c6ff;\n --palette-blue-300: #88abfe;\n --palette-blue-350: #709efd;\n --palette-blue-400: #5290f9;\n --palette-blue-500: #1672eb;\n --palette-blue-600: #1a57da;\n --palette-blue-700: #224ed5;\n";
|
|
5
5
|
//# sourceMappingURL=css_variables_palette.light.d.ts.map
|