@apify/ui-library 1.89.0 → 1.90.1
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/floating/menu.d.ts +2 -1
- package/dist/src/components/floating/menu.d.ts.map +1 -1
- package/dist/src/components/floating/menu.js +9 -3
- package/dist/src/components/floating/menu.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/floating/menu.tsx +10 -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`.
|
|
@@ -16,6 +16,7 @@ export interface MenuProps<T = MenuOption> {
|
|
|
16
16
|
options: T[];
|
|
17
17
|
value?: string;
|
|
18
18
|
onSelect: (newValue: string, selectedBy: SelectActionType) => void;
|
|
19
|
+
onMenuOpen?: (isOpen: boolean) => void;
|
|
19
20
|
defaultLabel?: React.ReactNode;
|
|
20
21
|
closeOnSelect?: boolean;
|
|
21
22
|
renderOption?: (option: T) => React.ReactNode;
|
|
@@ -29,6 +30,6 @@ export interface MenuProps<T = MenuOption> {
|
|
|
29
30
|
* This example is a Select taken from https://floating-ui.com/docs/react-examples
|
|
30
31
|
* It tries to mimic API of react-select as closely as possible
|
|
31
32
|
*/
|
|
32
|
-
export declare const Menu: <T extends MenuOption>({ ariaLabel, options, value, onSelect, closeOnSelect, defaultLabel, components, renderOption, className, ...rest }: MenuProps<T> & BoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
|
+
export declare const Menu: <T extends MenuOption>({ ariaLabel, options, value, onSelect, onMenuOpen, closeOnSelect, defaultLabel, components, renderOption, className, ...rest }: MenuProps<T> & BoxProps) => import("react/jsx-runtime").JSX.Element;
|
|
33
34
|
export {};
|
|
34
35
|
//# sourceMappingURL=menu.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/menu.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"menu.d.ts","sourceRoot":"","sources":["../../../../src/components/floating/menu.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAQ/B,OAAO,EAEH,KAAK,QAAQ,EAChB,MAAM,WAAW,CAAC;AASnB,eAAO,MAAM,cAAc;;;;;CAK1B,CAAC;AAEF,KAAK,gBAAgB,GAAG,OAAO,GAAG,OAAO,GAAG,OAAO,GAAG,MAAM,CAAC;AAI7D,MAAM,WAAW,UAAU;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;CACjB;AAED,MAAM,WAAW,SAAS,CAAC,CAAC,GAAG,UAAU;IACrC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,OAAO,EAAE,CAAC,EAAE,CAAC;IACb,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,QAAQ,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,gBAAgB,KAAK,IAAI,CAAC;IACnE,UAAU,CAAC,EAAE,CAAC,MAAM,EAAE,OAAO,KAAK,IAAI,CAAC;IACvC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC/B,aAAa,CAAC,EAAE,OAAO,CAAC;IACxB,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9C,UAAU,CAAC,EAAE;QACT,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;QAC7B,IAAI,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;QACzB,QAAQ,CAAC,EAAE,KAAK,CAAC,WAAW,CAAC;KAChC,CAAC;CACL;AAID;;;GAGG;AACH,eAAO,MAAM,IAAI,GAAI,CAAC,SAAS,UAAU,kIAYtC,SAAS,CAAC,CAAC,CAAC,GAAG,QAAQ,4CAwHzB,CAAC"}
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
2
2
|
import { FloatingFocusManager, FloatingPortal, useClick, useDismiss, useInteractions, useListNavigation, useRole, useTypeahead, } from '@floating-ui/react';
|
|
3
3
|
import clsx from 'clsx';
|
|
4
|
-
import { useMemo, useRef, useState, } from 'react';
|
|
4
|
+
import { useCallback, useMemo, useRef, useState, } from 'react';
|
|
5
5
|
import { Box, } from '../box.js';
|
|
6
6
|
import { Text } from '../text/index.js';
|
|
7
7
|
import { useFloatingMenu } from './menu_common.js';
|
|
@@ -17,8 +17,14 @@ const defaultRenderOption = ({ label }) => (_jsx(Text, { as: 'span', children: l
|
|
|
17
17
|
* This example is a Select taken from https://floating-ui.com/docs/react-examples
|
|
18
18
|
* It tries to mimic API of react-select as closely as possible
|
|
19
19
|
*/
|
|
20
|
-
export const Menu = ({ ariaLabel, options, value, onSelect, closeOnSelect = true, defaultLabel, components, renderOption, className, ...rest }) => {
|
|
21
|
-
const [isOpen,
|
|
20
|
+
export const Menu = ({ ariaLabel, options, value, onSelect, onMenuOpen, closeOnSelect = true, defaultLabel, components, renderOption, className, ...rest }) => {
|
|
21
|
+
const [isOpen, setIsOpenState] = useState(false);
|
|
22
|
+
const setIsOpen = useCallback((newIsOpen) => {
|
|
23
|
+
setIsOpenState(newIsOpen);
|
|
24
|
+
if (onMenuOpen) {
|
|
25
|
+
onMenuOpen(newIsOpen);
|
|
26
|
+
}
|
|
27
|
+
}, [onMenuOpen]);
|
|
22
28
|
const { refs, floatingStyles, context } = useFloatingMenu({
|
|
23
29
|
isOpen,
|
|
24
30
|
setIsOpen,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../../src/components/floating/menu.tsx"],"names":[],"mappings":";AAAA,OAAO,EACH,oBAAoB,EACpB,cAAc,EACd,QAAQ,EACR,UAAU,EACV,eAAe,EACf,iBAAiB,EACjB,OAAO,EACP,YAAY,GACf,MAAM,oBAAoB,CAAC;AAC5B,OAAO,IAAI,MAAM,MAAM,CAAC;AAExB,OAAO,EACH,OAAO,EACP,MAAM,EACN,QAAQ,GACX,MAAM,OAAO,CAAC;AAEf,OAAO,EACH,GAAG,GAEN,MAAM,WAAW,CAAC;AACnB,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAC;AACxC,OAAO,EAAE,eAAe,EAAE,MAAM,kBAAkB,CAAC;AACnD,OAAO,EACH,yBAAyB,EACzB,iBAAiB,EACjB,qBAAqB,GACxB,MAAM,sBAAsB,CAAC;AAE9B,MAAM,CAAC,MAAM,cAAc,GAAG;IAC1B,OAAO,EAAE,cAAc;IACvB,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE,WAAW;IACjB,IAAI,EAAE,WAAW;CACpB,CAAC;
|
|
1
|
+
{"version":3,"file":"menu.js","sourceRoot":"","sources":["../../../../src/components/floating/menu.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;
|