@haiilo/catalyst-tokens 0.5.1 → 0.5.5

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.
Files changed (6) hide show
  1. package/package.json +2 -3
  2. package/LICENSE +0 -21
  3. package/dist/css/_variables.css +0 -216
  4. package/dist/js/_variables.d.ts +0 -214
  5. package/dist/js/_variables.js +0 -214
  6. package/dist/scss/_variables.scss +0 -516
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@haiilo/catalyst-tokens",
3
- "version": "0.5.1",
3
+ "version": "0.5.5",
4
4
  "description": "Design tokens for Catalyst Design System",
5
5
  "license": "MIT",
6
6
  "repository": {
@@ -23,6 +23,5 @@
23
23
  "devDependencies": {
24
24
  "style-dictionary": "^3.1.1",
25
25
  "tinycolor2": "^1.4.2"
26
- },
27
- "gitHead": "f2c574bc116c7d8ebb76422eb532e2babd07031b"
26
+ }
28
27
  }
package/LICENSE DELETED
@@ -1,21 +0,0 @@
1
- MIT License
2
-
3
- Copyright (c) 2018
4
-
5
- Permission is hereby granted, free of charge, to any person obtaining a copy
6
- of this software and associated documentation files (the "Software"), to deal
7
- in the Software without restriction, including without limitation the rights
8
- to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
9
- copies of the Software, and to permit persons to whom the Software is
10
- furnished to do so, subject to the following conditions:
11
-
12
- The above copyright notice and this permission notice shall be included in all
13
- copies or substantial portions of the Software.
14
-
15
- THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16
- IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17
- FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18
- AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19
- LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20
- OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21
- SOFTWARE.
package/dist/css/_variables.css DELETED
@@ -1,216 +0,0 @@
1
- /**
2
- * Auto-generated file. Do not edit directly.
3
- */
4
-
5
- :root {
6
- --cat-asset-font-dm-sans-name: "DM Sans";
7
- --cat-asset-font-dm-sans-woff2-bold: "DMSans-Bold.woff2";
8
- --cat-asset-font-dm-sans-woff2-bold-italic: "DMSans-BoldItalic.woff2";
9
- --cat-asset-font-dm-sans-woff2-italic: "DMSans-Italic.woff2";
10
- --cat-asset-font-dm-sans-woff2-medium: "DMSans-Medium.woff2";
11
- --cat-asset-font-dm-sans-woff2-medium-italic: "DMSans-MediumItalic.woff2";
12
- --cat-asset-font-dm-sans-woff2-regular: "DMSans-Regular.woff2";
13
- --cat-asset-font-lato-name: "Lato";
14
- --cat-asset-font-lato-woff-black: "Lato-Black.woff";
15
- --cat-asset-font-lato-woff2-black: "Lato-Black.woff2";
16
- --cat-asset-font-lato-woff-black-italic: "Lato-BlackItalic.woff";
17
- --cat-asset-font-lato-woff2-black-italic: "Lato-BlackItalic.woff2";
18
- --cat-asset-font-lato-woff-bold: "Lato-Bold.woff";
19
- --cat-asset-font-lato-woff2-bold: "Lato-Bold.woff2";
20
- --cat-asset-font-lato-woff-bold-italic: "Lato-BoldItalic.woff";
21
- --cat-asset-font-lato-woff2-bold-italic: "Lato-BoldItalic.woff2";
22
- --cat-asset-font-lato-woff-hairline: "Lato-Hairline.woff";
23
- --cat-asset-font-lato-woff2-hairline: "Lato-Hairline.woff2";
24
- --cat-asset-font-lato-woff-hairline-italic: "Lato-HairlineItalic.woff";
25
- --cat-asset-font-lato-woff2-hairline-italic: "Lato-HairlineItalic.woff2";
26
- --cat-asset-font-lato-woff-heavy: "Lato-Heavy.woff";
27
- --cat-asset-font-lato-woff2-heavy: "Lato-Heavy.woff2";
28
- --cat-asset-font-lato-woff-heavy-italic: "Lato-HeavyItalic.woff";
29
- --cat-asset-font-lato-woff2-heavy-italic: "Lato-HeavyItalic.woff2";
30
- --cat-asset-font-lato-woff-italic: "Lato-Italic.woff";
31
- --cat-asset-font-lato-woff2-italic: "Lato-Italic.woff2";
32
- --cat-asset-font-lato-woff-light: "Lato-Light.woff";
33
- --cat-asset-font-lato-woff2-light: "Lato-Light.woff2";
34
- --cat-asset-font-lato-woff-light-italic: "Lato-LightItalic.woff";
35
- --cat-asset-font-lato-woff2-light-italic: "Lato-LightItalic.woff2";
36
- --cat-asset-font-lato-woff-medium: "Lato-Medium.woff";
37
- --cat-asset-font-lato-woff2-medium: "Lato-Medium.woff2";
38
- --cat-asset-font-lato-woff-medium-italic: "Lato-MediumItalic.woff";
39
- --cat-asset-font-lato-woff2-medium-italic: "Lato-MediumItalic.woff2";
40
- --cat-asset-font-lato-woff-regular: "Lato-Regular.woff";
41
- --cat-asset-font-lato-woff2-regular: "Lato-Regular.woff2";
42
- --cat-asset-font-lato-woff-semibold: "Lato-Semibold.woff";
43
- --cat-asset-font-lato-woff2-semibold: "Lato-Semibold.woff2";
44
- --cat-asset-font-lato-woff-semibold-italic: "Lato-SemiboldItalic.woff";
45
- --cat-asset-font-lato-woff2-semibold-italic: "Lato-SemiboldItalic.woff2";
46
- --cat-asset-font-lato-woff-thin: "Lato-Thin.woff";
47
- --cat-asset-font-lato-woff2-thin: "Lato-Thin.woff2";
48
- --cat-asset-font-lato-woff-thin-italic: "Lato-ThinItalic.woff";
49
- --cat-asset-font-lato-woff2-thin-italic: "Lato-ThinItalic.woff2";
50
- --cat-asset-font-azeret-mono-name: "Azeret Mono";
51
- --cat-asset-font-azeret-mono-woff2-regular: "AzeretMono-Regular.woff2";
52
- --cat-color-base-neutral-0: 255, 255, 255;
53
- --cat-color-base-neutral-100: 248, 248, 251;
54
- --cat-color-base-neutral-200: 235, 236, 240;
55
- --cat-color-base-neutral-300: 215, 219, 224;
56
- --cat-color-base-neutral-400: 105, 118, 135;
57
- --cat-color-base-neutral-900: 0, 0, 0;
58
- --cat-color-base-brand-100: 201, 229, 232;
59
- --cat-color-base-brand-200: 45, 179, 195;
60
- --cat-color-base-brand-300: 41, 163, 177;
61
- --cat-color-base-brand-400: 32, 127, 138;
62
- --cat-color-base-brand-500: 28, 112, 122;
63
- --cat-color-base-brand-600: 25, 101, 110;
64
- --cat-color-base-brand-700: 23, 91, 99;
65
- --cat-color-base-green-100: 212, 237, 228;
66
- --cat-color-base-green-200: 0, 187, 125;
67
- --cat-color-base-green-300: 0, 170, 113;
68
- --cat-color-base-green-400: 0, 132, 88;
69
- --cat-color-base-green-500: 0, 117, 78;
70
- --cat-color-base-green-600: 0, 105, 70;
71
- --cat-color-base-green-700: 0, 95, 64;
72
- --cat-color-base-orange-100: 255, 222, 168;
73
- --cat-color-base-orange-200: 255, 214, 148;
74
- --cat-color-base-orange-300: 255, 206, 128;
75
- --cat-color-base-orange-400: 235, 182, 99;
76
- --cat-color-base-orange-500: 214, 167, 90;
77
- --cat-color-base-orange-600: 176, 133, 62;
78
- --cat-color-base-orange-700: 159, 97, 0;
79
- --cat-color-base-red-100: 251, 199, 187;
80
- --cat-color-base-red-200: 246, 131, 104;
81
- --cat-color-base-red-300: 244, 106, 73;
82
- --cat-color-base-red-400: 217, 52, 13;
83
- --cat-color-base-red-500: 194, 46, 11;
84
- --cat-color-base-red-600: 174, 42, 10;
85
- --cat-color-base-red-700: 158, 38, 9;
86
- --cat-color-theme-primary-bg: 32, 127, 138;
87
- --cat-color-theme-primary-bg-hover: 28, 112, 122;
88
- --cat-color-theme-primary-bg-active: 25, 101, 110;
89
- --cat-color-theme-primary-fill: 255, 255, 255;
90
- --cat-color-theme-primary-fill-hover: 255, 255, 255;
91
- --cat-color-theme-primary-fill-active: 255, 255, 255;
92
- --cat-color-theme-primary-text: 32, 127, 138;
93
- --cat-color-theme-primary-text-hover: 28, 112, 122;
94
- --cat-color-theme-primary-text-active: 25, 101, 110;
95
- --cat-color-theme-secondary-bg: 105, 118, 135;
96
- --cat-color-theme-secondary-bg-hover: 105, 118, 135;
97
- --cat-color-theme-secondary-bg-active: 105, 118, 135;
98
- --cat-color-theme-secondary-fill: 255, 255, 255;
99
- --cat-color-theme-secondary-fill-hover: 255, 255, 255;
100
- --cat-color-theme-secondary-fill-active: 255, 255, 255;
101
- --cat-color-theme-secondary-text: 0, 0, 0;
102
- --cat-color-theme-secondary-text-hover: 0, 0, 0;
103
- --cat-color-theme-secondary-text-active: 0, 0, 0;
104
- --cat-color-theme-success-bg: 0, 132, 88;
105
- --cat-color-theme-success-bg-hover: 0, 117, 78;
106
- --cat-color-theme-success-bg-active: 0, 105, 70;
107
- --cat-color-theme-success-fill: 255, 255, 255;
108
- --cat-color-theme-success-fill-hover: 255, 255, 255;
109
- --cat-color-theme-success-fill-active: 255, 255, 255;
110
- --cat-color-theme-success-text: 0, 132, 88;
111
- --cat-color-theme-success-text-hover: 0, 117, 78;
112
- --cat-color-theme-success-text-active: 0, 105, 70;
113
- --cat-color-theme-warning-bg: 255, 206, 128;
114
- --cat-color-theme-warning-bg-hover: 255, 214, 148;
115
- --cat-color-theme-warning-bg-active: 255, 222, 168;
116
- --cat-color-theme-warning-fill: 0, 0, 0;
117
- --cat-color-theme-warning-fill-hover: 0, 0, 0;
118
- --cat-color-theme-warning-fill-active: 0, 0, 0;
119
- --cat-color-theme-warning-text: 159, 97, 0;
120
- --cat-color-theme-warning-text-hover: 159, 97, 0;
121
- --cat-color-theme-warning-text-active: 159, 97, 0;
122
- --cat-color-theme-danger-bg: 217, 52, 13;
123
- --cat-color-theme-danger-bg-hover: 194, 46, 11;
124
- --cat-color-theme-danger-bg-active: 174, 42, 10;
125
- --cat-color-theme-danger-fill: 255, 255, 255;
126
- --cat-color-theme-danger-fill-hover: 255, 255, 255;
127
- --cat-color-theme-danger-fill-active: 255, 255, 255;
128
- --cat-color-theme-danger-text: 217, 52, 13;
129
- --cat-color-theme-danger-text-hover: 194, 46, 11;
130
- --cat-color-theme-danger-text-active: 174, 42, 10;
131
- --cat-color-ui-background-canvas: 248, 248, 251;
132
- --cat-color-ui-background-body: 255, 255, 255;
133
- --cat-color-ui-background-interaction: 32, 127, 138;
134
- --cat-color-ui-background-input: 255, 255, 255;
135
- --cat-color-ui-background-input-disabled: 248, 248, 251;
136
- --cat-color-ui-background-skeleton: 235, 236, 240;
137
- --cat-color-ui-background-skeleton-highlight: 215, 219, 224;
138
- --cat-color-ui-background-tooltip: 255, 255, 255;
139
- --cat-color-ui-border-light: 248, 248, 251;
140
- --cat-color-ui-border-default: 235, 236, 240;
141
- --cat-color-ui-border-dark: 215, 219, 224;
142
- --cat-color-ui-border-focus: 0, 113, 255;
143
- --cat-color-ui-border-input: 215, 219, 224;
144
- --cat-color-ui-font-head: 0, 0, 0;
145
- --cat-color-ui-font-body: 0, 0, 0;
146
- --cat-color-ui-font-mono: 0, 0, 0;
147
- --cat-color-ui-font-muted: 105, 118, 135;
148
- --cat-color-ui-font-quote: 0, 0, 0;
149
- --cat-color-ui-font-tooltip: 0, 0, 0;
150
- --cat-font-family-head: DM Sans;
151
- --cat-font-family-body: Lato;
152
- --cat-font-family-mono: Azeret Mono;
153
- --cat-font-weight-head: 500;
154
- --cat-font-weight-body: 400;
155
- --cat-font-weight-mono: 400;
156
- --cat-opacity-disabled: 0.65;
157
- --cat-size-base-xl: 3.5rem;
158
- --cat-size-base-l: 3rem;
159
- --cat-size-base-m: 2.5rem;
160
- --cat-size-base-s: 2rem;
161
- --cat-size-base-xs: 1.5rem;
162
- --cat-size-border-radius-l: 0.5rem;
163
- --cat-size-border-radius-m: 0.25rem;
164
- --cat-size-border-radius-s: 0.125rem;
165
- --cat-size-font-head-1: 1.75rem;
166
- --cat-size-font-head-2: 1.5rem;
167
- --cat-size-font-head-3: 1.25rem;
168
- --cat-size-font-head-4: 1.125rem;
169
- --cat-size-font-head-5: 0.9375rem;
170
- --cat-size-font-head-6: 0.875rem;
171
- --cat-size-font-body-xl: 1.25rem;
172
- --cat-size-font-body-l: 1.125rem;
173
- --cat-size-font-body-m: 0.9375rem;
174
- --cat-size-font-body-s: 0.875rem;
175
- --cat-size-font-body-xs: 0.75rem;
176
- --cat-size-font-mono-xl: 1.125rem;
177
- --cat-size-font-mono-l: 0.9375rem;
178
- --cat-size-font-mono-m: 0.875rem;
179
- --cat-size-font-mono-s: 0.75rem;
180
- --cat-size-font-mono-xs: 0.625rem;
181
- --cat-size-line-head-1: 2rem;
182
- --cat-size-line-head-2: 1.75rem;
183
- --cat-size-line-head-3: 1.5rem;
184
- --cat-size-line-head-4: 1.5rem;
185
- --cat-size-line-head-5: 1.25rem;
186
- --cat-size-line-head-6: 1rem;
187
- --cat-size-line-body-xl: 1.5rem;
188
- --cat-size-line-body-l: 1.5rem;
189
- --cat-size-line-body-m: 1.25rem;
190
- --cat-size-line-body-s: 1rem;
191
- --cat-size-line-body-xs: 1rem;
192
- --cat-size-line-mono-xl: 1.5rem;
193
- --cat-size-line-mono-l: 1.5rem;
194
- --cat-size-line-mono-m: 1.25rem;
195
- --cat-size-line-mono-s: 1rem;
196
- --cat-size-line-mono-xs: 1rem;
197
- --cat-size-screen-xs: 540px;
198
- --cat-size-screen-s: 768px;
199
- --cat-size-screen-m: 992px;
200
- --cat-size-screen-l: 1200px;
201
- --cat-size-screen-xl: 1400px;
202
- --cat-size-spacing-xl: 2rem;
203
- --cat-size-spacing-l: 1.5rem;
204
- --cat-size-spacing-m: 1rem;
205
- --cat-size-spacing-s: 0.5rem;
206
- --cat-size-spacing-xs: 0.25rem;
207
- --cat-time-transition-l: 0.50s;
208
- --cat-time-transition-m: 0.25s;
209
- --cat-time-transition-s: 0.13s;
210
- --cat-time-delay-l: 0.50s;
211
- --cat-time-delay-m: 0.25s;
212
- --cat-time-delay-s: 0.13s;
213
- --cat-time-duration-l: 1.00s;
214
- --cat-time-duration-m: 0.50s;
215
- --cat-time-duration-s: 0.25s;
216
- }
package/dist/js/_variables.d.ts DELETED
@@ -1,214 +0,0 @@
1
- /**
2
- * Auto-generated file. Do not edit directly.
3
- */
4
-
5
- export const AssetFontDmSansName : string;
6
- export const AssetFontDmSansWoff2Bold : string;
7
- export const AssetFontDmSansWoff2BoldItalic : string;
8
- export const AssetFontDmSansWoff2Italic : string;
9
- export const AssetFontDmSansWoff2Medium : string;
10
- export const AssetFontDmSansWoff2MediumItalic : string;
11
- export const AssetFontDmSansWoff2Regular : string;
12
- export const AssetFontLatoName : string;
13
- export const AssetFontLatoWoffBlack : string;
14
- export const AssetFontLatoWoff2Black : string;
15
- export const AssetFontLatoWoffBlackItalic : string;
16
- export const AssetFontLatoWoff2BlackItalic : string;
17
- export const AssetFontLatoWoffBold : string;
18
- export const AssetFontLatoWoff2Bold : string;
19
- export const AssetFontLatoWoffBoldItalic : string;
20
- export const AssetFontLatoWoff2BoldItalic : string;
21
- export const AssetFontLatoWoffHairline : string;
22
- export const AssetFontLatoWoff2Hairline : string;
23
- export const AssetFontLatoWoffHairlineItalic : string;
24
- export const AssetFontLatoWoff2HairlineItalic : string;
25
- export const AssetFontLatoWoffHeavy : string;
26
- export const AssetFontLatoWoff2Heavy : string;
27
- export const AssetFontLatoWoffHeavyItalic : string;
28
- export const AssetFontLatoWoff2HeavyItalic : string;
29
- export const AssetFontLatoWoffItalic : string;
30
- export const AssetFontLatoWoff2Italic : string;
31
- export const AssetFontLatoWoffLight : string;
32
- export const AssetFontLatoWoff2Light : string;
33
- export const AssetFontLatoWoffLightItalic : string;
34
- export const AssetFontLatoWoff2LightItalic : string;
35
- export const AssetFontLatoWoffMedium : string;
36
- export const AssetFontLatoWoff2Medium : string;
37
- export const AssetFontLatoWoffMediumItalic : string;
38
- export const AssetFontLatoWoff2MediumItalic : string;
39
- export const AssetFontLatoWoffRegular : string;
40
- export const AssetFontLatoWoff2Regular : string;
41
- export const AssetFontLatoWoffSemibold : string;
42
- export const AssetFontLatoWoff2Semibold : string;
43
- export const AssetFontLatoWoffSemiboldItalic : string;
44
- export const AssetFontLatoWoff2SemiboldItalic : string;
45
- export const AssetFontLatoWoffThin : string;
46
- export const AssetFontLatoWoff2Thin : string;
47
- export const AssetFontLatoWoffThinItalic : string;
48
- export const AssetFontLatoWoff2ThinItalic : string;
49
- export const AssetFontAzeretMonoName : string;
50
- export const AssetFontAzeretMonoWoff2Regular : string;
51
- export const ColorBaseNeutral0 : string;
52
- export const ColorBaseNeutral100 : string;
53
- export const ColorBaseNeutral200 : string;
54
- export const ColorBaseNeutral300 : string;
55
- export const ColorBaseNeutral400 : string;
56
- export const ColorBaseNeutral900 : string;
57
- export const ColorBaseBrand100 : string;
58
- export const ColorBaseBrand200 : string;
59
- export const ColorBaseBrand300 : string;
60
- export const ColorBaseBrand400 : string;
61
- export const ColorBaseBrand500 : string;
62
- export const ColorBaseBrand600 : string;
63
- export const ColorBaseBrand700 : string;
64
- export const ColorBaseGreen100 : string;
65
- export const ColorBaseGreen200 : string;
66
- export const ColorBaseGreen300 : string;
67
- export const ColorBaseGreen400 : string;
68
- export const ColorBaseGreen500 : string;
69
- export const ColorBaseGreen600 : string;
70
- export const ColorBaseGreen700 : string;
71
- export const ColorBaseOrange100 : string;
72
- export const ColorBaseOrange200 : string;
73
- export const ColorBaseOrange300 : string;
74
- export const ColorBaseOrange400 : string;
75
- export const ColorBaseOrange500 : string;
76
- export const ColorBaseOrange600 : string;
77
- export const ColorBaseOrange700 : string;
78
- export const ColorBaseRed100 : string;
79
- export const ColorBaseRed200 : string;
80
- export const ColorBaseRed300 : string;
81
- export const ColorBaseRed400 : string;
82
- export const ColorBaseRed500 : string;
83
- export const ColorBaseRed600 : string;
84
- export const ColorBaseRed700 : string;
85
- export const ColorThemePrimaryBg : string;
86
- export const ColorThemePrimaryBgHover : string;
87
- export const ColorThemePrimaryBgActive : string;
88
- export const ColorThemePrimaryFill : string;
89
- export const ColorThemePrimaryFillHover : string;
90
- export const ColorThemePrimaryFillActive : string;
91
- export const ColorThemePrimaryText : string;
92
- export const ColorThemePrimaryTextHover : string;
93
- export const ColorThemePrimaryTextActive : string;
94
- export const ColorThemeSecondaryBg : string;
95
- export const ColorThemeSecondaryBgHover : string;
96
- export const ColorThemeSecondaryBgActive : string;
97
- export const ColorThemeSecondaryFill : string;
98
- export const ColorThemeSecondaryFillHover : string;
99
- export const ColorThemeSecondaryFillActive : string;
100
- export const ColorThemeSecondaryText : string;
101
- export const ColorThemeSecondaryTextHover : string;
102
- export const ColorThemeSecondaryTextActive : string;
103
- export const ColorThemeSuccessBg : string;
104
- export const ColorThemeSuccessBgHover : string;
105
- export const ColorThemeSuccessBgActive : string;
106
- export const ColorThemeSuccessFill : string;
107
- export const ColorThemeSuccessFillHover : string;
108
- export const ColorThemeSuccessFillActive : string;
109
- export const ColorThemeSuccessText : string;
110
- export const ColorThemeSuccessTextHover : string;
111
- export const ColorThemeSuccessTextActive : string;
112
- export const ColorThemeWarningBg : string;
113
- export const ColorThemeWarningBgHover : string;
114
- export const ColorThemeWarningBgActive : string;
115
- export const ColorThemeWarningFill : string;
116
- export const ColorThemeWarningFillHover : string;
117
- export const ColorThemeWarningFillActive : string;
118
- export const ColorThemeWarningText : string;
119
- export const ColorThemeWarningTextHover : string;
120
- export const ColorThemeWarningTextActive : string;
121
- export const ColorThemeDangerBg : string;
122
- export const ColorThemeDangerBgHover : string;
123
- export const ColorThemeDangerBgActive : string;
124
- export const ColorThemeDangerFill : string;
125
- export const ColorThemeDangerFillHover : string;
126
- export const ColorThemeDangerFillActive : string;
127
- export const ColorThemeDangerText : string;
128
- export const ColorThemeDangerTextHover : string;
129
- export const ColorThemeDangerTextActive : string;
130
- export const ColorUiBackgroundCanvas : string;
131
- export const ColorUiBackgroundBody : string;
132
- export const ColorUiBackgroundInteraction : string;
133
- export const ColorUiBackgroundInput : string;
134
- export const ColorUiBackgroundInputDisabled : string;
135
- export const ColorUiBackgroundSkeleton : string;
136
- export const ColorUiBackgroundSkeletonHighlight : string;
137
- export const ColorUiBackgroundTooltip : string;
138
- export const ColorUiBorderLight : string;
139
- export const ColorUiBorderDefault : string;
140
- export const ColorUiBorderDark : string;
141
- export const ColorUiBorderFocus : string;
142
- export const ColorUiBorderInput : string;
143
- export const ColorUiFontHead : string;
144
- export const ColorUiFontBody : string;
145
- export const ColorUiFontMono : string;
146
- export const ColorUiFontMuted : string;
147
- export const ColorUiFontQuote : string;
148
- export const ColorUiFontTooltip : string;
149
- export const FontFamilyHead : string;
150
- export const FontFamilyBody : string;
151
- export const FontFamilyMono : string;
152
- export const FontWeightHead : number;
153
- export const FontWeightBody : number;
154
- export const FontWeightMono : number;
155
- export const OpacityDisabled : number;
156
- export const SizeBaseXl : string;
157
- export const SizeBaseL : string;
158
- export const SizeBaseM : string;
159
- export const SizeBaseS : string;
160
- export const SizeBaseXs : string;
161
- export const SizeBorderRadiusL : string;
162
- export const SizeBorderRadiusM : string;
163
- export const SizeBorderRadiusS : string;
164
- export const SizeFontHead1 : string;
165
- export const SizeFontHead2 : string;
166
- export const SizeFontHead3 : string;
167
- export const SizeFontHead4 : string;
168
- export const SizeFontHead5 : string;
169
- export const SizeFontHead6 : string;
170
- export const SizeFontBodyXl : string;
171
- export const SizeFontBodyL : string;
172
- export const SizeFontBodyM : string;
173
- export const SizeFontBodyS : string;
174
- export const SizeFontBodyXs : string;
175
- export const SizeFontMonoXl : string;
176
- export const SizeFontMonoL : string;
177
- export const SizeFontMonoM : string;
178
- export const SizeFontMonoS : string;
179
- export const SizeFontMonoXs : string;
180
- export const SizeLineHead1 : string;
181
- export const SizeLineHead2 : string;
182
- export const SizeLineHead3 : string;
183
- export const SizeLineHead4 : string;
184
- export const SizeLineHead5 : string;
185
- export const SizeLineHead6 : string;
186
- export const SizeLineBodyXl : string;
187
- export const SizeLineBodyL : string;
188
- export const SizeLineBodyM : string;
189
- export const SizeLineBodyS : string;
190
- export const SizeLineBodyXs : string;
191
- export const SizeLineMonoXl : string;
192
- export const SizeLineMonoL : string;
193
- export const SizeLineMonoM : string;
194
- export const SizeLineMonoS : string;
195
- export const SizeLineMonoXs : string;
196
- export const SizeScreenXs : string;
197
- export const SizeScreenS : string;
198
- export const SizeScreenM : string;
199
- export const SizeScreenL : string;
200
- export const SizeScreenXl : string;
201
- export const SizeSpacingXl : string;
202
- export const SizeSpacingL : string;
203
- export const SizeSpacingM : string;
204
- export const SizeSpacingS : string;
205
- export const SizeSpacingXs : string;
206
- export const TimeTransitionL : number;
207
- export const TimeTransitionM : number;
208
- export const TimeTransitionS : number;
209
- export const TimeDelayL : number;
210
- export const TimeDelayM : number;
211
- export const TimeDelayS : number;
212
- export const TimeDurationL : number;
213
- export const TimeDurationM : number;
214
- export const TimeDurationS : number;
package/dist/js/_variables.js DELETED
@@ -1,214 +0,0 @@
1
- /**
2
- * Auto-generated file. Do not edit directly.
3
- */
4
-
5
- export const AssetFontDmSansName = "DM Sans";
6
- export const AssetFontDmSansWoff2Bold = "DMSans-Bold.woff2";
7
- export const AssetFontDmSansWoff2BoldItalic = "DMSans-BoldItalic.woff2";
8
- export const AssetFontDmSansWoff2Italic = "DMSans-Italic.woff2";
9
- export const AssetFontDmSansWoff2Medium = "DMSans-Medium.woff2";
10
- export const AssetFontDmSansWoff2MediumItalic = "DMSans-MediumItalic.woff2";
11
- export const AssetFontDmSansWoff2Regular = "DMSans-Regular.woff2";
12
- export const AssetFontLatoName = "Lato";
13
- export const AssetFontLatoWoffBlack = "Lato-Black.woff";
14
- export const AssetFontLatoWoff2Black = "Lato-Black.woff2";
15
- export const AssetFontLatoWoffBlackItalic = "Lato-BlackItalic.woff";
16
- export const AssetFontLatoWoff2BlackItalic = "Lato-BlackItalic.woff2";
17
- export const AssetFontLatoWoffBold = "Lato-Bold.woff";
18
- export const AssetFontLatoWoff2Bold = "Lato-Bold.woff2";
19
- export const AssetFontLatoWoffBoldItalic = "Lato-BoldItalic.woff";
20
- export const AssetFontLatoWoff2BoldItalic = "Lato-BoldItalic.woff2";
21
- export const AssetFontLatoWoffHairline = "Lato-Hairline.woff";
22
- export const AssetFontLatoWoff2Hairline = "Lato-Hairline.woff2";
23
- export const AssetFontLatoWoffHairlineItalic = "Lato-HairlineItalic.woff";
24
- export const AssetFontLatoWoff2HairlineItalic = "Lato-HairlineItalic.woff2";
25
- export const AssetFontLatoWoffHeavy = "Lato-Heavy.woff";
26
- export const AssetFontLatoWoff2Heavy = "Lato-Heavy.woff2";
27
- export const AssetFontLatoWoffHeavyItalic = "Lato-HeavyItalic.woff";
28
- export const AssetFontLatoWoff2HeavyItalic = "Lato-HeavyItalic.woff2";
29
- export const AssetFontLatoWoffItalic = "Lato-Italic.woff";
30
- export const AssetFontLatoWoff2Italic = "Lato-Italic.woff2";
31
- export const AssetFontLatoWoffLight = "Lato-Light.woff";
32
- export const AssetFontLatoWoff2Light = "Lato-Light.woff2";
33
- export const AssetFontLatoWoffLightItalic = "Lato-LightItalic.woff";
34
- export const AssetFontLatoWoff2LightItalic = "Lato-LightItalic.woff2";
35
- export const AssetFontLatoWoffMedium = "Lato-Medium.woff";
36
- export const AssetFontLatoWoff2Medium = "Lato-Medium.woff2";
37
- export const AssetFontLatoWoffMediumItalic = "Lato-MediumItalic.woff";
38
- export const AssetFontLatoWoff2MediumItalic = "Lato-MediumItalic.woff2";
39
- export const AssetFontLatoWoffRegular = "Lato-Regular.woff";
40
- export const AssetFontLatoWoff2Regular = "Lato-Regular.woff2";
41
- export const AssetFontLatoWoffSemibold = "Lato-Semibold.woff";
42
- export const AssetFontLatoWoff2Semibold = "Lato-Semibold.woff2";
43
- export const AssetFontLatoWoffSemiboldItalic = "Lato-SemiboldItalic.woff";
44
- export const AssetFontLatoWoff2SemiboldItalic = "Lato-SemiboldItalic.woff2";
45
- export const AssetFontLatoWoffThin = "Lato-Thin.woff";
46
- export const AssetFontLatoWoff2Thin = "Lato-Thin.woff2";
47
- export const AssetFontLatoWoffThinItalic = "Lato-ThinItalic.woff";
48
- export const AssetFontLatoWoff2ThinItalic = "Lato-ThinItalic.woff2";
49
- export const AssetFontAzeretMonoName = "Azeret Mono";
50
- export const AssetFontAzeretMonoWoff2Regular = "AzeretMono-Regular.woff2";
51
- export const ColorBaseNeutral0 = "#ffffff";
52
- export const ColorBaseNeutral100 = "#f8f8fb";
53
- export const ColorBaseNeutral200 = "#ebecf0";
54
- export const ColorBaseNeutral300 = "#d7dbe0";
55
- export const ColorBaseNeutral400 = "#697687";
56
- export const ColorBaseNeutral900 = "#000000";
57
- export const ColorBaseBrand100 = "#c9e5e8";
58
- export const ColorBaseBrand200 = "#2db3c3";
59
- export const ColorBaseBrand300 = "#29a3b1";
60
- export const ColorBaseBrand400 = "#207f8a";
61
- export const ColorBaseBrand500 = "#1c707a";
62
- export const ColorBaseBrand600 = "#19656e";
63
- export const ColorBaseBrand700 = "#175b63";
64
- export const ColorBaseGreen100 = "#d4ede4";
65
- export const ColorBaseGreen200 = "#00bb7d";
66
- export const ColorBaseGreen300 = "#00aa71";
67
- export const ColorBaseGreen400 = "#008458";
68
- export const ColorBaseGreen500 = "#00754e";
69
- export const ColorBaseGreen600 = "#006946";
70
- export const ColorBaseGreen700 = "#005f40";
71
- export const ColorBaseOrange100 = "#ffdea8";
72
- export const ColorBaseOrange200 = "#ffd694";
73
- export const ColorBaseOrange300 = "#ffce80";
74
- export const ColorBaseOrange400 = "#ebb663";
75
- export const ColorBaseOrange500 = "#d6a75a";
76
- export const ColorBaseOrange600 = "#b0853e";
77
- export const ColorBaseOrange700 = "#9f6100";
78
- export const ColorBaseRed100 = "#fbc7bb";
79
- export const ColorBaseRed200 = "#f68368";
80
- export const ColorBaseRed300 = "#f46a49";
81
- export const ColorBaseRed400 = "#d9340d";
82
- export const ColorBaseRed500 = "#c22e0b";
83
- export const ColorBaseRed600 = "#ae2a0a";
84
- export const ColorBaseRed700 = "#9e2609";
85
- export const ColorThemePrimaryBg = "#207f8a";
86
- export const ColorThemePrimaryBgHover = "#1c707a";
87
- export const ColorThemePrimaryBgActive = "#19656e";
88
- export const ColorThemePrimaryFill = "#ffffff";
89
- export const ColorThemePrimaryFillHover = "#ffffff";
90
- export const ColorThemePrimaryFillActive = "#ffffff";
91
- export const ColorThemePrimaryText = "#207f8a";
92
- export const ColorThemePrimaryTextHover = "#1c707a";
93
- export const ColorThemePrimaryTextActive = "#19656e";
94
- export const ColorThemeSecondaryBg = "#697687";
95
- export const ColorThemeSecondaryBgHover = "#697687";
96
- export const ColorThemeSecondaryBgActive = "#697687";
97
- export const ColorThemeSecondaryFill = "#ffffff";
98
- export const ColorThemeSecondaryFillHover = "#ffffff";
99
- export const ColorThemeSecondaryFillActive = "#ffffff";
100
- export const ColorThemeSecondaryText = "#000000";
101
- export const ColorThemeSecondaryTextHover = "#000000";
102
- export const ColorThemeSecondaryTextActive = "#000000";
103
- export const ColorThemeSuccessBg = "#008458";
104
- export const ColorThemeSuccessBgHover = "#00754e";
105
- export const ColorThemeSuccessBgActive = "#006946";
106
- export const ColorThemeSuccessFill = "#ffffff";
107
- export const ColorThemeSuccessFillHover = "#ffffff";
108
- export const ColorThemeSuccessFillActive = "#ffffff";
109
- export const ColorThemeSuccessText = "#008458";
110
- export const ColorThemeSuccessTextHover = "#00754e";
111
- export const ColorThemeSuccessTextActive = "#006946";
112
- export const ColorThemeWarningBg = "#ffce80";
113
- export const ColorThemeWarningBgHover = "#ffd694";
114
- export const ColorThemeWarningBgActive = "#ffdea8";
115
- export const ColorThemeWarningFill = "#000000";
116
- export const ColorThemeWarningFillHover = "#000000";
117
- export const ColorThemeWarningFillActive = "#000000";
118
- export const ColorThemeWarningText = "#9f6100";
119
- export const ColorThemeWarningTextHover = "#9f6100";
120
- export const ColorThemeWarningTextActive = "#9f6100";
121
- export const ColorThemeDangerBg = "#d9340d";
122
- export const ColorThemeDangerBgHover = "#c22e0b";
123
- export const ColorThemeDangerBgActive = "#ae2a0a";
124
- export const ColorThemeDangerFill = "#ffffff";
125
- export const ColorThemeDangerFillHover = "#ffffff";
126
- export const ColorThemeDangerFillActive = "#ffffff";
127
- export const ColorThemeDangerText = "#d9340d";
128
- export const ColorThemeDangerTextHover = "#c22e0b";
129
- export const ColorThemeDangerTextActive = "#ae2a0a";
130
- export const ColorUiBackgroundCanvas = "#f8f8fb";
131
- export const ColorUiBackgroundBody = "#ffffff";
132
- export const ColorUiBackgroundInteraction = "#207f8a";
133
- export const ColorUiBackgroundInput = "#ffffff";
134
- export const ColorUiBackgroundInputDisabled = "#f8f8fb";
135
- export const ColorUiBackgroundSkeleton = "#ebecf0";
136
- export const ColorUiBackgroundSkeletonHighlight = "#d7dbe0";
137
- export const ColorUiBackgroundTooltip = "#ffffff";
138
- export const ColorUiBorderLight = "#f8f8fb";
139
- export const ColorUiBorderDefault = "#ebecf0";
140
- export const ColorUiBorderDark = "#d7dbe0";
141
- export const ColorUiBorderFocus = "#0071ff";
142
- export const ColorUiBorderInput = "#d7dbe0";
143
- export const ColorUiFontHead = "#000000";
144
- export const ColorUiFontBody = "#000000";
145
- export const ColorUiFontMono = "#000000";
146
- export const ColorUiFontMuted = "#697687";
147
- export const ColorUiFontQuote = "#000000";
148
- export const ColorUiFontTooltip = "#000000";
149
- export const FontFamilyHead = "DM Sans";
150
- export const FontFamilyBody = "Lato";
151
- export const FontFamilyMono = "Azeret Mono";
152
- export const FontWeightHead = 500;
153
- export const FontWeightBody = 400;
154
- export const FontWeightMono = 400;
155
- export const OpacityDisabled = 0.65;
156
- export const SizeBaseXl = "3.5rem";
157
- export const SizeBaseL = "3rem";
158
- export const SizeBaseM = "2.5rem";
159
- export const SizeBaseS = "2rem";
160
- export const SizeBaseXs = "1.5rem";
161
- export const SizeBorderRadiusL = "0.5rem";
162
- export const SizeBorderRadiusM = "0.25rem";
163
- export const SizeBorderRadiusS = "0.125rem";
164
- export const SizeFontHead1 = "1.75rem";
165
- export const SizeFontHead2 = "1.5rem";
166
- export const SizeFontHead3 = "1.25rem";
167
- export const SizeFontHead4 = "1.125rem";
168
- export const SizeFontHead5 = "0.9375rem";
169
- export const SizeFontHead6 = "0.875rem";
170
- export const SizeFontBodyXl = "1.25rem";
171
- export const SizeFontBodyL = "1.125rem";
172
- export const SizeFontBodyM = "0.9375rem";
173
- export const SizeFontBodyS = "0.875rem";
174
- export const SizeFontBodyXs = "0.75rem";
175
- export const SizeFontMonoXl = "1.125rem";
176
- export const SizeFontMonoL = "0.9375rem";
177
- export const SizeFontMonoM = "0.875rem";
178
- export const SizeFontMonoS = "0.75rem";
179
- export const SizeFontMonoXs = "0.625rem";
180
- export const SizeLineHead1 = "2rem";
181
- export const SizeLineHead2 = "1.75rem";
182
- export const SizeLineHead3 = "1.5rem";
183
- export const SizeLineHead4 = "1.5rem";
184
- export const SizeLineHead5 = "1.25rem";
185
- export const SizeLineHead6 = "1rem";
186
- export const SizeLineBodyXl = "1.5rem";
187
- export const SizeLineBodyL = "1.5rem";
188
- export const SizeLineBodyM = "1.25rem";
189
- export const SizeLineBodyS = "1rem";
190
- export const SizeLineBodyXs = "1rem";
191
- export const SizeLineMonoXl = "1.5rem";
192
- export const SizeLineMonoL = "1.5rem";
193
- export const SizeLineMonoM = "1.25rem";
194
- export const SizeLineMonoS = "1rem";
195
- export const SizeLineMonoXs = "1rem";
196
- export const SizeScreenXs = "540rem";
197
- export const SizeScreenS = "768rem";
198
- export const SizeScreenM = "992rem";
199
- export const SizeScreenL = "1200rem";
200
- export const SizeScreenXl = "1400rem";
201
- export const SizeSpacingXl = "2rem";
202
- export const SizeSpacingL = "1.5rem";
203
- export const SizeSpacingM = "1rem";
204
- export const SizeSpacingS = "0.5rem";
205
- export const SizeSpacingXs = "0.25rem";
206
- export const TimeTransitionL = 500;
207
- export const TimeTransitionM = 250;
208
- export const TimeTransitionS = 125;
209
- export const TimeDelayL = 500;
210
- export const TimeDelayM = 250;
211
- export const TimeDelayS = 125;
212
- export const TimeDurationL = 1000;
213
- export const TimeDurationM = 500;
214
- export const TimeDurationS = 250;
package/dist/scss/_variables.scss DELETED
@@ -1,516 +0,0 @@
1
-
2
- /**
3
- * Auto-generated file. Do not edit directly.
4
- */
5
-
6
- $cat-time-duration-s: 0.25s !default;
7
- $cat-time-duration-m: 0.50s !default;
8
- $cat-time-duration-l: 1.00s !default;
9
- $cat-time-delay-s: 0.13s !default;
10
- $cat-time-delay-m: 0.25s !default;
11
- $cat-time-delay-l: 0.50s !default;
12
- $cat-time-transition-s: 0.13s !default;
13
- $cat-time-transition-m: 0.25s !default;
14
- $cat-time-transition-l: 0.50s !default;
15
- $cat-size-spacing-xs: 0.25rem !default;
16
- $cat-size-spacing-s: 0.5rem !default;
17
- $cat-size-spacing-m: 1rem !default;
18
- $cat-size-spacing-l: 1.5rem !default;
19
- $cat-size-spacing-xl: 2rem !default;
20
- $cat-size-screen-xl: 1400px !default;
21
- $cat-size-screen-l: 1200px !default;
22
- $cat-size-screen-m: 992px !default;
23
- $cat-size-screen-s: 768px !default;
24
- $cat-size-screen-xs: 540px !default;
25
- $cat-size-line-body-xs: 1rem !default;
26
- $cat-size-line-body-s: 1rem !default;
27
- $cat-size-line-body-m: 1.25rem !default;
28
- $cat-size-line-body-l: 1.5rem !default;
29
- $cat-size-line-body-xl: 1.5rem !default;
30
- $cat-size-line-head-6: 1rem !default;
31
- $cat-size-line-head-5: 1.25rem !default;
32
- $cat-size-line-head-4: 1.5rem !default;
33
- $cat-size-line-head-3: 1.5rem !default;
34
- $cat-size-line-head-2: 1.75rem !default;
35
- $cat-size-line-head-1: 2rem !default;
36
- $cat-size-font-mono-xs: 0.625rem !default;
37
- $cat-size-font-mono-s: 0.75rem !default;
38
- $cat-size-font-mono-m: 0.875rem !default;
39
- $cat-size-font-mono-l: 0.9375rem !default;
40
- $cat-size-font-mono-xl: 1.125rem !default;
41
- $cat-size-font-body-xs: 0.75rem !default;
42
- $cat-size-font-body-s: 0.875rem !default;
43
- $cat-size-font-body-m: 0.9375rem !default;
44
- $cat-size-font-body-l: 1.125rem !default;
45
- $cat-size-font-body-xl: 1.25rem !default;
46
- $cat-size-font-head-6: 0.875rem !default;
47
- $cat-size-font-head-5: 0.9375rem !default;
48
- $cat-size-font-head-4: 1.125rem !default;
49
- $cat-size-font-head-3: 1.25rem !default;
50
- $cat-size-font-head-2: 1.5rem !default;
51
- $cat-size-font-head-1: 1.75rem !default;
52
- $cat-size-border-radius-s: 0.125rem !default;
53
- $cat-size-border-radius-m: 0.25rem !default;
54
- $cat-size-border-radius-l: 0.5rem !default;
55
- $cat-size-base-xs: 1.5rem !default;
56
- $cat-size-base-s: 2rem !default;
57
- $cat-size-base-m: 2.5rem !default;
58
- $cat-size-base-l: 3rem !default;
59
- $cat-size-base-xl: 3.5rem !default;
60
- $cat-opacity-disabled: 0.65 !default;
61
- $cat-font-weight-mono: var(--cat-font-weight-mono, 400) !default;
62
- $cat-font-weight-body: var(--cat-font-weight-body, 400) !default;
63
- $cat-font-weight-head: var(--cat-font-weight-head, 500) !default;
64
- $cat-color-ui-border-focus: var(--cat-border-color-focus, 0, 113, 255) !default;
65
- $cat-color-base-red-700: 158, 38, 9 !default;
66
- $cat-color-base-red-600: 174, 42, 10 !default;
67
- $cat-color-base-red-500: 194, 46, 11 !default;
68
- $cat-color-base-red-400: 217, 52, 13 !default;
69
- $cat-color-base-red-300: 244, 106, 73 !default;
70
- $cat-color-base-red-200: 246, 131, 104 !default;
71
- $cat-color-base-red-100: 251, 199, 187 !default;
72
- $cat-color-base-orange-700: 159, 97, 0 !default;
73
- $cat-color-base-orange-600: 176, 133, 62 !default;
74
- $cat-color-base-orange-500: 214, 167, 90 !default;
75
- $cat-color-base-orange-400: 235, 182, 99 !default;
76
- $cat-color-base-orange-300: 255, 206, 128 !default;
77
- $cat-color-base-orange-200: 255, 214, 148 !default;
78
- $cat-color-base-orange-100: 255, 222, 168 !default;
79
- $cat-color-base-green-700: 0, 95, 64 !default;
80
- $cat-color-base-green-600: 0, 105, 70 !default;
81
- $cat-color-base-green-500: 0, 117, 78 !default;
82
- $cat-color-base-green-400: 0, 132, 88 !default;
83
- $cat-color-base-green-300: 0, 170, 113 !default;
84
- $cat-color-base-green-200: 0, 187, 125 !default;
85
- $cat-color-base-green-100: 212, 237, 228 !default;
86
- $cat-color-base-brand-700: 23, 91, 99 !default;
87
- $cat-color-base-brand-600: 25, 101, 110 !default;
88
- $cat-color-base-brand-500: 28, 112, 122 !default;
89
- $cat-color-base-brand-400: 32, 127, 138 !default;
90
- $cat-color-base-brand-300: 41, 163, 177 !default;
91
- $cat-color-base-brand-200: 45, 179, 195 !default;
92
- $cat-color-base-brand-100: 201, 229, 232 !default;
93
- $cat-color-base-neutral-900: 0, 0, 0 !default;
94
- $cat-color-base-neutral-400: 105, 118, 135 !default;
95
- $cat-color-base-neutral-300: 215, 219, 224 !default;
96
- $cat-color-base-neutral-200: 235, 236, 240 !default;
97
- $cat-color-base-neutral-100: 248, 248, 251 !default;
98
- $cat-color-base-neutral-0: 255, 255, 255 !default;
99
- $cat-asset-font-azeret-mono-woff2-regular: "AzeretMono-Regular.woff2" !default;
100
- $cat-asset-font-azeret-mono-name: "Azeret Mono" !default;
101
- $cat-asset-font-lato-woff2-thin-italic: "Lato-ThinItalic.woff2" !default;
102
- $cat-asset-font-lato-woff-thin-italic: "Lato-ThinItalic.woff" !default;
103
- $cat-asset-font-lato-woff2-thin: "Lato-Thin.woff2" !default;
104
- $cat-asset-font-lato-woff-thin: "Lato-Thin.woff" !default;
105
- $cat-asset-font-lato-woff2-semibold-italic: "Lato-SemiboldItalic.woff2" !default;
106
- $cat-asset-font-lato-woff-semibold-italic: "Lato-SemiboldItalic.woff" !default;
107
- $cat-asset-font-lato-woff2-semibold: "Lato-Semibold.woff2" !default;
108
- $cat-asset-font-lato-woff-semibold: "Lato-Semibold.woff" !default;
109
- $cat-asset-font-lato-woff2-regular: "Lato-Regular.woff2" !default;
110
- $cat-asset-font-lato-woff-regular: "Lato-Regular.woff" !default;
111
- $cat-asset-font-lato-woff2-medium-italic: "Lato-MediumItalic.woff2" !default;
112
- $cat-asset-font-lato-woff-medium-italic: "Lato-MediumItalic.woff" !default;
113
- $cat-asset-font-lato-woff2-medium: "Lato-Medium.woff2" !default;
114
- $cat-asset-font-lato-woff-medium: "Lato-Medium.woff" !default;
115
- $cat-asset-font-lato-woff2-light-italic: "Lato-LightItalic.woff2" !default;
116
- $cat-asset-font-lato-woff-light-italic: "Lato-LightItalic.woff" !default;
117
- $cat-asset-font-lato-woff2-light: "Lato-Light.woff2" !default;
118
- $cat-asset-font-lato-woff-light: "Lato-Light.woff" !default;
119
- $cat-asset-font-lato-woff2-italic: "Lato-Italic.woff2" !default;
120
- $cat-asset-font-lato-woff-italic: "Lato-Italic.woff" !default;
121
- $cat-asset-font-lato-woff2-heavy-italic: "Lato-HeavyItalic.woff2" !default;
122
- $cat-asset-font-lato-woff-heavy-italic: "Lato-HeavyItalic.woff" !default;
123
- $cat-asset-font-lato-woff2-heavy: "Lato-Heavy.woff2" !default;
124
- $cat-asset-font-lato-woff-heavy: "Lato-Heavy.woff" !default;
125
- $cat-asset-font-lato-woff2-hairline-italic: "Lato-HairlineItalic.woff2" !default;
126
- $cat-asset-font-lato-woff-hairline-italic: "Lato-HairlineItalic.woff" !default;
127
- $cat-asset-font-lato-woff2-hairline: "Lato-Hairline.woff2" !default;
128
- $cat-asset-font-lato-woff-hairline: "Lato-Hairline.woff" !default;
129
- $cat-asset-font-lato-woff2-bold-italic: "Lato-BoldItalic.woff2" !default;
130
- $cat-asset-font-lato-woff-bold-italic: "Lato-BoldItalic.woff" !default;
131
- $cat-asset-font-lato-woff2-bold: "Lato-Bold.woff2" !default;
132
- $cat-asset-font-lato-woff-bold: "Lato-Bold.woff" !default;
133
- $cat-asset-font-lato-woff2-black-italic: "Lato-BlackItalic.woff2" !default;
134
- $cat-asset-font-lato-woff-black-italic: "Lato-BlackItalic.woff" !default;
135
- $cat-asset-font-lato-woff2-black: "Lato-Black.woff2" !default;
136
- $cat-asset-font-lato-woff-black: "Lato-Black.woff" !default;
137
- $cat-asset-font-lato-name: "Lato" !default;
138
- $cat-asset-font-dm-sans-woff2-regular: "DMSans-Regular.woff2" !default;
139
- $cat-asset-font-dm-sans-woff2-medium-italic: "DMSans-MediumItalic.woff2" !default;
140
- $cat-asset-font-dm-sans-woff2-medium: "DMSans-Medium.woff2" !default;
141
- $cat-asset-font-dm-sans-woff2-italic: "DMSans-Italic.woff2" !default;
142
- $cat-asset-font-dm-sans-woff2-bold-italic: "DMSans-BoldItalic.woff2" !default;
143
- $cat-asset-font-dm-sans-woff2-bold: "DMSans-Bold.woff2" !default;
144
- $cat-asset-font-dm-sans-name: "DM Sans" !default;
145
- $cat-size-line-mono-xs: $cat-size-line-body-xs !default;
146
- $cat-size-line-mono-s: $cat-size-line-body-s !default;
147
- $cat-size-line-mono-m: $cat-size-line-body-m !default;
148
- $cat-size-line-mono-l: $cat-size-line-body-l !default;
149
- $cat-size-line-mono-xl: $cat-size-line-body-xl !default;
150
- $cat-font-family-mono: var(--cat-font-family-mono, $cat-asset-font-azeret-mono-name) !default;
151
- $cat-font-family-body: var(--cat-font-family-body, $cat-asset-font-lato-name) !default;
152
- $cat-font-family-head: var(--cat-font-family-head, $cat-asset-font-dm-sans-name) !default;
153
- $cat-color-ui-font-tooltip: $cat-color-base-neutral-900 !default;
154
- $cat-color-ui-font-muted: var(--cat-font-color-muted, $cat-color-base-neutral-400) !default;
155
- $cat-color-ui-font-mono: var(--cat-font-color-mono, $cat-color-base-neutral-900) !default;
156
- $cat-color-ui-font-body: var(--cat-font-color-body, $cat-color-base-neutral-900) !default;
157
- $cat-color-ui-font-head: var(--cat-font-color-head, $cat-color-base-neutral-900) !default;
158
- $cat-color-ui-border-input: $cat-color-base-neutral-300 !default;
159
- $cat-color-ui-border-dark: $cat-color-base-neutral-300 !default;
160
- $cat-color-ui-border-default: $cat-color-base-neutral-200 !default;
161
- $cat-color-ui-border-light: $cat-color-base-neutral-100 !default;
162
- $cat-color-ui-background-tooltip: $cat-color-base-neutral-0 !default;
163
- $cat-color-ui-background-skeleton-highlight: $cat-color-base-neutral-300 !default;
164
- $cat-color-ui-background-skeleton: $cat-color-base-neutral-200 !default;
165
- $cat-color-ui-background-input-disabled: $cat-color-base-neutral-100 !default;
166
- $cat-color-ui-background-input: $cat-color-base-neutral-0 !default;
167
- $cat-color-ui-background-interaction: $cat-color-base-brand-400 !default;
168
- $cat-color-ui-background-body: $cat-color-base-neutral-0 !default;
169
- $cat-color-ui-background-canvas: var(--cat-bg, $cat-color-base-neutral-100) !default;
170
- $cat-color-theme-danger-text-active: $cat-color-base-red-600 !default;
171
- $cat-color-theme-danger-text-hover: $cat-color-base-red-500 !default;
172
- $cat-color-theme-danger-text: $cat-color-base-red-400 !default;
173
- $cat-color-theme-danger-fill-active: $cat-color-base-neutral-0 !default;
174
- $cat-color-theme-danger-fill-hover: $cat-color-base-neutral-0 !default;
175
- $cat-color-theme-danger-fill: $cat-color-base-neutral-0 !default;
176
- $cat-color-theme-danger-bg-active: $cat-color-base-red-600 !default;
177
- $cat-color-theme-danger-bg-hover: $cat-color-base-red-500 !default;
178
- $cat-color-theme-danger-bg: $cat-color-base-red-400 !default;
179
- $cat-color-theme-warning-text-active: $cat-color-base-orange-700 !default;
180
- $cat-color-theme-warning-text-hover: $cat-color-base-orange-700 !default;
181
- $cat-color-theme-warning-text: $cat-color-base-orange-700 !default;
182
- $cat-color-theme-warning-fill-active: $cat-color-base-neutral-900 !default;
183
- $cat-color-theme-warning-fill-hover: $cat-color-base-neutral-900 !default;
184
- $cat-color-theme-warning-fill: $cat-color-base-neutral-900 !default;
185
- $cat-color-theme-warning-bg-active: $cat-color-base-orange-100 !default;
186
- $cat-color-theme-warning-bg-hover: $cat-color-base-orange-200 !default;
187
- $cat-color-theme-warning-bg: $cat-color-base-orange-300 !default;
188
- $cat-color-theme-success-text-active: $cat-color-base-green-600 !default;
189
- $cat-color-theme-success-text-hover: $cat-color-base-green-500 !default;
190
- $cat-color-theme-success-text: $cat-color-base-green-400 !default;
191
- $cat-color-theme-success-fill-active: $cat-color-base-neutral-0 !default;
192
- $cat-color-theme-success-fill-hover: $cat-color-base-neutral-0 !default;
193
- $cat-color-theme-success-fill: $cat-color-base-neutral-0 !default;
194
- $cat-color-theme-success-bg-active: $cat-color-base-green-600 !default;
195
- $cat-color-theme-success-bg-hover: $cat-color-base-green-500 !default;
196
- $cat-color-theme-success-bg: $cat-color-base-green-400 !default;
197
- $cat-color-theme-secondary-text-active: $cat-color-base-neutral-900 !default;
198
- $cat-color-theme-secondary-text-hover: $cat-color-base-neutral-900 !default;
199
- $cat-color-theme-secondary-text: $cat-color-base-neutral-900 !default;
200
- $cat-color-theme-secondary-fill-active: $cat-color-base-neutral-0 !default;
201
- $cat-color-theme-secondary-fill-hover: $cat-color-base-neutral-0 !default;
202
- $cat-color-theme-secondary-fill: $cat-color-base-neutral-0 !default;
203
- $cat-color-theme-secondary-bg-active: $cat-color-base-neutral-400 !default;
204
- $cat-color-theme-secondary-bg-hover: $cat-color-base-neutral-400 !default;
205
- $cat-color-theme-secondary-bg: $cat-color-base-neutral-400 !default;
206
- $cat-color-theme-primary-text-active: var(--cat-primary-text-active, $cat-color-base-brand-600) !default;
207
- $cat-color-theme-primary-text-hover: var(--cat-primary-text-hover, $cat-color-base-brand-500) !default;
208
- $cat-color-theme-primary-text: var(--cat-primary-text, $cat-color-base-brand-400) !default;
209
- $cat-color-theme-primary-fill-active: var(--cat-primary-fill-active, $cat-color-base-neutral-0) !default;
210
- $cat-color-theme-primary-fill-hover: var(--cat-primary-fill-hover, $cat-color-base-neutral-0) !default;
211
- $cat-color-theme-primary-fill: var(--cat-primary-fill, $cat-color-base-neutral-0) !default;
212
- $cat-color-theme-primary-bg-active: var(--cat-primary-bg-active, $cat-color-base-brand-600) !default;
213
- $cat-color-theme-primary-bg-hover: var(--cat-primary-bg-hover, $cat-color-base-brand-500) !default;
214
- $cat-color-theme-primary-bg: var(--cat-primary-bg, $cat-color-base-brand-400) !default;
215
- $cat-color-ui-font-quote: $cat-color-ui-font-body !default;
216
-
217
- $tokens: (
218
- 'asset': (
219
- 'font': (
220
- 'dmSans': (
221
- 'name': $cat-asset-font-dm-sans-name,
222
- 'woff2Bold': $cat-asset-font-dm-sans-woff2-bold,
223
- 'woff2BoldItalic': $cat-asset-font-dm-sans-woff2-bold-italic,
224
- 'woff2Italic': $cat-asset-font-dm-sans-woff2-italic,
225
- 'woff2Medium': $cat-asset-font-dm-sans-woff2-medium,
226
- 'woff2MediumItalic': $cat-asset-font-dm-sans-woff2-medium-italic,
227
- 'woff2Regular': $cat-asset-font-dm-sans-woff2-regular
228
- ),
229
- 'lato': (
230
- 'name': $cat-asset-font-lato-name,
231
- 'woffBlack': $cat-asset-font-lato-woff-black,
232
- 'woff2Black': $cat-asset-font-lato-woff2-black,
233
- 'woffBlackItalic': $cat-asset-font-lato-woff-black-italic,
234
- 'woff2BlackItalic': $cat-asset-font-lato-woff2-black-italic,
235
- 'woffBold': $cat-asset-font-lato-woff-bold,
236
- 'woff2Bold': $cat-asset-font-lato-woff2-bold,
237
- 'woffBoldItalic': $cat-asset-font-lato-woff-bold-italic,
238
- 'woff2BoldItalic': $cat-asset-font-lato-woff2-bold-italic,
239
- 'woffHairline': $cat-asset-font-lato-woff-hairline,
240
- 'woff2Hairline': $cat-asset-font-lato-woff2-hairline,
241
- 'woffHairlineItalic': $cat-asset-font-lato-woff-hairline-italic,
242
- 'woff2HairlineItalic': $cat-asset-font-lato-woff2-hairline-italic,
243
- 'woffHeavy': $cat-asset-font-lato-woff-heavy,
244
- 'woff2Heavy': $cat-asset-font-lato-woff2-heavy,
245
- 'woffHeavyItalic': $cat-asset-font-lato-woff-heavy-italic,
246
- 'woff2HeavyItalic': $cat-asset-font-lato-woff2-heavy-italic,
247
- 'woffItalic': $cat-asset-font-lato-woff-italic,
248
- 'woff2Italic': $cat-asset-font-lato-woff2-italic,
249
- 'woffLight': $cat-asset-font-lato-woff-light,
250
- 'woff2Light': $cat-asset-font-lato-woff2-light,
251
- 'woffLightItalic': $cat-asset-font-lato-woff-light-italic,
252
- 'woff2LightItalic': $cat-asset-font-lato-woff2-light-italic,
253
- 'woffMedium': $cat-asset-font-lato-woff-medium,
254
- 'woff2Medium': $cat-asset-font-lato-woff2-medium,
255
- 'woffMediumItalic': $cat-asset-font-lato-woff-medium-italic,
256
- 'woff2MediumItalic': $cat-asset-font-lato-woff2-medium-italic,
257
- 'woffRegular': $cat-asset-font-lato-woff-regular,
258
- 'woff2Regular': $cat-asset-font-lato-woff2-regular,
259
- 'woffSemibold': $cat-asset-font-lato-woff-semibold,
260
- 'woff2Semibold': $cat-asset-font-lato-woff2-semibold,
261
- 'woffSemiboldItalic': $cat-asset-font-lato-woff-semibold-italic,
262
- 'woff2SemiboldItalic': $cat-asset-font-lato-woff2-semibold-italic,
263
- 'woffThin': $cat-asset-font-lato-woff-thin,
264
- 'woff2Thin': $cat-asset-font-lato-woff2-thin,
265
- 'woffThinItalic': $cat-asset-font-lato-woff-thin-italic,
266
- 'woff2ThinItalic': $cat-asset-font-lato-woff2-thin-italic
267
- ),
268
- 'azeretMono': (
269
- 'name': $cat-asset-font-azeret-mono-name,
270
- 'woff2Regular': $cat-asset-font-azeret-mono-woff2-regular
271
- )
272
- )
273
- ),
274
- 'color': (
275
- 'base': (
276
- 'neutral': (
277
- '0': $cat-color-base-neutral-0,
278
- '100': $cat-color-base-neutral-100,
279
- '200': $cat-color-base-neutral-200,
280
- '300': $cat-color-base-neutral-300,
281
- '400': $cat-color-base-neutral-400,
282
- '900': $cat-color-base-neutral-900
283
- ),
284
- 'brand': (
285
- '100': $cat-color-base-brand-100,
286
- '200': $cat-color-base-brand-200,
287
- '300': $cat-color-base-brand-300,
288
- '400': $cat-color-base-brand-400,
289
- '500': $cat-color-base-brand-500,
290
- '600': $cat-color-base-brand-600,
291
- '700': $cat-color-base-brand-700
292
- ),
293
- 'green': (
294
- '100': $cat-color-base-green-100,
295
- '200': $cat-color-base-green-200,
296
- '300': $cat-color-base-green-300,
297
- '400': $cat-color-base-green-400,
298
- '500': $cat-color-base-green-500,
299
- '600': $cat-color-base-green-600,
300
- '700': $cat-color-base-green-700
301
- ),
302
- 'orange': (
303
- '100': $cat-color-base-orange-100,
304
- '200': $cat-color-base-orange-200,
305
- '300': $cat-color-base-orange-300,
306
- '400': $cat-color-base-orange-400,
307
- '500': $cat-color-base-orange-500,
308
- '600': $cat-color-base-orange-600,
309
- '700': $cat-color-base-orange-700
310
- ),
311
- 'red': (
312
- '100': $cat-color-base-red-100,
313
- '200': $cat-color-base-red-200,
314
- '300': $cat-color-base-red-300,
315
- '400': $cat-color-base-red-400,
316
- '500': $cat-color-base-red-500,
317
- '600': $cat-color-base-red-600,
318
- '700': $cat-color-base-red-700
319
- )
320
- ),
321
- 'theme': (
322
- 'primary': (
323
- 'bg': $cat-color-theme-primary-bg,
324
- 'bgHover': $cat-color-theme-primary-bg-hover,
325
- 'bgActive': $cat-color-theme-primary-bg-active,
326
- 'fill': $cat-color-theme-primary-fill,
327
- 'fillHover': $cat-color-theme-primary-fill-hover,
328
- 'fillActive': $cat-color-theme-primary-fill-active,
329
- 'text': $cat-color-theme-primary-text,
330
- 'textHover': $cat-color-theme-primary-text-hover,
331
- 'textActive': $cat-color-theme-primary-text-active
332
- ),
333
- 'secondary': (
334
- 'bg': $cat-color-theme-secondary-bg,
335
- 'bgHover': $cat-color-theme-secondary-bg-hover,
336
- 'bgActive': $cat-color-theme-secondary-bg-active,
337
- 'fill': $cat-color-theme-secondary-fill,
338
- 'fillHover': $cat-color-theme-secondary-fill-hover,
339
- 'fillActive': $cat-color-theme-secondary-fill-active,
340
- 'text': $cat-color-theme-secondary-text,
341
- 'textHover': $cat-color-theme-secondary-text-hover,
342
- 'textActive': $cat-color-theme-secondary-text-active
343
- ),
344
- 'success': (
345
- 'bg': $cat-color-theme-success-bg,
346
- 'bgHover': $cat-color-theme-success-bg-hover,
347
- 'bgActive': $cat-color-theme-success-bg-active,
348
- 'fill': $cat-color-theme-success-fill,
349
- 'fillHover': $cat-color-theme-success-fill-hover,
350
- 'fillActive': $cat-color-theme-success-fill-active,
351
- 'text': $cat-color-theme-success-text,
352
- 'textHover': $cat-color-theme-success-text-hover,
353
- 'textActive': $cat-color-theme-success-text-active
354
- ),
355
- 'warning': (
356
- 'bg': $cat-color-theme-warning-bg,
357
- 'bgHover': $cat-color-theme-warning-bg-hover,
358
- 'bgActive': $cat-color-theme-warning-bg-active,
359
- 'fill': $cat-color-theme-warning-fill,
360
- 'fillHover': $cat-color-theme-warning-fill-hover,
361
- 'fillActive': $cat-color-theme-warning-fill-active,
362
- 'text': $cat-color-theme-warning-text,
363
- 'textHover': $cat-color-theme-warning-text-hover,
364
- 'textActive': $cat-color-theme-warning-text-active
365
- ),
366
- 'danger': (
367
- 'bg': $cat-color-theme-danger-bg,
368
- 'bgHover': $cat-color-theme-danger-bg-hover,
369
- 'bgActive': $cat-color-theme-danger-bg-active,
370
- 'fill': $cat-color-theme-danger-fill,
371
- 'fillHover': $cat-color-theme-danger-fill-hover,
372
- 'fillActive': $cat-color-theme-danger-fill-active,
373
- 'text': $cat-color-theme-danger-text,
374
- 'textHover': $cat-color-theme-danger-text-hover,
375
- 'textActive': $cat-color-theme-danger-text-active
376
- )
377
- ),
378
- 'ui': (
379
- 'background': (
380
- 'canvas': $cat-color-ui-background-canvas,
381
- 'body': $cat-color-ui-background-body,
382
- 'interaction': $cat-color-ui-background-interaction,
383
- 'input': $cat-color-ui-background-input,
384
- 'inputDisabled': $cat-color-ui-background-input-disabled,
385
- 'skeleton': $cat-color-ui-background-skeleton,
386
- 'skeletonHighlight': $cat-color-ui-background-skeleton-highlight,
387
- 'tooltip': $cat-color-ui-background-tooltip
388
- ),
389
- 'border': (
390
- 'light': $cat-color-ui-border-light,
391
- 'default': $cat-color-ui-border-default,
392
- 'dark': $cat-color-ui-border-dark,
393
- 'focus': $cat-color-ui-border-focus,
394
- 'input': $cat-color-ui-border-input
395
- ),
396
- 'font': (
397
- 'head': $cat-color-ui-font-head,
398
- 'body': $cat-color-ui-font-body,
399
- 'mono': $cat-color-ui-font-mono,
400
- 'muted': $cat-color-ui-font-muted,
401
- 'quote': $cat-color-ui-font-quote,
402
- 'tooltip': $cat-color-ui-font-tooltip
403
- )
404
- )
405
- ),
406
- 'font': (
407
- 'family': (
408
- 'head': $cat-font-family-head,
409
- 'body': $cat-font-family-body,
410
- 'mono': $cat-font-family-mono
411
- ),
412
- 'weight': (
413
- 'head': $cat-font-weight-head,
414
- 'body': $cat-font-weight-body,
415
- 'mono': $cat-font-weight-mono
416
- )
417
- ),
418
- 'opacity': (
419
- 'disabled': $cat-opacity-disabled
420
- ),
421
- 'size': (
422
- 'base': (
423
- 'xl': $cat-size-base-xl,
424
- 'l': $cat-size-base-l,
425
- 'm': $cat-size-base-m,
426
- 's': $cat-size-base-s,
427
- 'xs': $cat-size-base-xs
428
- ),
429
- 'border': (
430
- 'radius': (
431
- 'l': $cat-size-border-radius-l,
432
- 'm': $cat-size-border-radius-m,
433
- 's': $cat-size-border-radius-s
434
- )
435
- ),
436
- 'font': (
437
- 'head': (
438
- '1': $cat-size-font-head-1,
439
- '2': $cat-size-font-head-2,
440
- '3': $cat-size-font-head-3,
441
- '4': $cat-size-font-head-4,
442
- '5': $cat-size-font-head-5,
443
- '6': $cat-size-font-head-6
444
- ),
445
- 'body': (
446
- 'xl': $cat-size-font-body-xl,
447
- 'l': $cat-size-font-body-l,
448
- 'm': $cat-size-font-body-m,
449
- 's': $cat-size-font-body-s,
450
- 'xs': $cat-size-font-body-xs
451
- ),
452
- 'mono': (
453
- 'xl': $cat-size-font-mono-xl,
454
- 'l': $cat-size-font-mono-l,
455
- 'm': $cat-size-font-mono-m,
456
- 's': $cat-size-font-mono-s,
457
- 'xs': $cat-size-font-mono-xs
458
- )
459
- ),
460
- 'line': (
461
- 'head': (
462
- '1': $cat-size-line-head-1,
463
- '2': $cat-size-line-head-2,
464
- '3': $cat-size-line-head-3,
465
- '4': $cat-size-line-head-4,
466
- '5': $cat-size-line-head-5,
467
- '6': $cat-size-line-head-6
468
- ),
469
- 'body': (
470
- 'xl': $cat-size-line-body-xl,
471
- 'l': $cat-size-line-body-l,
472
- 'm': $cat-size-line-body-m,
473
- 's': $cat-size-line-body-s,
474
- 'xs': $cat-size-line-body-xs
475
- ),
476
- 'mono': (
477
- 'xl': $cat-size-line-mono-xl,
478
- 'l': $cat-size-line-mono-l,
479
- 'm': $cat-size-line-mono-m,
480
- 's': $cat-size-line-mono-s,
481
- 'xs': $cat-size-line-mono-xs
482
- )
483
- ),
484
- 'screen': (
485
- 'xs': $cat-size-screen-xs,
486
- 's': $cat-size-screen-s,
487
- 'm': $cat-size-screen-m,
488
- 'l': $cat-size-screen-l,
489
- 'xl': $cat-size-screen-xl
490
- ),
491
- 'spacing': (
492
- 'xl': $cat-size-spacing-xl,
493
- 'l': $cat-size-spacing-l,
494
- 'm': $cat-size-spacing-m,
495
- 's': $cat-size-spacing-s,
496
- 'xs': $cat-size-spacing-xs
497
- )
498
- ),
499
- 'time': (
500
- 'transition': (
501
- 'l': $cat-time-transition-l,
502
- 'm': $cat-time-transition-m,
503
- 's': $cat-time-transition-s
504
- ),
505
- 'delay': (
506
- 'l': $cat-time-delay-l,
507
- 'm': $cat-time-delay-m,
508
- 's': $cat-time-delay-s
509
- ),
510
- 'duration': (
511
- 'l': $cat-time-duration-l,
512
- 'm': $cat-time-duration-m,
513
- 's': $cat-time-duration-s
514
- )
515
- )
516
- );