@terraware/web-components 2.0.59 → 2.0.60

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 (24) hide show
  1. package/components/Autocomplete/styles.scss +1 -1
  2. package/components/Button/styles.scss +1 -1
  3. package/components/DatePicker/styles.scss +1 -1
  4. package/components/DialogBox/styles.scss +1 -1
  5. package/components/ErrorBox/styles.scss +1 -1
  6. package/components/Icon/styles.scss +1 -1
  7. package/components/IconTooltip/index.js +4 -4
  8. package/components/Message/styles.scss +1 -1
  9. package/components/Navbar/styles.scss +1 -1
  10. package/components/ProgressCircle/styles.scss +1 -1
  11. package/components/Select/styles.scss +1 -1
  12. package/components/Textfield/styles.scss +1 -1
  13. package/license-report.html +1 -1
  14. package/package.json +1 -1
  15. package/style-dictionary-dist/TerrawareTheme.js +172 -174
  16. package/{style-dictionary-dist2 → style-dictionary-dist}/terraware.scss +0 -0
  17. package/theme.js +1 -3
  18. package/style-dictionary-dist/button_variables.scss +0 -299
  19. package/style-dictionary-dist/dialogBox_variables.scss +0 -251
  20. package/style-dictionary-dist/message_variables.scss +0 -247
  21. package/style-dictionary-dist/navbar_variables.scss +0 -257
  22. package/style-dictionary-dist/progressCircle_variables.scss +0 -251
  23. package/style-dictionary-dist/textfield_variables.scss +0 -297
  24. package/style-dictionary-dist2/TerrawareTheme2.js +0 -187
package/style-dictionary-dist/button_variables.scss DELETED
@@ -1,299 +0,0 @@
1
- $tw-clr-dvdr-fill: #A9B7B8;
2
- $tw-clr-icon-fill-critical: #FE0003;
3
- $tw-clr-icon-fill-passive: #708284;
4
- $tw-clr-icon-fill-productive: #007DF2;
5
- $tw-clr-icon-fill-success: #308F5F;
6
- $tw-clr-icon-fill-text: #3A4445;
7
- $tw-clr-icon-fill-text-inv: #FFFFFF;
8
- $tw-clr-icon-fill-warning: #BD6931;
9
- $tw-clr-base-black: #000000;
10
- $tw-clr-base-gray-025: #F9FAFA;
11
- $tw-clr-base-gray-050: #F2F4F5;
12
- $tw-clr-base-gray-075: #EDF0F1;
13
- $tw-clr-base-gray-100: #E5EAEA;
14
- $tw-clr-base-gray-200: #CAD2D3;
15
- $tw-clr-base-gray-300: #A9B7B8;
16
- $tw-clr-base-gray-400: #859799;
17
- $tw-clr-base-gray-500: #708284;
18
- $tw-clr-base-gray-600: #5C6B6C;
19
- $tw-clr-base-gray-700: #4B5758;
20
- $tw-clr-base-gray-800: #3A4445;
21
- $tw-clr-base-gray-900: #2B3233;
22
- $tw-clr-base-transparent: #FFFFFF00;
23
- $tw-clr-base-white: #FFFFFF;
24
- $tw-clr-base-blue-primary: #0067C8;
25
- $tw-clr-base-green-primary: #308F5F;
26
- $tw-clr-base-orange-primary: #DE7935;
27
- $tw-clr-base-teal-primary: #30C6D1;
28
- $tw-clr-base-blue-050: #F0F4FF;
29
- $tw-clr-base-blue-100: #E2E9FF;
30
- $tw-clr-base-blue-200: #BED0FF;
31
- $tw-clr-base-blue-300: #92B4FF;
32
- $tw-clr-base-blue-400: #4E92FF;
33
- $tw-clr-base-blue-500: #007DF2;
34
- $tw-clr-base-blue-600: #0067C8;
35
- $tw-clr-base-blue-700: #0053A5;
36
- $tw-clr-base-blue-800: #004184;
37
- $tw-clr-base-green-050: #D6FDE5;
38
- $tw-clr-base-green-100: #A6FCCA;
39
- $tw-clr-base-green-200: #53EA9F;
40
- $tw-clr-base-green-300: #46CB89;
41
- $tw-clr-base-green-400: #38A76F;
42
- $tw-clr-base-green-500: #308F5F;
43
- $tw-clr-base-green-600: #27764E;
44
- $tw-clr-base-green-700: #1F6040;
45
- $tw-clr-base-green-800: #164B34;
46
- $tw-clr-base-orange-050: #FEF2EE;
47
- $tw-clr-base-orange-100: #FCE5DE;
48
- $tw-clr-base-orange-200: #FAC4B1;
49
- $tw-clr-base-orange-300: #F89E74;
50
- $tw-clr-base-orange-400: #DE7935;
51
- $tw-clr-base-orange-500: #BD6931;
52
- $tw-clr-base-orange-600: #9A572B;
53
- $tw-clr-base-orange-700: #7E4622;
54
- $tw-clr-base-orange-800: #643719;
55
- $tw-clr-base-pink-050: #FFF1F4;
56
- $tw-clr-base-pink-100: #FFE2E9;
57
- $tw-clr-base-pink-200: #FFBFD0;
58
- $tw-clr-base-pink-300: #FF94B4;
59
- $tw-clr-base-pink-400: #FF5294;
60
- $tw-clr-base-pink-500: #F6007F;
61
- $tw-clr-base-pink-600: #CD0069;
62
- $tw-clr-base-pink-700: #A80055;
63
- $tw-clr-base-pink-800: #860043;
64
- $tw-clr-base-purple-050: #F6F2FE;
65
- $tw-clr-base-purple-100: #EEE6FD;
66
- $tw-clr-base-purple-200: #DBC8FC;
67
- $tw-clr-base-purple-300: #C7A4FA;
68
- $tw-clr-base-purple-400: #B178F7;
69
- $tw-clr-base-purple-500: #A456F5;
70
- $tw-clr-base-purple-600: #9525EE;
71
- $tw-clr-base-purple-700: #7A1CC3;
72
- $tw-clr-base-purple-800: #61159D;
73
- $tw-clr-base-red-050: #FFF1F1;
74
- $tw-clr-base-red-100: #FFE3E3;
75
- $tw-clr-base-red-200: #FFC1C1;
76
- $tw-clr-base-red-300: #FF9797;
77
- $tw-clr-base-red-400: #FF5A5B;
78
- $tw-clr-base-red-500: #FE0003;
79
- $tw-clr-base-red-600: #D40002;
80
- $tw-clr-base-red-700: #AD0001;
81
- $tw-clr-base-red-800: #8B0001;
82
- $tw-clr-base-teal-050: #D8FAFE;
83
- $tw-clr-base-teal-100: #ADF6FE;
84
- $tw-clr-base-teal-200: #39E5F1;
85
- $tw-clr-base-teal-300: #30C6D1;
86
- $tw-clr-base-teal-400: #2EA2AB;
87
- $tw-clr-base-teal-500: #288B93;
88
- $tw-clr-base-teal-600: #1F7278;
89
- $tw-clr-base-teal-700: #175D62;
90
- $tw-clr-base-teal-800: #114A4E;
91
- $tw-clr-base-yellow-050: #FEF3E1;
92
- $tw-clr-base-yellow-100: #FDE7C3;
93
- $tw-clr-base-yellow-200: #FBCA47;
94
- $tw-clr-base-yellow-300: #DAAF38;
95
- $tw-clr-base-yellow-400: #B38F2C;
96
- $tw-clr-base-yellow-500: #9A7B25;
97
- $tw-clr-base-yellow-600: #7F641C;
98
- $tw-clr-base-yellow-700: #685215;
99
- $tw-clr-base-yellow-800: #52400F;
100
- $tw-clr-base-semantic-critical: #FE0003;
101
- $tw-clr-base-semantic-critical-bg: #FFF1F1;
102
- $tw-clr-base-semantic-critical-text: #D40002;
103
- $tw-clr-base-semantic-passive: #708284;
104
- $tw-clr-base-semantic-passive-bg: #F2F4F5;
105
- $tw-clr-base-semantic-passive-text: #5C6B6C;
106
- $tw-clr-base-semantic-productive: #007DF2;
107
- $tw-clr-base-semantic-productive-bg: #F0F4FF;
108
- $tw-clr-base-semantic-productive-text: #0067C8;
109
- $tw-clr-base-semantic-success: #308F5F;
110
- $tw-clr-base-semantic-success-bg: #D6FDE5;
111
- $tw-clr-base-semantic-success-text: #27764E;
112
- $tw-clr-base-semantic-warning: #BD6931;
113
- $tw-clr-base-semantic-warning-bg: #FEF2EE;
114
- $tw-clr-base-semantic-warning-text: #9A572B;
115
- $tw-clr-text-fill: #3A4445;
116
- $tw-clr-text-fill-inv: #FFFFFF;
117
- $tw-clr-text-fill-productive: #0067C8;
118
- $tw-opcty-base-000: 0;
119
- $tw-opcty-base-010: 0.1;
120
- $tw-opcty-base-020: 0.2;
121
- $tw-opcty-base-030: 0.3;
122
- $tw-opcty-base-040: 0.4;
123
- $tw-opcty-base-050: 0.5;
124
- $tw-opcty-base-060: 0.6;
125
- $tw-opcty-base-070: 0.7;
126
- $tw-opcty-base-080: 0.8;
127
- $tw-opcty-base-090: 0.9;
128
- $tw-opcty-base-100: 1;
129
- $tw-opcty-semantic-off: 0.5;
130
- $tw-spc-base-large: 32px;
131
- $tw-spc-base-medium: 24px;
132
- $tw-spc-base-none: 0;
133
- $tw-spc-base-small: 16px;
134
- $tw-spc-base-x-large: 48px;
135
- $tw-spc-base-x-small: 8px;
136
- $tw-spc-base-xx-large: 64px;
137
- $tw-spc-base-xx-small: 4px;
138
- $tw-sz-base-large: 32px;
139
- $tw-sz-base-medium: 24px;
140
- $tw-sz-base-none: 0;
141
- $tw-sz-base-small: 16px;
142
- $tw-sz-base-x-large: 48px;
143
- $tw-sz-base-x-small: 8px;
144
- $tw-sz-base-xx-large: 64px;
145
- $tw-sz-base-xx-small: 4px;
146
- $tw-sz-dvdr-stroke: 1px;
147
- $tw-sz-icon-large: 32px;
148
- $tw-sz-icon-medium: 24px;
149
- $tw-sz-icon-small: 16px;
150
- $tw-sz-icon-x-large: 48px;
151
- $tw-fnt-base-body-01-regular-font-family: 'Inter', sans-serif;
152
- $tw-fnt-base-body-01-regular-font-size: 20px;
153
- $tw-fnt-base-body-01-regular-font-weight: 400;
154
- $tw-fnt-base-body-01-regular-line-height: 28px;
155
- $tw-fnt-base-body-02-regular-font-family: 'Inter', sans-serif;
156
- $tw-fnt-base-body-02-regular-font-size: 16px;
157
- $tw-fnt-base-body-02-regular-font-weight: 400;
158
- $tw-fnt-base-body-02-regular-line-height: 24px;
159
- $tw-fnt-base-body-03-regular-font-family: 'Inter', sans-serif;
160
- $tw-fnt-base-body-03-regular-font-size: 14px;
161
- $tw-fnt-base-body-03-regular-font-weight: 400;
162
- $tw-fnt-base-body-03-regular-line-height: 20px;
163
- $tw-fnt-base-body-04-regular-font-family: 'Inter', sans-serif;
164
- $tw-fnt-base-body-04-regular-font-size: 12px;
165
- $tw-fnt-base-body-04-regular-font-weight: 400;
166
- $tw-fnt-base-body-04-regular-line-height: 16px;
167
- $tw-fnt-base-display-01-bold-font-family: 'Inter', sans-serif;
168
- $tw-fnt-base-display-01-bold-font-size: 84px;
169
- $tw-fnt-base-display-01-bold-font-weight: 700;
170
- $tw-fnt-base-display-01-bold-line-height: 108px;
171
- $tw-fnt-base-display-02-bold-font-family: 'Inter', sans-serif;
172
- $tw-fnt-base-display-02-bold-font-size: 72px;
173
- $tw-fnt-base-display-02-bold-font-weight: 700;
174
- $tw-fnt-base-display-02-bold-line-height: 92px;
175
- $tw-fnt-base-display-03-bold-font-family: 'Inter', sans-serif;
176
- $tw-fnt-base-display-03-bold-font-size: 60px;
177
- $tw-fnt-base-display-03-bold-font-weight: 700;
178
- $tw-fnt-base-display-03-bold-line-height: 76px;
179
- $tw-fnt-base-display-04-bold-font-family: 'Inter', sans-serif;
180
- $tw-fnt-base-display-04-bold-font-size: 48px;
181
- $tw-fnt-base-display-04-bold-font-weight: 700;
182
- $tw-fnt-base-display-04-bold-line-height: 60px;
183
- $tw-fnt-base-headline-01-semi-bold-font-family: 'Inter', sans-serif;
184
- $tw-fnt-base-headline-01-semi-bold-font-size: 48px;
185
- $tw-fnt-base-headline-01-semi-bold-font-weight: 600;
186
- $tw-fnt-base-headline-01-semi-bold-line-height: 60px;
187
- $tw-fnt-base-headline-02-semi-bold-font-family: 'Inter', sans-serif;
188
- $tw-fnt-base-headline-02-semi-bold-font-size: 40px;
189
- $tw-fnt-base-headline-02-semi-bold-font-weight: 600;
190
- $tw-fnt-base-headline-02-semi-bold-line-height: 52px;
191
- $tw-fnt-base-headline-03-semi-bold-font-family: 'Inter', sans-serif;
192
- $tw-fnt-base-headline-03-semi-bold-font-size: 34px;
193
- $tw-fnt-base-headline-03-semi-bold-font-weight: 600;
194
- $tw-fnt-base-headline-03-semi-bold-line-height: 44px;
195
- $tw-fnt-base-headline-04-semi-bold-font-family: 'Inter', sans-serif;
196
- $tw-fnt-base-headline-04-semi-bold-font-size: 28px;
197
- $tw-fnt-base-headline-04-semi-bold-font-weight: 600;
198
- $tw-fnt-base-headline-04-semi-bold-line-height: 36px;
199
- $tw-fnt-base-headline-05-semi-bold-font-family: 'Inter', sans-serif;
200
- $tw-fnt-base-headline-05-semi-bold-font-size: 24px;
201
- $tw-fnt-base-headline-05-semi-bold-font-weight: 600;
202
- $tw-fnt-base-headline-05-semi-bold-line-height: 32px;
203
- $tw-fnt-base-headline-06-semi-bold-font-family: 'Inter', sans-serif;
204
- $tw-fnt-base-headline-06-semi-bold-font-size: 20px;
205
- $tw-fnt-base-headline-06-semi-bold-font-weight: 600;
206
- $tw-fnt-base-headline-06-semi-bold-line-height: 28px;
207
- $tw-fnt-base-font-family: 'Inter', sans-serif;
208
- $tw-fnt-base-font-size-body-01: 20px;
209
- $tw-fnt-base-font-size-body-02: 16px;
210
- $tw-fnt-base-font-size-body-03: 14px;
211
- $tw-fnt-base-font-size-body-04: 12px;
212
- $tw-fnt-base-font-size-display-01: 84px;
213
- $tw-fnt-base-font-size-display-02: 72px;
214
- $tw-fnt-base-font-size-display-03: 60px;
215
- $tw-fnt-base-font-size-display-04: 48px;
216
- $tw-fnt-base-font-size-headline-01: 48px;
217
- $tw-fnt-base-font-size-headline-02: 40px;
218
- $tw-fnt-base-font-size-headline-03: 34px;
219
- $tw-fnt-base-font-size-headline-04: 28px;
220
- $tw-fnt-base-font-size-headline-05: 24px;
221
- $tw-fnt-base-font-size-headline-06: 20px;
222
- $tw-fnt-base-font-weight: 400;
223
- $tw-fnt-base-font-weight-bold: 700;
224
- $tw-fnt-base-font-weight-medium: 500;
225
- $tw-fnt-base-font-weight-semi-bold: 600;
226
- $tw-fnt-base-line-height-body-01: 28px;
227
- $tw-fnt-base-line-height-body-02: 24px;
228
- $tw-fnt-base-line-height-body-03: 20px;
229
- $tw-fnt-base-line-height-body-04: 16px;
230
- $tw-fnt-base-line-height-display-01: 108px;
231
- $tw-fnt-base-line-height-display-02: 92px;
232
- $tw-fnt-base-line-height-display-03: 76px;
233
- $tw-fnt-base-line-height-display-04: 60px;
234
- $tw-fnt-base-line-height-headline-01: 60px;
235
- $tw-fnt-base-line-height-headline-02: 52px;
236
- $tw-fnt-base-line-height-headline-03: 44px;
237
- $tw-fnt-base-line-height-headline-04: 36px;
238
- $tw-fnt-base-line-height-headline-05: 32px;
239
- $tw-fnt-base-line-height-headline-06: 28px;
240
- $tw-fnt-btn-label-font-family-undefined: 'Inter', sans-serif;
241
- $tw-fnt-btn-label-font-weight-undefined: 600;
242
- $tw-fnt-btn-label-large-font-family: 'Inter', sans-serif;
243
- $tw-fnt-btn-label-large-font-size: 20px;
244
- $tw-fnt-btn-label-large-font-weight: 600;
245
- $tw-fnt-btn-label-large-line-height: 28px;
246
- $tw-fnt-btn-label-medium-font-family: 'Inter', sans-serif;
247
- $tw-fnt-btn-label-medium-font-size: 16px;
248
- $tw-fnt-btn-label-medium-font-weight: 600;
249
- $tw-fnt-btn-label-medium-line-height: 24px;
250
- $tw-fnt-btn-label-small-font-family: 'Inter', sans-serif;
251
- $tw-fnt-btn-label-small-font-size: 14px;
252
- $tw-fnt-btn-label-small-font-weight: 600;
253
- $tw-fnt-btn-label-small-line-height: 20px;
254
- $tw-fnt-btn-label-x-large-font-family: 'Inter', sans-serif;
255
- $tw-fnt-btn-label-x-large-font-size: 24px;
256
- $tw-fnt-btn-label-x-large-font-weight: 600;
257
- $tw-fnt-btn-label-x-large-line-height: 32px;
258
- $tw-clr-btn-destructive-primary-fill: #D40002;
259
- $tw-clr-btn-destructive-primary-fill-active: #AD0001;
260
- $tw-clr-btn-destructive-primary-fill-hover: linear-gradient(#AD000180, #AD000180), linear-gradient(#D40002, #D40002);;
261
- $tw-clr-btn-destructive-primary-label: #FFFFFF;
262
- $tw-clr-btn-destructive-secondary-fill: #FFFFFF00;
263
- $tw-clr-btn-destructive-secondary-fill-active: #D4000233;
264
- $tw-clr-btn-destructive-secondary-fill-hover: #D400021A;
265
- $tw-clr-btn-destructive-secondary-label: #D40002;
266
- $tw-clr-btn-destructive-secondary-stroke: #D40002;
267
- $tw-clr-btn-passive-primary-fill: #A9B7B8;
268
- $tw-clr-btn-passive-primary-fill-active: #859799;
269
- $tw-clr-btn-passive-primary-fill-hover: linear-gradient(#85979980, #85979980), linear-gradient(#A9B7B8, #A9B7B8);;
270
- $tw-clr-btn-passive-primary-label: #3A4445;
271
- $tw-clr-btn-passive-secondary-fill: #FFFFFF00;
272
- $tw-clr-btn-passive-secondary-fill-active: #A9B7B866;
273
- $tw-clr-btn-passive-secondary-fill-hover: #A9B7B833;
274
- $tw-clr-btn-passive-secondary-label: #3A4445;
275
- $tw-clr-btn-passive-secondary-stroke: #3A4445;
276
- $tw-clr-btn-productive-primary-fill: #0067C8;
277
- $tw-clr-btn-productive-primary-fill-active: #0053A5;
278
- $tw-clr-btn-productive-primary-fill-hover: linear-gradient(#0053A580, #0053A580), linear-gradient(#0067C8, #0067C8);;
279
- $tw-clr-btn-productive-primary-label: #FFFFFF;
280
- $tw-clr-btn-productive-secondary-fill: #FFFFFF00;
281
- $tw-clr-btn-productive-secondary-fill-active: #0067C833;
282
- $tw-clr-btn-productive-secondary-fill-hover: #0067C819;
283
- $tw-clr-btn-productive-secondary-label: #0067C8;
284
- $tw-clr-btn-productive-secondary-stroke: #0067C8;
285
- $tw-clr-btn-stroke-focus: #0067C8;
286
- $tw-sz-btn-large-height: 48px;
287
- $tw-sz-btn-large-icon: 28px;
288
- $tw-sz-btn-large-min-width: 120px;
289
- $tw-sz-btn-medium-height: 40px;
290
- $tw-sz-btn-medium-icon: 24px;
291
- $tw-sz-btn-medium-min-width: 100px;
292
- $tw-sz-btn-small-height: 32px;
293
- $tw-sz-btn-small-icon: 20px;
294
- $tw-sz-btn-small-min-width: 80px;
295
- $tw-sz-btn-stroke: 2px;
296
- $tw-sz-btn-stroke-focus: 2px;
297
- $tw-sz-btn-x-large-height: 56px;
298
- $tw-sz-btn-x-large-icon: 32px;
299
- $tw-sz-btn-x-large-min-width: 140px;
package/style-dictionary-dist/dialogBox_variables.scss DELETED
@@ -1,251 +0,0 @@
1
- $tw-clr-dvdr-fill: #A9B7B8;
2
- $tw-clr-icon-fill-critical: #FE0003;
3
- $tw-clr-icon-fill-passive: #708284;
4
- $tw-clr-icon-fill-productive: #007DF2;
5
- $tw-clr-icon-fill-success: #308F5F;
6
- $tw-clr-icon-fill-text: #3A4445;
7
- $tw-clr-icon-fill-text-inv: #FFFFFF;
8
- $tw-clr-icon-fill-warning: #BD6931;
9
- $tw-clr-base-black: #000000;
10
- $tw-clr-base-gray-025: #F9FAFA;
11
- $tw-clr-base-gray-050: #F2F4F5;
12
- $tw-clr-base-gray-075: #EDF0F1;
13
- $tw-clr-base-gray-100: #E5EAEA;
14
- $tw-clr-base-gray-200: #CAD2D3;
15
- $tw-clr-base-gray-300: #A9B7B8;
16
- $tw-clr-base-gray-400: #859799;
17
- $tw-clr-base-gray-500: #708284;
18
- $tw-clr-base-gray-600: #5C6B6C;
19
- $tw-clr-base-gray-700: #4B5758;
20
- $tw-clr-base-gray-800: #3A4445;
21
- $tw-clr-base-gray-900: #2B3233;
22
- $tw-clr-base-transparent: #FFFFFF00;
23
- $tw-clr-base-white: #FFFFFF;
24
- $tw-clr-base-blue-primary: #0067C8;
25
- $tw-clr-base-green-primary: #308F5F;
26
- $tw-clr-base-orange-primary: #DE7935;
27
- $tw-clr-base-teal-primary: #30C6D1;
28
- $tw-clr-base-blue-050: #F0F4FF;
29
- $tw-clr-base-blue-100: #E2E9FF;
30
- $tw-clr-base-blue-200: #BED0FF;
31
- $tw-clr-base-blue-300: #92B4FF;
32
- $tw-clr-base-blue-400: #4E92FF;
33
- $tw-clr-base-blue-500: #007DF2;
34
- $tw-clr-base-blue-600: #0067C8;
35
- $tw-clr-base-blue-700: #0053A5;
36
- $tw-clr-base-blue-800: #004184;
37
- $tw-clr-base-green-050: #D6FDE5;
38
- $tw-clr-base-green-100: #A6FCCA;
39
- $tw-clr-base-green-200: #53EA9F;
40
- $tw-clr-base-green-300: #46CB89;
41
- $tw-clr-base-green-400: #38A76F;
42
- $tw-clr-base-green-500: #308F5F;
43
- $tw-clr-base-green-600: #27764E;
44
- $tw-clr-base-green-700: #1F6040;
45
- $tw-clr-base-green-800: #164B34;
46
- $tw-clr-base-orange-050: #FEF2EE;
47
- $tw-clr-base-orange-100: #FCE5DE;
48
- $tw-clr-base-orange-200: #FAC4B1;
49
- $tw-clr-base-orange-300: #F89E74;
50
- $tw-clr-base-orange-400: #DE7935;
51
- $tw-clr-base-orange-500: #BD6931;
52
- $tw-clr-base-orange-600: #9A572B;
53
- $tw-clr-base-orange-700: #7E4622;
54
- $tw-clr-base-orange-800: #643719;
55
- $tw-clr-base-pink-050: #FFF1F4;
56
- $tw-clr-base-pink-100: #FFE2E9;
57
- $tw-clr-base-pink-200: #FFBFD0;
58
- $tw-clr-base-pink-300: #FF94B4;
59
- $tw-clr-base-pink-400: #FF5294;
60
- $tw-clr-base-pink-500: #F6007F;
61
- $tw-clr-base-pink-600: #CD0069;
62
- $tw-clr-base-pink-700: #A80055;
63
- $tw-clr-base-pink-800: #860043;
64
- $tw-clr-base-purple-050: #F6F2FE;
65
- $tw-clr-base-purple-100: #EEE6FD;
66
- $tw-clr-base-purple-200: #DBC8FC;
67
- $tw-clr-base-purple-300: #C7A4FA;
68
- $tw-clr-base-purple-400: #B178F7;
69
- $tw-clr-base-purple-500: #A456F5;
70
- $tw-clr-base-purple-600: #9525EE;
71
- $tw-clr-base-purple-700: #7A1CC3;
72
- $tw-clr-base-purple-800: #61159D;
73
- $tw-clr-base-red-050: #FFF1F1;
74
- $tw-clr-base-red-100: #FFE3E3;
75
- $tw-clr-base-red-200: #FFC1C1;
76
- $tw-clr-base-red-300: #FF9797;
77
- $tw-clr-base-red-400: #FF5A5B;
78
- $tw-clr-base-red-500: #FE0003;
79
- $tw-clr-base-red-600: #D40002;
80
- $tw-clr-base-red-700: #AD0001;
81
- $tw-clr-base-red-800: #8B0001;
82
- $tw-clr-base-teal-050: #D8FAFE;
83
- $tw-clr-base-teal-100: #ADF6FE;
84
- $tw-clr-base-teal-200: #39E5F1;
85
- $tw-clr-base-teal-300: #30C6D1;
86
- $tw-clr-base-teal-400: #2EA2AB;
87
- $tw-clr-base-teal-500: #288B93;
88
- $tw-clr-base-teal-600: #1F7278;
89
- $tw-clr-base-teal-700: #175D62;
90
- $tw-clr-base-teal-800: #114A4E;
91
- $tw-clr-base-yellow-050: #FEF3E1;
92
- $tw-clr-base-yellow-100: #FDE7C3;
93
- $tw-clr-base-yellow-200: #FBCA47;
94
- $tw-clr-base-yellow-300: #DAAF38;
95
- $tw-clr-base-yellow-400: #B38F2C;
96
- $tw-clr-base-yellow-500: #9A7B25;
97
- $tw-clr-base-yellow-600: #7F641C;
98
- $tw-clr-base-yellow-700: #685215;
99
- $tw-clr-base-yellow-800: #52400F;
100
- $tw-clr-base-semantic-critical: #FE0003;
101
- $tw-clr-base-semantic-critical-bg: #FFF1F1;
102
- $tw-clr-base-semantic-critical-text: #D40002;
103
- $tw-clr-base-semantic-passive: #708284;
104
- $tw-clr-base-semantic-passive-bg: #F2F4F5;
105
- $tw-clr-base-semantic-passive-text: #5C6B6C;
106
- $tw-clr-base-semantic-productive: #007DF2;
107
- $tw-clr-base-semantic-productive-bg: #F0F4FF;
108
- $tw-clr-base-semantic-productive-text: #0067C8;
109
- $tw-clr-base-semantic-success: #308F5F;
110
- $tw-clr-base-semantic-success-bg: #D6FDE5;
111
- $tw-clr-base-semantic-success-text: #27764E;
112
- $tw-clr-base-semantic-warning: #BD6931;
113
- $tw-clr-base-semantic-warning-bg: #FEF2EE;
114
- $tw-clr-base-semantic-warning-text: #9A572B;
115
- $tw-clr-text-fill: #3A4445;
116
- $tw-clr-text-fill-inv: #FFFFFF;
117
- $tw-clr-text-fill-productive: #0067C8;
118
- $tw-opcty-base-000: 0;
119
- $tw-opcty-base-010: 0.1;
120
- $tw-opcty-base-020: 0.2;
121
- $tw-opcty-base-030: 0.3;
122
- $tw-opcty-base-040: 0.4;
123
- $tw-opcty-base-050: 0.5;
124
- $tw-opcty-base-060: 0.6;
125
- $tw-opcty-base-070: 0.7;
126
- $tw-opcty-base-080: 0.8;
127
- $tw-opcty-base-090: 0.9;
128
- $tw-opcty-base-100: 1;
129
- $tw-opcty-semantic-off: 0.5;
130
- $tw-spc-base-large: 32px;
131
- $tw-spc-base-medium: 24px;
132
- $tw-spc-base-none: 0;
133
- $tw-spc-base-small: 16px;
134
- $tw-spc-base-x-large: 48px;
135
- $tw-spc-base-x-small: 8px;
136
- $tw-spc-base-xx-large: 64px;
137
- $tw-spc-base-xx-small: 4px;
138
- $tw-sz-base-large: 32px;
139
- $tw-sz-base-medium: 24px;
140
- $tw-sz-base-none: 0;
141
- $tw-sz-base-small: 16px;
142
- $tw-sz-base-x-large: 48px;
143
- $tw-sz-base-x-small: 8px;
144
- $tw-sz-base-xx-large: 64px;
145
- $tw-sz-base-xx-small: 4px;
146
- $tw-sz-dvdr-stroke: 1px;
147
- $tw-sz-icon-large: 32px;
148
- $tw-sz-icon-medium: 24px;
149
- $tw-sz-icon-small: 16px;
150
- $tw-sz-icon-x-large: 48px;
151
- $tw-fnt-base-body-01-regular-font-family: 'Inter', sans-serif;
152
- $tw-fnt-base-body-01-regular-font-size: 20px;
153
- $tw-fnt-base-body-01-regular-font-weight: 400;
154
- $tw-fnt-base-body-01-regular-line-height: 28px;
155
- $tw-fnt-base-body-02-regular-font-family: 'Inter', sans-serif;
156
- $tw-fnt-base-body-02-regular-font-size: 16px;
157
- $tw-fnt-base-body-02-regular-font-weight: 400;
158
- $tw-fnt-base-body-02-regular-line-height: 24px;
159
- $tw-fnt-base-body-03-regular-font-family: 'Inter', sans-serif;
160
- $tw-fnt-base-body-03-regular-font-size: 14px;
161
- $tw-fnt-base-body-03-regular-font-weight: 400;
162
- $tw-fnt-base-body-03-regular-line-height: 20px;
163
- $tw-fnt-base-body-04-regular-font-family: 'Inter', sans-serif;
164
- $tw-fnt-base-body-04-regular-font-size: 12px;
165
- $tw-fnt-base-body-04-regular-font-weight: 400;
166
- $tw-fnt-base-body-04-regular-line-height: 16px;
167
- $tw-fnt-base-display-01-bold-font-family: 'Inter', sans-serif;
168
- $tw-fnt-base-display-01-bold-font-size: 84px;
169
- $tw-fnt-base-display-01-bold-font-weight: 700;
170
- $tw-fnt-base-display-01-bold-line-height: 108px;
171
- $tw-fnt-base-display-02-bold-font-family: 'Inter', sans-serif;
172
- $tw-fnt-base-display-02-bold-font-size: 72px;
173
- $tw-fnt-base-display-02-bold-font-weight: 700;
174
- $tw-fnt-base-display-02-bold-line-height: 92px;
175
- $tw-fnt-base-display-03-bold-font-family: 'Inter', sans-serif;
176
- $tw-fnt-base-display-03-bold-font-size: 60px;
177
- $tw-fnt-base-display-03-bold-font-weight: 700;
178
- $tw-fnt-base-display-03-bold-line-height: 76px;
179
- $tw-fnt-base-display-04-bold-font-family: 'Inter', sans-serif;
180
- $tw-fnt-base-display-04-bold-font-size: 48px;
181
- $tw-fnt-base-display-04-bold-font-weight: 700;
182
- $tw-fnt-base-display-04-bold-line-height: 60px;
183
- $tw-fnt-base-headline-01-semi-bold-font-family: 'Inter', sans-serif;
184
- $tw-fnt-base-headline-01-semi-bold-font-size: 48px;
185
- $tw-fnt-base-headline-01-semi-bold-font-weight: 600;
186
- $tw-fnt-base-headline-01-semi-bold-line-height: 60px;
187
- $tw-fnt-base-headline-02-semi-bold-font-family: 'Inter', sans-serif;
188
- $tw-fnt-base-headline-02-semi-bold-font-size: 40px;
189
- $tw-fnt-base-headline-02-semi-bold-font-weight: 600;
190
- $tw-fnt-base-headline-02-semi-bold-line-height: 52px;
191
- $tw-fnt-base-headline-03-semi-bold-font-family: 'Inter', sans-serif;
192
- $tw-fnt-base-headline-03-semi-bold-font-size: 34px;
193
- $tw-fnt-base-headline-03-semi-bold-font-weight: 600;
194
- $tw-fnt-base-headline-03-semi-bold-line-height: 44px;
195
- $tw-fnt-base-headline-04-semi-bold-font-family: 'Inter', sans-serif;
196
- $tw-fnt-base-headline-04-semi-bold-font-size: 28px;
197
- $tw-fnt-base-headline-04-semi-bold-font-weight: 600;
198
- $tw-fnt-base-headline-04-semi-bold-line-height: 36px;
199
- $tw-fnt-base-headline-05-semi-bold-font-family: 'Inter', sans-serif;
200
- $tw-fnt-base-headline-05-semi-bold-font-size: 24px;
201
- $tw-fnt-base-headline-05-semi-bold-font-weight: 600;
202
- $tw-fnt-base-headline-05-semi-bold-line-height: 32px;
203
- $tw-fnt-base-headline-06-semi-bold-font-family: 'Inter', sans-serif;
204
- $tw-fnt-base-headline-06-semi-bold-font-size: 20px;
205
- $tw-fnt-base-headline-06-semi-bold-font-weight: 600;
206
- $tw-fnt-base-headline-06-semi-bold-line-height: 28px;
207
- $tw-fnt-base-font-family: 'Inter', sans-serif;
208
- $tw-fnt-base-font-size-body-01: 20px;
209
- $tw-fnt-base-font-size-body-02: 16px;
210
- $tw-fnt-base-font-size-body-03: 14px;
211
- $tw-fnt-base-font-size-body-04: 12px;
212
- $tw-fnt-base-font-size-display-01: 84px;
213
- $tw-fnt-base-font-size-display-02: 72px;
214
- $tw-fnt-base-font-size-display-03: 60px;
215
- $tw-fnt-base-font-size-display-04: 48px;
216
- $tw-fnt-base-font-size-headline-01: 48px;
217
- $tw-fnt-base-font-size-headline-02: 40px;
218
- $tw-fnt-base-font-size-headline-03: 34px;
219
- $tw-fnt-base-font-size-headline-04: 28px;
220
- $tw-fnt-base-font-size-headline-05: 24px;
221
- $tw-fnt-base-font-size-headline-06: 20px;
222
- $tw-fnt-base-font-weight: 400;
223
- $tw-fnt-base-font-weight-bold: 700;
224
- $tw-fnt-base-font-weight-medium: 500;
225
- $tw-fnt-base-font-weight-semi-bold: 600;
226
- $tw-fnt-base-line-height-body-01: 28px;
227
- $tw-fnt-base-line-height-body-02: 24px;
228
- $tw-fnt-base-line-height-body-03: 20px;
229
- $tw-fnt-base-line-height-body-04: 16px;
230
- $tw-fnt-base-line-height-display-01: 108px;
231
- $tw-fnt-base-line-height-display-02: 92px;
232
- $tw-fnt-base-line-height-display-03: 76px;
233
- $tw-fnt-base-line-height-display-04: 60px;
234
- $tw-fnt-base-line-height-headline-01: 60px;
235
- $tw-fnt-base-line-height-headline-02: 52px;
236
- $tw-fnt-base-line-height-headline-03: 44px;
237
- $tw-fnt-base-line-height-headline-04: 36px;
238
- $tw-fnt-base-line-height-headline-05: 32px;
239
- $tw-fnt-base-line-height-headline-06: 28px;
240
- $tw-elvtn-base-200: 0 2px 4px 0 rgba(58, 68, 69, 0.2);
241
- $tw-elvtn-base-400: 0 4px 8px 0 rgba(58, 68, 69, 0.2);
242
- $tw-elvtn-base-600: 0 8px 16px 0 rgba(58, 68, 69, 0.2);
243
- $tw-elvtn-base-800: 0 16px 32px 0 rgba(58, 68, 69, 0.2);
244
- $tw-fnt-dlg-bx-message-font-family: 'Inter', sans-serif;
245
- $tw-fnt-dlg-bx-message-font-size: 16px;
246
- $tw-fnt-dlg-bx-message-font-weight: 400;
247
- $tw-fnt-dlg-bx-message-line-height: 24px;
248
- $tw-fnt-dlg-bx-title-font-family: 'Inter', sans-serif;
249
- $tw-fnt-dlg-bx-title-font-size: 20px;
250
- $tw-fnt-dlg-bx-title-font-weight: 600;
251
- $tw-fnt-dlg-bx-title-line-height: 28px;