@apify/ui-library 0.71.1-featcolortokens-178953.56 → 0.71.1-featcolortokens-178953.63
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/dist/src/design_system/colors/generated/{dark.d.ts → css_variables.dark.d.ts} +1 -1
- package/dist/src/design_system/colors/generated/css_variables.dark.d.ts.map +1 -0
- package/dist/src/design_system/colors/generated/{dark.js → css_variables.dark.js} +1 -1
- package/dist/src/design_system/colors/generated/css_variables.dark.js.map +1 -0
- package/dist/src/design_system/colors/generated/{light.d.ts → css_variables.light.d.ts} +1 -1
- package/dist/src/design_system/colors/generated/css_variables.light.d.ts.map +1 -0
- package/{src/design_system/colors/generated/light.ts → dist/src/design_system/colors/generated/css_variables.light.js} +1 -1
- package/dist/src/design_system/colors/generated/css_variables.light.js.map +1 -0
- package/dist/src/design_system/colors/generated/{palette.dark.d.ts → css_variables_palette.dark.d.ts} +1 -1
- package/dist/src/design_system/colors/generated/css_variables_palette.dark.d.ts.map +1 -0
- package/dist/src/design_system/colors/generated/{palette.dark.js → css_variables_palette.dark.js} +1 -1
- package/dist/src/design_system/colors/generated/css_variables_palette.dark.js.map +1 -0
- package/dist/src/design_system/colors/generated/{palette.light.d.ts → css_variables_palette.light.d.ts} +1 -1
- package/dist/src/design_system/colors/generated/css_variables_palette.light.d.ts.map +1 -0
- package/{src/design_system/colors/generated/palette.light.ts → dist/src/design_system/colors/generated/css_variables_palette.light.js} +1 -1
- package/dist/src/design_system/colors/generated/css_variables_palette.light.js.map +1 -0
- package/dist/src/design_system/colors/index.d.ts +4 -4
- package/dist/src/design_system/colors/index.d.ts.map +1 -1
- package/dist/src/design_system/colors/index.js +4 -4
- package/dist/src/design_system/colors/index.js.map +1 -1
- package/dist/tsconfig.build.tsbuildinfo +1 -0
- package/package.json +7 -5
- package/.stylelintrc +0 -12
- package/CHANGELOG.md +0 -3334
- package/CODEOWNERS +0 -7
- package/dist/src/design_system/colors/generated/dark.d.ts.map +0 -1
- package/dist/src/design_system/colors/generated/dark.js.map +0 -1
- package/dist/src/design_system/colors/generated/light.d.ts.map +0 -1
- package/dist/src/design_system/colors/generated/light.js +0 -147
- package/dist/src/design_system/colors/generated/light.js.map +0 -1
- package/dist/src/design_system/colors/generated/palette.dark.d.ts.map +0 -1
- package/dist/src/design_system/colors/generated/palette.dark.js.map +0 -1
- package/dist/src/design_system/colors/generated/palette.light.d.ts.map +0 -1
- package/dist/src/design_system/colors/generated/palette.light.js +0 -74
- package/dist/src/design_system/colors/generated/palette.light.js.map +0 -1
- package/dist/src/design_system/colors_theme.d.ts +0 -213
- package/dist/src/design_system/colors_theme.d.ts.map +0 -1
- package/dist/src/design_system/colors_theme.js +0 -213
- package/dist/src/design_system/colors_theme.js.map +0 -1
- package/dist/src/design_system/properties_theme.d.ts +0 -175
- package/dist/src/design_system/properties_theme.d.ts.map +0 -1
- package/dist/src/design_system/properties_theme.js +0 -315
- package/dist/src/design_system/properties_theme.js.map +0 -1
- package/eslint.config.mjs +0 -44
- package/src/codemods/generate_typograpy_tokens_files.mjs +0 -137
- package/src/components/action_link.tsx +0 -60
- package/src/components/actor_template_card.tsx +0 -116
- package/src/components/badge.tsx +0 -148
- package/src/components/banner.tsx +0 -94
- package/src/components/blog_article.tsx +0 -85
- package/src/components/box.tsx +0 -127
- package/src/components/button.tsx +0 -305
- package/src/components/chip.tsx +0 -128
- package/src/components/code/action_button.tsx +0 -96
- package/src/components/code/code_block/code_block.styled.tsx +0 -180
- package/src/components/code/code_block/code_block.tsx +0 -224
- package/src/components/code/code_block/code_block_with_tabs.tsx +0 -257
- package/src/components/code/code_block/utils.tsx +0 -67
- package/src/components/code/index.ts +0 -5
- package/src/components/code/inline_code/inline_code.tsx +0 -62
- package/src/components/code/one_line_code/one_line_code.tsx +0 -228
- package/src/components/code/prism_highlighter.tsx +0 -180
- package/src/components/color_wheel_gradient.tsx +0 -31
- package/src/components/floating/index.ts +0 -3
- package/src/components/floating/menu.tsx +0 -189
- package/src/components/floating/menu_common.tsx +0 -31
- package/src/components/floating/menu_components.tsx +0 -99
- package/src/components/image.tsx +0 -24
- package/src/components/index.ts +0 -22
- package/src/components/link.tsx +0 -114
- package/src/components/message.tsx +0 -153
- package/src/components/rating.tsx +0 -106
- package/src/components/readme_renderer/index.ts +0 -3
- package/src/components/readme_renderer/pythonize_value.ts +0 -76
- package/src/components/readme_renderer/table_of_contents.tsx +0 -272
- package/src/components/readme_renderer/utils.tsx +0 -46
- package/src/components/simple_markdown/index.ts +0 -2
- package/src/components/simple_markdown/simple_markdown.tsx +0 -214
- package/src/components/simple_markdown/simple_markdown_components.tsx +0 -293
- package/src/components/tabs/index.ts +0 -2
- package/src/components/tabs/tab.tsx +0 -217
- package/src/components/tabs/tabs.tsx +0 -169
- package/src/components/tag.tsx +0 -196
- package/src/components/text/heading_content.tsx +0 -56
- package/src/components/text/heading_marketing.tsx +0 -55
- package/src/components/text/heading_shared.tsx +0 -55
- package/src/components/text/index.ts +0 -19
- package/src/components/text/text_base.tsx +0 -52
- package/src/components/text/text_content.tsx +0 -104
- package/src/components/text/text_marketing.tsx +0 -152
- package/src/components/text/text_shared.tsx +0 -95
- package/src/components/tile/horizontal_tile.tsx +0 -77
- package/src/components/tile/index.ts +0 -2
- package/src/components/tile/shared.ts +0 -27
- package/src/components/tile/vertical_tile.tsx +0 -59
- package/src/components/to_consolidate/card.tsx +0 -141
- package/src/components/to_consolidate/index.ts +0 -4
- package/src/components/to_consolidate/markdown.tsx +0 -609
- package/src/components/to_consolidate/pagination.tsx +0 -136
- package/src/components/to_consolidate/tab_number_chip.tsx +0 -31
- package/src/design_system/colors/build_color_tokens.js +0 -175
- package/src/design_system/colors/figma_color_tokens.dark.json +0 -886
- package/src/design_system/colors/figma_color_tokens.light.json +0 -886
- package/src/design_system/colors/generated/colors_theme.dark.ts +0 -110
- package/src/design_system/colors/generated/colors_theme.light.ts +0 -110
- package/src/design_system/colors/generated/dark.ts +0 -147
- package/src/design_system/colors/generated/palette.dark.ts +0 -74
- package/src/design_system/colors/generated/properties_theme.ts +0 -179
- package/src/design_system/colors/index.ts +0 -7
- package/src/design_system/colors_theme.ts +0 -213
- package/src/design_system/properties_theme.ts +0 -453
- package/src/design_system/supernova_typography_tokens.json +0 -657
- package/src/design_system/theme.ts +0 -25
- package/src/design_system/tokens/index.ts +0 -5
- package/src/design_system/tokens/layouts.ts +0 -29
- package/src/design_system/tokens/radiuses.ts +0 -22
- package/src/design_system/tokens/shadows.ts +0 -22
- package/src/design_system/tokens/spaces.ts +0 -15
- package/src/design_system/tokens/transitions.ts +0 -19
- package/src/design_system/typography_theme.ts +0 -197
- package/src/index.ts +0 -8
- package/src/type_utils.ts +0 -7
- package/src/ui_dependency_provider.tsx +0 -58
- package/src/utils/copy_to_clipboard.ts +0 -24
- package/src/utils/image_color.ts +0 -42
- package/src/utils/index.ts +0 -4
- package/src/utils/resize_observer.ts +0 -18
- package/src/utils/sanitization.ts +0 -14
- package/tsconfig.build.json +0 -17
- package/tsconfig.json +0 -10
- /package/{src/design_system/colors/generated → style/colors}/dark.scss +0 -0
- /package/{src/design_system/colors/generated → style/colors}/light.scss +0 -0
- /package/{src/design_system/colors/generated → style/colors}/palette.dark.scss +0 -0
- /package/{src/design_system/colors/generated → style/colors}/palette.light.scss +0 -0
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
export const darkTheme = {
|
|
6
|
-
roseLight: '#e88bb3',
|
|
7
|
-
roseBase: '#b8487b',
|
|
8
|
-
roseDark: '#6f234f',
|
|
9
|
-
roseText: '#ed8bb5',
|
|
10
|
-
buttercupLight: '#f9deaa',
|
|
11
|
-
buttercupBase: '#e5b557',
|
|
12
|
-
buttercupDark: '#b87939',
|
|
13
|
-
buttercupText: '#ebbf6c',
|
|
14
|
-
paprikaLight: '#e26c7d',
|
|
15
|
-
paprikaBase: '#9e384b',
|
|
16
|
-
paprikaDark: '#511d27',
|
|
17
|
-
paprikaText: '#f67c8d',
|
|
18
|
-
tealLight: '#aef0f5',
|
|
19
|
-
tealBase: '#58bcc4',
|
|
20
|
-
tealDark: '#408288',
|
|
21
|
-
tealText: '#62c1c8',
|
|
22
|
-
indigoLight: '#a8b7ed',
|
|
23
|
-
indigoBase: '#6d85ca',
|
|
24
|
-
indigoDark: '#425484',
|
|
25
|
-
indigoText: '#a2b2eb',
|
|
26
|
-
slateLight: '#c2c5dc',
|
|
27
|
-
slateBase: '#8690bf',
|
|
28
|
-
slateDark: '#535c81',
|
|
29
|
-
slateText: '#afb2c9',
|
|
30
|
-
coralLight: '#f3ccb0',
|
|
31
|
-
coralBase: '#f08848',
|
|
32
|
-
coralDark: '#9a4e2d',
|
|
33
|
-
coralText: '#f9b27b',
|
|
34
|
-
lavenderLight: '#b482ed',
|
|
35
|
-
lavenderBase: '#8148c9',
|
|
36
|
-
lavenderDark: '#48296f',
|
|
37
|
-
lavenderText: '#be8af9',
|
|
38
|
-
bambooLight: '#7acaa9',
|
|
39
|
-
bambooBase: '#439274',
|
|
40
|
-
bambooDark: '#305b4a',
|
|
41
|
-
bambooText: '#65bc99',
|
|
42
|
-
neutral0: '#ffffff',
|
|
43
|
-
neutral25: '#f8f9fc',
|
|
44
|
-
neutral50: '#f3f4fa',
|
|
45
|
-
neutral75: '#eef0f8',
|
|
46
|
-
neutral100: '#e1e3ed',
|
|
47
|
-
neutral150: '#d1d5e4',
|
|
48
|
-
neutral200: '#c1c6d9',
|
|
49
|
-
neutral250: '#b2b8cc',
|
|
50
|
-
neutral300: '#a5abc0',
|
|
51
|
-
neutral350: '#989eb3',
|
|
52
|
-
neutral400: '#8c93a8',
|
|
53
|
-
neutral450: '#7d8499',
|
|
54
|
-
neutral500: '#6e758a',
|
|
55
|
-
neutral550: '#646a7f',
|
|
56
|
-
neutral600: '#575d71',
|
|
57
|
-
neutral650: '#4d5265',
|
|
58
|
-
neutral700: '#414758',
|
|
59
|
-
neutral750: '#343847',
|
|
60
|
-
neutral775: '#2d313e',
|
|
61
|
-
neutral800: '#2a2d39',
|
|
62
|
-
neutral850: '#252832',
|
|
63
|
-
neutral875: '#1e2027',
|
|
64
|
-
neutral900: '#1a1b21',
|
|
65
|
-
neutral950: '#101114',
|
|
66
|
-
yellow25: '#fcdc73',
|
|
67
|
-
yellow50: '#ffd761',
|
|
68
|
-
yellow75: '#f9ce4b',
|
|
69
|
-
yellow100: '#f5bc38',
|
|
70
|
-
yellow200: '#cf9117',
|
|
71
|
-
yellow300: '#a56909',
|
|
72
|
-
yellow350: '#8a4f05',
|
|
73
|
-
yellow400: '#6d3806',
|
|
74
|
-
yellow500: '#5d2e0e',
|
|
75
|
-
yellow600: '#3f1b07',
|
|
76
|
-
yellow700: '#301806',
|
|
77
|
-
red25: '#f5a790',
|
|
78
|
-
red50: '#fe9e8a',
|
|
79
|
-
red75: '#ff8770',
|
|
80
|
-
red100: '#ff7157',
|
|
81
|
-
red200: '#ef6045',
|
|
82
|
-
red300: '#cf4436',
|
|
83
|
-
red350: '#aa3229',
|
|
84
|
-
red400: '#812420',
|
|
85
|
-
red500: '#672523',
|
|
86
|
-
red600: '#40191b',
|
|
87
|
-
red700: '#381719',
|
|
88
|
-
green25: '#74d584',
|
|
89
|
-
green50: '#6ccd7c',
|
|
90
|
-
green75: '#55c06a',
|
|
91
|
-
green100: '#3bb358',
|
|
92
|
-
green200: '#23a64a',
|
|
93
|
-
green300: '#068a35',
|
|
94
|
-
green350: '#006e29',
|
|
95
|
-
green400: '#00531e',
|
|
96
|
-
green500: '#14441f',
|
|
97
|
-
green600: '#0f2b14',
|
|
98
|
-
green700: '#09260f',
|
|
99
|
-
blue25: '#92c0ff',
|
|
100
|
-
blue50: '#8ebcff',
|
|
101
|
-
blue75: '#80a9ff',
|
|
102
|
-
blue100: '#6f9dff',
|
|
103
|
-
blue200: '#5990ff',
|
|
104
|
-
blue300: '#3970d7',
|
|
105
|
-
blue350: '#295cbb',
|
|
106
|
-
blue400: '#194594',
|
|
107
|
-
blue500: '#1a3a78',
|
|
108
|
-
blue600: '#0d2550',
|
|
109
|
-
blue700: '#151d34',
|
|
110
|
-
} as const;
|
|
@@ -1,110 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
export const lightTheme = {
|
|
6
|
-
roseLight: '#f483b5',
|
|
7
|
-
roseBase: '#c6387d',
|
|
8
|
-
roseDark: '#781552',
|
|
9
|
-
roseText: '#b6006b',
|
|
10
|
-
buttercupLight: '#ffdd96',
|
|
11
|
-
buttercupBase: '#f0b21b',
|
|
12
|
-
buttercupDark: '#c37319',
|
|
13
|
-
buttercupText: '#a65d00',
|
|
14
|
-
paprikaLight: '#e44467',
|
|
15
|
-
paprikaBase: '#9b0238',
|
|
16
|
-
paprikaDark: '#4a0018',
|
|
17
|
-
paprikaText: '#ba0044',
|
|
18
|
-
tealLight: '#a7f2ed',
|
|
19
|
-
tealBase: '#30c0bb',
|
|
20
|
-
tealDark: '#297774',
|
|
21
|
-
tealText: '#018181',
|
|
22
|
-
indigoLight: '#a1b7ff',
|
|
23
|
-
indigoBase: '#5d85e1',
|
|
24
|
-
indigoDark: '#365494',
|
|
25
|
-
indigoText: '#2563c1',
|
|
26
|
-
slateLight: '#c1c5e1',
|
|
27
|
-
slateBase: '#8490c4',
|
|
28
|
-
slateDark: '#525c85',
|
|
29
|
-
slateText: '#566087',
|
|
30
|
-
coralLight: '#ffc89f',
|
|
31
|
-
coralBase: '#fa8136',
|
|
32
|
-
coralDark: '#bb4511',
|
|
33
|
-
coralText: '#c74000',
|
|
34
|
-
lavenderLight: '#bf97ed',
|
|
35
|
-
lavenderBase: '#6a14de',
|
|
36
|
-
lavenderDark: '#330276',
|
|
37
|
-
lavenderText: '#6e00f4',
|
|
38
|
-
bambooLight: '#64cda5',
|
|
39
|
-
bambooBase: '#12966f',
|
|
40
|
-
bambooDark: '#195d46',
|
|
41
|
-
bambooText: '#007455',
|
|
42
|
-
neutral0: '#ffffff',
|
|
43
|
-
neutral25: '#f8f9fc',
|
|
44
|
-
neutral50: '#f3f4fa',
|
|
45
|
-
neutral75: '#eef0f8',
|
|
46
|
-
neutral100: '#e0e3f2',
|
|
47
|
-
neutral150: '#d0d5e9',
|
|
48
|
-
neutral200: '#c0c6de',
|
|
49
|
-
neutral250: '#b0b8d1',
|
|
50
|
-
neutral300: '#a3abc5',
|
|
51
|
-
neutral350: '#969eb8',
|
|
52
|
-
neutral400: '#8a93ae',
|
|
53
|
-
neutral450: '#7b84a0',
|
|
54
|
-
neutral500: '#6c7590',
|
|
55
|
-
neutral550: '#626a85',
|
|
56
|
-
neutral600: '#555d76',
|
|
57
|
-
neutral650: '#4b526b',
|
|
58
|
-
neutral700: '#3f475d',
|
|
59
|
-
neutral750: '#31384d',
|
|
60
|
-
neutral775: '#2b3143',
|
|
61
|
-
neutral800: '#272d3e',
|
|
62
|
-
neutral850: '#242836',
|
|
63
|
-
neutral875: '#1d202a',
|
|
64
|
-
neutral900: '#191b22',
|
|
65
|
-
neutral950: '#0a0b0f',
|
|
66
|
-
yellow25: '#f9f6ea',
|
|
67
|
-
yellow50: '#f9f0db',
|
|
68
|
-
yellow75: '#f7e8c4',
|
|
69
|
-
yellow100: '#f7dfb1',
|
|
70
|
-
yellow200: '#f5b315',
|
|
71
|
-
yellow300: '#e39c04',
|
|
72
|
-
yellow350: '#d58e00',
|
|
73
|
-
yellow400: '#ca8200',
|
|
74
|
-
yellow500: '#a96600',
|
|
75
|
-
yellow600: '#8c4e02',
|
|
76
|
-
yellow700: '#864906',
|
|
77
|
-
red25: '#fcf2ef',
|
|
78
|
-
red50: '#fff0ec',
|
|
79
|
-
red75: '#ffe3dc',
|
|
80
|
-
red100: '#fedad1',
|
|
81
|
-
red200: '#ffb39f',
|
|
82
|
-
red300: '#ff886e',
|
|
83
|
-
red350: '#fc7156',
|
|
84
|
-
red400: '#fa4d37',
|
|
85
|
-
red500: '#e3231d',
|
|
86
|
-
red600: '#bb0401',
|
|
87
|
-
red700: '#af0600',
|
|
88
|
-
green25: '#e8f9ef',
|
|
89
|
-
green50: '#e4f5e5',
|
|
90
|
-
green75: '#daefdc',
|
|
91
|
-
green100: '#cfe9d1',
|
|
92
|
-
green200: '#80da8d',
|
|
93
|
-
green300: '#46c263',
|
|
94
|
-
green350: '#22b551',
|
|
95
|
-
green400: '#00ab46',
|
|
96
|
-
green500: '#008a27',
|
|
97
|
-
green600: '#086e08',
|
|
98
|
-
green700: '#176b08',
|
|
99
|
-
blue25: '#f0f8ff',
|
|
100
|
-
blue50: '#ecf1ff',
|
|
101
|
-
blue75: '#e1eaff',
|
|
102
|
-
blue100: '#d8e2ff',
|
|
103
|
-
blue200: '#b2c6ff',
|
|
104
|
-
blue300: '#88abfe',
|
|
105
|
-
blue350: '#709efd',
|
|
106
|
-
blue400: '#5290f9',
|
|
107
|
-
blue500: '#1672eb',
|
|
108
|
-
blue600: '#1a57da',
|
|
109
|
-
blue700: '#224ed5',
|
|
110
|
-
} as const;
|
|
@@ -1,147 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
export const tokens = `
|
|
6
|
-
--color-neutral-text: #f3f4fa;
|
|
7
|
-
--color-neutral-text-muted: #b2b8cc;
|
|
8
|
-
--color-neutral-text-subtle: #8c93a8;
|
|
9
|
-
--color-neutral-text-disabled: #575d71;
|
|
10
|
-
--color-neutral-text-on-primary: #1a1b21;
|
|
11
|
-
--color-neutral-icon-on-primary: #1a1b21;
|
|
12
|
-
--color-neutral-background: #1a1b21;
|
|
13
|
-
--color-neutral-background-muted: #252832;
|
|
14
|
-
--color-neutral-background-subtle: #2a2d39;
|
|
15
|
-
--color-neutral-background-white: #f3f4fa;
|
|
16
|
-
--color-neutral-card-background: #1e2027;
|
|
17
|
-
--color-neutral-card-background-hover: #252832;
|
|
18
|
-
--color-neutral-border: #414758;
|
|
19
|
-
--color-neutral-separator-subtle: #343847;
|
|
20
|
-
--color-neutral-hover: #2d313e;
|
|
21
|
-
--color-neutral-disabled: #343847;
|
|
22
|
-
--color-neutral-overflow: #2a2d39;
|
|
23
|
-
--color-neutral-icon: #b2b8cc;
|
|
24
|
-
--color-neutral-icon-subtle: #6e758a;
|
|
25
|
-
--color-neutral-icon-disabled: #575d71;
|
|
26
|
-
--color-neutral-field-border: #343847;
|
|
27
|
-
--color-neutral-action-secondary: #575d71;
|
|
28
|
-
--color-neutral-action-secondary-hover: #6e758a;
|
|
29
|
-
--color-neutral-action-secondary-active: #343847;
|
|
30
|
-
--color-neutral-chip-background: #575d71;
|
|
31
|
-
--color-neutral-chip-background-hover: #6e758a;
|
|
32
|
-
--color-neutral-chip-background-active: #8c93a8;
|
|
33
|
-
--color-neutral-chip-background-disabled: #8c93a8;
|
|
34
|
-
--color-neutral-large-tooltip-background: #2a2d39;
|
|
35
|
-
--color-neutral-large-tooltip-border: #343847;
|
|
36
|
-
--color-neutral-small-tooltip-text: #ffffff;
|
|
37
|
-
--color-neutral-small-tooltip-background: #2a2d39;
|
|
38
|
-
--color-neutral-small-tooltip-border: #343847;
|
|
39
|
-
--color-neutral-overlay: #101114;
|
|
40
|
-
--color-neutral-field-background: #101114;
|
|
41
|
-
--color-neutral-text-placeholder: #6e758a;
|
|
42
|
-
--color-primary-text: #6f9dff;
|
|
43
|
-
--color-primary-text-interactive: #6f9dff;
|
|
44
|
-
--color-primary-icon: #3970d7;
|
|
45
|
-
--color-primary-action: #5990ff;
|
|
46
|
-
--color-primary-action-hover: #80a9ff;
|
|
47
|
-
--color-primary-action-active: #3970d7;
|
|
48
|
-
--color-primary-field-border-active: #3970d7;
|
|
49
|
-
--color-primary-border-subtle: #295cbb;
|
|
50
|
-
--color-primary-background: #0d2550;
|
|
51
|
-
--color-primary-background-subtle: #151d34;
|
|
52
|
-
--color-primary-background-hover: #194594;
|
|
53
|
-
--color-primary-chip-background: #0d2550;
|
|
54
|
-
--color-primary-chip-background-subtle: #151d34;
|
|
55
|
-
--color-primary-chip-background-hover: #194594;
|
|
56
|
-
--color-primary-chip-text: #8ebcff;
|
|
57
|
-
--color-primary-shadow-active: #295cbb;
|
|
58
|
-
--color-primary-black-action: #ffffff;
|
|
59
|
-
--color-primary-black-action-hover: #d1d5e4;
|
|
60
|
-
--color-primary-black-action-active: #f3f4fa;
|
|
61
|
-
--color-primary-black-background: #f3f4fa;
|
|
62
|
-
--color-primary-black-background-hover: #eef0f8;
|
|
63
|
-
--color-primary-black-chip-text: #101114;
|
|
64
|
-
--color-success-text: #3bb358;
|
|
65
|
-
--color-success-icon: #23a64a;
|
|
66
|
-
--color-success-background: #14441f;
|
|
67
|
-
--color-success-background-hover: #00531e;
|
|
68
|
-
--color-success-background-subtle: #09260f;
|
|
69
|
-
--color-success-background-subtle-hover: #14441f;
|
|
70
|
-
--color-success-background-subtle-active: #006e29;
|
|
71
|
-
--color-success-chip-background: #14441f;
|
|
72
|
-
--color-success-chip-background-hover: #00531e;
|
|
73
|
-
--color-success-chip-text: #6ccd7c;
|
|
74
|
-
--color-success-border: #068a35;
|
|
75
|
-
--color-success-border-subtle: #006e29;
|
|
76
|
-
--color-success-action: #23a64a;
|
|
77
|
-
--color-success-action-hover: #3bb358;
|
|
78
|
-
--color-success-action-active: #068a35;
|
|
79
|
-
--color-warning-text: #f9ce4b;
|
|
80
|
-
--color-warning-icon: #f9ce4b;
|
|
81
|
-
--color-warning-background: #5d2e0e;
|
|
82
|
-
--color-warning-background-hover: #6d3806;
|
|
83
|
-
--color-warning-background-subtle: #301806;
|
|
84
|
-
--color-warning-chip-background: #5d2e0e;
|
|
85
|
-
--color-warning-chip-background-hover: #6d3806;
|
|
86
|
-
--color-warning-chip-text: #ffd761;
|
|
87
|
-
--color-warning-border: #a56909;
|
|
88
|
-
--color-warning-border-subtle: #8a4f05;
|
|
89
|
-
--color-warning-field-border: #cf9117;
|
|
90
|
-
--color-danger-text: #ff7157;
|
|
91
|
-
--color-danger-icon: #ef6045;
|
|
92
|
-
--color-danger-background: #672523;
|
|
93
|
-
--color-danger-background-hover: #812420;
|
|
94
|
-
--color-danger-background-subtle: #381719;
|
|
95
|
-
--color-danger-background-subtle-hover: #672523;
|
|
96
|
-
--color-danger-background-subtle-active: #aa3229;
|
|
97
|
-
--color-danger-chip-background: #672523;
|
|
98
|
-
--color-danger-chip-background-hover: #812420;
|
|
99
|
-
--color-danger-chip-text: #fe9e8a;
|
|
100
|
-
--color-danger-border: #cf4436;
|
|
101
|
-
--color-danger-border-subtle: #aa3229;
|
|
102
|
-
--color-danger-field-border: #ef6045;
|
|
103
|
-
--color-danger-action: #ef6045;
|
|
104
|
-
--color-danger-action-hover: #ff7157;
|
|
105
|
-
--color-danger-action-active: #cf4436;
|
|
106
|
-
--color-special-free-plan-background: #9a4e2d;
|
|
107
|
-
--color-special-starter-plan-background: #b87939;
|
|
108
|
-
--color-special-scale-plan-background: #425484;
|
|
109
|
-
--color-special-business-plan-background: #408288;
|
|
110
|
-
--color-special-enterprise-plan-background: #48296f;
|
|
111
|
-
--color-rose-light: #e88bb3;
|
|
112
|
-
--color-rose-base: #b8487b;
|
|
113
|
-
--color-rose-dark: #6f234f;
|
|
114
|
-
--color-rose-text: #ed8bb5;
|
|
115
|
-
--color-buttercup-light: #f9deaa;
|
|
116
|
-
--color-buttercup-base: #e5b557;
|
|
117
|
-
--color-buttercup-dark: #b87939;
|
|
118
|
-
--color-buttercup-text: #ebbf6c;
|
|
119
|
-
--color-paprika-light: #e26c7d;
|
|
120
|
-
--color-paprika-base: #9e384b;
|
|
121
|
-
--color-paprika-dark: #511d27;
|
|
122
|
-
--color-paprika-text: #f67c8d;
|
|
123
|
-
--color-teal-light: #aef0f5;
|
|
124
|
-
--color-teal-base: #58bcc4;
|
|
125
|
-
--color-teal-dark: #408288;
|
|
126
|
-
--color-teal-text: #62c1c8;
|
|
127
|
-
--color-indigo-light: #a8b7ed;
|
|
128
|
-
--color-indigo-base: #6d85ca;
|
|
129
|
-
--color-indigo-dark: #425484;
|
|
130
|
-
--color-indigo-text: #a2b2eb;
|
|
131
|
-
--color-slate-light: #c2c5dc;
|
|
132
|
-
--color-slate-base: #8690bf;
|
|
133
|
-
--color-slate-dark: #535c81;
|
|
134
|
-
--color-slate-text: #afb2c9;
|
|
135
|
-
--color-coral-light: #f3ccb0;
|
|
136
|
-
--color-coral-base: #f08848;
|
|
137
|
-
--color-coral-dark: #9a4e2d;
|
|
138
|
-
--color-coral-text: #f9b27b;
|
|
139
|
-
--color-lavender-light: #b482ed;
|
|
140
|
-
--color-lavender-base: #8148c9;
|
|
141
|
-
--color-lavender-dark: #48296f;
|
|
142
|
-
--color-lavender-text: #be8af9;
|
|
143
|
-
--color-bamboo-light: #7acaa9;
|
|
144
|
-
--color-bamboo-base: #439274;
|
|
145
|
-
--color-bamboo-dark: #305b4a;
|
|
146
|
-
--color-bamboo-text: #65bc99;
|
|
147
|
-
`;
|
|
@@ -1,74 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
export const tokens = `
|
|
6
|
-
--palette-neutral-0: #ffffff;
|
|
7
|
-
--palette-neutral-25: #f8f9fc;
|
|
8
|
-
--palette-neutral-50: #f3f4fa;
|
|
9
|
-
--palette-neutral-75: #eef0f8;
|
|
10
|
-
--palette-neutral-100: #e1e3ed;
|
|
11
|
-
--palette-neutral-150: #d1d5e4;
|
|
12
|
-
--palette-neutral-200: #c1c6d9;
|
|
13
|
-
--palette-neutral-250: #b2b8cc;
|
|
14
|
-
--palette-neutral-300: #a5abc0;
|
|
15
|
-
--palette-neutral-350: #989eb3;
|
|
16
|
-
--palette-neutral-400: #8c93a8;
|
|
17
|
-
--palette-neutral-450: #7d8499;
|
|
18
|
-
--palette-neutral-500: #6e758a;
|
|
19
|
-
--palette-neutral-550: #646a7f;
|
|
20
|
-
--palette-neutral-600: #575d71;
|
|
21
|
-
--palette-neutral-650: #4d5265;
|
|
22
|
-
--palette-neutral-700: #414758;
|
|
23
|
-
--palette-neutral-750: #343847;
|
|
24
|
-
--palette-neutral-775: #2d313e;
|
|
25
|
-
--palette-neutral-800: #2a2d39;
|
|
26
|
-
--palette-neutral-850: #252832;
|
|
27
|
-
--palette-neutral-875: #1e2027;
|
|
28
|
-
--palette-neutral-900: #1a1b21;
|
|
29
|
-
--palette-neutral-950: #101114;
|
|
30
|
-
--palette-yellow-25: #fcdc73;
|
|
31
|
-
--palette-yellow-50: #ffd761;
|
|
32
|
-
--palette-yellow-75: #f9ce4b;
|
|
33
|
-
--palette-yellow-100: #f5bc38;
|
|
34
|
-
--palette-yellow-200: #cf9117;
|
|
35
|
-
--palette-yellow-300: #a56909;
|
|
36
|
-
--palette-yellow-350: #8a4f05;
|
|
37
|
-
--palette-yellow-400: #6d3806;
|
|
38
|
-
--palette-yellow-500: #5d2e0e;
|
|
39
|
-
--palette-yellow-600: #3f1b07;
|
|
40
|
-
--palette-yellow-700: #301806;
|
|
41
|
-
--palette-red-25: #f5a790;
|
|
42
|
-
--palette-red-50: #fe9e8a;
|
|
43
|
-
--palette-red-75: #ff8770;
|
|
44
|
-
--palette-red-100: #ff7157;
|
|
45
|
-
--palette-red-200: #ef6045;
|
|
46
|
-
--palette-red-300: #cf4436;
|
|
47
|
-
--palette-red-350: #aa3229;
|
|
48
|
-
--palette-red-400: #812420;
|
|
49
|
-
--palette-red-500: #672523;
|
|
50
|
-
--palette-red-600: #40191b;
|
|
51
|
-
--palette-red-700: #381719;
|
|
52
|
-
--palette-green-25: #74d584;
|
|
53
|
-
--palette-green-50: #6ccd7c;
|
|
54
|
-
--palette-green-75: #55c06a;
|
|
55
|
-
--palette-green-100: #3bb358;
|
|
56
|
-
--palette-green-200: #23a64a;
|
|
57
|
-
--palette-green-300: #068a35;
|
|
58
|
-
--palette-green-350: #006e29;
|
|
59
|
-
--palette-green-400: #00531e;
|
|
60
|
-
--palette-green-500: #14441f;
|
|
61
|
-
--palette-green-600: #0f2b14;
|
|
62
|
-
--palette-green-700: #09260f;
|
|
63
|
-
--palette-blue-25: #92c0ff;
|
|
64
|
-
--palette-blue-50: #8ebcff;
|
|
65
|
-
--palette-blue-75: #80a9ff;
|
|
66
|
-
--palette-blue-100: #6f9dff;
|
|
67
|
-
--palette-blue-200: #5990ff;
|
|
68
|
-
--palette-blue-300: #3970d7;
|
|
69
|
-
--palette-blue-350: #295cbb;
|
|
70
|
-
--palette-blue-400: #194594;
|
|
71
|
-
--palette-blue-500: #1a3a78;
|
|
72
|
-
--palette-blue-600: #0d2550;
|
|
73
|
-
--palette-blue-700: #151d34;
|
|
74
|
-
`;
|
|
@@ -1,179 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly, this file was auto-generated.
|
|
3
|
-
*/
|
|
4
|
-
|
|
5
|
-
export const colorProperties = {
|
|
6
|
-
neutral: {
|
|
7
|
-
text: 'var(--color-neutral-text)',
|
|
8
|
-
textMuted: 'var(--color-neutral-text-muted)',
|
|
9
|
-
textSubtle: 'var(--color-neutral-text-subtle)',
|
|
10
|
-
textDisabled: 'var(--color-neutral-text-disabled)',
|
|
11
|
-
textOnPrimary: 'var(--color-neutral-text-on-primary)',
|
|
12
|
-
iconOnPrimary: 'var(--color-neutral-icon-on-primary)',
|
|
13
|
-
background: 'var(--color-neutral-background)',
|
|
14
|
-
backgroundMuted: 'var(--color-neutral-background-muted)',
|
|
15
|
-
backgroundSubtle: 'var(--color-neutral-background-subtle)',
|
|
16
|
-
backgroundWhite: 'var(--color-neutral-background-white)',
|
|
17
|
-
cardBackground: 'var(--color-neutral-card-background)',
|
|
18
|
-
cardBackgroundHover: 'var(--color-neutral-card-background-hover)',
|
|
19
|
-
border: 'var(--color-neutral-border)',
|
|
20
|
-
separatorSubtle: 'var(--color-neutral-separator-subtle)',
|
|
21
|
-
hover: 'var(--color-neutral-hover)',
|
|
22
|
-
disabled: 'var(--color-neutral-disabled)',
|
|
23
|
-
overflow: 'var(--color-neutral-overflow)',
|
|
24
|
-
icon: 'var(--color-neutral-icon)',
|
|
25
|
-
iconSubtle: 'var(--color-neutral-icon-subtle)',
|
|
26
|
-
iconDisabled: 'var(--color-neutral-icon-disabled)',
|
|
27
|
-
fieldBorder: 'var(--color-neutral-field-border)',
|
|
28
|
-
actionSecondary: 'var(--color-neutral-action-secondary)',
|
|
29
|
-
actionSecondaryHover: 'var(--color-neutral-action-secondary-hover)',
|
|
30
|
-
actionSecondaryActive: 'var(--color-neutral-action-secondary-active)',
|
|
31
|
-
chipBackground: 'var(--color-neutral-chip-background)',
|
|
32
|
-
chipBackgroundHover: 'var(--color-neutral-chip-background-hover)',
|
|
33
|
-
chipBackgroundActive: 'var(--color-neutral-chip-background-active)',
|
|
34
|
-
chipBackgroundDisabled: 'var(--color-neutral-chip-background-disabled)',
|
|
35
|
-
largeTooltipBackground: 'var(--color-neutral-large-tooltip-background)',
|
|
36
|
-
largeTooltipBorder: 'var(--color-neutral-large-tooltip-border)',
|
|
37
|
-
smallTooltipText: 'var(--color-neutral-small-tooltip-text)',
|
|
38
|
-
smallTooltipBackground: 'var(--color-neutral-small-tooltip-background)',
|
|
39
|
-
smallTooltipBorder: 'var(--color-neutral-small-tooltip-border)',
|
|
40
|
-
overlay: 'var(--color-neutral-overlay)',
|
|
41
|
-
fieldBackground: 'var(--color-neutral-field-background)',
|
|
42
|
-
textPlaceholder: 'var(--color-neutral-text-placeholder)',
|
|
43
|
-
},
|
|
44
|
-
primary: {
|
|
45
|
-
text: 'var(--color-primary-text)',
|
|
46
|
-
textInteractive: 'var(--color-primary-text-interactive)',
|
|
47
|
-
icon: 'var(--color-primary-icon)',
|
|
48
|
-
action: 'var(--color-primary-action)',
|
|
49
|
-
actionHover: 'var(--color-primary-action-hover)',
|
|
50
|
-
actionActive: 'var(--color-primary-action-active)',
|
|
51
|
-
fieldBorderActive: 'var(--color-primary-field-border-active)',
|
|
52
|
-
borderSubtle: 'var(--color-primary-border-subtle)',
|
|
53
|
-
background: 'var(--color-primary-background)',
|
|
54
|
-
backgroundSubtle: 'var(--color-primary-background-subtle)',
|
|
55
|
-
backgroundHover: 'var(--color-primary-background-hover)',
|
|
56
|
-
chipBackground: 'var(--color-primary-chip-background)',
|
|
57
|
-
chipBackgroundSubtle: 'var(--color-primary-chip-background-subtle)',
|
|
58
|
-
chipBackgroundHover: 'var(--color-primary-chip-background-hover)',
|
|
59
|
-
chipText: 'var(--color-primary-chip-text)',
|
|
60
|
-
shadowActive: 'var(--color-primary-shadow-active)',
|
|
61
|
-
},
|
|
62
|
-
primaryBlack: {
|
|
63
|
-
action: 'var(--color-primary-black-action)',
|
|
64
|
-
actionHover: 'var(--color-primary-black-action-hover)',
|
|
65
|
-
actionActive: 'var(--color-primary-black-action-active)',
|
|
66
|
-
background: 'var(--color-primary-black-background)',
|
|
67
|
-
backgroundHover: 'var(--color-primary-black-background-hover)',
|
|
68
|
-
chipText: 'var(--color-primary-black-chip-text)',
|
|
69
|
-
},
|
|
70
|
-
success: {
|
|
71
|
-
text: 'var(--color-success-text)',
|
|
72
|
-
icon: 'var(--color-success-icon)',
|
|
73
|
-
background: 'var(--color-success-background)',
|
|
74
|
-
backgroundHover: 'var(--color-success-background-hover)',
|
|
75
|
-
backgroundSubtle: 'var(--color-success-background-subtle)',
|
|
76
|
-
backgroundSubtleHover: 'var(--color-success-background-subtle-hover)',
|
|
77
|
-
backgroundSubtleActive: 'var(--color-success-background-subtle-active)',
|
|
78
|
-
chipBackground: 'var(--color-success-chip-background)',
|
|
79
|
-
chipBackgroundHover: 'var(--color-success-chip-background-hover)',
|
|
80
|
-
chipText: 'var(--color-success-chip-text)',
|
|
81
|
-
border: 'var(--color-success-border)',
|
|
82
|
-
borderSubtle: 'var(--color-success-border-subtle)',
|
|
83
|
-
action: 'var(--color-success-action)',
|
|
84
|
-
actionHover: 'var(--color-success-action-hover)',
|
|
85
|
-
actionActive: 'var(--color-success-action-active)',
|
|
86
|
-
},
|
|
87
|
-
warning: {
|
|
88
|
-
text: 'var(--color-warning-text)',
|
|
89
|
-
icon: 'var(--color-warning-icon)',
|
|
90
|
-
background: 'var(--color-warning-background)',
|
|
91
|
-
backgroundHover: 'var(--color-warning-background-hover)',
|
|
92
|
-
backgroundSubtle: 'var(--color-warning-background-subtle)',
|
|
93
|
-
chipBackground: 'var(--color-warning-chip-background)',
|
|
94
|
-
chipBackgroundHover: 'var(--color-warning-chip-background-hover)',
|
|
95
|
-
chipText: 'var(--color-warning-chip-text)',
|
|
96
|
-
border: 'var(--color-warning-border)',
|
|
97
|
-
borderSubtle: 'var(--color-warning-border-subtle)',
|
|
98
|
-
fieldBorder: 'var(--color-warning-field-border)',
|
|
99
|
-
},
|
|
100
|
-
danger: {
|
|
101
|
-
text: 'var(--color-danger-text)',
|
|
102
|
-
icon: 'var(--color-danger-icon)',
|
|
103
|
-
background: 'var(--color-danger-background)',
|
|
104
|
-
backgroundHover: 'var(--color-danger-background-hover)',
|
|
105
|
-
backgroundSubtle: 'var(--color-danger-background-subtle)',
|
|
106
|
-
backgroundSubtleHover: 'var(--color-danger-background-subtle-hover)',
|
|
107
|
-
backgroundSubtleActive: 'var(--color-danger-background-subtle-active)',
|
|
108
|
-
chipBackground: 'var(--color-danger-chip-background)',
|
|
109
|
-
chipBackgroundHover: 'var(--color-danger-chip-background-hover)',
|
|
110
|
-
chipText: 'var(--color-danger-chip-text)',
|
|
111
|
-
border: 'var(--color-danger-border)',
|
|
112
|
-
borderSubtle: 'var(--color-danger-border-subtle)',
|
|
113
|
-
fieldBorder: 'var(--color-danger-field-border)',
|
|
114
|
-
action: 'var(--color-danger-action)',
|
|
115
|
-
actionHover: 'var(--color-danger-action-hover)',
|
|
116
|
-
actionActive: 'var(--color-danger-action-active)',
|
|
117
|
-
},
|
|
118
|
-
special: {
|
|
119
|
-
freePlanBackground: 'var(--color-special-free-plan-background)',
|
|
120
|
-
starterPlanBackground: 'var(--color-special-starter-plan-background)',
|
|
121
|
-
scalePlanBackground: 'var(--color-special-scale-plan-background)',
|
|
122
|
-
businessPlanBackground: 'var(--color-special-business-plan-background)',
|
|
123
|
-
enterprisePlanBackground: 'var(--color-special-enterprise-plan-background)',
|
|
124
|
-
},
|
|
125
|
-
rose: {
|
|
126
|
-
light: 'var(--color-rose-light)',
|
|
127
|
-
base: 'var(--color-rose-base)',
|
|
128
|
-
dark: 'var(--color-rose-dark)',
|
|
129
|
-
text: 'var(--color-rose-text)',
|
|
130
|
-
},
|
|
131
|
-
buttercup: {
|
|
132
|
-
light: 'var(--color-buttercup-light)',
|
|
133
|
-
base: 'var(--color-buttercup-base)',
|
|
134
|
-
dark: 'var(--color-buttercup-dark)',
|
|
135
|
-
text: 'var(--color-buttercup-text)',
|
|
136
|
-
},
|
|
137
|
-
paprika: {
|
|
138
|
-
light: 'var(--color-paprika-light)',
|
|
139
|
-
base: 'var(--color-paprika-base)',
|
|
140
|
-
dark: 'var(--color-paprika-dark)',
|
|
141
|
-
text: 'var(--color-paprika-text)',
|
|
142
|
-
},
|
|
143
|
-
teal: {
|
|
144
|
-
light: 'var(--color-teal-light)',
|
|
145
|
-
base: 'var(--color-teal-base)',
|
|
146
|
-
dark: 'var(--color-teal-dark)',
|
|
147
|
-
text: 'var(--color-teal-text)',
|
|
148
|
-
},
|
|
149
|
-
indigo: {
|
|
150
|
-
light: 'var(--color-indigo-light)',
|
|
151
|
-
base: 'var(--color-indigo-base)',
|
|
152
|
-
dark: 'var(--color-indigo-dark)',
|
|
153
|
-
text: 'var(--color-indigo-text)',
|
|
154
|
-
},
|
|
155
|
-
slate: {
|
|
156
|
-
light: 'var(--color-slate-light)',
|
|
157
|
-
base: 'var(--color-slate-base)',
|
|
158
|
-
dark: 'var(--color-slate-dark)',
|
|
159
|
-
text: 'var(--color-slate-text)',
|
|
160
|
-
},
|
|
161
|
-
coral: {
|
|
162
|
-
light: 'var(--color-coral-light)',
|
|
163
|
-
base: 'var(--color-coral-base)',
|
|
164
|
-
dark: 'var(--color-coral-dark)',
|
|
165
|
-
text: 'var(--color-coral-text)',
|
|
166
|
-
},
|
|
167
|
-
lavender: {
|
|
168
|
-
light: 'var(--color-lavender-light)',
|
|
169
|
-
base: 'var(--color-lavender-base)',
|
|
170
|
-
dark: 'var(--color-lavender-dark)',
|
|
171
|
-
text: 'var(--color-lavender-text)',
|
|
172
|
-
},
|
|
173
|
-
bamboo: {
|
|
174
|
-
light: 'var(--color-bamboo-light)',
|
|
175
|
-
base: 'var(--color-bamboo-base)',
|
|
176
|
-
dark: 'var(--color-bamboo-dark)',
|
|
177
|
-
text: 'var(--color-bamboo-text)',
|
|
178
|
-
},
|
|
179
|
-
} as const;
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
export { tokens as colorsStylesLight } from './generated/light.js';
|
|
2
|
-
export { tokens as colorsStylesDark } from './generated/dark.js';
|
|
3
|
-
export { tokens as paletteColorsStylesLight } from './generated/palette.light.js';
|
|
4
|
-
export { tokens as paletteColorsStylesDark } from './generated/palette.dark.js';
|
|
5
|
-
export { darkTheme } from './generated/colors_theme.dark.js';
|
|
6
|
-
export { lightTheme } from './generated/colors_theme.light.js';
|
|
7
|
-
export { colorProperties } from './generated/properties_theme.js';
|