@rolster/styles-foundations 2.5.44 → 2.6.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/styles.css +1556 -269
  2. package/dist/styles.css.map +1 -1
  3. package/dist/styles.min.css +31 -21
  4. package/dist/styles.rtl.css +1556 -269
  5. package/dist/styles.rtl.min.css +31 -21
  6. package/package.json +1 -1
  7. package/scss/components/app.scss +2 -2
  8. package/scss/components/data-table.scss +75 -43
  9. package/scss/components/field-box.scss +42 -22
  10. package/scss/components/field-list.scss +46 -28
  11. package/scss/foundations/borders.scss +14 -0
  12. package/scss/foundations/colors.scss +100 -55
  13. package/scss/foundations/flex-boxs.scss +66 -0
  14. package/scss/foundations/helpers.scss +18 -6
  15. package/scss/foundations/themes.scss +53 -20
  16. package/scss/foundations.scss +4 -2
package/dist/styles.rtl.css CHANGED
@@ -1,3 +1,63 @@
1
+ .rls-flex-row-0 {
2
+ display: flex;
3
+ flex-direction: row;
4
+ column-gap: 0rem;
5
+ }
6
+ .rls-flex-row-2 {
7
+ display: flex;
8
+ flex-direction: row;
9
+ column-gap: 2rem;
10
+ }
11
+ .rls-flex-row-4 {
12
+ display: flex;
13
+ flex-direction: row;
14
+ column-gap: 4rem;
15
+ }
16
+ .rls-flex-row-8 {
17
+ display: flex;
18
+ flex-direction: row;
19
+ column-gap: 8rem;
20
+ }
21
+ .rls-flex-row-12 {
22
+ display: flex;
23
+ flex-direction: row;
24
+ column-gap: 12rem;
25
+ }
26
+ .rls-flex-row-16 {
27
+ display: flex;
28
+ flex-direction: row;
29
+ column-gap: 16rem;
30
+ }
31
+ .rls-flex-column-0 {
32
+ display: flex;
33
+ flex-direction: column;
34
+ row-gap: 0rem;
35
+ }
36
+ .rls-flex-column-2 {
37
+ display: flex;
38
+ flex-direction: column;
39
+ row-gap: 2rem;
40
+ }
41
+ .rls-flex-column-4 {
42
+ display: flex;
43
+ flex-direction: column;
44
+ row-gap: 4rem;
45
+ }
46
+ .rls-flex-column-8 {
47
+ display: flex;
48
+ flex-direction: column;
49
+ row-gap: 8rem;
50
+ }
51
+ .rls-flex-column-12 {
52
+ display: flex;
53
+ flex-direction: column;
54
+ row-gap: 12rem;
55
+ }
56
+ .rls-flex-column-16 {
57
+ display: flex;
58
+ flex-direction: column;
59
+ row-gap: 16rem;
60
+ }
1
61
  body {
2
62
  --rls-standard-curve: cubic-bezier(0.4, 0, 0.2, 1);
3
63
  --rls-deceleration-curve: cubic-bezier(0, 0, 0.2, 1);
@@ -5,81 +65,101 @@ body {
5
65
  --rls-sharp-curve: cubic-bezier(0.4, 0, 0.6, 1);
6
66
  }
7
67
  body {
8
- --rls-app-color-900: rgb(40, 50, 61);
9
- --rls-app-color-800: rgb(52, 57, 87);
10
- --rls-app-color-700: rgb(72, 77, 107);
11
- --rls-app-color-600: rgb(98, 111, 155);
12
- --rls-app-color-500: rgb(128, 141, 190);
13
- --rls-app-color-400: rgb(189, 192, 220);
14
- --rls-app-color-300: rgb(214, 217, 240);
15
- --rls-app-color-200: rgb(229, 232, 245);
16
- --rls-app-color-100: rgb(244, 247, 255);
17
- --rls-app-color-050: rgb(255, 255, 255);
18
- --rls-primary-color-950: #0b2446;
19
- --rls-primary-color-900: #0e335d;
20
- --rls-primary-backdrop-900: rgba(14, 51, 93, 0.8);
21
- --rls-primary-color-800: #0c4480;
22
- --rls-primary-color-700: #094f9b;
23
- --rls-primary-skeleton-500: rgba(9, 79, 155, 0.5);
24
- --rls-primary-skeleton-400: rgba(9, 79, 155, 0.325);
25
- --rls-primary-skeleton-300: rgba(9, 79, 155, 0.25);
26
- --rls-primary-skeleton-200: rgba(9, 79, 155, 0.175);
27
- --rls-primary-skeleton-100: rgba(9, 79, 155, 0.1);
28
- --rls-primary-color-600: #0a63bf;
29
- --rls-primary-color-500: #1781e0;
30
- --rls-primary-shadow-500: rgba(23, 129, 224, 0.24);
31
- --rls-primary-color-400: #409df0;
32
- --rls-primary-color-300: #82bef7;
33
- --rls-primary-color-200: #bddbfa;
34
- --rls-primary-color-100: #e1edfd;
35
- --rls-primary-color-050: #ebf5ff;
68
+ --rls-app-color-900: var(--rls-project-color-900, #28323d);
69
+ --rls-app-color-800: var(--rls-project-color-800, #343957);
70
+ --rls-app-color-700: var(--rls-project-color-700, #484d6b);
71
+ --rls-app-color-600: var(--rls-project-color-600, #626f9b);
72
+ --rls-app-color-500: var(--rls-project-color-500, #808dbe);
73
+ --rls-app-color-400: var(--rls-project-color-400, #bdc0dc);
74
+ --rls-app-color-300: var(--rls-project-color-300, #d6d9f0);
75
+ --rls-app-color-200: var(--rls-project-color-200, #e5e8f5);
76
+ --rls-app-color-100: var(--rls-project-color-100, #f4f7ff);
77
+ --rls-app-color-050: var(--rls-project-color-050, #ffffff);
78
+ --rls-primary-color-950: #0d275e;
79
+ --rls-primary-color-900: #0c409c;
80
+ --rls-primary-backdrop-900: rgba(12, 64, 156, 0.8);
81
+ --rls-primary-color-800: #064dd9;
82
+ --rls-primary-color-700: #0058f8;
83
+ --rls-primary-skeleton-500: rgba(0, 88, 248, 0.5);
84
+ --rls-primary-skeleton-400: rgba(0, 88, 248, 0.325);
85
+ --rls-primary-skeleton-300: rgba(0, 88, 248, 0.25);
86
+ --rls-primary-skeleton-200: rgba(0, 88, 248, 0.175);
87
+ --rls-primary-skeleton-100: rgba(0, 88, 248, 0.1);
88
+ --rls-primary-color-600: #0471ff;
89
+ --rls-primary-color-500: #1b91ff;
90
+ --rls-primary-shadow-500: rgba(27, 145, 255, 0.24);
91
+ --rls-primary-color-400: #46b5ff;
92
+ --rls-primary-color-300: #81d1ff;
93
+ --rls-primary-color-200: #b4e2ff;
94
+ --rls-primary-color-100: #d5edff;
95
+ --rls-primary-color-050: #ecf8ff;
36
96
  --rls-primary-gradient-700: linear-gradient(
37
97
  180deg,
38
- var(--rls-primary-color-700) 0%,
39
- var(--rls-primary-color-900) 100%
98
+ var(--rls-primary-color-700) 15%,
99
+ var(--rls-primary-color-800) 85%
100
+ );
101
+ --rls-primary-gradient-600: linear-gradient(
102
+ 180deg,
103
+ var(--rls-primary-color-600) 15%,
104
+ var(--rls-primary-color-700) 85%
40
105
  );
41
106
  --rls-primary-gradient-500: linear-gradient(
42
107
  180deg,
43
- var(--rls-primary-color-500) 0%,
44
- var(--rls-primary-color-700) 100%
108
+ var(--rls-primary-color-500) 15%,
109
+ var(--rls-primary-color-600) 85%
110
+ );
111
+ --rls-primary-gradient-400: linear-gradient(
112
+ 180deg,
113
+ var(--rls-primary-color-400) 15%,
114
+ var(--rls-primary-color-500) 85%
45
115
  );
46
116
  --rls-primary-gradient-300: linear-gradient(
47
117
  180deg,
48
- var(--rls-primary-color-300) 0%,
49
- var(--rls-primary-color-500) 100%
118
+ var(--rls-primary-color-300) 15%,
119
+ var(--rls-primary-color-400) 85%
50
120
  );
51
- --rls-secondary-color-950: #0e2425;
52
- --rls-secondary-color-900: #204140;
53
- --rls-secondary-backdrop-900: rgba(32, 65, 64, 0.8);
54
- --rls-secondary-color-800: #224d4b;
55
- --rls-secondary-color-700: #265f5c;
56
- --rls-secondary-skeleton-500: rgba(38, 95, 92, 0.5);
57
- --rls-secondary-skeleton-400: rgba(38, 95, 92, 0.325);
58
- --rls-secondary-skeleton-300: rgba(38, 95, 92, 0.25);
59
- --rls-secondary-skeleton-200: rgba(38, 95, 92, 0.175);
60
- --rls-secondary-skeleton-100: rgba(38, 95, 92, 0.1);
61
- --rls-secondary-color-600: #2c7873;
62
- --rls-secondary-color-500: #39938b;
63
- --rls-secondary-shadow-500: rgba(57, 147, 139, 0.24);
64
- --rls-secondary-color-400: #52afa5;
65
- --rls-secondary-color-300: #7dcbc1;
66
- --rls-secondary-color-200: #aee1d8;
67
- --rls-secondary-color-100: #d7f0ec;
68
- --rls-secondary-color-050: #f3faf8;
121
+ --rls-secondary-color-950: #003426;
122
+ --rls-secondary-color-900: #005c42;
123
+ --rls-secondary-backdrop-900: rgba(0, 92, 66, 0.8);
124
+ --rls-secondary-color-800: #00714e;
125
+ --rls-secondary-color-700: #008f60;
126
+ --rls-secondary-skeleton-500: rgba(0, 143, 96, 0.5);
127
+ --rls-secondary-skeleton-400: rgba(0, 143, 96, 0.325);
128
+ --rls-secondary-skeleton-300: rgba(0, 143, 96, 0.25);
129
+ --rls-secondary-skeleton-200: rgba(0, 143, 96, 0.175);
130
+ --rls-secondary-skeleton-100: rgba(0, 143, 96, 0.1);
131
+ --rls-secondary-color-600: #00b373;
132
+ --rls-secondary-color-500: #00da8b;
133
+ --rls-secondary-shadow-500: rgba(0, 218, 139, 0.24);
134
+ --rls-secondary-color-400: #0cdd90;
135
+ --rls-secondary-color-300: #56ffbb;
136
+ --rls-secondary-color-200: #98ffd1;
137
+ --rls-secondary-color-100: #c9ffe5;
138
+ --rls-secondary-color-050: #e9fff5;
69
139
  --rls-secondary-gradient-700: linear-gradient(
70
140
  180deg,
71
- var(--rls-secondary-color-700) 0%,
72
- var(--rls-secondary-color-900) 100%
141
+ var(--rls-secondary-color-700) 15%,
142
+ var(--rls-secondary-color-800) 85%
143
+ );
144
+ --rls-secondary-gradient-600: linear-gradient(
145
+ 180deg,
146
+ var(--rls-secondary-color-600) 15%,
147
+ var(--rls-secondary-color-700) 85%
73
148
  );
74
149
  --rls-secondary-gradient-500: linear-gradient(
75
150
  180deg,
76
- var(--rls-secondary-color-500) 0%,
77
- var(--rls-secondary-color-700) 100%
151
+ var(--rls-secondary-color-500) 15%,
152
+ var(--rls-secondary-color-600) 85%
153
+ );
154
+ --rls-secondary-gradient-400: linear-gradient(
155
+ 180deg,
156
+ var(--rls-secondary-color-400) 15%,
157
+ var(--rls-secondary-color-500) 85%
78
158
  );
79
159
  --rls-secondary-gradient-300: linear-gradient(
80
160
  180deg,
81
- var(--rls-secondary-color-300) 0%,
82
- var(--rls-secondary-color-500) 100%
161
+ var(--rls-secondary-color-300) 15%,
162
+ var(--rls-secondary-color-400) 85%
83
163
  );
84
164
  --rls-tertiary-color-950: #440d0b;
85
165
  --rls-tertiary-color-900: #7d221f;
@@ -101,18 +181,28 @@ body {
101
181
  --rls-tertiary-color-050: #fef2f2;
102
182
  --rls-tertiary-gradient-700: linear-gradient(
103
183
  180deg,
104
- var(--rls-tertiary-color-700) 0%,
105
- var(--rls-tertiary-color-900) 100%
184
+ var(--rls-tertiary-color-700) 15%,
185
+ var(--rls-tertiary-color-800) 85%
186
+ );
187
+ --rls-tertiary-gradient-600: linear-gradient(
188
+ 180deg,
189
+ var(--rls-tertiary-color-600) 15%,
190
+ var(--rls-tertiary-color-700) 85%
106
191
  );
107
192
  --rls-tertiary-gradient-500: linear-gradient(
108
193
  180deg,
109
- var(--rls-tertiary-color-500) 0%,
110
- var(--rls-tertiary-color-700) 100%
194
+ var(--rls-tertiary-color-500) 15%,
195
+ var(--rls-tertiary-color-600) 85%
196
+ );
197
+ --rls-tertiary-gradient-400: linear-gradient(
198
+ 180deg,
199
+ var(--rls-tertiary-color-400) 15%,
200
+ var(--rls-tertiary-color-500) 85%
111
201
  );
112
202
  --rls-tertiary-gradient-300: linear-gradient(
113
203
  180deg,
114
- var(--rls-tertiary-color-300) 0%,
115
- var(--rls-tertiary-color-500) 100%
204
+ var(--rls-tertiary-color-300) 15%,
205
+ var(--rls-tertiary-color-400) 85%
116
206
  );
117
207
  --rls-success-color-950: #012d22;
118
208
  --rls-success-color-900: #04503b;
@@ -134,18 +224,28 @@ body {
134
224
  --rls-success-color-050: #ecfdf5;
135
225
  --rls-success-gradient-700: linear-gradient(
136
226
  180deg,
137
- var(--rls-success-color-700) 0%,
138
- var(--rls-success-color-900) 100%
227
+ var(--rls-success-color-700) 15%,
228
+ var(--rls-success-color-800) 85%
229
+ );
230
+ --rls-success-gradient-600: linear-gradient(
231
+ 180deg,
232
+ var(--rls-success-color-600) 15%,
233
+ var(--rls-success-color-700) 85%
139
234
  );
140
235
  --rls-success-gradient-500: linear-gradient(
141
236
  180deg,
142
- var(--rls-success-color-500) 0%,
143
- var(--rls-success-color-700) 100%
237
+ var(--rls-success-color-500) 15%,
238
+ var(--rls-success-color-600) 85%
239
+ );
240
+ --rls-success-gradient-400: linear-gradient(
241
+ 180deg,
242
+ var(--rls-success-color-400) 15%,
243
+ var(--rls-success-color-500) 85%
144
244
  );
145
245
  --rls-success-gradient-300: linear-gradient(
146
246
  180deg,
147
- var(--rls-success-color-300) 0%,
148
- var(--rls-success-color-500) 100%
247
+ var(--rls-success-color-300) 15%,
248
+ var(--rls-success-color-400) 85%
149
249
  );
150
250
  --rls-info-color-950: #063852;
151
251
  --rls-info-color-900: #085172;
@@ -167,18 +267,28 @@ body {
167
267
  --rls-info-color-050: #effaff;
168
268
  --rls-info-gradient-700: linear-gradient(
169
269
  180deg,
170
- var(--rls-info-color-700) 0%,
171
- var(--rls-info-color-900) 100%
270
+ var(--rls-info-color-700) 15%,
271
+ var(--rls-info-color-800) 85%
272
+ );
273
+ --rls-info-gradient-600: linear-gradient(
274
+ 180deg,
275
+ var(--rls-info-color-600) 15%,
276
+ var(--rls-info-color-700) 85%
172
277
  );
173
278
  --rls-info-gradient-500: linear-gradient(
174
279
  180deg,
175
- var(--rls-info-color-500) 0%,
176
- var(--rls-info-color-700) 100%
280
+ var(--rls-info-color-500) 15%,
281
+ var(--rls-info-color-600) 85%
282
+ );
283
+ --rls-info-gradient-400: linear-gradient(
284
+ 180deg,
285
+ var(--rls-info-color-400) 15%,
286
+ var(--rls-info-color-500) 85%
177
287
  );
178
288
  --rls-info-gradient-300: linear-gradient(
179
289
  180deg,
180
- var(--rls-info-color-300) 0%,
181
- var(--rls-info-color-500) 100%
290
+ var(--rls-info-color-300) 15%,
291
+ var(--rls-info-color-400) 85%
182
292
  );
183
293
  --rls-warning-color-950: #411607;
184
294
  --rls-warning-color-900: #722f15;
@@ -200,18 +310,28 @@ body {
200
310
  --rls-warning-color-050: #fef8ec;
201
311
  --rls-warning-gradient-700: linear-gradient(
202
312
  180deg,
203
- var(--rls-warning-color-700) 0%,
204
- var(--rls-warning-color-900) 100%
313
+ var(--rls-warning-color-700) 15%,
314
+ var(--rls-warning-color-800) 85%
315
+ );
316
+ --rls-warning-gradient-600: linear-gradient(
317
+ 180deg,
318
+ var(--rls-warning-color-600) 15%,
319
+ var(--rls-warning-color-700) 85%
205
320
  );
206
321
  --rls-warning-gradient-500: linear-gradient(
207
322
  180deg,
208
- var(--rls-warning-color-500) 0%,
209
- var(--rls-warning-color-700) 100%
323
+ var(--rls-warning-color-500) 15%,
324
+ var(--rls-warning-color-600) 85%
325
+ );
326
+ --rls-warning-gradient-400: linear-gradient(
327
+ 180deg,
328
+ var(--rls-warning-color-400) 15%,
329
+ var(--rls-warning-color-500) 85%
210
330
  );
211
331
  --rls-warning-gradient-300: linear-gradient(
212
332
  180deg,
213
- var(--rls-warning-color-300) 0%,
214
- var(--rls-warning-color-500) 100%
333
+ var(--rls-warning-color-300) 15%,
334
+ var(--rls-warning-color-400) 85%
215
335
  );
216
336
  --rls-danger-color-950: #500000;
217
337
  --rls-danger-color-900: #900c0d;
@@ -233,18 +353,28 @@ body {
233
353
  --rls-danger-color-050: #fff0f0;
234
354
  --rls-danger-gradient-700: linear-gradient(
235
355
  180deg,
236
- var(--rls-danger-color-700) 0%,
237
- var(--rls-danger-color-900) 100%
356
+ var(--rls-danger-color-700) 15%,
357
+ var(--rls-danger-color-800) 85%
358
+ );
359
+ --rls-danger-gradient-600: linear-gradient(
360
+ 180deg,
361
+ var(--rls-danger-color-600) 15%,
362
+ var(--rls-danger-color-700) 85%
238
363
  );
239
364
  --rls-danger-gradient-500: linear-gradient(
240
365
  180deg,
241
- var(--rls-danger-color-500) 0%,
242
- var(--rls-danger-color-700) 100%
366
+ var(--rls-danger-color-500) 15%,
367
+ var(--rls-danger-color-600) 85%
368
+ );
369
+ --rls-danger-gradient-400: linear-gradient(
370
+ 180deg,
371
+ var(--rls-danger-color-400) 15%,
372
+ var(--rls-danger-color-500) 85%
243
373
  );
244
374
  --rls-danger-gradient-300: linear-gradient(
245
375
  180deg,
246
- var(--rls-danger-color-300) 0%,
247
- var(--rls-danger-color-500) 100%
376
+ var(--rls-danger-color-300) 15%,
377
+ var(--rls-danger-color-400) 85%
248
378
  );
249
379
  --rls-berry-color-950: #430e1e;
250
380
  --rls-berry-color-900: #78233f;
@@ -266,18 +396,114 @@ body {
266
396
  --rls-berry-color-050: #fdf3f4;
267
397
  --rls-berry-gradient-700: linear-gradient(
268
398
  180deg,
269
- var(--rls-berry-color-700) 0%,
270
- var(--rls-berry-color-900) 100%
399
+ var(--rls-berry-color-700) 15%,
400
+ var(--rls-berry-color-800) 85%
401
+ );
402
+ --rls-berry-gradient-600: linear-gradient(
403
+ 180deg,
404
+ var(--rls-berry-color-600) 15%,
405
+ var(--rls-berry-color-700) 85%
271
406
  );
272
407
  --rls-berry-gradient-500: linear-gradient(
273
408
  180deg,
274
- var(--rls-berry-color-500) 0%,
275
- var(--rls-berry-color-700) 100%
409
+ var(--rls-berry-color-500) 15%,
410
+ var(--rls-berry-color-600) 85%
411
+ );
412
+ --rls-berry-gradient-400: linear-gradient(
413
+ 180deg,
414
+ var(--rls-berry-color-400) 15%,
415
+ var(--rls-berry-color-500) 85%
276
416
  );
277
417
  --rls-berry-gradient-300: linear-gradient(
278
418
  180deg,
279
- var(--rls-berry-color-300) 0%,
280
- var(--rls-berry-color-500) 100%
419
+ var(--rls-berry-color-300) 15%,
420
+ var(--rls-berry-color-400) 85%
421
+ );
422
+ --rls-ross-color-950: #500119;
423
+ --rls-ross-color-900: #8f0c37;
424
+ --rls-ross-backdrop-900: rgba(143, 12, 55, 0.8);
425
+ --rls-ross-color-800: #a80939;
426
+ --rls-ross-color-700: #c8083b;
427
+ --rls-ross-skeleton-500: rgba(200, 8, 59, 0.5);
428
+ --rls-ross-skeleton-400: rgba(200, 8, 59, 0.325);
429
+ --rls-ross-skeleton-300: rgba(200, 8, 59, 0.25);
430
+ --rls-ross-skeleton-200: rgba(200, 8, 59, 0.175);
431
+ --rls-ross-skeleton-100: rgba(200, 8, 59, 0.1);
432
+ --rls-ross-color-600: #ed1146;
433
+ --rls-ross-color-500: #ff4b6e;
434
+ --rls-ross-shadow-500: rgba(255, 75, 110, 0.24);
435
+ --rls-ross-color-400: #ff6982;
436
+ --rls-ross-color-300: #ff9fad;
437
+ --rls-ross-color-200: #ffcad2;
438
+ --rls-ross-color-100: #ffe2e6;
439
+ --rls-ross-color-050: #fff0f1;
440
+ --rls-ross-gradient-700: linear-gradient(
441
+ 180deg,
442
+ var(--rls-ross-color-700) 15%,
443
+ var(--rls-ross-color-800) 85%
444
+ );
445
+ --rls-ross-gradient-600: linear-gradient(
446
+ 180deg,
447
+ var(--rls-ross-color-600) 15%,
448
+ var(--rls-ross-color-700) 85%
449
+ );
450
+ --rls-ross-gradient-500: linear-gradient(
451
+ 180deg,
452
+ var(--rls-ross-color-500) 15%,
453
+ var(--rls-ross-color-600) 85%
454
+ );
455
+ --rls-ross-gradient-400: linear-gradient(
456
+ 180deg,
457
+ var(--rls-ross-color-400) 15%,
458
+ var(--rls-ross-color-500) 85%
459
+ );
460
+ --rls-ross-gradient-300: linear-gradient(
461
+ 180deg,
462
+ var(--rls-ross-color-300) 15%,
463
+ var(--rls-ross-color-400) 85%
464
+ );
465
+ --rls-hope-color-950: #02312c;
466
+ --rls-hope-color-900: #105146;
467
+ --rls-hope-backdrop-900: rgba(16, 81, 70, 0.8);
468
+ --rls-hope-color-800: #0d6255;
469
+ --rls-hope-color-700: #0a7b68;
470
+ --rls-hope-skeleton-500: rgba(10, 123, 104, 0.5);
471
+ --rls-hope-skeleton-400: rgba(10, 123, 104, 0.325);
472
+ --rls-hope-skeleton-300: rgba(10, 123, 104, 0.25);
473
+ --rls-hope-skeleton-200: rgba(10, 123, 104, 0.175);
474
+ --rls-hope-skeleton-100: rgba(10, 123, 104, 0.1);
475
+ --rls-hope-color-600: #07a287;
476
+ --rls-hope-color-500: #0cc09d;
477
+ --rls-hope-shadow-500: rgba(12, 192, 157, 0.24);
478
+ --rls-hope-color-400: #25dcb5;
479
+ --rls-hope-color-300: #57f1cc;
480
+ --rls-hope-color-200: #95fade;
481
+ --rls-hope-color-100: #cafdee;
482
+ --rls-hope-color-050: #effef9;
483
+ --rls-hope-gradient-700: linear-gradient(
484
+ 180deg,
485
+ var(--rls-hope-color-700) 15%,
486
+ var(--rls-hope-color-800) 85%
487
+ );
488
+ --rls-hope-gradient-600: linear-gradient(
489
+ 180deg,
490
+ var(--rls-hope-color-600) 15%,
491
+ var(--rls-hope-color-700) 85%
492
+ );
493
+ --rls-hope-gradient-500: linear-gradient(
494
+ 180deg,
495
+ var(--rls-hope-color-500) 15%,
496
+ var(--rls-hope-color-600) 85%
497
+ );
498
+ --rls-hope-gradient-400: linear-gradient(
499
+ 180deg,
500
+ var(--rls-hope-color-400) 15%,
501
+ var(--rls-hope-color-500) 85%
502
+ );
503
+ --rls-hope-gradient-300: linear-gradient(
504
+ 180deg,
505
+ var(--rls-hope-color-300) 15%,
506
+ var(--rls-hope-color-400) 85%
281
507
  );
282
508
  --rls-mountains-color-950: #161d18;
283
509
  --rls-mountains-color-900: #2c352f;
@@ -299,18 +525,28 @@ body {
299
525
  --rls-mountains-color-050: #f6f7f6;
300
526
  --rls-mountains-gradient-700: linear-gradient(
301
527
  180deg,
302
- var(--rls-mountains-color-700) 0%,
303
- var(--rls-mountains-color-900) 100%
528
+ var(--rls-mountains-color-700) 15%,
529
+ var(--rls-mountains-color-800) 85%
530
+ );
531
+ --rls-mountains-gradient-600: linear-gradient(
532
+ 180deg,
533
+ var(--rls-mountains-color-600) 15%,
534
+ var(--rls-mountains-color-700) 85%
304
535
  );
305
536
  --rls-mountains-gradient-500: linear-gradient(
306
537
  180deg,
307
- var(--rls-mountains-color-500) 0%,
308
- var(--rls-mountains-color-700) 100%
538
+ var(--rls-mountains-color-500) 15%,
539
+ var(--rls-mountains-color-600) 85%
540
+ );
541
+ --rls-mountains-gradient-400: linear-gradient(
542
+ 180deg,
543
+ var(--rls-mountains-color-400) 15%,
544
+ var(--rls-mountains-color-500) 85%
309
545
  );
310
546
  --rls-mountains-gradient-300: linear-gradient(
311
547
  180deg,
312
- var(--rls-mountains-color-300) 0%,
313
- var(--rls-mountains-color-500) 100%
548
+ var(--rls-mountains-color-300) 15%,
549
+ var(--rls-mountains-color-400) 85%
314
550
  );
315
551
  --rls-amaizing-color-950: #3f133f;
316
552
  --rls-amaizing-color-900: #632c63;
@@ -332,51 +568,114 @@ body {
332
568
  --rls-amaizing-color-050: #fcf6fd;
333
569
  --rls-amaizing-gradient-700: linear-gradient(
334
570
  180deg,
335
- var(--rls-amaizing-color-700) 0%,
336
- var(--rls-amaizing-color-900) 100%
571
+ var(--rls-amaizing-color-700) 15%,
572
+ var(--rls-amaizing-color-800) 85%
573
+ );
574
+ --rls-amaizing-gradient-600: linear-gradient(
575
+ 180deg,
576
+ var(--rls-amaizing-color-600) 15%,
577
+ var(--rls-amaizing-color-700) 85%
337
578
  );
338
579
  --rls-amaizing-gradient-500: linear-gradient(
339
580
  180deg,
340
- var(--rls-amaizing-color-500) 0%,
341
- var(--rls-amaizing-color-700) 100%
581
+ var(--rls-amaizing-color-500) 15%,
582
+ var(--rls-amaizing-color-600) 85%
583
+ );
584
+ --rls-amaizing-gradient-400: linear-gradient(
585
+ 180deg,
586
+ var(--rls-amaizing-color-400) 15%,
587
+ var(--rls-amaizing-color-500) 85%
342
588
  );
343
589
  --rls-amaizing-gradient-300: linear-gradient(
344
590
  180deg,
345
- var(--rls-amaizing-color-300) 0%,
346
- var(--rls-amaizing-color-500) 100%
591
+ var(--rls-amaizing-color-300) 15%,
592
+ var(--rls-amaizing-color-400) 85%
347
593
  );
348
- --rls-amber-color-950: #3f110b;
349
- --rls-amber-color-900: #752819;
350
- --rls-amber-backdrop-900: rgba(117, 40, 25, 0.8);
351
- --rls-amber-color-800: #912d1b;
352
- --rls-amber-color-700: #b73717;
353
- --rls-amber-skeleton-500: rgba(183, 55, 23, 0.5);
354
- --rls-amber-skeleton-400: rgba(183, 55, 23, 0.325);
355
- --rls-amber-skeleton-300: rgba(183, 55, 23, 0.25);
356
- --rls-amber-skeleton-200: rgba(183, 55, 23, 0.175);
357
- --rls-amber-skeleton-100: rgba(183, 55, 23, 0.1);
358
- --rls-amber-color-600: #dd4b1a;
359
- --rls-amber-color-500: #eb6424;
360
- --rls-amber-shadow-500: rgba(235, 100, 36, 0.24);
361
- --rls-amber-color-400: #ef8448;
362
- --rls-amber-color-300: #f4af7d;
363
- --rls-amber-color-200: #f9d0af;
364
- --rls-amber-color-100: #fcead8;
365
- --rls-amber-color-050: #fcead8;
594
+ --rls-purple-color-950: #201f47;
595
+ --rls-purple-color-900: #35347b;
596
+ --rls-purple-backdrop-900: rgba(53, 52, 123, 0.8);
597
+ --rls-purple-color-800: #3c399a;
598
+ --rls-purple-color-700: #4843bf;
599
+ --rls-purple-skeleton-500: rgba(72, 67, 191, 0.5);
600
+ --rls-purple-skeleton-400: rgba(72, 67, 191, 0.325);
601
+ --rls-purple-skeleton-300: rgba(72, 67, 191, 0.25);
602
+ --rls-purple-skeleton-200: rgba(72, 67, 191, 0.175);
603
+ --rls-purple-skeleton-100: rgba(72, 67, 191, 0.1);
604
+ --rls-purple-color-600: #5552d9;
605
+ --rls-purple-color-500: #6e74e6;
606
+ --rls-purple-shadow-500: rgba(110, 116, 230, 0.24);
607
+ --rls-purple-color-400: #8a96ef;
608
+ --rls-purple-color-300: #acbbf5;
609
+ --rls-purple-color-200: #cbd6fa;
610
+ --rls-purple-color-100: #e2e9fd;
611
+ --rls-purple-color-050: #eff4fe;
612
+ --rls-purple-gradient-700: linear-gradient(
613
+ 180deg,
614
+ var(--rls-purple-color-700) 15%,
615
+ var(--rls-purple-color-800) 85%
616
+ );
617
+ --rls-purple-gradient-600: linear-gradient(
618
+ 180deg,
619
+ var(--rls-purple-color-600) 15%,
620
+ var(--rls-purple-color-700) 85%
621
+ );
622
+ --rls-purple-gradient-500: linear-gradient(
623
+ 180deg,
624
+ var(--rls-purple-color-500) 15%,
625
+ var(--rls-purple-color-600) 85%
626
+ );
627
+ --rls-purple-gradient-400: linear-gradient(
628
+ 180deg,
629
+ var(--rls-purple-color-400) 15%,
630
+ var(--rls-purple-color-500) 85%
631
+ );
632
+ --rls-purple-gradient-300: linear-gradient(
633
+ 180deg,
634
+ var(--rls-purple-color-300) 15%,
635
+ var(--rls-purple-color-400) 85%
636
+ );
637
+ --rls-amber-color-950: #40150a;
638
+ --rls-amber-color-900: #772c17;
639
+ --rls-amber-backdrop-900: rgba(119, 44, 23, 0.8);
640
+ --rls-amber-color-800: #943418;
641
+ --rls-amber-color-700: #ba4014;
642
+ --rls-amber-skeleton-500: rgba(186, 64, 20, 0.5);
643
+ --rls-amber-skeleton-400: rgba(186, 64, 20, 0.325);
644
+ --rls-amber-skeleton-300: rgba(186, 64, 20, 0.25);
645
+ --rls-amber-skeleton-200: rgba(186, 64, 20, 0.175);
646
+ --rls-amber-skeleton-100: rgba(186, 64, 20, 0.1);
647
+ --rls-amber-color-600: #e15616;
648
+ --rls-amber-color-500: #ef6f20;
649
+ --rls-amber-shadow-500: rgba(239, 111, 32, 0.24);
650
+ --rls-amber-color-400: #f28e45;
651
+ --rls-amber-color-300: #f7b77a;
652
+ --rls-amber-color-200: #fad5ae;
653
+ --rls-amber-color-100: #fdecd7;
654
+ --rls-amber-color-050: #fef7ee;
366
655
  --rls-amber-gradient-700: linear-gradient(
367
656
  180deg,
368
- var(--rls-amber-color-700) 0%,
369
- var(--rls-amber-color-900) 100%
657
+ var(--rls-amber-color-700) 15%,
658
+ var(--rls-amber-color-800) 85%
659
+ );
660
+ --rls-amber-gradient-600: linear-gradient(
661
+ 180deg,
662
+ var(--rls-amber-color-600) 15%,
663
+ var(--rls-amber-color-700) 85%
370
664
  );
371
665
  --rls-amber-gradient-500: linear-gradient(
372
666
  180deg,
373
- var(--rls-amber-color-500) 0%,
374
- var(--rls-amber-color-700) 100%
667
+ var(--rls-amber-color-500) 15%,
668
+ var(--rls-amber-color-600) 85%
669
+ );
670
+ --rls-amber-gradient-400: linear-gradient(
671
+ 180deg,
672
+ var(--rls-amber-color-400) 15%,
673
+ var(--rls-amber-color-500) 85%
375
674
  );
376
675
  --rls-amber-gradient-300: linear-gradient(
377
676
  180deg,
378
- var(--rls-amber-color-300) 0%,
379
- var(--rls-amber-color-500) 100%
677
+ var(--rls-amber-color-300) 15%,
678
+ var(--rls-amber-color-400) 85%
380
679
  );
381
680
  --rls-smartness-color-950: #321816;
382
681
  --rls-smartness-color-900: #5a302d;
@@ -398,18 +697,28 @@ body {
398
697
  --rls-smartness-color-050: #f9f6f1;
399
698
  --rls-smartness-gradient-700: linear-gradient(
400
699
  180deg,
401
- var(--rls-smartness-color-700) 0%,
402
- var(--rls-smartness-color-900) 100%
700
+ var(--rls-smartness-color-700) 15%,
701
+ var(--rls-smartness-color-800) 85%
702
+ );
703
+ --rls-smartness-gradient-600: linear-gradient(
704
+ 180deg,
705
+ var(--rls-smartness-color-600) 15%,
706
+ var(--rls-smartness-color-700) 85%
403
707
  );
404
708
  --rls-smartness-gradient-500: linear-gradient(
405
709
  180deg,
406
- var(--rls-smartness-color-500) 0%,
407
- var(--rls-smartness-color-700) 100%
710
+ var(--rls-smartness-color-500) 15%,
711
+ var(--rls-smartness-color-600) 85%
712
+ );
713
+ --rls-smartness-gradient-400: linear-gradient(
714
+ 180deg,
715
+ var(--rls-smartness-color-400) 15%,
716
+ var(--rls-smartness-color-500) 85%
408
717
  );
409
718
  --rls-smartness-gradient-300: linear-gradient(
410
719
  180deg,
411
- var(--rls-smartness-color-300) 0%,
412
- var(--rls-smartness-color-500) 100%
720
+ var(--rls-smartness-color-300) 15%,
721
+ var(--rls-smartness-color-400) 85%
413
722
  );
414
723
  --rls-obsidian-color-950: #29221f;
415
724
  --rls-obsidian-color-900: #4a3f39;
@@ -431,31 +740,46 @@ body {
431
740
  --rls-obsidian-color-050: #f5f5f1;
432
741
  --rls-obsidian-gradient-700: linear-gradient(
433
742
  180deg,
434
- var(--rls-obsidian-color-700) 0%,
435
- var(--rls-obsidian-color-900) 100%
743
+ var(--rls-obsidian-color-700) 15%,
744
+ var(--rls-obsidian-color-800) 85%
745
+ );
746
+ --rls-obsidian-gradient-600: linear-gradient(
747
+ 180deg,
748
+ var(--rls-obsidian-color-600) 15%,
749
+ var(--rls-obsidian-color-700) 85%
436
750
  );
437
751
  --rls-obsidian-gradient-500: linear-gradient(
438
752
  180deg,
439
- var(--rls-obsidian-color-500) 0%,
440
- var(--rls-obsidian-color-700) 100%
753
+ var(--rls-obsidian-color-500) 15%,
754
+ var(--rls-obsidian-color-600) 85%
755
+ );
756
+ --rls-obsidian-gradient-400: linear-gradient(
757
+ 180deg,
758
+ var(--rls-obsidian-color-400) 15%,
759
+ var(--rls-obsidian-color-500) 85%
441
760
  );
442
761
  --rls-obsidian-gradient-300: linear-gradient(
443
762
  180deg,
444
- var(--rls-obsidian-color-300) 0%,
445
- var(--rls-obsidian-color-500) 100%
763
+ var(--rls-obsidian-color-300) 15%,
764
+ var(--rls-obsidian-color-400) 85%
446
765
  );
447
766
  }
448
767
  body[app-theme='dark'] {
449
- --rls-app-color-050: rgb(40, 50, 61);
450
- --rls-app-color-100: rgb(52, 57, 87);
451
- --rls-app-color-200: rgb(72, 77, 107);
452
- --rls-app-color-300: rgb(98, 111, 155);
453
- --rls-app-color-400: rgb(128, 141, 190);
454
- --rls-app-color-500: rgb(189, 192, 220);
455
- --rls-app-color-600: rgb(214, 217, 240);
456
- --rls-app-color-700: rgb(229, 232, 245);
457
- --rls-app-color-800: rgb(244, 247, 255);
458
- --rls-app-color-900: rgb(255, 255, 255);
768
+ --rls-app-color-050: var(--rls-project-color-050, #28323d);
769
+ --rls-app-color-100: var(--rls-project-color-100, #343957);
770
+ --rls-app-color-200: var(--rls-project-color-200, #484d6b);
771
+ --rls-app-color-300: var(--rls-project-color-300, #626f9b);
772
+ --rls-app-color-400: var(--rls-project-color-400, #808dbe);
773
+ --rls-app-color-500: var(--rls-project-color-500, #bdc0dc);
774
+ --rls-app-color-600: var(--rls-project-color-600, #d6d9f0);
775
+ --rls-app-color-700: var(--rls-project-color-700, #e5e8f5);
776
+ --rls-app-color-800: var(--rls-project-color-800, #f4f7ff);
777
+ --rls-app-color-900: var(--rls-project-color-900, #ffffff);
778
+ }
779
+ body {
780
+ --rls-app-border-1-transparent: var(--rls-border-1) solid transparent;
781
+ --rls-app-border-2-transparent: var(--rls-border-2) solid transparent;
782
+ --rls-app-border-4-transparent: var(--rls-border-4) solid transparent;
459
783
  }
460
784
  body {
461
785
  --rls-sizing-x1: 1rem;
@@ -1236,39 +1560,84 @@ body {
1236
1560
  --rls-app-shadow-center-32: 0px 0px 32px 0px rgba(50, 44, 47, 0.4);
1237
1561
  }
1238
1562
  body {
1239
- --rls-app-border-1-100: var(--rls-border-1) solid var(--rls-app-color-200);
1240
- --rls-app-border-2-100: var(--rls-border-2) solid var(--rls-app-color-200);
1241
- --rls-app-border-4-100: var(--rls-border-4) solid var(--rls-app-color-200);
1242
- --rls-app-border-1-300: var(--rls-border-1) solid var(--rls-app-color-400);
1243
- --rls-app-border-2-300: var(--rls-border-2) solid var(--rls-app-color-400);
1244
- --rls-app-border-4-300: var(--rls-border-4) solid var(--rls-app-color-400);
1245
- --rls-app-border-1-500: var(--rls-border-1) solid var(--rls-app-color-600);
1246
- --rls-app-border-2-500: var(--rls-border-2) solid var(--rls-app-color-600);
1247
- --rls-app-border-4-500: var(--rls-border-4) solid var(--rls-app-color-600);
1563
+ --rls-app-border-1-050: var(--rls-border-1) solid var(--rls-app-color-050);
1564
+ --rls-app-border-2-050: var(--rls-border-2) solid var(--rls-app-color-050);
1565
+ --rls-app-border-4-050: var(--rls-border-4) solid var(--rls-app-color-050);
1566
+ --rls-app-border-1-100: var(--rls-border-1) solid var(--rls-app-color-100);
1567
+ --rls-app-border-2-100: var(--rls-border-2) solid var(--rls-app-color-100);
1568
+ --rls-app-border-4-100: var(--rls-border-4) solid var(--rls-app-color-100);
1569
+ --rls-app-border-1-200: var(--rls-border-1) solid var(--rls-app-color-200);
1570
+ --rls-app-border-2-200: var(--rls-border-2) solid var(--rls-app-color-200);
1571
+ --rls-app-border-4-200: var(--rls-border-4) solid var(--rls-app-color-200);
1572
+ --rls-app-border-1-300: var(--rls-border-1) solid var(--rls-app-color-300);
1573
+ --rls-app-border-2-300: var(--rls-border-2) solid var(--rls-app-color-300);
1574
+ --rls-app-border-4-300: var(--rls-border-4) solid var(--rls-app-color-300);
1575
+ --rls-app-border-1-400: var(--rls-border-1) solid var(--rls-app-color-400);
1576
+ --rls-app-border-2-400: var(--rls-border-2) solid var(--rls-app-color-400);
1577
+ --rls-app-border-4-400: var(--rls-border-4) solid var(--rls-app-color-400);
1578
+ --rls-app-border-1-500: var(--rls-border-1) solid var(--rls-app-color-500);
1579
+ --rls-app-border-2-500: var(--rls-border-2) solid var(--rls-app-color-500);
1580
+ --rls-app-border-4-500: var(--rls-border-4) solid var(--rls-app-color-500);
1581
+ --rls-app-border-1-600: var(--rls-border-1) solid var(--rls-app-color-600);
1582
+ --rls-app-border-2-600: var(--rls-border-2) solid var(--rls-app-color-600);
1583
+ --rls-app-border-4-600: var(--rls-border-4) solid var(--rls-app-color-600);
1584
+ --rls-app-border-1-700: var(--rls-border-1) solid var(--rls-app-color-700);
1585
+ --rls-app-border-2-700: var(--rls-border-2) solid var(--rls-app-color-700);
1586
+ --rls-app-border-4-700: var(--rls-border-4) solid var(--rls-app-color-700);
1587
+ --rls-app-border-1-800: var(--rls-border-1) solid var(--rls-app-color-800);
1588
+ --rls-app-border-2-800: var(--rls-border-2) solid var(--rls-app-color-800);
1589
+ --rls-app-border-4-800: var(--rls-border-4) solid var(--rls-app-color-800);
1590
+ --rls-app-border-1-900: var(--rls-border-1) solid var(--rls-app-color-900);
1591
+ --rls-app-border-2-900: var(--rls-border-2) solid var(--rls-app-color-900);
1592
+ --rls-app-border-4-900: var(--rls-border-4) solid var(--rls-app-color-900);
1248
1593
  --rls-primary-border-1-100: var(--rls-border-1) solid
1249
1594
  var(--rls-primary-color-100);
1250
1595
  --rls-primary-border-2-100: var(--rls-border-2) solid
1251
1596
  var(--rls-primary-color-100);
1252
1597
  --rls-primary-border-4-100: var(--rls-border-4) solid
1253
1598
  var(--rls-primary-color-100);
1599
+ --rls-primary-border-1-200: var(--rls-border-1) solid
1600
+ var(--rls-primary-color-200);
1601
+ --rls-primary-border-2-200: var(--rls-border-2) solid
1602
+ var(--rls-primary-color-200);
1603
+ --rls-primary-border-4-200: var(--rls-border-4) solid
1604
+ var(--rls-primary-color-200);
1254
1605
  --rls-primary-border-1-300: var(--rls-border-1) solid
1255
1606
  var(--rls-primary-color-300);
1256
1607
  --rls-primary-border-2-300: var(--rls-border-2) solid
1257
1608
  var(--rls-primary-color-300);
1258
1609
  --rls-primary-border-4-300: var(--rls-border-4) solid
1259
1610
  var(--rls-primary-color-300);
1611
+ --rls-primary-border-1-400: var(--rls-border-1) solid
1612
+ var(--rls-primary-color-400);
1613
+ --rls-primary-border-2-400: var(--rls-border-2) solid
1614
+ var(--rls-primary-color-400);
1615
+ --rls-primary-border-4-400: var(--rls-border-4) solid
1616
+ var(--rls-primary-color-400);
1260
1617
  --rls-primary-border-1-500: var(--rls-border-1) solid
1261
1618
  var(--rls-primary-color-500);
1262
1619
  --rls-primary-border-2-500: var(--rls-border-2) solid
1263
1620
  var(--rls-primary-color-500);
1264
1621
  --rls-primary-border-4-500: var(--rls-border-4) solid
1265
1622
  var(--rls-primary-color-500);
1623
+ --rls-primary-border-1-600: var(--rls-border-1) solid
1624
+ var(--rls-primary-color-600);
1625
+ --rls-primary-border-2-600: var(--rls-border-2) solid
1626
+ var(--rls-primary-color-600);
1627
+ --rls-primary-border-4-600: var(--rls-border-4) solid
1628
+ var(--rls-primary-color-600);
1266
1629
  --rls-primary-border-1-700: var(--rls-border-1) solid
1267
1630
  var(--rls-primary-color-700);
1268
1631
  --rls-primary-border-2-700: var(--rls-border-2) solid
1269
1632
  var(--rls-primary-color-700);
1270
1633
  --rls-primary-border-4-700: var(--rls-border-4) solid
1271
1634
  var(--rls-primary-color-700);
1635
+ --rls-primary-border-1-800: var(--rls-border-1) solid
1636
+ var(--rls-primary-color-800);
1637
+ --rls-primary-border-2-800: var(--rls-border-2) solid
1638
+ var(--rls-primary-color-800);
1639
+ --rls-primary-border-4-800: var(--rls-border-4) solid
1640
+ var(--rls-primary-color-800);
1272
1641
  --rls-primary-border-1-900: var(--rls-border-1) solid
1273
1642
  var(--rls-primary-color-900);
1274
1643
  --rls-primary-border-2-900: var(--rls-border-2) solid
@@ -1281,24 +1650,48 @@ body {
1281
1650
  var(--rls-secondary-color-100);
1282
1651
  --rls-secondary-border-4-100: var(--rls-border-4) solid
1283
1652
  var(--rls-secondary-color-100);
1653
+ --rls-secondary-border-1-200: var(--rls-border-1) solid
1654
+ var(--rls-secondary-color-200);
1655
+ --rls-secondary-border-2-200: var(--rls-border-2) solid
1656
+ var(--rls-secondary-color-200);
1657
+ --rls-secondary-border-4-200: var(--rls-border-4) solid
1658
+ var(--rls-secondary-color-200);
1284
1659
  --rls-secondary-border-1-300: var(--rls-border-1) solid
1285
1660
  var(--rls-secondary-color-300);
1286
1661
  --rls-secondary-border-2-300: var(--rls-border-2) solid
1287
1662
  var(--rls-secondary-color-300);
1288
1663
  --rls-secondary-border-4-300: var(--rls-border-4) solid
1289
1664
  var(--rls-secondary-color-300);
1665
+ --rls-secondary-border-1-400: var(--rls-border-1) solid
1666
+ var(--rls-secondary-color-400);
1667
+ --rls-secondary-border-2-400: var(--rls-border-2) solid
1668
+ var(--rls-secondary-color-400);
1669
+ --rls-secondary-border-4-400: var(--rls-border-4) solid
1670
+ var(--rls-secondary-color-400);
1290
1671
  --rls-secondary-border-1-500: var(--rls-border-1) solid
1291
1672
  var(--rls-secondary-color-500);
1292
1673
  --rls-secondary-border-2-500: var(--rls-border-2) solid
1293
1674
  var(--rls-secondary-color-500);
1294
1675
  --rls-secondary-border-4-500: var(--rls-border-4) solid
1295
1676
  var(--rls-secondary-color-500);
1677
+ --rls-secondary-border-1-600: var(--rls-border-1) solid
1678
+ var(--rls-secondary-color-600);
1679
+ --rls-secondary-border-2-600: var(--rls-border-2) solid
1680
+ var(--rls-secondary-color-600);
1681
+ --rls-secondary-border-4-600: var(--rls-border-4) solid
1682
+ var(--rls-secondary-color-600);
1296
1683
  --rls-secondary-border-1-700: var(--rls-border-1) solid
1297
1684
  var(--rls-secondary-color-700);
1298
1685
  --rls-secondary-border-2-700: var(--rls-border-2) solid
1299
1686
  var(--rls-secondary-color-700);
1300
1687
  --rls-secondary-border-4-700: var(--rls-border-4) solid
1301
1688
  var(--rls-secondary-color-700);
1689
+ --rls-secondary-border-1-800: var(--rls-border-1) solid
1690
+ var(--rls-secondary-color-800);
1691
+ --rls-secondary-border-2-800: var(--rls-border-2) solid
1692
+ var(--rls-secondary-color-800);
1693
+ --rls-secondary-border-4-800: var(--rls-border-4) solid
1694
+ var(--rls-secondary-color-800);
1302
1695
  --rls-secondary-border-1-900: var(--rls-border-1) solid
1303
1696
  var(--rls-secondary-color-900);
1304
1697
  --rls-secondary-border-2-900: var(--rls-border-2) solid
@@ -1311,24 +1704,48 @@ body {
1311
1704
  var(--rls-tertiary-color-100);
1312
1705
  --rls-tertiary-border-4-100: var(--rls-border-4) solid
1313
1706
  var(--rls-tertiary-color-100);
1707
+ --rls-tertiary-border-1-200: var(--rls-border-1) solid
1708
+ var(--rls-tertiary-color-200);
1709
+ --rls-tertiary-border-2-200: var(--rls-border-2) solid
1710
+ var(--rls-tertiary-color-200);
1711
+ --rls-tertiary-border-4-200: var(--rls-border-4) solid
1712
+ var(--rls-tertiary-color-200);
1314
1713
  --rls-tertiary-border-1-300: var(--rls-border-1) solid
1315
1714
  var(--rls-tertiary-color-300);
1316
1715
  --rls-tertiary-border-2-300: var(--rls-border-2) solid
1317
1716
  var(--rls-tertiary-color-300);
1318
1717
  --rls-tertiary-border-4-300: var(--rls-border-4) solid
1319
1718
  var(--rls-tertiary-color-300);
1719
+ --rls-tertiary-border-1-400: var(--rls-border-1) solid
1720
+ var(--rls-tertiary-color-400);
1721
+ --rls-tertiary-border-2-400: var(--rls-border-2) solid
1722
+ var(--rls-tertiary-color-400);
1723
+ --rls-tertiary-border-4-400: var(--rls-border-4) solid
1724
+ var(--rls-tertiary-color-400);
1320
1725
  --rls-tertiary-border-1-500: var(--rls-border-1) solid
1321
1726
  var(--rls-tertiary-color-500);
1322
1727
  --rls-tertiary-border-2-500: var(--rls-border-2) solid
1323
1728
  var(--rls-tertiary-color-500);
1324
1729
  --rls-tertiary-border-4-500: var(--rls-border-4) solid
1325
1730
  var(--rls-tertiary-color-500);
1731
+ --rls-tertiary-border-1-600: var(--rls-border-1) solid
1732
+ var(--rls-tertiary-color-600);
1733
+ --rls-tertiary-border-2-600: var(--rls-border-2) solid
1734
+ var(--rls-tertiary-color-600);
1735
+ --rls-tertiary-border-4-600: var(--rls-border-4) solid
1736
+ var(--rls-tertiary-color-600);
1326
1737
  --rls-tertiary-border-1-700: var(--rls-border-1) solid
1327
1738
  var(--rls-tertiary-color-700);
1328
1739
  --rls-tertiary-border-2-700: var(--rls-border-2) solid
1329
1740
  var(--rls-tertiary-color-700);
1330
1741
  --rls-tertiary-border-4-700: var(--rls-border-4) solid
1331
1742
  var(--rls-tertiary-color-700);
1743
+ --rls-tertiary-border-1-800: var(--rls-border-1) solid
1744
+ var(--rls-tertiary-color-800);
1745
+ --rls-tertiary-border-2-800: var(--rls-border-2) solid
1746
+ var(--rls-tertiary-color-800);
1747
+ --rls-tertiary-border-4-800: var(--rls-border-4) solid
1748
+ var(--rls-tertiary-color-800);
1332
1749
  --rls-tertiary-border-1-900: var(--rls-border-1) solid
1333
1750
  var(--rls-tertiary-color-900);
1334
1751
  --rls-tertiary-border-2-900: var(--rls-border-2) solid
@@ -1341,24 +1758,48 @@ body {
1341
1758
  var(--rls-success-color-100);
1342
1759
  --rls-success-border-4-100: var(--rls-border-4) solid
1343
1760
  var(--rls-success-color-100);
1761
+ --rls-success-border-1-200: var(--rls-border-1) solid
1762
+ var(--rls-success-color-200);
1763
+ --rls-success-border-2-200: var(--rls-border-2) solid
1764
+ var(--rls-success-color-200);
1765
+ --rls-success-border-4-200: var(--rls-border-4) solid
1766
+ var(--rls-success-color-200);
1344
1767
  --rls-success-border-1-300: var(--rls-border-1) solid
1345
1768
  var(--rls-success-color-300);
1346
1769
  --rls-success-border-2-300: var(--rls-border-2) solid
1347
1770
  var(--rls-success-color-300);
1348
1771
  --rls-success-border-4-300: var(--rls-border-4) solid
1349
1772
  var(--rls-success-color-300);
1773
+ --rls-success-border-1-400: var(--rls-border-1) solid
1774
+ var(--rls-success-color-400);
1775
+ --rls-success-border-2-400: var(--rls-border-2) solid
1776
+ var(--rls-success-color-400);
1777
+ --rls-success-border-4-400: var(--rls-border-4) solid
1778
+ var(--rls-success-color-400);
1350
1779
  --rls-success-border-1-500: var(--rls-border-1) solid
1351
1780
  var(--rls-success-color-500);
1352
1781
  --rls-success-border-2-500: var(--rls-border-2) solid
1353
1782
  var(--rls-success-color-500);
1354
1783
  --rls-success-border-4-500: var(--rls-border-4) solid
1355
1784
  var(--rls-success-color-500);
1785
+ --rls-success-border-1-600: var(--rls-border-1) solid
1786
+ var(--rls-success-color-600);
1787
+ --rls-success-border-2-600: var(--rls-border-2) solid
1788
+ var(--rls-success-color-600);
1789
+ --rls-success-border-4-600: var(--rls-border-4) solid
1790
+ var(--rls-success-color-600);
1356
1791
  --rls-success-border-1-700: var(--rls-border-1) solid
1357
1792
  var(--rls-success-color-700);
1358
1793
  --rls-success-border-2-700: var(--rls-border-2) solid
1359
1794
  var(--rls-success-color-700);
1360
1795
  --rls-success-border-4-700: var(--rls-border-4) solid
1361
1796
  var(--rls-success-color-700);
1797
+ --rls-success-border-1-800: var(--rls-border-1) solid
1798
+ var(--rls-success-color-800);
1799
+ --rls-success-border-2-800: var(--rls-border-2) solid
1800
+ var(--rls-success-color-800);
1801
+ --rls-success-border-4-800: var(--rls-border-4) solid
1802
+ var(--rls-success-color-800);
1362
1803
  --rls-success-border-1-900: var(--rls-border-1) solid
1363
1804
  var(--rls-success-color-900);
1364
1805
  --rls-success-border-2-900: var(--rls-border-2) solid
@@ -1368,15 +1809,27 @@ body {
1368
1809
  --rls-info-border-1-100: var(--rls-border-1) solid var(--rls-info-color-100);
1369
1810
  --rls-info-border-2-100: var(--rls-border-2) solid var(--rls-info-color-100);
1370
1811
  --rls-info-border-4-100: var(--rls-border-4) solid var(--rls-info-color-100);
1812
+ --rls-info-border-1-200: var(--rls-border-1) solid var(--rls-info-color-200);
1813
+ --rls-info-border-2-200: var(--rls-border-2) solid var(--rls-info-color-200);
1814
+ --rls-info-border-4-200: var(--rls-border-4) solid var(--rls-info-color-200);
1371
1815
  --rls-info-border-1-300: var(--rls-border-1) solid var(--rls-info-color-300);
1372
1816
  --rls-info-border-2-300: var(--rls-border-2) solid var(--rls-info-color-300);
1373
1817
  --rls-info-border-4-300: var(--rls-border-4) solid var(--rls-info-color-300);
1818
+ --rls-info-border-1-400: var(--rls-border-1) solid var(--rls-info-color-400);
1819
+ --rls-info-border-2-400: var(--rls-border-2) solid var(--rls-info-color-400);
1820
+ --rls-info-border-4-400: var(--rls-border-4) solid var(--rls-info-color-400);
1374
1821
  --rls-info-border-1-500: var(--rls-border-1) solid var(--rls-info-color-500);
1375
1822
  --rls-info-border-2-500: var(--rls-border-2) solid var(--rls-info-color-500);
1376
1823
  --rls-info-border-4-500: var(--rls-border-4) solid var(--rls-info-color-500);
1824
+ --rls-info-border-1-600: var(--rls-border-1) solid var(--rls-info-color-600);
1825
+ --rls-info-border-2-600: var(--rls-border-2) solid var(--rls-info-color-600);
1826
+ --rls-info-border-4-600: var(--rls-border-4) solid var(--rls-info-color-600);
1377
1827
  --rls-info-border-1-700: var(--rls-border-1) solid var(--rls-info-color-700);
1378
1828
  --rls-info-border-2-700: var(--rls-border-2) solid var(--rls-info-color-700);
1379
1829
  --rls-info-border-4-700: var(--rls-border-4) solid var(--rls-info-color-700);
1830
+ --rls-info-border-1-800: var(--rls-border-1) solid var(--rls-info-color-800);
1831
+ --rls-info-border-2-800: var(--rls-border-2) solid var(--rls-info-color-800);
1832
+ --rls-info-border-4-800: var(--rls-border-4) solid var(--rls-info-color-800);
1380
1833
  --rls-info-border-1-900: var(--rls-border-1) solid var(--rls-info-color-900);
1381
1834
  --rls-info-border-2-900: var(--rls-border-2) solid var(--rls-info-color-900);
1382
1835
  --rls-info-border-4-900: var(--rls-border-4) solid var(--rls-info-color-900);
@@ -1386,24 +1839,48 @@ body {
1386
1839
  var(--rls-warning-color-100);
1387
1840
  --rls-warning-border-4-100: var(--rls-border-4) solid
1388
1841
  var(--rls-warning-color-100);
1842
+ --rls-warning-border-1-200: var(--rls-border-1) solid
1843
+ var(--rls-warning-color-200);
1844
+ --rls-warning-border-2-200: var(--rls-border-2) solid
1845
+ var(--rls-warning-color-200);
1846
+ --rls-warning-border-4-200: var(--rls-border-4) solid
1847
+ var(--rls-warning-color-200);
1389
1848
  --rls-warning-border-1-300: var(--rls-border-1) solid
1390
1849
  var(--rls-warning-color-300);
1391
1850
  --rls-warning-border-2-300: var(--rls-border-2) solid
1392
1851
  var(--rls-warning-color-300);
1393
1852
  --rls-warning-border-4-300: var(--rls-border-4) solid
1394
1853
  var(--rls-warning-color-300);
1854
+ --rls-warning-border-1-400: var(--rls-border-1) solid
1855
+ var(--rls-warning-color-400);
1856
+ --rls-warning-border-2-400: var(--rls-border-2) solid
1857
+ var(--rls-warning-color-400);
1858
+ --rls-warning-border-4-400: var(--rls-border-4) solid
1859
+ var(--rls-warning-color-400);
1395
1860
  --rls-warning-border-1-500: var(--rls-border-1) solid
1396
1861
  var(--rls-warning-color-500);
1397
1862
  --rls-warning-border-2-500: var(--rls-border-2) solid
1398
1863
  var(--rls-warning-color-500);
1399
1864
  --rls-warning-border-4-500: var(--rls-border-4) solid
1400
1865
  var(--rls-warning-color-500);
1866
+ --rls-warning-border-1-600: var(--rls-border-1) solid
1867
+ var(--rls-warning-color-600);
1868
+ --rls-warning-border-2-600: var(--rls-border-2) solid
1869
+ var(--rls-warning-color-600);
1870
+ --rls-warning-border-4-600: var(--rls-border-4) solid
1871
+ var(--rls-warning-color-600);
1401
1872
  --rls-warning-border-1-700: var(--rls-border-1) solid
1402
1873
  var(--rls-warning-color-700);
1403
1874
  --rls-warning-border-2-700: var(--rls-border-2) solid
1404
1875
  var(--rls-warning-color-700);
1405
1876
  --rls-warning-border-4-700: var(--rls-border-4) solid
1406
1877
  var(--rls-warning-color-700);
1878
+ --rls-warning-border-1-800: var(--rls-border-1) solid
1879
+ var(--rls-warning-color-800);
1880
+ --rls-warning-border-2-800: var(--rls-border-2) solid
1881
+ var(--rls-warning-color-800);
1882
+ --rls-warning-border-4-800: var(--rls-border-4) solid
1883
+ var(--rls-warning-color-800);
1407
1884
  --rls-warning-border-1-900: var(--rls-border-1) solid
1408
1885
  var(--rls-warning-color-900);
1409
1886
  --rls-warning-border-2-900: var(--rls-border-2) solid
@@ -1416,24 +1893,48 @@ body {
1416
1893
  var(--rls-danger-color-100);
1417
1894
  --rls-danger-border-4-100: var(--rls-border-4) solid
1418
1895
  var(--rls-danger-color-100);
1896
+ --rls-danger-border-1-200: var(--rls-border-1) solid
1897
+ var(--rls-danger-color-200);
1898
+ --rls-danger-border-2-200: var(--rls-border-2) solid
1899
+ var(--rls-danger-color-200);
1900
+ --rls-danger-border-4-200: var(--rls-border-4) solid
1901
+ var(--rls-danger-color-200);
1419
1902
  --rls-danger-border-1-300: var(--rls-border-1) solid
1420
1903
  var(--rls-danger-color-300);
1421
1904
  --rls-danger-border-2-300: var(--rls-border-2) solid
1422
1905
  var(--rls-danger-color-300);
1423
1906
  --rls-danger-border-4-300: var(--rls-border-4) solid
1424
1907
  var(--rls-danger-color-300);
1908
+ --rls-danger-border-1-400: var(--rls-border-1) solid
1909
+ var(--rls-danger-color-400);
1910
+ --rls-danger-border-2-400: var(--rls-border-2) solid
1911
+ var(--rls-danger-color-400);
1912
+ --rls-danger-border-4-400: var(--rls-border-4) solid
1913
+ var(--rls-danger-color-400);
1425
1914
  --rls-danger-border-1-500: var(--rls-border-1) solid
1426
1915
  var(--rls-danger-color-500);
1427
1916
  --rls-danger-border-2-500: var(--rls-border-2) solid
1428
1917
  var(--rls-danger-color-500);
1429
1918
  --rls-danger-border-4-500: var(--rls-border-4) solid
1430
1919
  var(--rls-danger-color-500);
1920
+ --rls-danger-border-1-600: var(--rls-border-1) solid
1921
+ var(--rls-danger-color-600);
1922
+ --rls-danger-border-2-600: var(--rls-border-2) solid
1923
+ var(--rls-danger-color-600);
1924
+ --rls-danger-border-4-600: var(--rls-border-4) solid
1925
+ var(--rls-danger-color-600);
1431
1926
  --rls-danger-border-1-700: var(--rls-border-1) solid
1432
1927
  var(--rls-danger-color-700);
1433
1928
  --rls-danger-border-2-700: var(--rls-border-2) solid
1434
1929
  var(--rls-danger-color-700);
1435
1930
  --rls-danger-border-4-700: var(--rls-border-4) solid
1436
1931
  var(--rls-danger-color-700);
1932
+ --rls-danger-border-1-800: var(--rls-border-1) solid
1933
+ var(--rls-danger-color-800);
1934
+ --rls-danger-border-2-800: var(--rls-border-2) solid
1935
+ var(--rls-danger-color-800);
1936
+ --rls-danger-border-4-800: var(--rls-border-4) solid
1937
+ var(--rls-danger-color-800);
1437
1938
  --rls-danger-border-1-900: var(--rls-border-1) solid
1438
1939
  var(--rls-danger-color-900);
1439
1940
  --rls-danger-border-2-900: var(--rls-border-2) solid
@@ -1443,42 +1944,132 @@ body {
1443
1944
  --rls-berry-border-1-100: var(--rls-border-1) solid var(--rls-berry-color-100);
1444
1945
  --rls-berry-border-2-100: var(--rls-border-2) solid var(--rls-berry-color-100);
1445
1946
  --rls-berry-border-4-100: var(--rls-border-4) solid var(--rls-berry-color-100);
1947
+ --rls-berry-border-1-200: var(--rls-border-1) solid var(--rls-berry-color-200);
1948
+ --rls-berry-border-2-200: var(--rls-border-2) solid var(--rls-berry-color-200);
1949
+ --rls-berry-border-4-200: var(--rls-border-4) solid var(--rls-berry-color-200);
1446
1950
  --rls-berry-border-1-300: var(--rls-border-1) solid var(--rls-berry-color-300);
1447
1951
  --rls-berry-border-2-300: var(--rls-border-2) solid var(--rls-berry-color-300);
1448
1952
  --rls-berry-border-4-300: var(--rls-border-4) solid var(--rls-berry-color-300);
1953
+ --rls-berry-border-1-400: var(--rls-border-1) solid var(--rls-berry-color-400);
1954
+ --rls-berry-border-2-400: var(--rls-border-2) solid var(--rls-berry-color-400);
1955
+ --rls-berry-border-4-400: var(--rls-border-4) solid var(--rls-berry-color-400);
1449
1956
  --rls-berry-border-1-500: var(--rls-border-1) solid var(--rls-berry-color-500);
1450
1957
  --rls-berry-border-2-500: var(--rls-border-2) solid var(--rls-berry-color-500);
1451
1958
  --rls-berry-border-4-500: var(--rls-border-4) solid var(--rls-berry-color-500);
1959
+ --rls-berry-border-1-600: var(--rls-border-1) solid var(--rls-berry-color-600);
1960
+ --rls-berry-border-2-600: var(--rls-border-2) solid var(--rls-berry-color-600);
1961
+ --rls-berry-border-4-600: var(--rls-border-4) solid var(--rls-berry-color-600);
1452
1962
  --rls-berry-border-1-700: var(--rls-border-1) solid var(--rls-berry-color-700);
1453
1963
  --rls-berry-border-2-700: var(--rls-border-2) solid var(--rls-berry-color-700);
1454
1964
  --rls-berry-border-4-700: var(--rls-border-4) solid var(--rls-berry-color-700);
1965
+ --rls-berry-border-1-800: var(--rls-border-1) solid var(--rls-berry-color-800);
1966
+ --rls-berry-border-2-800: var(--rls-border-2) solid var(--rls-berry-color-800);
1967
+ --rls-berry-border-4-800: var(--rls-border-4) solid var(--rls-berry-color-800);
1455
1968
  --rls-berry-border-1-900: var(--rls-border-1) solid var(--rls-berry-color-900);
1456
1969
  --rls-berry-border-2-900: var(--rls-border-2) solid var(--rls-berry-color-900);
1457
1970
  --rls-berry-border-4-900: var(--rls-border-4) solid var(--rls-berry-color-900);
1971
+ --rls-ross-border-1-100: var(--rls-border-1) solid var(--rls-ross-color-100);
1972
+ --rls-ross-border-2-100: var(--rls-border-2) solid var(--rls-ross-color-100);
1973
+ --rls-ross-border-4-100: var(--rls-border-4) solid var(--rls-ross-color-100);
1974
+ --rls-ross-border-1-200: var(--rls-border-1) solid var(--rls-ross-color-200);
1975
+ --rls-ross-border-2-200: var(--rls-border-2) solid var(--rls-ross-color-200);
1976
+ --rls-ross-border-4-200: var(--rls-border-4) solid var(--rls-ross-color-200);
1977
+ --rls-ross-border-1-300: var(--rls-border-1) solid var(--rls-ross-color-300);
1978
+ --rls-ross-border-2-300: var(--rls-border-2) solid var(--rls-ross-color-300);
1979
+ --rls-ross-border-4-300: var(--rls-border-4) solid var(--rls-ross-color-300);
1980
+ --rls-ross-border-1-400: var(--rls-border-1) solid var(--rls-ross-color-400);
1981
+ --rls-ross-border-2-400: var(--rls-border-2) solid var(--rls-ross-color-400);
1982
+ --rls-ross-border-4-400: var(--rls-border-4) solid var(--rls-ross-color-400);
1983
+ --rls-ross-border-1-500: var(--rls-border-1) solid var(--rls-ross-color-500);
1984
+ --rls-ross-border-2-500: var(--rls-border-2) solid var(--rls-ross-color-500);
1985
+ --rls-ross-border-4-500: var(--rls-border-4) solid var(--rls-ross-color-500);
1986
+ --rls-ross-border-1-600: var(--rls-border-1) solid var(--rls-ross-color-600);
1987
+ --rls-ross-border-2-600: var(--rls-border-2) solid var(--rls-ross-color-600);
1988
+ --rls-ross-border-4-600: var(--rls-border-4) solid var(--rls-ross-color-600);
1989
+ --rls-ross-border-1-700: var(--rls-border-1) solid var(--rls-ross-color-700);
1990
+ --rls-ross-border-2-700: var(--rls-border-2) solid var(--rls-ross-color-700);
1991
+ --rls-ross-border-4-700: var(--rls-border-4) solid var(--rls-ross-color-700);
1992
+ --rls-ross-border-1-800: var(--rls-border-1) solid var(--rls-ross-color-800);
1993
+ --rls-ross-border-2-800: var(--rls-border-2) solid var(--rls-ross-color-800);
1994
+ --rls-ross-border-4-800: var(--rls-border-4) solid var(--rls-ross-color-800);
1995
+ --rls-ross-border-1-900: var(--rls-border-1) solid var(--rls-ross-color-900);
1996
+ --rls-ross-border-2-900: var(--rls-border-2) solid var(--rls-ross-color-900);
1997
+ --rls-ross-border-4-900: var(--rls-border-4) solid var(--rls-ross-color-900);
1998
+ --rls-hope-border-1-100: var(--rls-border-1) solid var(--rls-hope-color-100);
1999
+ --rls-hope-border-2-100: var(--rls-border-2) solid var(--rls-hope-color-100);
2000
+ --rls-hope-border-4-100: var(--rls-border-4) solid var(--rls-hope-color-100);
2001
+ --rls-hope-border-1-200: var(--rls-border-1) solid var(--rls-hope-color-200);
2002
+ --rls-hope-border-2-200: var(--rls-border-2) solid var(--rls-hope-color-200);
2003
+ --rls-hope-border-4-200: var(--rls-border-4) solid var(--rls-hope-color-200);
2004
+ --rls-hope-border-1-300: var(--rls-border-1) solid var(--rls-hope-color-300);
2005
+ --rls-hope-border-2-300: var(--rls-border-2) solid var(--rls-hope-color-300);
2006
+ --rls-hope-border-4-300: var(--rls-border-4) solid var(--rls-hope-color-300);
2007
+ --rls-hope-border-1-400: var(--rls-border-1) solid var(--rls-hope-color-400);
2008
+ --rls-hope-border-2-400: var(--rls-border-2) solid var(--rls-hope-color-400);
2009
+ --rls-hope-border-4-400: var(--rls-border-4) solid var(--rls-hope-color-400);
2010
+ --rls-hope-border-1-500: var(--rls-border-1) solid var(--rls-hope-color-500);
2011
+ --rls-hope-border-2-500: var(--rls-border-2) solid var(--rls-hope-color-500);
2012
+ --rls-hope-border-4-500: var(--rls-border-4) solid var(--rls-hope-color-500);
2013
+ --rls-hope-border-1-600: var(--rls-border-1) solid var(--rls-hope-color-600);
2014
+ --rls-hope-border-2-600: var(--rls-border-2) solid var(--rls-hope-color-600);
2015
+ --rls-hope-border-4-600: var(--rls-border-4) solid var(--rls-hope-color-600);
2016
+ --rls-hope-border-1-700: var(--rls-border-1) solid var(--rls-hope-color-700);
2017
+ --rls-hope-border-2-700: var(--rls-border-2) solid var(--rls-hope-color-700);
2018
+ --rls-hope-border-4-700: var(--rls-border-4) solid var(--rls-hope-color-700);
2019
+ --rls-hope-border-1-800: var(--rls-border-1) solid var(--rls-hope-color-800);
2020
+ --rls-hope-border-2-800: var(--rls-border-2) solid var(--rls-hope-color-800);
2021
+ --rls-hope-border-4-800: var(--rls-border-4) solid var(--rls-hope-color-800);
2022
+ --rls-hope-border-1-900: var(--rls-border-1) solid var(--rls-hope-color-900);
2023
+ --rls-hope-border-2-900: var(--rls-border-2) solid var(--rls-hope-color-900);
2024
+ --rls-hope-border-4-900: var(--rls-border-4) solid var(--rls-hope-color-900);
1458
2025
  --rls-mountains-border-1-100: var(--rls-border-1) solid
1459
2026
  var(--rls-mountains-color-100);
1460
2027
  --rls-mountains-border-2-100: var(--rls-border-2) solid
1461
2028
  var(--rls-mountains-color-100);
1462
2029
  --rls-mountains-border-4-100: var(--rls-border-4) solid
1463
2030
  var(--rls-mountains-color-100);
2031
+ --rls-mountains-border-1-200: var(--rls-border-1) solid
2032
+ var(--rls-mountains-color-200);
2033
+ --rls-mountains-border-2-200: var(--rls-border-2) solid
2034
+ var(--rls-mountains-color-200);
2035
+ --rls-mountains-border-4-200: var(--rls-border-4) solid
2036
+ var(--rls-mountains-color-200);
1464
2037
  --rls-mountains-border-1-300: var(--rls-border-1) solid
1465
2038
  var(--rls-mountains-color-300);
1466
2039
  --rls-mountains-border-2-300: var(--rls-border-2) solid
1467
2040
  var(--rls-mountains-color-300);
1468
2041
  --rls-mountains-border-4-300: var(--rls-border-4) solid
1469
2042
  var(--rls-mountains-color-300);
2043
+ --rls-mountains-border-1-400: var(--rls-border-1) solid
2044
+ var(--rls-mountains-color-400);
2045
+ --rls-mountains-border-2-400: var(--rls-border-2) solid
2046
+ var(--rls-mountains-color-400);
2047
+ --rls-mountains-border-4-400: var(--rls-border-4) solid
2048
+ var(--rls-mountains-color-400);
1470
2049
  --rls-mountains-border-1-500: var(--rls-border-1) solid
1471
2050
  var(--rls-mountains-color-500);
1472
2051
  --rls-mountains-border-2-500: var(--rls-border-2) solid
1473
2052
  var(--rls-mountains-color-500);
1474
2053
  --rls-mountains-border-4-500: var(--rls-border-4) solid
1475
2054
  var(--rls-mountains-color-500);
2055
+ --rls-mountains-border-1-600: var(--rls-border-1) solid
2056
+ var(--rls-mountains-color-600);
2057
+ --rls-mountains-border-2-600: var(--rls-border-2) solid
2058
+ var(--rls-mountains-color-600);
2059
+ --rls-mountains-border-4-600: var(--rls-border-4) solid
2060
+ var(--rls-mountains-color-600);
1476
2061
  --rls-mountains-border-1-700: var(--rls-border-1) solid
1477
2062
  var(--rls-mountains-color-700);
1478
2063
  --rls-mountains-border-2-700: var(--rls-border-2) solid
1479
2064
  var(--rls-mountains-color-700);
1480
2065
  --rls-mountains-border-4-700: var(--rls-border-4) solid
1481
2066
  var(--rls-mountains-color-700);
2067
+ --rls-mountains-border-1-800: var(--rls-border-1) solid
2068
+ var(--rls-mountains-color-800);
2069
+ --rls-mountains-border-2-800: var(--rls-border-2) solid
2070
+ var(--rls-mountains-color-800);
2071
+ --rls-mountains-border-4-800: var(--rls-border-4) solid
2072
+ var(--rls-mountains-color-800);
1482
2073
  --rls-mountains-border-1-900: var(--rls-border-1) solid
1483
2074
  var(--rls-mountains-color-900);
1484
2075
  --rls-mountains-border-2-900: var(--rls-border-2) solid
@@ -1491,42 +2082,132 @@ body {
1491
2082
  var(--rls-amaizing-color-100);
1492
2083
  --rls-amaizing-border-4-100: var(--rls-border-4) solid
1493
2084
  var(--rls-amaizing-color-100);
2085
+ --rls-amaizing-border-1-200: var(--rls-border-1) solid
2086
+ var(--rls-amaizing-color-200);
2087
+ --rls-amaizing-border-2-200: var(--rls-border-2) solid
2088
+ var(--rls-amaizing-color-200);
2089
+ --rls-amaizing-border-4-200: var(--rls-border-4) solid
2090
+ var(--rls-amaizing-color-200);
1494
2091
  --rls-amaizing-border-1-300: var(--rls-border-1) solid
1495
2092
  var(--rls-amaizing-color-300);
1496
2093
  --rls-amaizing-border-2-300: var(--rls-border-2) solid
1497
2094
  var(--rls-amaizing-color-300);
1498
2095
  --rls-amaizing-border-4-300: var(--rls-border-4) solid
1499
2096
  var(--rls-amaizing-color-300);
2097
+ --rls-amaizing-border-1-400: var(--rls-border-1) solid
2098
+ var(--rls-amaizing-color-400);
2099
+ --rls-amaizing-border-2-400: var(--rls-border-2) solid
2100
+ var(--rls-amaizing-color-400);
2101
+ --rls-amaizing-border-4-400: var(--rls-border-4) solid
2102
+ var(--rls-amaizing-color-400);
1500
2103
  --rls-amaizing-border-1-500: var(--rls-border-1) solid
1501
2104
  var(--rls-amaizing-color-500);
1502
2105
  --rls-amaizing-border-2-500: var(--rls-border-2) solid
1503
2106
  var(--rls-amaizing-color-500);
1504
2107
  --rls-amaizing-border-4-500: var(--rls-border-4) solid
1505
2108
  var(--rls-amaizing-color-500);
2109
+ --rls-amaizing-border-1-600: var(--rls-border-1) solid
2110
+ var(--rls-amaizing-color-600);
2111
+ --rls-amaizing-border-2-600: var(--rls-border-2) solid
2112
+ var(--rls-amaizing-color-600);
2113
+ --rls-amaizing-border-4-600: var(--rls-border-4) solid
2114
+ var(--rls-amaizing-color-600);
1506
2115
  --rls-amaizing-border-1-700: var(--rls-border-1) solid
1507
2116
  var(--rls-amaizing-color-700);
1508
2117
  --rls-amaizing-border-2-700: var(--rls-border-2) solid
1509
2118
  var(--rls-amaizing-color-700);
1510
2119
  --rls-amaizing-border-4-700: var(--rls-border-4) solid
1511
2120
  var(--rls-amaizing-color-700);
2121
+ --rls-amaizing-border-1-800: var(--rls-border-1) solid
2122
+ var(--rls-amaizing-color-800);
2123
+ --rls-amaizing-border-2-800: var(--rls-border-2) solid
2124
+ var(--rls-amaizing-color-800);
2125
+ --rls-amaizing-border-4-800: var(--rls-border-4) solid
2126
+ var(--rls-amaizing-color-800);
1512
2127
  --rls-amaizing-border-1-900: var(--rls-border-1) solid
1513
2128
  var(--rls-amaizing-color-900);
1514
2129
  --rls-amaizing-border-2-900: var(--rls-border-2) solid
1515
2130
  var(--rls-amaizing-color-900);
1516
2131
  --rls-amaizing-border-4-900: var(--rls-border-4) solid
1517
2132
  var(--rls-amaizing-color-900);
2133
+ --rls-purple-border-1-100: var(--rls-border-1) solid
2134
+ var(--rls-purple-color-100);
2135
+ --rls-purple-border-2-100: var(--rls-border-2) solid
2136
+ var(--rls-purple-color-100);
2137
+ --rls-purple-border-4-100: var(--rls-border-4) solid
2138
+ var(--rls-purple-color-100);
2139
+ --rls-purple-border-1-200: var(--rls-border-1) solid
2140
+ var(--rls-purple-color-200);
2141
+ --rls-purple-border-2-200: var(--rls-border-2) solid
2142
+ var(--rls-purple-color-200);
2143
+ --rls-purple-border-4-200: var(--rls-border-4) solid
2144
+ var(--rls-purple-color-200);
2145
+ --rls-purple-border-1-300: var(--rls-border-1) solid
2146
+ var(--rls-purple-color-300);
2147
+ --rls-purple-border-2-300: var(--rls-border-2) solid
2148
+ var(--rls-purple-color-300);
2149
+ --rls-purple-border-4-300: var(--rls-border-4) solid
2150
+ var(--rls-purple-color-300);
2151
+ --rls-purple-border-1-400: var(--rls-border-1) solid
2152
+ var(--rls-purple-color-400);
2153
+ --rls-purple-border-2-400: var(--rls-border-2) solid
2154
+ var(--rls-purple-color-400);
2155
+ --rls-purple-border-4-400: var(--rls-border-4) solid
2156
+ var(--rls-purple-color-400);
2157
+ --rls-purple-border-1-500: var(--rls-border-1) solid
2158
+ var(--rls-purple-color-500);
2159
+ --rls-purple-border-2-500: var(--rls-border-2) solid
2160
+ var(--rls-purple-color-500);
2161
+ --rls-purple-border-4-500: var(--rls-border-4) solid
2162
+ var(--rls-purple-color-500);
2163
+ --rls-purple-border-1-600: var(--rls-border-1) solid
2164
+ var(--rls-purple-color-600);
2165
+ --rls-purple-border-2-600: var(--rls-border-2) solid
2166
+ var(--rls-purple-color-600);
2167
+ --rls-purple-border-4-600: var(--rls-border-4) solid
2168
+ var(--rls-purple-color-600);
2169
+ --rls-purple-border-1-700: var(--rls-border-1) solid
2170
+ var(--rls-purple-color-700);
2171
+ --rls-purple-border-2-700: var(--rls-border-2) solid
2172
+ var(--rls-purple-color-700);
2173
+ --rls-purple-border-4-700: var(--rls-border-4) solid
2174
+ var(--rls-purple-color-700);
2175
+ --rls-purple-border-1-800: var(--rls-border-1) solid
2176
+ var(--rls-purple-color-800);
2177
+ --rls-purple-border-2-800: var(--rls-border-2) solid
2178
+ var(--rls-purple-color-800);
2179
+ --rls-purple-border-4-800: var(--rls-border-4) solid
2180
+ var(--rls-purple-color-800);
2181
+ --rls-purple-border-1-900: var(--rls-border-1) solid
2182
+ var(--rls-purple-color-900);
2183
+ --rls-purple-border-2-900: var(--rls-border-2) solid
2184
+ var(--rls-purple-color-900);
2185
+ --rls-purple-border-4-900: var(--rls-border-4) solid
2186
+ var(--rls-purple-color-900);
1518
2187
  --rls-amber-border-1-100: var(--rls-border-1) solid var(--rls-amber-color-100);
1519
2188
  --rls-amber-border-2-100: var(--rls-border-2) solid var(--rls-amber-color-100);
1520
2189
  --rls-amber-border-4-100: var(--rls-border-4) solid var(--rls-amber-color-100);
2190
+ --rls-amber-border-1-200: var(--rls-border-1) solid var(--rls-amber-color-200);
2191
+ --rls-amber-border-2-200: var(--rls-border-2) solid var(--rls-amber-color-200);
2192
+ --rls-amber-border-4-200: var(--rls-border-4) solid var(--rls-amber-color-200);
1521
2193
  --rls-amber-border-1-300: var(--rls-border-1) solid var(--rls-amber-color-300);
1522
2194
  --rls-amber-border-2-300: var(--rls-border-2) solid var(--rls-amber-color-300);
1523
2195
  --rls-amber-border-4-300: var(--rls-border-4) solid var(--rls-amber-color-300);
2196
+ --rls-amber-border-1-400: var(--rls-border-1) solid var(--rls-amber-color-400);
2197
+ --rls-amber-border-2-400: var(--rls-border-2) solid var(--rls-amber-color-400);
2198
+ --rls-amber-border-4-400: var(--rls-border-4) solid var(--rls-amber-color-400);
1524
2199
  --rls-amber-border-1-500: var(--rls-border-1) solid var(--rls-amber-color-500);
1525
2200
  --rls-amber-border-2-500: var(--rls-border-2) solid var(--rls-amber-color-500);
1526
2201
  --rls-amber-border-4-500: var(--rls-border-4) solid var(--rls-amber-color-500);
2202
+ --rls-amber-border-1-600: var(--rls-border-1) solid var(--rls-amber-color-600);
2203
+ --rls-amber-border-2-600: var(--rls-border-2) solid var(--rls-amber-color-600);
2204
+ --rls-amber-border-4-600: var(--rls-border-4) solid var(--rls-amber-color-600);
1527
2205
  --rls-amber-border-1-700: var(--rls-border-1) solid var(--rls-amber-color-700);
1528
2206
  --rls-amber-border-2-700: var(--rls-border-2) solid var(--rls-amber-color-700);
1529
2207
  --rls-amber-border-4-700: var(--rls-border-4) solid var(--rls-amber-color-700);
2208
+ --rls-amber-border-1-800: var(--rls-border-1) solid var(--rls-amber-color-800);
2209
+ --rls-amber-border-2-800: var(--rls-border-2) solid var(--rls-amber-color-800);
2210
+ --rls-amber-border-4-800: var(--rls-border-4) solid var(--rls-amber-color-800);
1530
2211
  --rls-amber-border-1-900: var(--rls-border-1) solid var(--rls-amber-color-900);
1531
2212
  --rls-amber-border-2-900: var(--rls-border-2) solid var(--rls-amber-color-900);
1532
2213
  --rls-amber-border-4-900: var(--rls-border-4) solid var(--rls-amber-color-900);
@@ -1536,24 +2217,48 @@ body {
1536
2217
  var(--rls-smartness-color-100);
1537
2218
  --rls-smartness-border-4-100: var(--rls-border-4) solid
1538
2219
  var(--rls-smartness-color-100);
2220
+ --rls-smartness-border-1-200: var(--rls-border-1) solid
2221
+ var(--rls-smartness-color-200);
2222
+ --rls-smartness-border-2-200: var(--rls-border-2) solid
2223
+ var(--rls-smartness-color-200);
2224
+ --rls-smartness-border-4-200: var(--rls-border-4) solid
2225
+ var(--rls-smartness-color-200);
1539
2226
  --rls-smartness-border-1-300: var(--rls-border-1) solid
1540
2227
  var(--rls-smartness-color-300);
1541
2228
  --rls-smartness-border-2-300: var(--rls-border-2) solid
1542
2229
  var(--rls-smartness-color-300);
1543
2230
  --rls-smartness-border-4-300: var(--rls-border-4) solid
1544
2231
  var(--rls-smartness-color-300);
2232
+ --rls-smartness-border-1-400: var(--rls-border-1) solid
2233
+ var(--rls-smartness-color-400);
2234
+ --rls-smartness-border-2-400: var(--rls-border-2) solid
2235
+ var(--rls-smartness-color-400);
2236
+ --rls-smartness-border-4-400: var(--rls-border-4) solid
2237
+ var(--rls-smartness-color-400);
1545
2238
  --rls-smartness-border-1-500: var(--rls-border-1) solid
1546
2239
  var(--rls-smartness-color-500);
1547
2240
  --rls-smartness-border-2-500: var(--rls-border-2) solid
1548
2241
  var(--rls-smartness-color-500);
1549
2242
  --rls-smartness-border-4-500: var(--rls-border-4) solid
1550
2243
  var(--rls-smartness-color-500);
2244
+ --rls-smartness-border-1-600: var(--rls-border-1) solid
2245
+ var(--rls-smartness-color-600);
2246
+ --rls-smartness-border-2-600: var(--rls-border-2) solid
2247
+ var(--rls-smartness-color-600);
2248
+ --rls-smartness-border-4-600: var(--rls-border-4) solid
2249
+ var(--rls-smartness-color-600);
1551
2250
  --rls-smartness-border-1-700: var(--rls-border-1) solid
1552
2251
  var(--rls-smartness-color-700);
1553
2252
  --rls-smartness-border-2-700: var(--rls-border-2) solid
1554
2253
  var(--rls-smartness-color-700);
1555
2254
  --rls-smartness-border-4-700: var(--rls-border-4) solid
1556
2255
  var(--rls-smartness-color-700);
2256
+ --rls-smartness-border-1-800: var(--rls-border-1) solid
2257
+ var(--rls-smartness-color-800);
2258
+ --rls-smartness-border-2-800: var(--rls-border-2) solid
2259
+ var(--rls-smartness-color-800);
2260
+ --rls-smartness-border-4-800: var(--rls-border-4) solid
2261
+ var(--rls-smartness-color-800);
1557
2262
  --rls-smartness-border-1-900: var(--rls-border-1) solid
1558
2263
  var(--rls-smartness-color-900);
1559
2264
  --rls-smartness-border-2-900: var(--rls-border-2) solid
@@ -1566,24 +2271,48 @@ body {
1566
2271
  var(--rls-obsidian-color-100);
1567
2272
  --rls-obsidian-border-4-100: var(--rls-border-4) solid
1568
2273
  var(--rls-obsidian-color-100);
2274
+ --rls-obsidian-border-1-200: var(--rls-border-1) solid
2275
+ var(--rls-obsidian-color-200);
2276
+ --rls-obsidian-border-2-200: var(--rls-border-2) solid
2277
+ var(--rls-obsidian-color-200);
2278
+ --rls-obsidian-border-4-200: var(--rls-border-4) solid
2279
+ var(--rls-obsidian-color-200);
1569
2280
  --rls-obsidian-border-1-300: var(--rls-border-1) solid
1570
2281
  var(--rls-obsidian-color-300);
1571
2282
  --rls-obsidian-border-2-300: var(--rls-border-2) solid
1572
2283
  var(--rls-obsidian-color-300);
1573
2284
  --rls-obsidian-border-4-300: var(--rls-border-4) solid
1574
2285
  var(--rls-obsidian-color-300);
2286
+ --rls-obsidian-border-1-400: var(--rls-border-1) solid
2287
+ var(--rls-obsidian-color-400);
2288
+ --rls-obsidian-border-2-400: var(--rls-border-2) solid
2289
+ var(--rls-obsidian-color-400);
2290
+ --rls-obsidian-border-4-400: var(--rls-border-4) solid
2291
+ var(--rls-obsidian-color-400);
1575
2292
  --rls-obsidian-border-1-500: var(--rls-border-1) solid
1576
2293
  var(--rls-obsidian-color-500);
1577
2294
  --rls-obsidian-border-2-500: var(--rls-border-2) solid
1578
2295
  var(--rls-obsidian-color-500);
1579
2296
  --rls-obsidian-border-4-500: var(--rls-border-4) solid
1580
2297
  var(--rls-obsidian-color-500);
2298
+ --rls-obsidian-border-1-600: var(--rls-border-1) solid
2299
+ var(--rls-obsidian-color-600);
2300
+ --rls-obsidian-border-2-600: var(--rls-border-2) solid
2301
+ var(--rls-obsidian-color-600);
2302
+ --rls-obsidian-border-4-600: var(--rls-border-4) solid
2303
+ var(--rls-obsidian-color-600);
1581
2304
  --rls-obsidian-border-1-700: var(--rls-border-1) solid
1582
2305
  var(--rls-obsidian-color-700);
1583
2306
  --rls-obsidian-border-2-700: var(--rls-border-2) solid
1584
2307
  var(--rls-obsidian-color-700);
1585
2308
  --rls-obsidian-border-4-700: var(--rls-border-4) solid
1586
2309
  var(--rls-obsidian-color-700);
2310
+ --rls-obsidian-border-1-800: var(--rls-border-1) solid
2311
+ var(--rls-obsidian-color-800);
2312
+ --rls-obsidian-border-2-800: var(--rls-border-2) solid
2313
+ var(--rls-obsidian-color-800);
2314
+ --rls-obsidian-border-4-800: var(--rls-border-4) solid
2315
+ var(--rls-obsidian-color-800);
1587
2316
  --rls-obsidian-border-1-900: var(--rls-border-1) solid
1588
2317
  var(--rls-obsidian-color-900);
1589
2318
  --rls-obsidian-border-2-900: var(--rls-border-2) solid
@@ -1611,32 +2340,59 @@ body {
1611
2340
  --rls-theme-skeleton-100: var(--rls-primary-skeleton-100);
1612
2341
  --rls-theme-shadow-500: var(--rls-primary-shadow-500);
1613
2342
  --rls-theme-backdrop-900: var(--rls-primary-backdrop-900);
2343
+ --rls-theme-gradient-700: var(--rls-primary-gradient-700);
2344
+ --rls-theme-gradient-600: var(--rls-primary-gradient-600);
1614
2345
  --rls-theme-gradient-500: var(--rls-primary-gradient-500);
1615
- --rls-theme-gradient-700: var(--rls-primary-gradient-500);
2346
+ --rls-theme-gradient-400: var(--rls-primary-gradient-400);
2347
+ --rls-theme-gradient-300: var(--rls-primary-gradient-300);
1616
2348
  --rls-theme-border-1-900: var(--rls-border-1) solid
1617
2349
  var(--rls-primary-color-900);
1618
2350
  --rls-theme-border-2-900: var(--rls-border-2) solid
1619
2351
  var(--rls-primary-color-900);
1620
2352
  --rls-theme-border-4-900: var(--rls-border-4) solid
1621
2353
  var(--rls-primary-color-900);
2354
+ --rls-theme-border-1-800: var(--rls-border-1) solid
2355
+ var(--rls-primary-color-800);
2356
+ --rls-theme-border-2-800: var(--rls-border-2) solid
2357
+ var(--rls-primary-color-800);
2358
+ --rls-theme-border-4-800: var(--rls-border-4) solid
2359
+ var(--rls-primary-color-800);
1622
2360
  --rls-theme-border-1-700: var(--rls-border-1) solid
1623
2361
  var(--rls-primary-color-700);
1624
2362
  --rls-theme-border-2-700: var(--rls-border-2) solid
1625
2363
  var(--rls-primary-color-700);
1626
2364
  --rls-theme-border-4-700: var(--rls-border-4) solid
1627
2365
  var(--rls-primary-color-700);
2366
+ --rls-theme-border-1-600: var(--rls-border-1) solid
2367
+ var(--rls-primary-color-600);
2368
+ --rls-theme-border-2-600: var(--rls-border-2) solid
2369
+ var(--rls-primary-color-600);
2370
+ --rls-theme-border-4-600: var(--rls-border-4) solid
2371
+ var(--rls-primary-color-600);
1628
2372
  --rls-theme-border-1-500: var(--rls-border-1) solid
1629
2373
  var(--rls-primary-color-500);
1630
2374
  --rls-theme-border-2-500: var(--rls-border-2) solid
1631
2375
  var(--rls-primary-color-500);
1632
2376
  --rls-theme-border-4-500: var(--rls-border-4) solid
1633
2377
  var(--rls-primary-color-500);
2378
+ --rls-theme-border-1-400: var(--rls-border-1) solid
2379
+ var(--rls-primary-color-400);
2380
+ --rls-theme-border-2-400: var(--rls-border-2) solid
2381
+ var(--rls-primary-color-400);
2382
+ --rls-theme-border-4-400: var(--rls-border-4) solid
2383
+ var(--rls-primary-color-400);
1634
2384
  --rls-theme-border-1-300: var(--rls-border-1) solid
1635
2385
  var(--rls-primary-color-300);
1636
2386
  --rls-theme-border-2-300: var(--rls-border-2) solid
1637
2387
  var(--rls-primary-color-300);
1638
2388
  --rls-theme-border-4-300: var(--rls-border-4) solid
1639
2389
  var(--rls-primary-color-300);
2390
+ --rls-theme-border-1-200: var(--rls-border-1) solid
2391
+ var(--rls-primary-color-200);
2392
+ --rls-theme-border-2-200: var(--rls-border-2) solid
2393
+ var(--rls-primary-color-200);
2394
+ --rls-theme-border-4-200: var(--rls-border-4) solid
2395
+ var(--rls-primary-color-200);
1640
2396
  --rls-theme-border-1-100: var(--rls-border-1) solid
1641
2397
  var(--rls-primary-color-100);
1642
2398
  --rls-theme-border-2-100: var(--rls-border-2) solid
@@ -1666,32 +2422,59 @@ body {
1666
2422
  --rls-theme-skeleton-100: var(--rls-secondary-skeleton-100);
1667
2423
  --rls-theme-shadow-500: var(--rls-secondary-shadow-500);
1668
2424
  --rls-theme-backdrop-900: var(--rls-secondary-backdrop-900);
2425
+ --rls-theme-gradient-700: var(--rls-secondary-gradient-700);
2426
+ --rls-theme-gradient-600: var(--rls-secondary-gradient-600);
1669
2427
  --rls-theme-gradient-500: var(--rls-secondary-gradient-500);
1670
- --rls-theme-gradient-700: var(--rls-secondary-gradient-500);
2428
+ --rls-theme-gradient-400: var(--rls-secondary-gradient-400);
2429
+ --rls-theme-gradient-300: var(--rls-secondary-gradient-300);
1671
2430
  --rls-theme-border-1-900: var(--rls-border-1) solid
1672
2431
  var(--rls-secondary-color-900);
1673
2432
  --rls-theme-border-2-900: var(--rls-border-2) solid
1674
2433
  var(--rls-secondary-color-900);
1675
2434
  --rls-theme-border-4-900: var(--rls-border-4) solid
1676
2435
  var(--rls-secondary-color-900);
2436
+ --rls-theme-border-1-800: var(--rls-border-1) solid
2437
+ var(--rls-secondary-color-800);
2438
+ --rls-theme-border-2-800: var(--rls-border-2) solid
2439
+ var(--rls-secondary-color-800);
2440
+ --rls-theme-border-4-800: var(--rls-border-4) solid
2441
+ var(--rls-secondary-color-800);
1677
2442
  --rls-theme-border-1-700: var(--rls-border-1) solid
1678
2443
  var(--rls-secondary-color-700);
1679
2444
  --rls-theme-border-2-700: var(--rls-border-2) solid
1680
2445
  var(--rls-secondary-color-700);
1681
2446
  --rls-theme-border-4-700: var(--rls-border-4) solid
1682
2447
  var(--rls-secondary-color-700);
2448
+ --rls-theme-border-1-600: var(--rls-border-1) solid
2449
+ var(--rls-secondary-color-600);
2450
+ --rls-theme-border-2-600: var(--rls-border-2) solid
2451
+ var(--rls-secondary-color-600);
2452
+ --rls-theme-border-4-600: var(--rls-border-4) solid
2453
+ var(--rls-secondary-color-600);
1683
2454
  --rls-theme-border-1-500: var(--rls-border-1) solid
1684
2455
  var(--rls-secondary-color-500);
1685
2456
  --rls-theme-border-2-500: var(--rls-border-2) solid
1686
2457
  var(--rls-secondary-color-500);
1687
2458
  --rls-theme-border-4-500: var(--rls-border-4) solid
1688
2459
  var(--rls-secondary-color-500);
2460
+ --rls-theme-border-1-400: var(--rls-border-1) solid
2461
+ var(--rls-secondary-color-400);
2462
+ --rls-theme-border-2-400: var(--rls-border-2) solid
2463
+ var(--rls-secondary-color-400);
2464
+ --rls-theme-border-4-400: var(--rls-border-4) solid
2465
+ var(--rls-secondary-color-400);
1689
2466
  --rls-theme-border-1-300: var(--rls-border-1) solid
1690
2467
  var(--rls-secondary-color-300);
1691
2468
  --rls-theme-border-2-300: var(--rls-border-2) solid
1692
2469
  var(--rls-secondary-color-300);
1693
2470
  --rls-theme-border-4-300: var(--rls-border-4) solid
1694
2471
  var(--rls-secondary-color-300);
2472
+ --rls-theme-border-1-200: var(--rls-border-1) solid
2473
+ var(--rls-secondary-color-200);
2474
+ --rls-theme-border-2-200: var(--rls-border-2) solid
2475
+ var(--rls-secondary-color-200);
2476
+ --rls-theme-border-4-200: var(--rls-border-4) solid
2477
+ var(--rls-secondary-color-200);
1695
2478
  --rls-theme-border-1-100: var(--rls-border-1) solid
1696
2479
  var(--rls-secondary-color-100);
1697
2480
  --rls-theme-border-2-100: var(--rls-border-2) solid
@@ -1721,32 +2504,59 @@ body {
1721
2504
  --rls-theme-skeleton-100: var(--rls-tertiary-skeleton-100);
1722
2505
  --rls-theme-shadow-500: var(--rls-tertiary-shadow-500);
1723
2506
  --rls-theme-backdrop-900: var(--rls-tertiary-backdrop-900);
2507
+ --rls-theme-gradient-700: var(--rls-tertiary-gradient-700);
2508
+ --rls-theme-gradient-600: var(--rls-tertiary-gradient-600);
1724
2509
  --rls-theme-gradient-500: var(--rls-tertiary-gradient-500);
1725
- --rls-theme-gradient-700: var(--rls-tertiary-gradient-500);
2510
+ --rls-theme-gradient-400: var(--rls-tertiary-gradient-400);
2511
+ --rls-theme-gradient-300: var(--rls-tertiary-gradient-300);
1726
2512
  --rls-theme-border-1-900: var(--rls-border-1) solid
1727
2513
  var(--rls-tertiary-color-900);
1728
2514
  --rls-theme-border-2-900: var(--rls-border-2) solid
1729
2515
  var(--rls-tertiary-color-900);
1730
2516
  --rls-theme-border-4-900: var(--rls-border-4) solid
1731
2517
  var(--rls-tertiary-color-900);
2518
+ --rls-theme-border-1-800: var(--rls-border-1) solid
2519
+ var(--rls-tertiary-color-800);
2520
+ --rls-theme-border-2-800: var(--rls-border-2) solid
2521
+ var(--rls-tertiary-color-800);
2522
+ --rls-theme-border-4-800: var(--rls-border-4) solid
2523
+ var(--rls-tertiary-color-800);
1732
2524
  --rls-theme-border-1-700: var(--rls-border-1) solid
1733
2525
  var(--rls-tertiary-color-700);
1734
2526
  --rls-theme-border-2-700: var(--rls-border-2) solid
1735
2527
  var(--rls-tertiary-color-700);
1736
2528
  --rls-theme-border-4-700: var(--rls-border-4) solid
1737
2529
  var(--rls-tertiary-color-700);
2530
+ --rls-theme-border-1-600: var(--rls-border-1) solid
2531
+ var(--rls-tertiary-color-600);
2532
+ --rls-theme-border-2-600: var(--rls-border-2) solid
2533
+ var(--rls-tertiary-color-600);
2534
+ --rls-theme-border-4-600: var(--rls-border-4) solid
2535
+ var(--rls-tertiary-color-600);
1738
2536
  --rls-theme-border-1-500: var(--rls-border-1) solid
1739
2537
  var(--rls-tertiary-color-500);
1740
2538
  --rls-theme-border-2-500: var(--rls-border-2) solid
1741
2539
  var(--rls-tertiary-color-500);
1742
2540
  --rls-theme-border-4-500: var(--rls-border-4) solid
1743
2541
  var(--rls-tertiary-color-500);
2542
+ --rls-theme-border-1-400: var(--rls-border-1) solid
2543
+ var(--rls-tertiary-color-400);
2544
+ --rls-theme-border-2-400: var(--rls-border-2) solid
2545
+ var(--rls-tertiary-color-400);
2546
+ --rls-theme-border-4-400: var(--rls-border-4) solid
2547
+ var(--rls-tertiary-color-400);
1744
2548
  --rls-theme-border-1-300: var(--rls-border-1) solid
1745
2549
  var(--rls-tertiary-color-300);
1746
2550
  --rls-theme-border-2-300: var(--rls-border-2) solid
1747
2551
  var(--rls-tertiary-color-300);
1748
2552
  --rls-theme-border-4-300: var(--rls-border-4) solid
1749
2553
  var(--rls-tertiary-color-300);
2554
+ --rls-theme-border-1-200: var(--rls-border-1) solid
2555
+ var(--rls-tertiary-color-200);
2556
+ --rls-theme-border-2-200: var(--rls-border-2) solid
2557
+ var(--rls-tertiary-color-200);
2558
+ --rls-theme-border-4-200: var(--rls-border-4) solid
2559
+ var(--rls-tertiary-color-200);
1750
2560
  --rls-theme-border-1-100: var(--rls-border-1) solid
1751
2561
  var(--rls-tertiary-color-100);
1752
2562
  --rls-theme-border-2-100: var(--rls-border-2) solid
@@ -1776,32 +2586,59 @@ body {
1776
2586
  --rls-theme-skeleton-100: var(--rls-success-skeleton-100);
1777
2587
  --rls-theme-shadow-500: var(--rls-success-shadow-500);
1778
2588
  --rls-theme-backdrop-900: var(--rls-success-backdrop-900);
2589
+ --rls-theme-gradient-700: var(--rls-success-gradient-700);
2590
+ --rls-theme-gradient-600: var(--rls-success-gradient-600);
1779
2591
  --rls-theme-gradient-500: var(--rls-success-gradient-500);
1780
- --rls-theme-gradient-700: var(--rls-success-gradient-500);
2592
+ --rls-theme-gradient-400: var(--rls-success-gradient-400);
2593
+ --rls-theme-gradient-300: var(--rls-success-gradient-300);
1781
2594
  --rls-theme-border-1-900: var(--rls-border-1) solid
1782
2595
  var(--rls-success-color-900);
1783
2596
  --rls-theme-border-2-900: var(--rls-border-2) solid
1784
2597
  var(--rls-success-color-900);
1785
2598
  --rls-theme-border-4-900: var(--rls-border-4) solid
1786
2599
  var(--rls-success-color-900);
2600
+ --rls-theme-border-1-800: var(--rls-border-1) solid
2601
+ var(--rls-success-color-800);
2602
+ --rls-theme-border-2-800: var(--rls-border-2) solid
2603
+ var(--rls-success-color-800);
2604
+ --rls-theme-border-4-800: var(--rls-border-4) solid
2605
+ var(--rls-success-color-800);
1787
2606
  --rls-theme-border-1-700: var(--rls-border-1) solid
1788
2607
  var(--rls-success-color-700);
1789
2608
  --rls-theme-border-2-700: var(--rls-border-2) solid
1790
2609
  var(--rls-success-color-700);
1791
2610
  --rls-theme-border-4-700: var(--rls-border-4) solid
1792
2611
  var(--rls-success-color-700);
2612
+ --rls-theme-border-1-600: var(--rls-border-1) solid
2613
+ var(--rls-success-color-600);
2614
+ --rls-theme-border-2-600: var(--rls-border-2) solid
2615
+ var(--rls-success-color-600);
2616
+ --rls-theme-border-4-600: var(--rls-border-4) solid
2617
+ var(--rls-success-color-600);
1793
2618
  --rls-theme-border-1-500: var(--rls-border-1) solid
1794
2619
  var(--rls-success-color-500);
1795
2620
  --rls-theme-border-2-500: var(--rls-border-2) solid
1796
2621
  var(--rls-success-color-500);
1797
2622
  --rls-theme-border-4-500: var(--rls-border-4) solid
1798
2623
  var(--rls-success-color-500);
2624
+ --rls-theme-border-1-400: var(--rls-border-1) solid
2625
+ var(--rls-success-color-400);
2626
+ --rls-theme-border-2-400: var(--rls-border-2) solid
2627
+ var(--rls-success-color-400);
2628
+ --rls-theme-border-4-400: var(--rls-border-4) solid
2629
+ var(--rls-success-color-400);
1799
2630
  --rls-theme-border-1-300: var(--rls-border-1) solid
1800
2631
  var(--rls-success-color-300);
1801
2632
  --rls-theme-border-2-300: var(--rls-border-2) solid
1802
2633
  var(--rls-success-color-300);
1803
2634
  --rls-theme-border-4-300: var(--rls-border-4) solid
1804
2635
  var(--rls-success-color-300);
2636
+ --rls-theme-border-1-200: var(--rls-border-1) solid
2637
+ var(--rls-success-color-200);
2638
+ --rls-theme-border-2-200: var(--rls-border-2) solid
2639
+ var(--rls-success-color-200);
2640
+ --rls-theme-border-4-200: var(--rls-border-4) solid
2641
+ var(--rls-success-color-200);
1805
2642
  --rls-theme-border-1-100: var(--rls-border-1) solid
1806
2643
  var(--rls-success-color-100);
1807
2644
  --rls-theme-border-2-100: var(--rls-border-2) solid
@@ -1831,20 +2668,35 @@ body {
1831
2668
  --rls-theme-skeleton-100: var(--rls-info-skeleton-100);
1832
2669
  --rls-theme-shadow-500: var(--rls-info-shadow-500);
1833
2670
  --rls-theme-backdrop-900: var(--rls-info-backdrop-900);
2671
+ --rls-theme-gradient-700: var(--rls-info-gradient-700);
2672
+ --rls-theme-gradient-600: var(--rls-info-gradient-600);
1834
2673
  --rls-theme-gradient-500: var(--rls-info-gradient-500);
1835
- --rls-theme-gradient-700: var(--rls-info-gradient-500);
2674
+ --rls-theme-gradient-400: var(--rls-info-gradient-400);
2675
+ --rls-theme-gradient-300: var(--rls-info-gradient-300);
1836
2676
  --rls-theme-border-1-900: var(--rls-border-1) solid var(--rls-info-color-900);
1837
2677
  --rls-theme-border-2-900: var(--rls-border-2) solid var(--rls-info-color-900);
1838
2678
  --rls-theme-border-4-900: var(--rls-border-4) solid var(--rls-info-color-900);
2679
+ --rls-theme-border-1-800: var(--rls-border-1) solid var(--rls-info-color-800);
2680
+ --rls-theme-border-2-800: var(--rls-border-2) solid var(--rls-info-color-800);
2681
+ --rls-theme-border-4-800: var(--rls-border-4) solid var(--rls-info-color-800);
1839
2682
  --rls-theme-border-1-700: var(--rls-border-1) solid var(--rls-info-color-700);
1840
2683
  --rls-theme-border-2-700: var(--rls-border-2) solid var(--rls-info-color-700);
1841
2684
  --rls-theme-border-4-700: var(--rls-border-4) solid var(--rls-info-color-700);
2685
+ --rls-theme-border-1-600: var(--rls-border-1) solid var(--rls-info-color-600);
2686
+ --rls-theme-border-2-600: var(--rls-border-2) solid var(--rls-info-color-600);
2687
+ --rls-theme-border-4-600: var(--rls-border-4) solid var(--rls-info-color-600);
1842
2688
  --rls-theme-border-1-500: var(--rls-border-1) solid var(--rls-info-color-500);
1843
2689
  --rls-theme-border-2-500: var(--rls-border-2) solid var(--rls-info-color-500);
1844
2690
  --rls-theme-border-4-500: var(--rls-border-4) solid var(--rls-info-color-500);
2691
+ --rls-theme-border-1-400: var(--rls-border-1) solid var(--rls-info-color-400);
2692
+ --rls-theme-border-2-400: var(--rls-border-2) solid var(--rls-info-color-400);
2693
+ --rls-theme-border-4-400: var(--rls-border-4) solid var(--rls-info-color-400);
1845
2694
  --rls-theme-border-1-300: var(--rls-border-1) solid var(--rls-info-color-300);
1846
2695
  --rls-theme-border-2-300: var(--rls-border-2) solid var(--rls-info-color-300);
1847
2696
  --rls-theme-border-4-300: var(--rls-border-4) solid var(--rls-info-color-300);
2697
+ --rls-theme-border-1-200: var(--rls-border-1) solid var(--rls-info-color-200);
2698
+ --rls-theme-border-2-200: var(--rls-border-2) solid var(--rls-info-color-200);
2699
+ --rls-theme-border-4-200: var(--rls-border-4) solid var(--rls-info-color-200);
1848
2700
  --rls-theme-border-1-100: var(--rls-border-1) solid var(--rls-info-color-100);
1849
2701
  --rls-theme-border-2-100: var(--rls-border-2) solid var(--rls-info-color-100);
1850
2702
  --rls-theme-border-4-100: var(--rls-border-4) solid var(--rls-info-color-100);
@@ -1871,32 +2723,59 @@ body {
1871
2723
  --rls-theme-skeleton-100: var(--rls-warning-skeleton-100);
1872
2724
  --rls-theme-shadow-500: var(--rls-warning-shadow-500);
1873
2725
  --rls-theme-backdrop-900: var(--rls-warning-backdrop-900);
2726
+ --rls-theme-gradient-700: var(--rls-warning-gradient-700);
2727
+ --rls-theme-gradient-600: var(--rls-warning-gradient-600);
1874
2728
  --rls-theme-gradient-500: var(--rls-warning-gradient-500);
1875
- --rls-theme-gradient-700: var(--rls-warning-gradient-500);
2729
+ --rls-theme-gradient-400: var(--rls-warning-gradient-400);
2730
+ --rls-theme-gradient-300: var(--rls-warning-gradient-300);
1876
2731
  --rls-theme-border-1-900: var(--rls-border-1) solid
1877
2732
  var(--rls-warning-color-900);
1878
2733
  --rls-theme-border-2-900: var(--rls-border-2) solid
1879
2734
  var(--rls-warning-color-900);
1880
2735
  --rls-theme-border-4-900: var(--rls-border-4) solid
1881
2736
  var(--rls-warning-color-900);
2737
+ --rls-theme-border-1-800: var(--rls-border-1) solid
2738
+ var(--rls-warning-color-800);
2739
+ --rls-theme-border-2-800: var(--rls-border-2) solid
2740
+ var(--rls-warning-color-800);
2741
+ --rls-theme-border-4-800: var(--rls-border-4) solid
2742
+ var(--rls-warning-color-800);
1882
2743
  --rls-theme-border-1-700: var(--rls-border-1) solid
1883
2744
  var(--rls-warning-color-700);
1884
2745
  --rls-theme-border-2-700: var(--rls-border-2) solid
1885
2746
  var(--rls-warning-color-700);
1886
2747
  --rls-theme-border-4-700: var(--rls-border-4) solid
1887
2748
  var(--rls-warning-color-700);
2749
+ --rls-theme-border-1-600: var(--rls-border-1) solid
2750
+ var(--rls-warning-color-600);
2751
+ --rls-theme-border-2-600: var(--rls-border-2) solid
2752
+ var(--rls-warning-color-600);
2753
+ --rls-theme-border-4-600: var(--rls-border-4) solid
2754
+ var(--rls-warning-color-600);
1888
2755
  --rls-theme-border-1-500: var(--rls-border-1) solid
1889
2756
  var(--rls-warning-color-500);
1890
2757
  --rls-theme-border-2-500: var(--rls-border-2) solid
1891
2758
  var(--rls-warning-color-500);
1892
2759
  --rls-theme-border-4-500: var(--rls-border-4) solid
1893
2760
  var(--rls-warning-color-500);
2761
+ --rls-theme-border-1-400: var(--rls-border-1) solid
2762
+ var(--rls-warning-color-400);
2763
+ --rls-theme-border-2-400: var(--rls-border-2) solid
2764
+ var(--rls-warning-color-400);
2765
+ --rls-theme-border-4-400: var(--rls-border-4) solid
2766
+ var(--rls-warning-color-400);
1894
2767
  --rls-theme-border-1-300: var(--rls-border-1) solid
1895
2768
  var(--rls-warning-color-300);
1896
2769
  --rls-theme-border-2-300: var(--rls-border-2) solid
1897
2770
  var(--rls-warning-color-300);
1898
2771
  --rls-theme-border-4-300: var(--rls-border-4) solid
1899
2772
  var(--rls-warning-color-300);
2773
+ --rls-theme-border-1-200: var(--rls-border-1) solid
2774
+ var(--rls-warning-color-200);
2775
+ --rls-theme-border-2-200: var(--rls-border-2) solid
2776
+ var(--rls-warning-color-200);
2777
+ --rls-theme-border-4-200: var(--rls-border-4) solid
2778
+ var(--rls-warning-color-200);
1900
2779
  --rls-theme-border-1-100: var(--rls-border-1) solid
1901
2780
  var(--rls-warning-color-100);
1902
2781
  --rls-theme-border-2-100: var(--rls-border-2) solid
@@ -1926,32 +2805,59 @@ body {
1926
2805
  --rls-theme-skeleton-100: var(--rls-danger-skeleton-100);
1927
2806
  --rls-theme-shadow-500: var(--rls-danger-shadow-500);
1928
2807
  --rls-theme-backdrop-900: var(--rls-danger-backdrop-900);
2808
+ --rls-theme-gradient-700: var(--rls-danger-gradient-700);
2809
+ --rls-theme-gradient-600: var(--rls-danger-gradient-600);
1929
2810
  --rls-theme-gradient-500: var(--rls-danger-gradient-500);
1930
- --rls-theme-gradient-700: var(--rls-danger-gradient-500);
2811
+ --rls-theme-gradient-400: var(--rls-danger-gradient-400);
2812
+ --rls-theme-gradient-300: var(--rls-danger-gradient-300);
1931
2813
  --rls-theme-border-1-900: var(--rls-border-1) solid
1932
2814
  var(--rls-danger-color-900);
1933
2815
  --rls-theme-border-2-900: var(--rls-border-2) solid
1934
2816
  var(--rls-danger-color-900);
1935
2817
  --rls-theme-border-4-900: var(--rls-border-4) solid
1936
2818
  var(--rls-danger-color-900);
2819
+ --rls-theme-border-1-800: var(--rls-border-1) solid
2820
+ var(--rls-danger-color-800);
2821
+ --rls-theme-border-2-800: var(--rls-border-2) solid
2822
+ var(--rls-danger-color-800);
2823
+ --rls-theme-border-4-800: var(--rls-border-4) solid
2824
+ var(--rls-danger-color-800);
1937
2825
  --rls-theme-border-1-700: var(--rls-border-1) solid
1938
2826
  var(--rls-danger-color-700);
1939
2827
  --rls-theme-border-2-700: var(--rls-border-2) solid
1940
2828
  var(--rls-danger-color-700);
1941
2829
  --rls-theme-border-4-700: var(--rls-border-4) solid
1942
2830
  var(--rls-danger-color-700);
2831
+ --rls-theme-border-1-600: var(--rls-border-1) solid
2832
+ var(--rls-danger-color-600);
2833
+ --rls-theme-border-2-600: var(--rls-border-2) solid
2834
+ var(--rls-danger-color-600);
2835
+ --rls-theme-border-4-600: var(--rls-border-4) solid
2836
+ var(--rls-danger-color-600);
1943
2837
  --rls-theme-border-1-500: var(--rls-border-1) solid
1944
2838
  var(--rls-danger-color-500);
1945
2839
  --rls-theme-border-2-500: var(--rls-border-2) solid
1946
2840
  var(--rls-danger-color-500);
1947
2841
  --rls-theme-border-4-500: var(--rls-border-4) solid
1948
2842
  var(--rls-danger-color-500);
2843
+ --rls-theme-border-1-400: var(--rls-border-1) solid
2844
+ var(--rls-danger-color-400);
2845
+ --rls-theme-border-2-400: var(--rls-border-2) solid
2846
+ var(--rls-danger-color-400);
2847
+ --rls-theme-border-4-400: var(--rls-border-4) solid
2848
+ var(--rls-danger-color-400);
1949
2849
  --rls-theme-border-1-300: var(--rls-border-1) solid
1950
2850
  var(--rls-danger-color-300);
1951
2851
  --rls-theme-border-2-300: var(--rls-border-2) solid
1952
2852
  var(--rls-danger-color-300);
1953
2853
  --rls-theme-border-4-300: var(--rls-border-4) solid
1954
2854
  var(--rls-danger-color-300);
2855
+ --rls-theme-border-1-200: var(--rls-border-1) solid
2856
+ var(--rls-danger-color-200);
2857
+ --rls-theme-border-2-200: var(--rls-border-2) solid
2858
+ var(--rls-danger-color-200);
2859
+ --rls-theme-border-4-200: var(--rls-border-4) solid
2860
+ var(--rls-danger-color-200);
1955
2861
  --rls-theme-border-1-100: var(--rls-border-1) solid
1956
2862
  var(--rls-danger-color-100);
1957
2863
  --rls-theme-border-2-100: var(--rls-border-2) solid
@@ -1981,24 +2887,149 @@ body {
1981
2887
  --rls-theme-skeleton-100: var(--rls-berry-skeleton-100);
1982
2888
  --rls-theme-shadow-500: var(--rls-berry-shadow-500);
1983
2889
  --rls-theme-backdrop-900: var(--rls-berry-backdrop-900);
2890
+ --rls-theme-gradient-700: var(--rls-berry-gradient-700);
2891
+ --rls-theme-gradient-600: var(--rls-berry-gradient-600);
1984
2892
  --rls-theme-gradient-500: var(--rls-berry-gradient-500);
1985
- --rls-theme-gradient-700: var(--rls-berry-gradient-500);
2893
+ --rls-theme-gradient-400: var(--rls-berry-gradient-400);
2894
+ --rls-theme-gradient-300: var(--rls-berry-gradient-300);
1986
2895
  --rls-theme-border-1-900: var(--rls-border-1) solid var(--rls-berry-color-900);
1987
2896
  --rls-theme-border-2-900: var(--rls-border-2) solid var(--rls-berry-color-900);
1988
2897
  --rls-theme-border-4-900: var(--rls-border-4) solid var(--rls-berry-color-900);
2898
+ --rls-theme-border-1-800: var(--rls-border-1) solid var(--rls-berry-color-800);
2899
+ --rls-theme-border-2-800: var(--rls-border-2) solid var(--rls-berry-color-800);
2900
+ --rls-theme-border-4-800: var(--rls-border-4) solid var(--rls-berry-color-800);
1989
2901
  --rls-theme-border-1-700: var(--rls-border-1) solid var(--rls-berry-color-700);
1990
2902
  --rls-theme-border-2-700: var(--rls-border-2) solid var(--rls-berry-color-700);
1991
2903
  --rls-theme-border-4-700: var(--rls-border-4) solid var(--rls-berry-color-700);
2904
+ --rls-theme-border-1-600: var(--rls-border-1) solid var(--rls-berry-color-600);
2905
+ --rls-theme-border-2-600: var(--rls-border-2) solid var(--rls-berry-color-600);
2906
+ --rls-theme-border-4-600: var(--rls-border-4) solid var(--rls-berry-color-600);
1992
2907
  --rls-theme-border-1-500: var(--rls-border-1) solid var(--rls-berry-color-500);
1993
2908
  --rls-theme-border-2-500: var(--rls-border-2) solid var(--rls-berry-color-500);
1994
2909
  --rls-theme-border-4-500: var(--rls-border-4) solid var(--rls-berry-color-500);
2910
+ --rls-theme-border-1-400: var(--rls-border-1) solid var(--rls-berry-color-400);
2911
+ --rls-theme-border-2-400: var(--rls-border-2) solid var(--rls-berry-color-400);
2912
+ --rls-theme-border-4-400: var(--rls-border-4) solid var(--rls-berry-color-400);
1995
2913
  --rls-theme-border-1-300: var(--rls-border-1) solid var(--rls-berry-color-300);
1996
2914
  --rls-theme-border-2-300: var(--rls-border-2) solid var(--rls-berry-color-300);
1997
2915
  --rls-theme-border-4-300: var(--rls-border-4) solid var(--rls-berry-color-300);
2916
+ --rls-theme-border-1-200: var(--rls-border-1) solid var(--rls-berry-color-200);
2917
+ --rls-theme-border-2-200: var(--rls-border-2) solid var(--rls-berry-color-200);
2918
+ --rls-theme-border-4-200: var(--rls-border-4) solid var(--rls-berry-color-200);
1998
2919
  --rls-theme-border-1-100: var(--rls-border-1) solid var(--rls-berry-color-100);
1999
2920
  --rls-theme-border-2-100: var(--rls-border-2) solid var(--rls-berry-color-100);
2000
2921
  --rls-theme-border-4-100: var(--rls-border-4) solid var(--rls-berry-color-100);
2001
2922
  }
2923
+ *[rls-theme='ross'] {
2924
+ --rls-theme-color-950: var(--rls-ross-color-950);
2925
+ --rls-theme-color-900: var(--rls-ross-color-900);
2926
+ --rls-theme-color-800: var(--rls-ross-color-800);
2927
+ --rls-theme-color-700: var(--rls-ross-color-700);
2928
+ --rls-theme-color-600: var(--rls-ross-color-600);
2929
+ --rls-theme-color-500: var(--rls-ross-color-500);
2930
+ --rls-theme-color-400: var(--rls-ross-color-400);
2931
+ --rls-theme-color-300: var(--rls-ross-color-300);
2932
+ --rls-theme-color-200: var(--rls-ross-color-200);
2933
+ --rls-theme-color-100: var(--rls-ross-color-100);
2934
+ --rls-theme-color-050: var(--rls-ross-color-050);
2935
+ --rls-theme-font-900: var(--rls-ross-color-050);
2936
+ --rls-theme-color-050: var(--rls-ross-color-050);
2937
+ --rls-theme-font-100: var(--rls-ross-color-900);
2938
+ --rls-theme-skeleton-500: var(--rls-ross-skeleton-500);
2939
+ --rls-theme-skeleton-400: var(--rls-ross-skeleton-400);
2940
+ --rls-theme-skeleton-300: var(--rls-ross-skeleton-300);
2941
+ --rls-theme-skeleton-200: var(--rls-ross-skeleton-200);
2942
+ --rls-theme-skeleton-100: var(--rls-ross-skeleton-100);
2943
+ --rls-theme-shadow-500: var(--rls-ross-shadow-500);
2944
+ --rls-theme-backdrop-900: var(--rls-ross-backdrop-900);
2945
+ --rls-theme-gradient-700: var(--rls-ross-gradient-700);
2946
+ --rls-theme-gradient-600: var(--rls-ross-gradient-600);
2947
+ --rls-theme-gradient-500: var(--rls-ross-gradient-500);
2948
+ --rls-theme-gradient-400: var(--rls-ross-gradient-400);
2949
+ --rls-theme-gradient-300: var(--rls-ross-gradient-300);
2950
+ --rls-theme-border-1-900: var(--rls-border-1) solid var(--rls-ross-color-900);
2951
+ --rls-theme-border-2-900: var(--rls-border-2) solid var(--rls-ross-color-900);
2952
+ --rls-theme-border-4-900: var(--rls-border-4) solid var(--rls-ross-color-900);
2953
+ --rls-theme-border-1-800: var(--rls-border-1) solid var(--rls-ross-color-800);
2954
+ --rls-theme-border-2-800: var(--rls-border-2) solid var(--rls-ross-color-800);
2955
+ --rls-theme-border-4-800: var(--rls-border-4) solid var(--rls-ross-color-800);
2956
+ --rls-theme-border-1-700: var(--rls-border-1) solid var(--rls-ross-color-700);
2957
+ --rls-theme-border-2-700: var(--rls-border-2) solid var(--rls-ross-color-700);
2958
+ --rls-theme-border-4-700: var(--rls-border-4) solid var(--rls-ross-color-700);
2959
+ --rls-theme-border-1-600: var(--rls-border-1) solid var(--rls-ross-color-600);
2960
+ --rls-theme-border-2-600: var(--rls-border-2) solid var(--rls-ross-color-600);
2961
+ --rls-theme-border-4-600: var(--rls-border-4) solid var(--rls-ross-color-600);
2962
+ --rls-theme-border-1-500: var(--rls-border-1) solid var(--rls-ross-color-500);
2963
+ --rls-theme-border-2-500: var(--rls-border-2) solid var(--rls-ross-color-500);
2964
+ --rls-theme-border-4-500: var(--rls-border-4) solid var(--rls-ross-color-500);
2965
+ --rls-theme-border-1-400: var(--rls-border-1) solid var(--rls-ross-color-400);
2966
+ --rls-theme-border-2-400: var(--rls-border-2) solid var(--rls-ross-color-400);
2967
+ --rls-theme-border-4-400: var(--rls-border-4) solid var(--rls-ross-color-400);
2968
+ --rls-theme-border-1-300: var(--rls-border-1) solid var(--rls-ross-color-300);
2969
+ --rls-theme-border-2-300: var(--rls-border-2) solid var(--rls-ross-color-300);
2970
+ --rls-theme-border-4-300: var(--rls-border-4) solid var(--rls-ross-color-300);
2971
+ --rls-theme-border-1-200: var(--rls-border-1) solid var(--rls-ross-color-200);
2972
+ --rls-theme-border-2-200: var(--rls-border-2) solid var(--rls-ross-color-200);
2973
+ --rls-theme-border-4-200: var(--rls-border-4) solid var(--rls-ross-color-200);
2974
+ --rls-theme-border-1-100: var(--rls-border-1) solid var(--rls-ross-color-100);
2975
+ --rls-theme-border-2-100: var(--rls-border-2) solid var(--rls-ross-color-100);
2976
+ --rls-theme-border-4-100: var(--rls-border-4) solid var(--rls-ross-color-100);
2977
+ }
2978
+ *[rls-theme='hope'] {
2979
+ --rls-theme-color-950: var(--rls-hope-color-950);
2980
+ --rls-theme-color-900: var(--rls-hope-color-900);
2981
+ --rls-theme-color-800: var(--rls-hope-color-800);
2982
+ --rls-theme-color-700: var(--rls-hope-color-700);
2983
+ --rls-theme-color-600: var(--rls-hope-color-600);
2984
+ --rls-theme-color-500: var(--rls-hope-color-500);
2985
+ --rls-theme-color-400: var(--rls-hope-color-400);
2986
+ --rls-theme-color-300: var(--rls-hope-color-300);
2987
+ --rls-theme-color-200: var(--rls-hope-color-200);
2988
+ --rls-theme-color-100: var(--rls-hope-color-100);
2989
+ --rls-theme-color-050: var(--rls-hope-color-050);
2990
+ --rls-theme-font-900: var(--rls-hope-color-050);
2991
+ --rls-theme-color-050: var(--rls-hope-color-050);
2992
+ --rls-theme-font-100: var(--rls-hope-color-900);
2993
+ --rls-theme-skeleton-500: var(--rls-hope-skeleton-500);
2994
+ --rls-theme-skeleton-400: var(--rls-hope-skeleton-400);
2995
+ --rls-theme-skeleton-300: var(--rls-hope-skeleton-300);
2996
+ --rls-theme-skeleton-200: var(--rls-hope-skeleton-200);
2997
+ --rls-theme-skeleton-100: var(--rls-hope-skeleton-100);
2998
+ --rls-theme-shadow-500: var(--rls-hope-shadow-500);
2999
+ --rls-theme-backdrop-900: var(--rls-hope-backdrop-900);
3000
+ --rls-theme-gradient-700: var(--rls-hope-gradient-700);
3001
+ --rls-theme-gradient-600: var(--rls-hope-gradient-600);
3002
+ --rls-theme-gradient-500: var(--rls-hope-gradient-500);
3003
+ --rls-theme-gradient-400: var(--rls-hope-gradient-400);
3004
+ --rls-theme-gradient-300: var(--rls-hope-gradient-300);
3005
+ --rls-theme-border-1-900: var(--rls-border-1) solid var(--rls-hope-color-900);
3006
+ --rls-theme-border-2-900: var(--rls-border-2) solid var(--rls-hope-color-900);
3007
+ --rls-theme-border-4-900: var(--rls-border-4) solid var(--rls-hope-color-900);
3008
+ --rls-theme-border-1-800: var(--rls-border-1) solid var(--rls-hope-color-800);
3009
+ --rls-theme-border-2-800: var(--rls-border-2) solid var(--rls-hope-color-800);
3010
+ --rls-theme-border-4-800: var(--rls-border-4) solid var(--rls-hope-color-800);
3011
+ --rls-theme-border-1-700: var(--rls-border-1) solid var(--rls-hope-color-700);
3012
+ --rls-theme-border-2-700: var(--rls-border-2) solid var(--rls-hope-color-700);
3013
+ --rls-theme-border-4-700: var(--rls-border-4) solid var(--rls-hope-color-700);
3014
+ --rls-theme-border-1-600: var(--rls-border-1) solid var(--rls-hope-color-600);
3015
+ --rls-theme-border-2-600: var(--rls-border-2) solid var(--rls-hope-color-600);
3016
+ --rls-theme-border-4-600: var(--rls-border-4) solid var(--rls-hope-color-600);
3017
+ --rls-theme-border-1-500: var(--rls-border-1) solid var(--rls-hope-color-500);
3018
+ --rls-theme-border-2-500: var(--rls-border-2) solid var(--rls-hope-color-500);
3019
+ --rls-theme-border-4-500: var(--rls-border-4) solid var(--rls-hope-color-500);
3020
+ --rls-theme-border-1-400: var(--rls-border-1) solid var(--rls-hope-color-400);
3021
+ --rls-theme-border-2-400: var(--rls-border-2) solid var(--rls-hope-color-400);
3022
+ --rls-theme-border-4-400: var(--rls-border-4) solid var(--rls-hope-color-400);
3023
+ --rls-theme-border-1-300: var(--rls-border-1) solid var(--rls-hope-color-300);
3024
+ --rls-theme-border-2-300: var(--rls-border-2) solid var(--rls-hope-color-300);
3025
+ --rls-theme-border-4-300: var(--rls-border-4) solid var(--rls-hope-color-300);
3026
+ --rls-theme-border-1-200: var(--rls-border-1) solid var(--rls-hope-color-200);
3027
+ --rls-theme-border-2-200: var(--rls-border-2) solid var(--rls-hope-color-200);
3028
+ --rls-theme-border-4-200: var(--rls-border-4) solid var(--rls-hope-color-200);
3029
+ --rls-theme-border-1-100: var(--rls-border-1) solid var(--rls-hope-color-100);
3030
+ --rls-theme-border-2-100: var(--rls-border-2) solid var(--rls-hope-color-100);
3031
+ --rls-theme-border-4-100: var(--rls-border-4) solid var(--rls-hope-color-100);
3032
+ }
2002
3033
  *[rls-theme='mountains'] {
2003
3034
  --rls-theme-color-950: var(--rls-mountains-color-950);
2004
3035
  --rls-theme-color-900: var(--rls-mountains-color-900);
@@ -2021,32 +3052,59 @@ body {
2021
3052
  --rls-theme-skeleton-100: var(--rls-mountains-skeleton-100);
2022
3053
  --rls-theme-shadow-500: var(--rls-mountains-shadow-500);
2023
3054
  --rls-theme-backdrop-900: var(--rls-mountains-backdrop-900);
3055
+ --rls-theme-gradient-700: var(--rls-mountains-gradient-700);
3056
+ --rls-theme-gradient-600: var(--rls-mountains-gradient-600);
2024
3057
  --rls-theme-gradient-500: var(--rls-mountains-gradient-500);
2025
- --rls-theme-gradient-700: var(--rls-mountains-gradient-500);
3058
+ --rls-theme-gradient-400: var(--rls-mountains-gradient-400);
3059
+ --rls-theme-gradient-300: var(--rls-mountains-gradient-300);
2026
3060
  --rls-theme-border-1-900: var(--rls-border-1) solid
2027
3061
  var(--rls-mountains-color-900);
2028
3062
  --rls-theme-border-2-900: var(--rls-border-2) solid
2029
3063
  var(--rls-mountains-color-900);
2030
3064
  --rls-theme-border-4-900: var(--rls-border-4) solid
2031
3065
  var(--rls-mountains-color-900);
3066
+ --rls-theme-border-1-800: var(--rls-border-1) solid
3067
+ var(--rls-mountains-color-800);
3068
+ --rls-theme-border-2-800: var(--rls-border-2) solid
3069
+ var(--rls-mountains-color-800);
3070
+ --rls-theme-border-4-800: var(--rls-border-4) solid
3071
+ var(--rls-mountains-color-800);
2032
3072
  --rls-theme-border-1-700: var(--rls-border-1) solid
2033
3073
  var(--rls-mountains-color-700);
2034
3074
  --rls-theme-border-2-700: var(--rls-border-2) solid
2035
3075
  var(--rls-mountains-color-700);
2036
3076
  --rls-theme-border-4-700: var(--rls-border-4) solid
2037
3077
  var(--rls-mountains-color-700);
3078
+ --rls-theme-border-1-600: var(--rls-border-1) solid
3079
+ var(--rls-mountains-color-600);
3080
+ --rls-theme-border-2-600: var(--rls-border-2) solid
3081
+ var(--rls-mountains-color-600);
3082
+ --rls-theme-border-4-600: var(--rls-border-4) solid
3083
+ var(--rls-mountains-color-600);
2038
3084
  --rls-theme-border-1-500: var(--rls-border-1) solid
2039
3085
  var(--rls-mountains-color-500);
2040
3086
  --rls-theme-border-2-500: var(--rls-border-2) solid
2041
3087
  var(--rls-mountains-color-500);
2042
3088
  --rls-theme-border-4-500: var(--rls-border-4) solid
2043
3089
  var(--rls-mountains-color-500);
3090
+ --rls-theme-border-1-400: var(--rls-border-1) solid
3091
+ var(--rls-mountains-color-400);
3092
+ --rls-theme-border-2-400: var(--rls-border-2) solid
3093
+ var(--rls-mountains-color-400);
3094
+ --rls-theme-border-4-400: var(--rls-border-4) solid
3095
+ var(--rls-mountains-color-400);
2044
3096
  --rls-theme-border-1-300: var(--rls-border-1) solid
2045
3097
  var(--rls-mountains-color-300);
2046
3098
  --rls-theme-border-2-300: var(--rls-border-2) solid
2047
3099
  var(--rls-mountains-color-300);
2048
3100
  --rls-theme-border-4-300: var(--rls-border-4) solid
2049
3101
  var(--rls-mountains-color-300);
3102
+ --rls-theme-border-1-200: var(--rls-border-1) solid
3103
+ var(--rls-mountains-color-200);
3104
+ --rls-theme-border-2-200: var(--rls-border-2) solid
3105
+ var(--rls-mountains-color-200);
3106
+ --rls-theme-border-4-200: var(--rls-border-4) solid
3107
+ var(--rls-mountains-color-200);
2050
3108
  --rls-theme-border-1-100: var(--rls-border-1) solid
2051
3109
  var(--rls-mountains-color-100);
2052
3110
  --rls-theme-border-2-100: var(--rls-border-2) solid
@@ -2076,32 +3134,59 @@ body {
2076
3134
  --rls-theme-skeleton-100: var(--rls-amaizing-skeleton-100);
2077
3135
  --rls-theme-shadow-500: var(--rls-amaizing-shadow-500);
2078
3136
  --rls-theme-backdrop-900: var(--rls-amaizing-backdrop-900);
3137
+ --rls-theme-gradient-700: var(--rls-amaizing-gradient-700);
3138
+ --rls-theme-gradient-600: var(--rls-amaizing-gradient-600);
2079
3139
  --rls-theme-gradient-500: var(--rls-amaizing-gradient-500);
2080
- --rls-theme-gradient-700: var(--rls-amaizing-gradient-500);
3140
+ --rls-theme-gradient-400: var(--rls-amaizing-gradient-400);
3141
+ --rls-theme-gradient-300: var(--rls-amaizing-gradient-300);
2081
3142
  --rls-theme-border-1-900: var(--rls-border-1) solid
2082
3143
  var(--rls-amaizing-color-900);
2083
3144
  --rls-theme-border-2-900: var(--rls-border-2) solid
2084
3145
  var(--rls-amaizing-color-900);
2085
3146
  --rls-theme-border-4-900: var(--rls-border-4) solid
2086
3147
  var(--rls-amaizing-color-900);
3148
+ --rls-theme-border-1-800: var(--rls-border-1) solid
3149
+ var(--rls-amaizing-color-800);
3150
+ --rls-theme-border-2-800: var(--rls-border-2) solid
3151
+ var(--rls-amaizing-color-800);
3152
+ --rls-theme-border-4-800: var(--rls-border-4) solid
3153
+ var(--rls-amaizing-color-800);
2087
3154
  --rls-theme-border-1-700: var(--rls-border-1) solid
2088
3155
  var(--rls-amaizing-color-700);
2089
3156
  --rls-theme-border-2-700: var(--rls-border-2) solid
2090
3157
  var(--rls-amaizing-color-700);
2091
3158
  --rls-theme-border-4-700: var(--rls-border-4) solid
2092
3159
  var(--rls-amaizing-color-700);
3160
+ --rls-theme-border-1-600: var(--rls-border-1) solid
3161
+ var(--rls-amaizing-color-600);
3162
+ --rls-theme-border-2-600: var(--rls-border-2) solid
3163
+ var(--rls-amaizing-color-600);
3164
+ --rls-theme-border-4-600: var(--rls-border-4) solid
3165
+ var(--rls-amaizing-color-600);
2093
3166
  --rls-theme-border-1-500: var(--rls-border-1) solid
2094
3167
  var(--rls-amaizing-color-500);
2095
3168
  --rls-theme-border-2-500: var(--rls-border-2) solid
2096
3169
  var(--rls-amaizing-color-500);
2097
3170
  --rls-theme-border-4-500: var(--rls-border-4) solid
2098
3171
  var(--rls-amaizing-color-500);
3172
+ --rls-theme-border-1-400: var(--rls-border-1) solid
3173
+ var(--rls-amaizing-color-400);
3174
+ --rls-theme-border-2-400: var(--rls-border-2) solid
3175
+ var(--rls-amaizing-color-400);
3176
+ --rls-theme-border-4-400: var(--rls-border-4) solid
3177
+ var(--rls-amaizing-color-400);
2099
3178
  --rls-theme-border-1-300: var(--rls-border-1) solid
2100
3179
  var(--rls-amaizing-color-300);
2101
3180
  --rls-theme-border-2-300: var(--rls-border-2) solid
2102
3181
  var(--rls-amaizing-color-300);
2103
3182
  --rls-theme-border-4-300: var(--rls-border-4) solid
2104
3183
  var(--rls-amaizing-color-300);
3184
+ --rls-theme-border-1-200: var(--rls-border-1) solid
3185
+ var(--rls-amaizing-color-200);
3186
+ --rls-theme-border-2-200: var(--rls-border-2) solid
3187
+ var(--rls-amaizing-color-200);
3188
+ --rls-theme-border-4-200: var(--rls-border-4) solid
3189
+ var(--rls-amaizing-color-200);
2105
3190
  --rls-theme-border-1-100: var(--rls-border-1) solid
2106
3191
  var(--rls-amaizing-color-100);
2107
3192
  --rls-theme-border-2-100: var(--rls-border-2) solid
@@ -2109,6 +3194,88 @@ body {
2109
3194
  --rls-theme-border-4-100: var(--rls-border-4) solid
2110
3195
  var(--rls-amaizing-color-100);
2111
3196
  }
3197
+ *[rls-theme='purple'] {
3198
+ --rls-theme-color-950: var(--rls-purple-color-950);
3199
+ --rls-theme-color-900: var(--rls-purple-color-900);
3200
+ --rls-theme-color-800: var(--rls-purple-color-800);
3201
+ --rls-theme-color-700: var(--rls-purple-color-700);
3202
+ --rls-theme-color-600: var(--rls-purple-color-600);
3203
+ --rls-theme-color-500: var(--rls-purple-color-500);
3204
+ --rls-theme-color-400: var(--rls-purple-color-400);
3205
+ --rls-theme-color-300: var(--rls-purple-color-300);
3206
+ --rls-theme-color-200: var(--rls-purple-color-200);
3207
+ --rls-theme-color-100: var(--rls-purple-color-100);
3208
+ --rls-theme-color-050: var(--rls-purple-color-050);
3209
+ --rls-theme-font-900: var(--rls-purple-color-050);
3210
+ --rls-theme-color-050: var(--rls-purple-color-050);
3211
+ --rls-theme-font-100: var(--rls-purple-color-900);
3212
+ --rls-theme-skeleton-500: var(--rls-purple-skeleton-500);
3213
+ --rls-theme-skeleton-400: var(--rls-purple-skeleton-400);
3214
+ --rls-theme-skeleton-300: var(--rls-purple-skeleton-300);
3215
+ --rls-theme-skeleton-200: var(--rls-purple-skeleton-200);
3216
+ --rls-theme-skeleton-100: var(--rls-purple-skeleton-100);
3217
+ --rls-theme-shadow-500: var(--rls-purple-shadow-500);
3218
+ --rls-theme-backdrop-900: var(--rls-purple-backdrop-900);
3219
+ --rls-theme-gradient-700: var(--rls-purple-gradient-700);
3220
+ --rls-theme-gradient-600: var(--rls-purple-gradient-600);
3221
+ --rls-theme-gradient-500: var(--rls-purple-gradient-500);
3222
+ --rls-theme-gradient-400: var(--rls-purple-gradient-400);
3223
+ --rls-theme-gradient-300: var(--rls-purple-gradient-300);
3224
+ --rls-theme-border-1-900: var(--rls-border-1) solid
3225
+ var(--rls-purple-color-900);
3226
+ --rls-theme-border-2-900: var(--rls-border-2) solid
3227
+ var(--rls-purple-color-900);
3228
+ --rls-theme-border-4-900: var(--rls-border-4) solid
3229
+ var(--rls-purple-color-900);
3230
+ --rls-theme-border-1-800: var(--rls-border-1) solid
3231
+ var(--rls-purple-color-800);
3232
+ --rls-theme-border-2-800: var(--rls-border-2) solid
3233
+ var(--rls-purple-color-800);
3234
+ --rls-theme-border-4-800: var(--rls-border-4) solid
3235
+ var(--rls-purple-color-800);
3236
+ --rls-theme-border-1-700: var(--rls-border-1) solid
3237
+ var(--rls-purple-color-700);
3238
+ --rls-theme-border-2-700: var(--rls-border-2) solid
3239
+ var(--rls-purple-color-700);
3240
+ --rls-theme-border-4-700: var(--rls-border-4) solid
3241
+ var(--rls-purple-color-700);
3242
+ --rls-theme-border-1-600: var(--rls-border-1) solid
3243
+ var(--rls-purple-color-600);
3244
+ --rls-theme-border-2-600: var(--rls-border-2) solid
3245
+ var(--rls-purple-color-600);
3246
+ --rls-theme-border-4-600: var(--rls-border-4) solid
3247
+ var(--rls-purple-color-600);
3248
+ --rls-theme-border-1-500: var(--rls-border-1) solid
3249
+ var(--rls-purple-color-500);
3250
+ --rls-theme-border-2-500: var(--rls-border-2) solid
3251
+ var(--rls-purple-color-500);
3252
+ --rls-theme-border-4-500: var(--rls-border-4) solid
3253
+ var(--rls-purple-color-500);
3254
+ --rls-theme-border-1-400: var(--rls-border-1) solid
3255
+ var(--rls-purple-color-400);
3256
+ --rls-theme-border-2-400: var(--rls-border-2) solid
3257
+ var(--rls-purple-color-400);
3258
+ --rls-theme-border-4-400: var(--rls-border-4) solid
3259
+ var(--rls-purple-color-400);
3260
+ --rls-theme-border-1-300: var(--rls-border-1) solid
3261
+ var(--rls-purple-color-300);
3262
+ --rls-theme-border-2-300: var(--rls-border-2) solid
3263
+ var(--rls-purple-color-300);
3264
+ --rls-theme-border-4-300: var(--rls-border-4) solid
3265
+ var(--rls-purple-color-300);
3266
+ --rls-theme-border-1-200: var(--rls-border-1) solid
3267
+ var(--rls-purple-color-200);
3268
+ --rls-theme-border-2-200: var(--rls-border-2) solid
3269
+ var(--rls-purple-color-200);
3270
+ --rls-theme-border-4-200: var(--rls-border-4) solid
3271
+ var(--rls-purple-color-200);
3272
+ --rls-theme-border-1-100: var(--rls-border-1) solid
3273
+ var(--rls-purple-color-100);
3274
+ --rls-theme-border-2-100: var(--rls-border-2) solid
3275
+ var(--rls-purple-color-100);
3276
+ --rls-theme-border-4-100: var(--rls-border-4) solid
3277
+ var(--rls-purple-color-100);
3278
+ }
2112
3279
  *[rls-theme='amber'] {
2113
3280
  --rls-theme-color-950: var(--rls-amber-color-950);
2114
3281
  --rls-theme-color-900: var(--rls-amber-color-900);
@@ -2131,20 +3298,35 @@ body {
2131
3298
  --rls-theme-skeleton-100: var(--rls-amber-skeleton-100);
2132
3299
  --rls-theme-shadow-500: var(--rls-amber-shadow-500);
2133
3300
  --rls-theme-backdrop-900: var(--rls-amber-backdrop-900);
3301
+ --rls-theme-gradient-700: var(--rls-amber-gradient-700);
3302
+ --rls-theme-gradient-600: var(--rls-amber-gradient-600);
2134
3303
  --rls-theme-gradient-500: var(--rls-amber-gradient-500);
2135
- --rls-theme-gradient-700: var(--rls-amber-gradient-500);
3304
+ --rls-theme-gradient-400: var(--rls-amber-gradient-400);
3305
+ --rls-theme-gradient-300: var(--rls-amber-gradient-300);
2136
3306
  --rls-theme-border-1-900: var(--rls-border-1) solid var(--rls-amber-color-900);
2137
3307
  --rls-theme-border-2-900: var(--rls-border-2) solid var(--rls-amber-color-900);
2138
3308
  --rls-theme-border-4-900: var(--rls-border-4) solid var(--rls-amber-color-900);
3309
+ --rls-theme-border-1-800: var(--rls-border-1) solid var(--rls-amber-color-800);
3310
+ --rls-theme-border-2-800: var(--rls-border-2) solid var(--rls-amber-color-800);
3311
+ --rls-theme-border-4-800: var(--rls-border-4) solid var(--rls-amber-color-800);
2139
3312
  --rls-theme-border-1-700: var(--rls-border-1) solid var(--rls-amber-color-700);
2140
3313
  --rls-theme-border-2-700: var(--rls-border-2) solid var(--rls-amber-color-700);
2141
3314
  --rls-theme-border-4-700: var(--rls-border-4) solid var(--rls-amber-color-700);
3315
+ --rls-theme-border-1-600: var(--rls-border-1) solid var(--rls-amber-color-600);
3316
+ --rls-theme-border-2-600: var(--rls-border-2) solid var(--rls-amber-color-600);
3317
+ --rls-theme-border-4-600: var(--rls-border-4) solid var(--rls-amber-color-600);
2142
3318
  --rls-theme-border-1-500: var(--rls-border-1) solid var(--rls-amber-color-500);
2143
3319
  --rls-theme-border-2-500: var(--rls-border-2) solid var(--rls-amber-color-500);
2144
3320
  --rls-theme-border-4-500: var(--rls-border-4) solid var(--rls-amber-color-500);
3321
+ --rls-theme-border-1-400: var(--rls-border-1) solid var(--rls-amber-color-400);
3322
+ --rls-theme-border-2-400: var(--rls-border-2) solid var(--rls-amber-color-400);
3323
+ --rls-theme-border-4-400: var(--rls-border-4) solid var(--rls-amber-color-400);
2145
3324
  --rls-theme-border-1-300: var(--rls-border-1) solid var(--rls-amber-color-300);
2146
3325
  --rls-theme-border-2-300: var(--rls-border-2) solid var(--rls-amber-color-300);
2147
3326
  --rls-theme-border-4-300: var(--rls-border-4) solid var(--rls-amber-color-300);
3327
+ --rls-theme-border-1-200: var(--rls-border-1) solid var(--rls-amber-color-200);
3328
+ --rls-theme-border-2-200: var(--rls-border-2) solid var(--rls-amber-color-200);
3329
+ --rls-theme-border-4-200: var(--rls-border-4) solid var(--rls-amber-color-200);
2148
3330
  --rls-theme-border-1-100: var(--rls-border-1) solid var(--rls-amber-color-100);
2149
3331
  --rls-theme-border-2-100: var(--rls-border-2) solid var(--rls-amber-color-100);
2150
3332
  --rls-theme-border-4-100: var(--rls-border-4) solid var(--rls-amber-color-100);
@@ -2171,32 +3353,59 @@ body {
2171
3353
  --rls-theme-skeleton-100: var(--rls-smartness-skeleton-100);
2172
3354
  --rls-theme-shadow-500: var(--rls-smartness-shadow-500);
2173
3355
  --rls-theme-backdrop-900: var(--rls-smartness-backdrop-900);
3356
+ --rls-theme-gradient-700: var(--rls-smartness-gradient-700);
3357
+ --rls-theme-gradient-600: var(--rls-smartness-gradient-600);
2174
3358
  --rls-theme-gradient-500: var(--rls-smartness-gradient-500);
2175
- --rls-theme-gradient-700: var(--rls-smartness-gradient-500);
3359
+ --rls-theme-gradient-400: var(--rls-smartness-gradient-400);
3360
+ --rls-theme-gradient-300: var(--rls-smartness-gradient-300);
2176
3361
  --rls-theme-border-1-900: var(--rls-border-1) solid
2177
3362
  var(--rls-smartness-color-900);
2178
3363
  --rls-theme-border-2-900: var(--rls-border-2) solid
2179
3364
  var(--rls-smartness-color-900);
2180
3365
  --rls-theme-border-4-900: var(--rls-border-4) solid
2181
3366
  var(--rls-smartness-color-900);
3367
+ --rls-theme-border-1-800: var(--rls-border-1) solid
3368
+ var(--rls-smartness-color-800);
3369
+ --rls-theme-border-2-800: var(--rls-border-2) solid
3370
+ var(--rls-smartness-color-800);
3371
+ --rls-theme-border-4-800: var(--rls-border-4) solid
3372
+ var(--rls-smartness-color-800);
2182
3373
  --rls-theme-border-1-700: var(--rls-border-1) solid
2183
3374
  var(--rls-smartness-color-700);
2184
3375
  --rls-theme-border-2-700: var(--rls-border-2) solid
2185
3376
  var(--rls-smartness-color-700);
2186
3377
  --rls-theme-border-4-700: var(--rls-border-4) solid
2187
3378
  var(--rls-smartness-color-700);
3379
+ --rls-theme-border-1-600: var(--rls-border-1) solid
3380
+ var(--rls-smartness-color-600);
3381
+ --rls-theme-border-2-600: var(--rls-border-2) solid
3382
+ var(--rls-smartness-color-600);
3383
+ --rls-theme-border-4-600: var(--rls-border-4) solid
3384
+ var(--rls-smartness-color-600);
2188
3385
  --rls-theme-border-1-500: var(--rls-border-1) solid
2189
3386
  var(--rls-smartness-color-500);
2190
3387
  --rls-theme-border-2-500: var(--rls-border-2) solid
2191
3388
  var(--rls-smartness-color-500);
2192
3389
  --rls-theme-border-4-500: var(--rls-border-4) solid
2193
3390
  var(--rls-smartness-color-500);
3391
+ --rls-theme-border-1-400: var(--rls-border-1) solid
3392
+ var(--rls-smartness-color-400);
3393
+ --rls-theme-border-2-400: var(--rls-border-2) solid
3394
+ var(--rls-smartness-color-400);
3395
+ --rls-theme-border-4-400: var(--rls-border-4) solid
3396
+ var(--rls-smartness-color-400);
2194
3397
  --rls-theme-border-1-300: var(--rls-border-1) solid
2195
3398
  var(--rls-smartness-color-300);
2196
3399
  --rls-theme-border-2-300: var(--rls-border-2) solid
2197
3400
  var(--rls-smartness-color-300);
2198
3401
  --rls-theme-border-4-300: var(--rls-border-4) solid
2199
3402
  var(--rls-smartness-color-300);
3403
+ --rls-theme-border-1-200: var(--rls-border-1) solid
3404
+ var(--rls-smartness-color-200);
3405
+ --rls-theme-border-2-200: var(--rls-border-2) solid
3406
+ var(--rls-smartness-color-200);
3407
+ --rls-theme-border-4-200: var(--rls-border-4) solid
3408
+ var(--rls-smartness-color-200);
2200
3409
  --rls-theme-border-1-100: var(--rls-border-1) solid
2201
3410
  var(--rls-smartness-color-100);
2202
3411
  --rls-theme-border-2-100: var(--rls-border-2) solid
@@ -2226,32 +3435,59 @@ body {
2226
3435
  --rls-theme-skeleton-100: var(--rls-obsidian-skeleton-100);
2227
3436
  --rls-theme-shadow-500: var(--rls-obsidian-shadow-500);
2228
3437
  --rls-theme-backdrop-900: var(--rls-obsidian-backdrop-900);
3438
+ --rls-theme-gradient-700: var(--rls-obsidian-gradient-700);
3439
+ --rls-theme-gradient-600: var(--rls-obsidian-gradient-600);
2229
3440
  --rls-theme-gradient-500: var(--rls-obsidian-gradient-500);
2230
- --rls-theme-gradient-700: var(--rls-obsidian-gradient-500);
3441
+ --rls-theme-gradient-400: var(--rls-obsidian-gradient-400);
3442
+ --rls-theme-gradient-300: var(--rls-obsidian-gradient-300);
2231
3443
  --rls-theme-border-1-900: var(--rls-border-1) solid
2232
3444
  var(--rls-obsidian-color-900);
2233
3445
  --rls-theme-border-2-900: var(--rls-border-2) solid
2234
3446
  var(--rls-obsidian-color-900);
2235
3447
  --rls-theme-border-4-900: var(--rls-border-4) solid
2236
3448
  var(--rls-obsidian-color-900);
3449
+ --rls-theme-border-1-800: var(--rls-border-1) solid
3450
+ var(--rls-obsidian-color-800);
3451
+ --rls-theme-border-2-800: var(--rls-border-2) solid
3452
+ var(--rls-obsidian-color-800);
3453
+ --rls-theme-border-4-800: var(--rls-border-4) solid
3454
+ var(--rls-obsidian-color-800);
2237
3455
  --rls-theme-border-1-700: var(--rls-border-1) solid
2238
3456
  var(--rls-obsidian-color-700);
2239
3457
  --rls-theme-border-2-700: var(--rls-border-2) solid
2240
3458
  var(--rls-obsidian-color-700);
2241
3459
  --rls-theme-border-4-700: var(--rls-border-4) solid
2242
3460
  var(--rls-obsidian-color-700);
3461
+ --rls-theme-border-1-600: var(--rls-border-1) solid
3462
+ var(--rls-obsidian-color-600);
3463
+ --rls-theme-border-2-600: var(--rls-border-2) solid
3464
+ var(--rls-obsidian-color-600);
3465
+ --rls-theme-border-4-600: var(--rls-border-4) solid
3466
+ var(--rls-obsidian-color-600);
2243
3467
  --rls-theme-border-1-500: var(--rls-border-1) solid
2244
3468
  var(--rls-obsidian-color-500);
2245
3469
  --rls-theme-border-2-500: var(--rls-border-2) solid
2246
3470
  var(--rls-obsidian-color-500);
2247
3471
  --rls-theme-border-4-500: var(--rls-border-4) solid
2248
3472
  var(--rls-obsidian-color-500);
3473
+ --rls-theme-border-1-400: var(--rls-border-1) solid
3474
+ var(--rls-obsidian-color-400);
3475
+ --rls-theme-border-2-400: var(--rls-border-2) solid
3476
+ var(--rls-obsidian-color-400);
3477
+ --rls-theme-border-4-400: var(--rls-border-4) solid
3478
+ var(--rls-obsidian-color-400);
2249
3479
  --rls-theme-border-1-300: var(--rls-border-1) solid
2250
3480
  var(--rls-obsidian-color-300);
2251
3481
  --rls-theme-border-2-300: var(--rls-border-2) solid
2252
3482
  var(--rls-obsidian-color-300);
2253
3483
  --rls-theme-border-4-300: var(--rls-border-4) solid
2254
3484
  var(--rls-obsidian-color-300);
3485
+ --rls-theme-border-1-200: var(--rls-border-1) solid
3486
+ var(--rls-obsidian-color-200);
3487
+ --rls-theme-border-2-200: var(--rls-border-2) solid
3488
+ var(--rls-obsidian-color-200);
3489
+ --rls-theme-border-4-200: var(--rls-border-4) solid
3490
+ var(--rls-obsidian-color-200);
2255
3491
  --rls-theme-border-1-100: var(--rls-border-1) solid
2256
3492
  var(--rls-obsidian-color-100);
2257
3493
  --rls-theme-border-2-100: var(--rls-border-2) solid
@@ -4417,9 +5653,9 @@ button {
4417
5653
  transition: right 280ms var(--rls-standard-curve);
4418
5654
  }
4419
5655
  }
4420
- @media screen and (max-width: 320px) {
5656
+ @media screen and (max-width: 480px) {
4421
5657
  .rls-app__body {
4422
- --pvt-navbar-dimension: 120rem;
5658
+ --pvt-navbar-dimension: calc(100vw - 32rem);
4423
5659
  }
4424
5660
  }
4425
5661
  .rls-datatable {
@@ -4431,15 +5667,16 @@ button {
4431
5667
  );
4432
5668
  --pvt-datatable-header-background: var(
4433
5669
  --rlc-datatable-header-background,
4434
- var(--rls-theme-color-050)
5670
+ var(--rls-app-color-100)
4435
5671
  );
4436
5672
  --pvt-datatable-record-background: var(
4437
5673
  --rlc-datatable-record-background,
4438
- var(--rls-app-color-100)
5674
+ transparent
4439
5675
  );
4440
5676
  --pvt-datatable-padding-component: 0rem;
4441
5677
  --pvt-datatable-padding-scroll: var(--rlc-datatable-padding-scroll, 0rem);
4442
5678
  --pvt-datatable-header-padding-right: var(--pvt-datatable-padding-scroll);
5679
+ --pvt-datatable-floating-background: var(--rls-app-color-100);
4443
5680
  --rlc-amount-font-size: var(--pvt-datatable-font-size);
4444
5681
  --rlc-amount-width: 100%;
4445
5682
  --rlc-badge-padding: 0.5rem 1.5rem;
@@ -4451,16 +5688,13 @@ button {
4451
5688
  --rlc-ballot-subtitle-letter-spacing: var(--rls-overline-letter-spacing);
4452
5689
  --rlc-ballot-subtitle-font-size: var(--rls-overline-font-size);
4453
5690
  --rlc-ballot-subtitle-height: var(--rls-overline-line-height);
4454
- --rlc-fieldbox-body-background: transparent;
4455
- --rlc-fieldbox-padding: 0rem;
4456
- --rlc-fieldbox-width: 100%;
4457
- --rlc-fieldbox-error-display: none;
4458
- --rlc-fieldbox-label-display: none;
5691
+ --rlc-field-box-body-background: transparent;
5692
+ --rlc-field-box-padding: 0rem;
5693
+ --rlc-field-box-width: 100%;
5694
+ --rlc-field-box-error-display: none;
5695
+ --rlc-field-box-label-display: none;
4459
5696
  --rlc-input-font-size: var(--pvt-datatable-font-size);
4460
5697
  --rlc-input-letter-spacing: var(--pvt-datatable-letter-spacing);
4461
- --rlc-poster-font-size: var(--pvt-datatable-font-size);
4462
- --rlc-poster-height: var(--rls-sizing-x8);
4463
- --rlc-poster-padding: var(--rls-sizing-x2);
4464
5698
  --rlc-skeleton-text-column-gap: var(--rls-sizing-x2);
4465
5699
  position: relative;
4466
5700
  display: flex;
@@ -4505,6 +5739,7 @@ button {
4505
5739
  padding: 0rem var(--rls-sizing-x6);
4506
5740
  box-sizing: border-box;
4507
5741
  background: var(--pvt-datatable-header-background);
5742
+ border: var(--rls-app-border-1-300);
4508
5743
  border-radius: var(--rls-sizing-x4);
4509
5744
  }
4510
5745
  .rls-datatable__header .rls-poster {
@@ -4519,7 +5754,7 @@ button {
4519
5754
  display: flex;
4520
5755
  height: var(--rls-sizing-x20);
4521
5756
  line-height: var(--rls-sizing-x20);
4522
- color: var(--rls-app-color-900);
5757
+ color: var(--rls-app-color-700);
4523
5758
  font-weight: var(
4524
5759
  --rlc-datatable-header-font-weight,
4525
5760
  var(--rls-font-weight-semibold)
@@ -4531,19 +5766,18 @@ button {
4531
5766
  white-space: nowrap;
4532
5767
  }
4533
5768
  .rls-datatable__title--control {
5769
+ --rlc-action-ripple-dimension: var(--rls-sizing-x16);
5770
+ --rlc-action-ripple-position: -8rem;
4534
5771
  --rlc-avatar-radius: var(--rls-sizing-x3);
4535
5772
  --rlc-avatar-width: var(--rls-sizing-x16);
4536
5773
  --rlc-avatar-height: var(--rls-sizing-x16);
4537
5774
  --rlc-avatar-font-size: var(--pvt-datatable-font-size);
4538
- --rlc-action-ripple-dimension: var(--rls-sizing-x16);
4539
- --rlc-action-ripple-position: -8rem;
4540
5775
  --rlc-image-width: var(--rls-sizing-x12);
4541
5776
  --rlc-image-height: var(--rls-sizing-x12);
4542
- --rlc-switch-max-width: 17rem;
4543
- --rlc-switch-component-padding: var(--rls-sizing-x3) var(--rls-sizing-x1);
4544
- --rlc-switch-element-size: var(--rls-sizing-x10);
4545
- --rlc-switch-bar-radius: var(--rls-sizing-x2);
4546
- --rlc-switch-bar-height: var(--rls-sizing-x4);
5777
+ --rlc-switch-max-width: var(--rls-sizing-x16);
5778
+ --rlc-switch-component-height: var(--rls-sizing-x8);
5779
+ --rlc-switch-element-height: var(--rls-sizing-x4);
5780
+ --rlc-switch-element-radius: var(--rls-sizing-x4);
4547
5781
  display: flex;
4548
5782
  justify-content: center;
4549
5783
  align-items: center;
@@ -4576,32 +5810,41 @@ button {
4576
5810
  column-gap: var(--rls-sizing-x6);
4577
5811
  padding: 0rem var(--rls-sizing-x6);
4578
5812
  box-sizing: border-box;
4579
- border-radius: var(--rls-sizing-x4);
4580
5813
  background: var(--pvt-datatable-record-background);
5814
+ border: var(--rls-app-border-1-300);
5815
+ border-radius: var(--rls-sizing-x4);
4581
5816
  }
4582
5817
  .rls-datatable__subheader--success,
4583
5818
  .rls-datatable__record--success,
4584
5819
  .rls-datatable__totals--success {
5820
+ --pvt-datatable-floating-background: var(--rls-success-color-100);
4585
5821
  background: var(--rls-success-color-050);
5822
+ border: var(--rls-success-border-1-300);
4586
5823
  }
4587
5824
  .rls-datatable__subheader--info,
4588
5825
  .rls-datatable__record--info,
4589
5826
  .rls-datatable__totals--info {
5827
+ --pvt-datatable-floating-background: var(--rls-info-color-100);
4590
5828
  background: var(--rls-info-color-050);
5829
+ border: var(--rls-info-border-1-300);
4591
5830
  }
4592
5831
  .rls-datatable__subheader--warning,
4593
5832
  .rls-datatable__record--warning,
4594
5833
  .rls-datatable__totals--warning {
5834
+ --pvt-datatable-floating-background: var(--rls-warning-color-100);
4595
5835
  background: var(--rls-warning-color-050);
5836
+ border: var(--rls-warning-border-1-300);
4596
5837
  }
4597
5838
  .rls-datatable__subheader--error,
4598
5839
  .rls-datatable__record--error,
4599
5840
  .rls-datatable__totals--error {
5841
+ --pvt-datatable-floating-background: var(--rls-danger-color-100);
4600
5842
  background: var(--rls-danger-color-050);
5843
+ border: var(--rls-danger-border-1-300);
4601
5844
  }
4602
- .rls-datatable__subheader--overflow,
4603
- .rls-datatable__record--overflow,
4604
- .rls-datatable__totals--overflow {
5845
+ .rls-datatable__subheader--contained,
5846
+ .rls-datatable__record--contained,
5847
+ .rls-datatable__totals--contained {
4605
5848
  overflow: hidden;
4606
5849
  }
4607
5850
  .rls-datatable__subheader {
@@ -4613,18 +5856,26 @@ button {
4613
5856
  }
4614
5857
  .rls-datatable__cell,
4615
5858
  .rls-datatable__data {
4616
- --rlc-fieldbox-body-background: transparent;
4617
- --rlc-fieldbox-body-background-focused: transparent;
4618
- --rlc-fieldbox-body-padding: 0rem;
4619
- --rlc-fieldbox-body-shadow: none;
4620
- --rlc-fieldbox-body-shadow-error: none;
4621
- --rlc-fieldbox-action-background: transparent;
4622
- --rlc-fieldlist-control-font-size: var(--pvt-datatable-font-size);
4623
- --rlc-fieldlist-control-font-weight: var(--rls-font-weight-medium);
4624
- --rlc-fieldlist-control-letter-spacing: var(--rls-body-letter-spacing);
4625
- --rlc-fieldlist-element-padding: var(--rls-sizing-x4);
4626
- --rlc-fieldlist-suggestions-bottom: var(--rls-sizing-x24);
4627
- --rlc-fieldlist-suggestions-top: var(--rls-sizing-x24);
5859
+ --rlc-field-box-body-background: transparent;
5860
+ --rlc-field-box-body-background-focused: transparent;
5861
+ --rlc-field-box-body-padding: 0rem;
5862
+ --rlc-field-box-body-border: none;
5863
+ --rlc-field-box-body-border-focused: none;
5864
+ --rlc-field-box-body-border-error: none;
5865
+ --rlc-field-box-body-border-disabled: none;
5866
+ --rlc-field-box-body-shadow: none;
5867
+ --rlc-field-box-body-shadow-error: none;
5868
+ --rlc-field-box-action-background: transparent;
5869
+ --rlc-field-list-control-font-size: var(--pvt-datatable-font-size);
5870
+ --rlc-field-list-control-font-weight: var(--rls-font-weight-medium);
5871
+ --rlc-field-list-control-letter-spacing: var(--rls-body-letter-spacing);
5872
+ --rlc-field-list-element-padding: var(--rls-sizing-x4);
5873
+ --rlc-field-list-suggestions-bottom: var(--rls-sizing-x24);
5874
+ --rlc-field-list-suggestions-top: var(--rls-sizing-x24);
5875
+ --rlc-poster-font-size: var(--pvt-datatable-font-size);
5876
+ --rlc-poster-width: calc(100% - var(--rls-sizing-x2));
5877
+ --rlc-poster-height: var(--rls-sizing-x8);
5878
+ --rlc-poster-padding: var(--rls-sizing-x2);
4628
5879
  position: relative;
4629
5880
  display: flex;
4630
5881
  align-items: center;
@@ -4636,25 +5887,24 @@ button {
4636
5887
  font-size: var(--pvt-datatable-font-size);
4637
5888
  letter-spacing: var(--pvt-datatable-letter-spacing);
4638
5889
  }
4639
- .rls-datatable__cell--overflow,
4640
- .rls-datatable__data--overflow {
5890
+ .rls-datatable__cell--contained,
5891
+ .rls-datatable__data--contained {
4641
5892
  overflow: hidden;
4642
5893
  }
4643
5894
  .rls-datatable__cell--control,
4644
5895
  .rls-datatable__data--control {
5896
+ --rlc-action-ripple-dimension: var(--rls-sizing-x16);
5897
+ --rlc-action-ripple-position: -8rem;
4645
5898
  --rlc-avatar-radius: var(--rls-sizing-x3);
4646
5899
  --rlc-avatar-width: var(--rls-sizing-x16);
4647
5900
  --rlc-avatar-height: var(--rls-sizing-x16);
4648
5901
  --rlc-avatar-font-size: var(--pvt-datatable-font-size);
4649
- --rlc-action-ripple-dimension: var(--rls-sizing-x16);
4650
- --rlc-action-ripple-position: -8rem;
4651
5902
  --rlc-image-width: var(--rls-sizing-x12);
4652
5903
  --rlc-image-height: var(--rls-sizing-x12);
4653
- --rlc-switch-max-width: 17rem;
4654
- --rlc-switch-component-padding: var(--rls-sizing-x3) var(--rls-sizing-x1);
4655
- --rlc-switch-element-size: var(--rls-sizing-x10);
4656
- --rlc-switch-bar-radius: var(--rls-sizing-x2);
4657
- --rlc-switch-bar-height: var(--rls-sizing-x4);
5904
+ --rlc-switch-max-width: var(--rls-sizing-x16);
5905
+ --rlc-switch-component-height: var(--rls-sizing-x8);
5906
+ --rlc-switch-element-height: var(--rls-sizing-x4);
5907
+ --rlc-switch-element-radius: var(--rls-sizing-x4);
4658
5908
  display: flex;
4659
5909
  justify-content: center;
4660
5910
  align-items: center;
@@ -4683,12 +5933,11 @@ button {
4683
5933
  }
4684
5934
  .rls-datatable__cell .rls-field-list,
4685
5935
  .rls-datatable__data .rls-field-list {
4686
- --rlc-fieldbox-body-padding: var(--rls-sizing-x4) 0rem;
4687
- --rlc-fieldbox-action-dimension: var(--rls-sizing-x10);
5936
+ --rlc-field-box-body-padding: var(--rls-sizing-x4) 0rem;
5937
+ --rlc-field-box-action-dimension: var(--rls-sizing-x10);
4688
5938
  }
4689
5939
  .rls-datatable__cell .rls-poster,
4690
5940
  .rls-datatable__data .rls-poster {
4691
- width: calc(100% - var(--rls-sizing-x2));
4692
5941
  overflow: hidden;
4693
5942
  text-overflow: ellipsis;
4694
5943
  white-space: nowrap;
@@ -4711,7 +5960,7 @@ button {
4711
5960
  align-items: center;
4712
5961
  z-index: var(--rls-z-index-2);
4713
5962
  padding: 0rem var(--rls-sizing-x6);
4714
- background: var(--rls-theme-color-100);
5963
+ background: var(--pvt-datatable-floating-background);
4715
5964
  border-left: none;
4716
5965
  transform: translateX(calc(-1 * (100% - var(--rls-sizing-x4))));
4717
5966
  transition: transform 240ms var(--rls-standard-curve);
@@ -4727,6 +5976,9 @@ button {
4727
5976
  right: 0;
4728
5977
  transform: translateX(calc(-1 * (-100% + var(--rls-sizing-x4))));
4729
5978
  }
5979
+ .rls-datatable__floating[rls-theme] {
5980
+ background: var(--rls-theme-color-050);
5981
+ }
4730
5982
  .rls-datatable__floating .rls-button-action__tooltip {
4731
5983
  top: 0;
4732
5984
  right: var(--pvt-action-tooltip-left);
@@ -4735,12 +5987,12 @@ button {
4735
5987
  z-index: var(--rls-z-index-2);
4736
5988
  }
4737
5989
  .rls-datatable__summary {
4738
- --pvt-datatable-record-background: var(--rls-app-color-200);
5990
+ --pvt-datatable-record-background: var(--rls-app-color-100);
4739
5991
  padding-left: var(--pvt-datatable-header-padding-right);
4740
5992
  box-sizing: border-box;
4741
5993
  }
4742
5994
  .rls-datatable__footer {
4743
- --pvt-datatable-record-background: var(--rls-app-color-200);
5995
+ --pvt-datatable-record-background: var(--rls-app-color-100);
4744
5996
  position: relative;
4745
5997
  width: 100%;
4746
5998
  padding: var(--pvt-datatable-padding-component);
@@ -4749,56 +6001,72 @@ button {
4749
6001
  }
4750
6002
  .rls-field-box {
4751
6003
  --pvt-body-background: var(
4752
- --rlc-fieldbox-body-background,
4753
- var(--rls-app-color-100)
6004
+ --rlc-field-box-body-background,
6005
+ var(--rls-app-color-050)
6006
+ );
6007
+ --pvt-body-border: var(
6008
+ --rlc-field-box-body-border,
6009
+ var(--rls-app-border-1-300)
6010
+ );
6011
+ --pvt-body-border-focused: var(
6012
+ --rlc-field-box-body-border-focused,
6013
+ var(--rls-theme-border-1-500)
6014
+ );
6015
+ --pvt-body-border-error: var(
6016
+ --rlc-field-box-body-border-error,
6017
+ var(--rls-danger-border-1-300)
6018
+ );
6019
+ --pvt-body-border-disabled: var(
6020
+ --rlc-field-box-body-border-disabled,
6021
+ var(--rls-app-border-1-300)
4754
6022
  );
4755
6023
  --pvt-body-shadow: none;
4756
6024
  --pvt-label-font-color: var(
4757
- --rlc-fieldbox-label-font-color,
6025
+ --rlc-field-box-label-font-color,
4758
6026
  var(--rls-app-color-600)
4759
6027
  );
4760
6028
  --pvt-label-opacity: 1;
4761
6029
  --pvt-body-opacity: 1;
4762
6030
  position: relative;
4763
6031
  display: flex;
4764
- width: var(--rlc-fieldbox-width, 100%);
6032
+ width: var(--rlc-field-box-width, 100%);
4765
6033
  flex-direction: column;
4766
- padding: var(--rlc-fieldbox-padding, 0rem);
6034
+ row-gap: var(--rls-sizing-x2);
6035
+ padding: var(--rlc-field-box-padding, 0rem);
4767
6036
  box-sizing: border-box;
4768
6037
  transition: height 160ms 0ms var(--rls-standard-curve);
4769
6038
  }
4770
6039
  .rls-field-box--focused {
4771
- --pvt-body-background: var(
4772
- --rlc-fieldbox-body-background-focused,
4773
- var(--rls-app-color-050)
4774
- );
4775
6040
  --pvt-body-shadow: var(
4776
- --rlc-fieldbox-body-shadow,
6041
+ --rlc-field-box-body-shadow,
4777
6042
  0px 0px 0px 3px var(--rls-theme-shadow-500)
4778
6043
  );
4779
6044
  --pvt-label-font-color: var(--rls-theme-color-500);
6045
+ --pvt-body-border: var(--pvt-body-border-focused);
4780
6046
  }
4781
6047
  .rls-field-box--error {
4782
6048
  --pvt-body-shadow: var(
4783
- --rlc-fieldbox-body-shadow-error,
6049
+ --rlc-field-box-body-shadow-error,
4784
6050
  0px 0px 0px 3px var(--rls-danger-shadow-500)
4785
6051
  );
4786
6052
  --pvt-label-font-color: var(--rls-danger-color-500);
6053
+ --pvt-body-border: var(--pvt-body-border-error);
4787
6054
  }
4788
6055
  .rls-field-box--disabled {
4789
6056
  --pvt-body-opacity: 0.75;
4790
6057
  --pvt-label-opacity: 0.5;
6058
+ --pvt-body-background: var(--rls-app-color-100);
6059
+ --pvt-body-border: var(--pvt-body-border-disabled);
4791
6060
  }
4792
6061
  .rls-field-box--readonly {
4793
6062
  --rlc-input-font-color: var(--rls-app-color-600);
4794
6063
  }
4795
6064
  .rls-field-box__label {
4796
6065
  position: relative;
4797
- display: var(--rlc-fieldbox-label-display, block);
6066
+ display: var(--rlc-field-box-label-display, block);
4798
6067
  width: 100%;
4799
6068
  padding: 0rem 5rem;
4800
6069
  box-sizing: border-box;
4801
- margin-bottom: var(--rls-sizing-x2);
4802
6070
  color: var(--pvt-label-font-color);
4803
6071
  opacity: var(--pvt-label-opacity);
4804
6072
  overflow: hidden;
@@ -4817,12 +6085,13 @@ button {
4817
6085
  display: flex;
4818
6086
  align-items: center;
4819
6087
  column-gap: var(--rls-sizing-x2);
4820
- box-sizing: border-box;
4821
6088
  overflow: hidden;
4822
- opacity: var(--pvt-body-opacity);
4823
- border-radius: var(--rlc-fieldbox-body-radius, var(--rls-sizing-x2));
4824
6089
  background: var(--pvt-body-background);
4825
- padding: var(--rlc-fieldbox-body-padding, 0rem);
6090
+ opacity: var(--pvt-body-opacity);
6091
+ border-radius: var(--rlc-field-box-body-radius, var(--rls-sizing-x4));
6092
+ padding: var(--rlc-field-box-body-padding, 0rem);
6093
+ box-sizing: border-box;
6094
+ border: var(--pvt-body-border);
4826
6095
  box-shadow: var(--pvt-body-shadow);
4827
6096
  }
4828
6097
  .rls-field-box__helper {
@@ -4839,31 +6108,40 @@ button {
4839
6108
  white-space: nowrap;
4840
6109
  }
4841
6110
  .rls-field-box__error {
4842
- display: var(--rlc-fieldbox-error-display, block);
6111
+ display: var(--rlc-field-box-error-display, block);
4843
6112
  padding: 0rem var(--rls-sizing-x4);
4844
6113
  box-sizing: border-box;
4845
- margin-top: var(--rls-sizing-x2);
4846
6114
  }
4847
6115
  .rls-field-list {
6116
+ --pvt-action-font-color: var(--rls-app-color-600);
4848
6117
  --pvt-action-dimension: var(
4849
- --rlc-fieldbox-action-dimension,
6118
+ --rlc-field-box-action-dimension,
4850
6119
  var(--rls-sizing-x12)
4851
6120
  );
4852
- --pvt-action-font-color: var(--rls-app-color-600);
6121
+ --pvt-action-background: var(
6122
+ --rlc-field-box-action-background,
6123
+ var(--rls-app-color-200)
6124
+ );
4853
6125
  --pvt-control-width: calc(100% - var(--pvt-action-dimension));
4854
6126
  --pvt-control-pointer-events: initial;
4855
6127
  --pvt-list-height: 0rem;
4856
6128
  --pvt-list-max-height: 160rem;
4857
6129
  --pvt-list-opacity: 0;
4858
6130
  --pvt-list-transform: none;
6131
+ --pvt-list-body-component-display: none;
6132
+ --pvt-list-body-height: 0rem;
6133
+ --pvt-list-body-max-height: 100%;
6134
+ --pvt-list-body-border: var(--rls-theme-border-1-500);
6135
+ --pvt-list-component-padding: 0rem var(--rls-sizing-x4);
4859
6136
  --pvt-backdrop-opacity: 0;
4860
6137
  --pvt-backdrop-bottom: initial;
4861
- --rlc-fieldbox-body-padding: var(--rls-sizing-x4);
6138
+ --rlc-field-box-body-padding: var(--rls-sizing-x3) var(--rls-sizing-x4);
4862
6139
  position: relative;
4863
6140
  box-sizing: border-box;
4864
6141
  }
4865
6142
  .rls-field-list.rls-field-box--disabled {
4866
6143
  --pvt-action-font-color: var(--rls-app-color-400);
6144
+ --pvt-action-background: transparent;
4867
6145
  }
4868
6146
  .rls-field-list.rls-field-box--readonly {
4869
6147
  --pvt-control-width: 100%;
@@ -4875,17 +6153,20 @@ button {
4875
6153
  height: var(--rls-sizing-x12);
4876
6154
  line-height: var(--rls-sizing-x12);
4877
6155
  padding: 0rem;
4878
- cursor: var(--rlc-fieldlist-control-cursor, default);
6156
+ cursor: var(--rlc-field-list-control-cursor, default);
4879
6157
  border: none;
4880
6158
  outline: none;
4881
6159
  background: rgba(0, 0, 0, 0);
4882
6160
  font-weight: var(
4883
- --rlc-fieldlist-control-font-weight,
6161
+ --rlc-field-list-control-font-weight,
4884
6162
  var(--rls-font-weight-medium)
4885
6163
  );
4886
- font-size: var(--rlc-fieldlist-control-font-size, var(--rls-input-font-size));
6164
+ font-size: var(
6165
+ --rlc-field-list-control-font-size,
6166
+ var(--rls-input-font-size)
6167
+ );
4887
6168
  letter-spacing: var(
4888
- --rlc-fieldlist-control-letter-spacing,
6169
+ --rlc-field-list-control-letter-spacing,
4889
6170
  var(--rls-input-letter-spacing)
4890
6171
  );
4891
6172
  color: var(--rlc-input-font-color);
@@ -4909,15 +6190,15 @@ button {
4909
6190
  color: var(--pvt-action-font-color);
4910
6191
  padding: 0rem;
4911
6192
  outline: none;
4912
- border-radius: var(--rlc-fieldbox-action-radius, var(--rls-sizing-x2));
4913
- background: var(--rlc-fieldbox-action-background, var(--rls-app-color-050));
6193
+ border-radius: var(--rlc-field-box-action-radius, var(--rls-sizing-x2));
6194
+ background: var(--pvt-action-background);
4914
6195
  }
4915
6196
  .rls-field-list__action .rls-icon {
4916
6197
  margin: 1rem;
4917
6198
  }
4918
6199
  .rls-field-list__suggestions {
4919
6200
  position: absolute;
4920
- top: var(--rlc-fieldlist-suggestions-top, calc(100% + var(--rls-sizing-x6)));
6201
+ top: var(--rlc-field-list-suggestions-top, calc(100% + var(--rls-sizing-x6)));
4921
6202
  bottom: initial;
4922
6203
  right: 0rem;
4923
6204
  width: 100%;
@@ -4930,7 +6211,7 @@ button {
4930
6211
  }
4931
6212
  .rls-field-list__suggestions--visible {
4932
6213
  --pvt-list-height: auto;
4933
- --pvt-list-max-height: 160rem;
6214
+ --pvt-list-body-height: auto;
4934
6215
  --pvt-list-opacity: 1;
4935
6216
  overflow: initial;
4936
6217
  opacity: 1;
@@ -4939,7 +6220,7 @@ button {
4939
6220
  .rls-field-list__suggestions--higher {
4940
6221
  top: initial;
4941
6222
  bottom: var(
4942
- --rlc-fieldlist-suggestions-bottom,
6223
+ --rlc-field-list-suggestions-bottom,
4943
6224
  calc(100% - var(--rls-sizing-x4))
4944
6225
  );
4945
6226
  }
@@ -4947,25 +6228,35 @@ button {
4947
6228
  display: flex;
4948
6229
  flex-direction: column;
4949
6230
  width: 100%;
4950
- height: var(--pvt-list-height);
4951
- max-height: var(--pvt-list-max-height);
6231
+ height: var(--pvt-list-body-height);
6232
+ max-height: var(--pvt-list-body-max-height);
4952
6233
  padding: var(--rls-sizing-x4) var(--rls-sizing-x2);
4953
6234
  box-sizing: border-box;
4954
6235
  border-radius: var(--rls-sizing-x4);
4955
6236
  opacity: var(--pvt-list-opacity);
4956
6237
  overflow: hidden;
4957
6238
  z-index: var(--rls-z-index-2);
6239
+ border: var(--pvt-list-body-border);
4958
6240
  background: var(--rls-app-color-050);
4959
6241
  box-shadow: 0px 0px 0px 3px var(--rls-theme-shadow-500);
4960
6242
  transform: var(--pvt-list-transform);
4961
6243
  }
6244
+ .rls-field-list__suggestions__body::before {
6245
+ display: var(--pvt-list-body-component-display);
6246
+ content: '';
6247
+ width: var(--rls-sizing-x24);
6248
+ height: var(--rls-sizing-x2);
6249
+ border-radius: var(--rls-sizing-x2);
6250
+ background: var(--rls-app-color-300);
6251
+ margin: var(--rls-sizing-x3) auto;
6252
+ }
4962
6253
  .rls-field-list__ul {
4963
6254
  display: flex;
4964
6255
  flex-direction: column;
4965
6256
  width: 100%;
4966
6257
  overflow-y: auto;
4967
6258
  overflow-x: hidden;
4968
- padding: 0rem var(--rls-sizing-x4);
6259
+ padding: var(--pvt-list-component-padding);
4969
6260
  box-sizing: border-box;
4970
6261
  }
4971
6262
  .rls-field-list__element {
@@ -4975,7 +6266,7 @@ button {
4975
6266
  box-sizing: border-box;
4976
6267
  outline: none;
4977
6268
  border-radius: var(--rls-sizing-x4);
4978
- padding: var(--rlc-fieldlist-element-padding, var(--rls-sizing-x2));
6269
+ padding: var(--rlc-field-list-element-padding, var(--rls-sizing-x2));
4979
6270
  box-sizing: border-box;
4980
6271
  }
4981
6272
  .rls-field-list__element:hover {
@@ -5029,6 +6320,9 @@ button {
5029
6320
  @media screen and (max-width: 480px) {
5030
6321
  .rls-field-list {
5031
6322
  --pvt-list-transform: translateY(100%);
6323
+ --pvt-list-body-component-display: block;
6324
+ --pvt-list-body-border: none;
6325
+ --pvt-list-component-padding: var(--rls-sizing-x6) var(--rls-sizing-x4);
5032
6326
  }
5033
6327
  .rls-field-list__suggestions {
5034
6328
  position: fixed;
@@ -5040,6 +6334,7 @@ button {
5040
6334
  }
5041
6335
  .rls-field-list__suggestions--visible {
5042
6336
  --pvt-list-max-height: initial;
6337
+ --pvt-list-body-max-height: calc(100% - 28rem);
5043
6338
  --pvt-list-transform: translateY(0%);
5044
6339
  --pvt-backdrop-opacity: 1;
5045
6340
  --pvt-backdrop-bottom: 0rem;
@@ -5048,20 +6343,12 @@ button {
5048
6343
  .rls-field-list__suggestions__body {
5049
6344
  position: absolute;
5050
6345
  bottom: 0px;
5051
- border: none;
5052
6346
  z-index: var(--rls-z-index-4);
6347
+ box-shadow: none;
5053
6348
  transition:
5054
6349
  opacity 240ms 0ms var(--rls-standard-curve),
5055
6350
  transform 240ms 0ms var(--rls-standard-curve);
5056
6351
  }
5057
- .rls-field-list__ul {
5058
- max-width: 100%;
5059
- max-height: 75%;
5060
- padding: var(--rls-sizing-x8) var(--rls-sizing-x6);
5061
- border-radius: var(--rls-sizing-x4) var(--rls-sizing-x4) 0rem 0rem;
5062
- border: none;
5063
- box-shadow: none;
5064
- }
5065
6352
  .rls-field-list__empty {
5066
6353
  flex-direction: column;
5067
6354
  padding: var(--rls-sizing-x12) var(--rls-sizing-x2);