@db-ux/core-foundations 2.0.0-0-custom-select-16b8cce → 2.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (103) hide show
  1. package/build/ide/db.ide.css +10 -10
  2. package/build/styles/_screen-sizes.scss +62 -6
  3. package/build/styles/_variables.scss +9 -9
  4. package/build/styles/absolute.css +9015 -593
  5. package/build/styles/absolute.scss +1 -1
  6. package/build/styles/colors/_default-color-icons.scss +11 -0
  7. package/build/styles/colors/_default-color-mappings.scss +2944 -0
  8. package/build/styles/colors/_placeholder.scss +160 -153
  9. package/build/styles/colors/_variables.scss +20 -19
  10. package/build/styles/colors/classes/all.css +2205 -2115
  11. package/build/styles/colors/classes/blue.css +175 -141
  12. package/build/styles/colors/classes/brand.css +175 -141
  13. package/build/styles/colors/classes/critical.css +175 -141
  14. package/build/styles/colors/classes/cyan.css +175 -141
  15. package/build/styles/colors/classes/green.css +175 -141
  16. package/build/styles/colors/classes/informational.css +175 -141
  17. package/build/styles/colors/classes/neutral.css +175 -141
  18. package/build/styles/colors/classes/orange.css +175 -141
  19. package/build/styles/colors/classes/pink.css +175 -141
  20. package/build/styles/colors/classes/red.css +175 -141
  21. package/build/styles/colors/classes/successful.css +175 -141
  22. package/build/styles/colors/classes/turquoise.css +175 -141
  23. package/build/styles/colors/classes/violet.css +175 -141
  24. package/build/styles/colors/classes/warning.css +175 -141
  25. package/build/styles/colors/classes/yellow.css +175 -141
  26. package/build/styles/colors/speaking-colors/additional/_blue.speaking-colors.scss +9 -0
  27. package/build/styles/colors/speaking-colors/additional/_cyan.speaking-colors.scss +9 -0
  28. package/build/styles/colors/speaking-colors/additional/_green.speaking-colors.scss +9 -0
  29. package/build/styles/colors/speaking-colors/additional/_orange.speaking-colors.scss +9 -0
  30. package/build/styles/colors/speaking-colors/additional/_pink.speaking-colors.scss +9 -0
  31. package/build/styles/colors/speaking-colors/additional/_red.speaking-colors.scss +9 -0
  32. package/build/styles/colors/speaking-colors/additional/_turquoise.speaking-colors.scss +9 -0
  33. package/build/styles/colors/speaking-colors/additional/_violet.speaking-colors.scss +9 -0
  34. package/build/styles/colors/speaking-colors/additional/_yellow.speaking-colors.scss +9 -0
  35. package/build/styles/colors/speaking-colors/semantic/_brand.speaking-colors.scss +9 -0
  36. package/build/styles/colors/speaking-colors/semantic/_critical.speaking-colors.scss +9 -0
  37. package/build/styles/colors/speaking-colors/semantic/_informational.speaking-colors.scss +15 -0
  38. package/build/styles/colors/speaking-colors/semantic/_neutral.speaking-colors.scss +9 -0
  39. package/build/styles/colors/speaking-colors/semantic/_successful.speaking-colors.scss +9 -0
  40. package/build/styles/colors/speaking-colors/semantic/_warning.speaking-colors.scss +9 -0
  41. package/build/styles/colors/speaking-colors/vibrant.js +43 -0
  42. package/build/styles/defaults/_default-properties.scss +6770 -0
  43. package/build/styles/defaults/default-code.css +93 -93
  44. package/build/styles/defaults/default-code.scss +6 -4
  45. package/build/styles/defaults/default-elevation.css +1 -1
  46. package/build/styles/defaults/default-fonts.css +7 -7
  47. package/build/styles/defaults/default-fonts.scss +15 -18
  48. package/build/styles/defaults/default-icons.css +1 -1
  49. package/build/styles/defaults/default-required.css +1 -1
  50. package/build/styles/defaults/default-required.scss +33 -13
  51. package/build/styles/defaults/default-root.css +93 -93
  52. package/build/styles/defaults/default-theme.css +93 -93
  53. package/build/styles/defaults/default-theme.scss +9 -854
  54. package/build/styles/density/_scaling-placeholder.scss +57 -38
  55. package/build/styles/density/_typography-placeholder.scss +66 -42
  56. package/build/styles/density/classes/all.css +944 -951
  57. package/build/styles/density/classes/expressive.css +396 -327
  58. package/build/styles/density/classes/functional.css +396 -327
  59. package/build/styles/density/classes/regular.css +396 -327
  60. package/build/styles/fonts/_font-sizes.scss +18 -12
  61. package/build/styles/fonts/classes/all.css +236 -90
  62. package/build/styles/fonts/classes/body/2xl.css +100 -5
  63. package/build/styles/fonts/classes/body/2xs.css +100 -5
  64. package/build/styles/fonts/classes/body/3xl.css +100 -5
  65. package/build/styles/fonts/classes/body/3xs.css +100 -5
  66. package/build/styles/fonts/classes/body/all.css +164 -45
  67. package/build/styles/fonts/classes/body/lg.css +100 -5
  68. package/build/styles/fonts/classes/body/md.css +100 -5
  69. package/build/styles/fonts/classes/body/sm.css +100 -5
  70. package/build/styles/fonts/classes/body/xl.css +100 -5
  71. package/build/styles/fonts/classes/body/xs.css +100 -5
  72. package/build/styles/fonts/classes/headline/2xl.css +100 -5
  73. package/build/styles/fonts/classes/headline/2xs.css +100 -5
  74. package/build/styles/fonts/classes/headline/3xl.css +100 -5
  75. package/build/styles/fonts/classes/headline/3xs.css +100 -5
  76. package/build/styles/fonts/classes/headline/all.css +164 -45
  77. package/build/styles/fonts/classes/headline/lg.css +100 -5
  78. package/build/styles/fonts/classes/headline/md.css +100 -5
  79. package/build/styles/fonts/classes/headline/sm.css +100 -5
  80. package/build/styles/fonts/classes/headline/xl.css +100 -5
  81. package/build/styles/fonts/classes/headline/xs.css +100 -5
  82. package/build/styles/helpers/_divider.scss +5 -5
  83. package/build/styles/helpers/_focus.scss +3 -3
  84. package/build/styles/helpers/_index.scss +1 -0
  85. package/build/styles/helpers/_layer.scss +1 -0
  86. package/build/styles/helpers/classes/all.css +49 -19
  87. package/build/styles/helpers/classes/divider.css +46 -16
  88. package/build/styles/helpers/classes/focus.css +33 -3
  89. package/build/styles/icons/absolute.css +1 -1
  90. package/build/styles/icons/relative.css +1 -1
  91. package/build/styles/icons/rollup.css +1 -1
  92. package/build/styles/icons/webpack.css +1 -1
  93. package/build/styles/index.css +3570 -517
  94. package/build/styles/relative.css +7819 -5560
  95. package/build/styles/rollup.css +9015 -593
  96. package/build/styles/rollup.scss +1 -1
  97. package/build/styles/webpack.css +9015 -593
  98. package/build/styles/webpack.scss +1 -1
  99. package/build/tailwind/tailwind-tokens.json +10 -10
  100. package/build/tailwind/theme/index.css +10 -10
  101. package/package.json +4 -4
  102. package/build/styles/colors/_default-color-scheme.scss +0 -2961
  103. package/build/styles/colors/_default-palette.scss +0 -2523
package/build/styles/colors/classes/all.css CHANGED
@@ -1,2177 +1,2267 @@
1
1
  /* Variants for adaptive components like input, select, notification, ... */
2
2
  [data-color=neutral],
3
3
  .db-color-neutral {
4
- --db-adaptive-bg-basic-level-1-default: var(
5
- --db-neutral-bg-basic-level-1-default
6
- );
7
- --db-adaptive-bg-basic-level-1-hovered: var(
8
- --db-neutral-bg-basic-level-1-hovered
9
- );
10
- --db-adaptive-bg-basic-level-1-pressed: var(
11
- --db-neutral-bg-basic-level-1-pressed
12
- );
13
- --db-adaptive-bg-basic-level-2-default: var(
14
- --db-neutral-bg-basic-level-2-default
15
- );
16
- --db-adaptive-bg-basic-level-2-hovered: var(
17
- --db-neutral-bg-basic-level-2-hovered
18
- );
19
- --db-adaptive-bg-basic-level-2-pressed: var(
20
- --db-neutral-bg-basic-level-2-pressed
21
- );
22
- --db-adaptive-bg-basic-level-3-default: var(
23
- --db-neutral-bg-basic-level-3-default
24
- );
25
- --db-adaptive-bg-basic-level-3-hovered: var(
26
- --db-neutral-bg-basic-level-3-hovered
27
- );
28
- --db-adaptive-bg-basic-level-3-pressed: var(
29
- --db-neutral-bg-basic-level-3-pressed
30
- );
31
- --db-adaptive-bg-basic-transparent-full-default: var(
32
- --db-neutral-bg-basic-transparent-full-default
33
- );
34
- --db-adaptive-bg-basic-transparent-semi-default: var(
35
- --db-neutral-bg-basic-transparent-semi-default
36
- );
37
- --db-adaptive-bg-basic-transparent-hovered: var(
38
- --db-neutral-bg-basic-transparent-hovered
39
- );
40
- --db-adaptive-bg-basic-transparent-pressed: var(
41
- --db-neutral-bg-basic-transparent-pressed
42
- );
43
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
44
- --db-neutral-on-bg-basic-emphasis-100-default
45
- );
46
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
47
- --db-neutral-on-bg-basic-emphasis-100-hovered
48
- );
49
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
50
- --db-neutral-on-bg-basic-emphasis-100-pressed
51
- );
52
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
53
- --db-neutral-on-bg-basic-emphasis-90-default
54
- );
55
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
56
- --db-neutral-on-bg-basic-emphasis-90-hovered
57
- );
58
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
59
- --db-neutral-on-bg-basic-emphasis-90-pressed
60
- );
61
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
62
- --db-neutral-on-bg-basic-emphasis-80-default
63
- );
64
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
65
- --db-neutral-on-bg-basic-emphasis-80-hovered
66
- );
67
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
68
- --db-neutral-on-bg-basic-emphasis-80-pressed
69
- );
70
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
71
- --db-neutral-on-bg-basic-emphasis-70-default
72
- );
73
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
74
- --db-neutral-on-bg-basic-emphasis-70-hovered
75
- );
76
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
77
- --db-neutral-on-bg-basic-emphasis-70-pressed
78
- );
79
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
80
- --db-neutral-on-bg-basic-emphasis-60-default
81
- );
82
- --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
83
- --db-neutral-on-bg-basic-emphasis-60-hovered
84
- );
85
- --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
86
- --db-neutral-on-bg-basic-emphasis-60-pressed
87
- );
88
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
89
- --db-neutral-on-bg-basic-emphasis-50-default
90
- );
91
- --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
92
- --db-neutral-on-bg-basic-emphasis-50-hovered
93
- );
94
- --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
95
- --db-neutral-on-bg-basic-emphasis-50-pressed
96
- );
97
- --db-adaptive-bg-inverted-contrast-max-default: var(
98
- --db-neutral-bg-inverted-contrast-max-default
99
- );
100
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
101
- --db-neutral-bg-inverted-contrast-max-hovered
102
- );
103
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
104
- --db-neutral-bg-inverted-contrast-max-pressed
105
- );
106
- --db-adaptive-bg-inverted-contrast-high-default: var(
107
- --db-neutral-bg-inverted-contrast-high-default
108
- );
109
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
110
- --db-neutral-bg-inverted-contrast-high-hovered
111
- );
112
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
113
- --db-neutral-bg-inverted-contrast-high-pressed
114
- );
115
- --db-adaptive-bg-inverted-contrast-low-default: var(
116
- --db-neutral-bg-inverted-contrast-low-default
117
- );
118
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
119
- --db-neutral-bg-inverted-contrast-low-hovered
120
- );
121
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
122
- --db-neutral-bg-inverted-contrast-low-pressed
123
- );
124
- --db-adaptive-on-bg-inverted-default: var(
125
- --db-neutral-on-bg-inverted-default
126
- );
127
- --db-adaptive-on-bg-inverted-hovered: var(
128
- --db-neutral-on-bg-inverted-hovered
129
- );
130
- --db-adaptive-on-bg-inverted-pressed: var(
131
- --db-neutral-on-bg-inverted-pressed
132
- );
133
- --db-adaptive-origin-default: var(--db-neutral-origin-default);
134
- --db-adaptive-origin-hovered: var(--db-neutral-origin-hovered);
135
- --db-adaptive-origin-pressed: var(--db-neutral-origin-pressed);
136
- --db-adaptive-on-origin-default: var(
137
- --db-neutral-on-origin-default
138
- );
139
- --db-adaptive-on-origin-hovered: var(
140
- --db-neutral-on-origin-hovered
141
- );
142
- --db-adaptive-on-origin-pressed: var(
143
- --db-neutral-on-origin-pressed
144
- );
4
+ /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
5
+ }
6
+ @layer variables {
7
+ [data-color=neutral],
8
+ .db-color-neutral {
9
+ --db-adaptive-bg-basic-level-1-default: var(
10
+ --db-neutral-bg-basic-level-1-default
11
+ );
12
+ --db-adaptive-bg-basic-level-1-hovered: var(
13
+ --db-neutral-bg-basic-level-1-hovered
14
+ );
15
+ --db-adaptive-bg-basic-level-1-pressed: var(
16
+ --db-neutral-bg-basic-level-1-pressed
17
+ );
18
+ --db-adaptive-bg-basic-level-2-default: var(
19
+ --db-neutral-bg-basic-level-2-default
20
+ );
21
+ --db-adaptive-bg-basic-level-2-hovered: var(
22
+ --db-neutral-bg-basic-level-2-hovered
23
+ );
24
+ --db-adaptive-bg-basic-level-2-pressed: var(
25
+ --db-neutral-bg-basic-level-2-pressed
26
+ );
27
+ --db-adaptive-bg-basic-level-3-default: var(
28
+ --db-neutral-bg-basic-level-3-default
29
+ );
30
+ --db-adaptive-bg-basic-level-3-hovered: var(
31
+ --db-neutral-bg-basic-level-3-hovered
32
+ );
33
+ --db-adaptive-bg-basic-level-3-pressed: var(
34
+ --db-neutral-bg-basic-level-3-pressed
35
+ );
36
+ --db-adaptive-bg-basic-transparent-full-default: var(
37
+ --db-neutral-bg-basic-transparent-full-default
38
+ );
39
+ --db-adaptive-bg-basic-transparent-semi-default: var(
40
+ --db-neutral-bg-basic-transparent-semi-default
41
+ );
42
+ --db-adaptive-bg-basic-transparent-hovered: var(
43
+ --db-neutral-bg-basic-transparent-hovered
44
+ );
45
+ --db-adaptive-bg-basic-transparent-pressed: var(
46
+ --db-neutral-bg-basic-transparent-pressed
47
+ );
48
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
49
+ --db-neutral-on-bg-basic-emphasis-100-default
50
+ );
51
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
52
+ --db-neutral-on-bg-basic-emphasis-100-hovered
53
+ );
54
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
55
+ --db-neutral-on-bg-basic-emphasis-100-pressed
56
+ );
57
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
58
+ --db-neutral-on-bg-basic-emphasis-90-default
59
+ );
60
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
61
+ --db-neutral-on-bg-basic-emphasis-90-hovered
62
+ );
63
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
64
+ --db-neutral-on-bg-basic-emphasis-90-pressed
65
+ );
66
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
67
+ --db-neutral-on-bg-basic-emphasis-80-default
68
+ );
69
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
70
+ --db-neutral-on-bg-basic-emphasis-80-hovered
71
+ );
72
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
73
+ --db-neutral-on-bg-basic-emphasis-80-pressed
74
+ );
75
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
76
+ --db-neutral-on-bg-basic-emphasis-70-default
77
+ );
78
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
79
+ --db-neutral-on-bg-basic-emphasis-70-hovered
80
+ );
81
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
82
+ --db-neutral-on-bg-basic-emphasis-70-pressed
83
+ );
84
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
85
+ --db-neutral-on-bg-basic-emphasis-60-default
86
+ );
87
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
88
+ --db-neutral-on-bg-basic-emphasis-50-default
89
+ );
90
+ --db-adaptive-bg-inverted-contrast-max-default: var(
91
+ --db-neutral-bg-inverted-contrast-max-default
92
+ );
93
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
94
+ --db-neutral-bg-inverted-contrast-max-hovered
95
+ );
96
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
97
+ --db-neutral-bg-inverted-contrast-max-pressed
98
+ );
99
+ --db-adaptive-bg-inverted-contrast-high-default: var(
100
+ --db-neutral-bg-inverted-contrast-high-default
101
+ );
102
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
103
+ --db-neutral-bg-inverted-contrast-high-hovered
104
+ );
105
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
106
+ --db-neutral-bg-inverted-contrast-high-pressed
107
+ );
108
+ --db-adaptive-bg-inverted-contrast-low-default: var(
109
+ --db-neutral-bg-inverted-contrast-low-default
110
+ );
111
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
112
+ --db-neutral-bg-inverted-contrast-low-hovered
113
+ );
114
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
115
+ --db-neutral-bg-inverted-contrast-low-pressed
116
+ );
117
+ --db-adaptive-on-bg-inverted-default: var(
118
+ --db-neutral-on-bg-inverted-default
119
+ );
120
+ --db-adaptive-on-bg-inverted-hovered: var(
121
+ --db-neutral-on-bg-inverted-hovered
122
+ );
123
+ --db-adaptive-on-bg-inverted-pressed: var(
124
+ --db-neutral-on-bg-inverted-pressed
125
+ );
126
+ --db-adaptive-origin-default: var(--db-neutral-origin-default);
127
+ --db-adaptive-origin-hovered: var(--db-neutral-origin-hovered);
128
+ --db-adaptive-origin-pressed: var(--db-neutral-origin-pressed);
129
+ --db-adaptive-on-origin-default: var(
130
+ --db-neutral-on-origin-default
131
+ );
132
+ --db-adaptive-bg-vibrant-default: var(
133
+ --db-neutral-bg-vibrant-default
134
+ );
135
+ --db-adaptive-bg-vibrant-hovered: var(
136
+ --db-neutral-bg-vibrant-hovered
137
+ );
138
+ --db-adaptive-bg-vibrant-pressed: var(
139
+ --db-neutral-bg-vibrant-pressed
140
+ );
141
+ --db-adaptive-on-bg-vibrant-default: var(
142
+ --db-neutral-on-bg-vibrant-default
143
+ );
144
+ --db-adaptive-on-bg-vibrant-hovered: var(
145
+ --db-neutral-on-bg-vibrant-hovered
146
+ );
147
+ --db-adaptive-on-bg-vibrant-pressed: var(
148
+ --db-neutral-on-bg-vibrant-pressed
149
+ );
150
+ }
145
151
  }
146
152
 
147
153
  [data-color=brand],
148
154
  .db-color-brand {
149
- --db-adaptive-bg-basic-level-1-default: var(
150
- --db-brand-bg-basic-level-1-default
151
- );
152
- --db-adaptive-bg-basic-level-1-hovered: var(
153
- --db-brand-bg-basic-level-1-hovered
154
- );
155
- --db-adaptive-bg-basic-level-1-pressed: var(
156
- --db-brand-bg-basic-level-1-pressed
157
- );
158
- --db-adaptive-bg-basic-level-2-default: var(
159
- --db-brand-bg-basic-level-2-default
160
- );
161
- --db-adaptive-bg-basic-level-2-hovered: var(
162
- --db-brand-bg-basic-level-2-hovered
163
- );
164
- --db-adaptive-bg-basic-level-2-pressed: var(
165
- --db-brand-bg-basic-level-2-pressed
166
- );
167
- --db-adaptive-bg-basic-level-3-default: var(
168
- --db-brand-bg-basic-level-3-default
169
- );
170
- --db-adaptive-bg-basic-level-3-hovered: var(
171
- --db-brand-bg-basic-level-3-hovered
172
- );
173
- --db-adaptive-bg-basic-level-3-pressed: var(
174
- --db-brand-bg-basic-level-3-pressed
175
- );
176
- --db-adaptive-bg-basic-transparent-full-default: var(
177
- --db-brand-bg-basic-transparent-full-default
178
- );
179
- --db-adaptive-bg-basic-transparent-semi-default: var(
180
- --db-brand-bg-basic-transparent-semi-default
181
- );
182
- --db-adaptive-bg-basic-transparent-hovered: var(
183
- --db-brand-bg-basic-transparent-hovered
184
- );
185
- --db-adaptive-bg-basic-transparent-pressed: var(
186
- --db-brand-bg-basic-transparent-pressed
187
- );
188
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
189
- --db-brand-on-bg-basic-emphasis-100-default
190
- );
191
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
192
- --db-brand-on-bg-basic-emphasis-100-hovered
193
- );
194
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
195
- --db-brand-on-bg-basic-emphasis-100-pressed
196
- );
197
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
198
- --db-brand-on-bg-basic-emphasis-90-default
199
- );
200
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
201
- --db-brand-on-bg-basic-emphasis-90-hovered
202
- );
203
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
204
- --db-brand-on-bg-basic-emphasis-90-pressed
205
- );
206
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
207
- --db-brand-on-bg-basic-emphasis-80-default
208
- );
209
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
210
- --db-brand-on-bg-basic-emphasis-80-hovered
211
- );
212
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
213
- --db-brand-on-bg-basic-emphasis-80-pressed
214
- );
215
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
216
- --db-brand-on-bg-basic-emphasis-70-default
217
- );
218
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
219
- --db-brand-on-bg-basic-emphasis-70-hovered
220
- );
221
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
222
- --db-brand-on-bg-basic-emphasis-70-pressed
223
- );
224
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
225
- --db-brand-on-bg-basic-emphasis-60-default
226
- );
227
- --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
228
- --db-brand-on-bg-basic-emphasis-60-hovered
229
- );
230
- --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
231
- --db-brand-on-bg-basic-emphasis-60-pressed
232
- );
233
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
234
- --db-brand-on-bg-basic-emphasis-50-default
235
- );
236
- --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
237
- --db-brand-on-bg-basic-emphasis-50-hovered
238
- );
239
- --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
240
- --db-brand-on-bg-basic-emphasis-50-pressed
241
- );
242
- --db-adaptive-bg-inverted-contrast-max-default: var(
243
- --db-brand-bg-inverted-contrast-max-default
244
- );
245
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
246
- --db-brand-bg-inverted-contrast-max-hovered
247
- );
248
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
249
- --db-brand-bg-inverted-contrast-max-pressed
250
- );
251
- --db-adaptive-bg-inverted-contrast-high-default: var(
252
- --db-brand-bg-inverted-contrast-high-default
253
- );
254
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
255
- --db-brand-bg-inverted-contrast-high-hovered
256
- );
257
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
258
- --db-brand-bg-inverted-contrast-high-pressed
259
- );
260
- --db-adaptive-bg-inverted-contrast-low-default: var(
261
- --db-brand-bg-inverted-contrast-low-default
262
- );
263
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
264
- --db-brand-bg-inverted-contrast-low-hovered
265
- );
266
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
267
- --db-brand-bg-inverted-contrast-low-pressed
268
- );
269
- --db-adaptive-on-bg-inverted-default: var(
270
- --db-brand-on-bg-inverted-default
271
- );
272
- --db-adaptive-on-bg-inverted-hovered: var(
273
- --db-brand-on-bg-inverted-hovered
274
- );
275
- --db-adaptive-on-bg-inverted-pressed: var(
276
- --db-brand-on-bg-inverted-pressed
277
- );
278
- --db-adaptive-origin-default: var(--db-brand-origin-default);
279
- --db-adaptive-origin-hovered: var(--db-brand-origin-hovered);
280
- --db-adaptive-origin-pressed: var(--db-brand-origin-pressed);
281
- --db-adaptive-on-origin-default: var(
282
- --db-brand-on-origin-default
283
- );
284
- --db-adaptive-on-origin-hovered: var(
285
- --db-brand-on-origin-hovered
286
- );
287
- --db-adaptive-on-origin-pressed: var(
288
- --db-brand-on-origin-pressed
289
- );
155
+ /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
156
+ }
157
+ @layer variables {
158
+ [data-color=brand],
159
+ .db-color-brand {
160
+ --db-adaptive-bg-basic-level-1-default: var(
161
+ --db-brand-bg-basic-level-1-default
162
+ );
163
+ --db-adaptive-bg-basic-level-1-hovered: var(
164
+ --db-brand-bg-basic-level-1-hovered
165
+ );
166
+ --db-adaptive-bg-basic-level-1-pressed: var(
167
+ --db-brand-bg-basic-level-1-pressed
168
+ );
169
+ --db-adaptive-bg-basic-level-2-default: var(
170
+ --db-brand-bg-basic-level-2-default
171
+ );
172
+ --db-adaptive-bg-basic-level-2-hovered: var(
173
+ --db-brand-bg-basic-level-2-hovered
174
+ );
175
+ --db-adaptive-bg-basic-level-2-pressed: var(
176
+ --db-brand-bg-basic-level-2-pressed
177
+ );
178
+ --db-adaptive-bg-basic-level-3-default: var(
179
+ --db-brand-bg-basic-level-3-default
180
+ );
181
+ --db-adaptive-bg-basic-level-3-hovered: var(
182
+ --db-brand-bg-basic-level-3-hovered
183
+ );
184
+ --db-adaptive-bg-basic-level-3-pressed: var(
185
+ --db-brand-bg-basic-level-3-pressed
186
+ );
187
+ --db-adaptive-bg-basic-transparent-full-default: var(
188
+ --db-brand-bg-basic-transparent-full-default
189
+ );
190
+ --db-adaptive-bg-basic-transparent-semi-default: var(
191
+ --db-brand-bg-basic-transparent-semi-default
192
+ );
193
+ --db-adaptive-bg-basic-transparent-hovered: var(
194
+ --db-brand-bg-basic-transparent-hovered
195
+ );
196
+ --db-adaptive-bg-basic-transparent-pressed: var(
197
+ --db-brand-bg-basic-transparent-pressed
198
+ );
199
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
200
+ --db-brand-on-bg-basic-emphasis-100-default
201
+ );
202
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
203
+ --db-brand-on-bg-basic-emphasis-100-hovered
204
+ );
205
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
206
+ --db-brand-on-bg-basic-emphasis-100-pressed
207
+ );
208
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
209
+ --db-brand-on-bg-basic-emphasis-90-default
210
+ );
211
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
212
+ --db-brand-on-bg-basic-emphasis-90-hovered
213
+ );
214
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
215
+ --db-brand-on-bg-basic-emphasis-90-pressed
216
+ );
217
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
218
+ --db-brand-on-bg-basic-emphasis-80-default
219
+ );
220
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
221
+ --db-brand-on-bg-basic-emphasis-80-hovered
222
+ );
223
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
224
+ --db-brand-on-bg-basic-emphasis-80-pressed
225
+ );
226
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
227
+ --db-brand-on-bg-basic-emphasis-70-default
228
+ );
229
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
230
+ --db-brand-on-bg-basic-emphasis-70-hovered
231
+ );
232
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
233
+ --db-brand-on-bg-basic-emphasis-70-pressed
234
+ );
235
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
236
+ --db-brand-on-bg-basic-emphasis-60-default
237
+ );
238
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
239
+ --db-brand-on-bg-basic-emphasis-50-default
240
+ );
241
+ --db-adaptive-bg-inverted-contrast-max-default: var(
242
+ --db-brand-bg-inverted-contrast-max-default
243
+ );
244
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
245
+ --db-brand-bg-inverted-contrast-max-hovered
246
+ );
247
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
248
+ --db-brand-bg-inverted-contrast-max-pressed
249
+ );
250
+ --db-adaptive-bg-inverted-contrast-high-default: var(
251
+ --db-brand-bg-inverted-contrast-high-default
252
+ );
253
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
254
+ --db-brand-bg-inverted-contrast-high-hovered
255
+ );
256
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
257
+ --db-brand-bg-inverted-contrast-high-pressed
258
+ );
259
+ --db-adaptive-bg-inverted-contrast-low-default: var(
260
+ --db-brand-bg-inverted-contrast-low-default
261
+ );
262
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
263
+ --db-brand-bg-inverted-contrast-low-hovered
264
+ );
265
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
266
+ --db-brand-bg-inverted-contrast-low-pressed
267
+ );
268
+ --db-adaptive-on-bg-inverted-default: var(
269
+ --db-brand-on-bg-inverted-default
270
+ );
271
+ --db-adaptive-on-bg-inverted-hovered: var(
272
+ --db-brand-on-bg-inverted-hovered
273
+ );
274
+ --db-adaptive-on-bg-inverted-pressed: var(
275
+ --db-brand-on-bg-inverted-pressed
276
+ );
277
+ --db-adaptive-origin-default: var(--db-brand-origin-default);
278
+ --db-adaptive-origin-hovered: var(--db-brand-origin-hovered);
279
+ --db-adaptive-origin-pressed: var(--db-brand-origin-pressed);
280
+ --db-adaptive-on-origin-default: var(
281
+ --db-brand-on-origin-default
282
+ );
283
+ --db-adaptive-bg-vibrant-default: var(
284
+ --db-brand-bg-vibrant-default
285
+ );
286
+ --db-adaptive-bg-vibrant-hovered: var(
287
+ --db-brand-bg-vibrant-hovered
288
+ );
289
+ --db-adaptive-bg-vibrant-pressed: var(
290
+ --db-brand-bg-vibrant-pressed
291
+ );
292
+ --db-adaptive-on-bg-vibrant-default: var(
293
+ --db-brand-on-bg-vibrant-default
294
+ );
295
+ --db-adaptive-on-bg-vibrant-hovered: var(
296
+ --db-brand-on-bg-vibrant-hovered
297
+ );
298
+ --db-adaptive-on-bg-vibrant-pressed: var(
299
+ --db-brand-on-bg-vibrant-pressed
300
+ );
301
+ }
290
302
  }
291
303
 
292
304
  [data-color=critical],
293
305
  .db-color-critical {
294
- --db-adaptive-bg-basic-level-1-default: var(
295
- --db-critical-bg-basic-level-1-default
296
- );
297
- --db-adaptive-bg-basic-level-1-hovered: var(
298
- --db-critical-bg-basic-level-1-hovered
299
- );
300
- --db-adaptive-bg-basic-level-1-pressed: var(
301
- --db-critical-bg-basic-level-1-pressed
302
- );
303
- --db-adaptive-bg-basic-level-2-default: var(
304
- --db-critical-bg-basic-level-2-default
305
- );
306
- --db-adaptive-bg-basic-level-2-hovered: var(
307
- --db-critical-bg-basic-level-2-hovered
308
- );
309
- --db-adaptive-bg-basic-level-2-pressed: var(
310
- --db-critical-bg-basic-level-2-pressed
311
- );
312
- --db-adaptive-bg-basic-level-3-default: var(
313
- --db-critical-bg-basic-level-3-default
314
- );
315
- --db-adaptive-bg-basic-level-3-hovered: var(
316
- --db-critical-bg-basic-level-3-hovered
317
- );
318
- --db-adaptive-bg-basic-level-3-pressed: var(
319
- --db-critical-bg-basic-level-3-pressed
320
- );
321
- --db-adaptive-bg-basic-transparent-full-default: var(
322
- --db-critical-bg-basic-transparent-full-default
323
- );
324
- --db-adaptive-bg-basic-transparent-semi-default: var(
325
- --db-critical-bg-basic-transparent-semi-default
326
- );
327
- --db-adaptive-bg-basic-transparent-hovered: var(
328
- --db-critical-bg-basic-transparent-hovered
329
- );
330
- --db-adaptive-bg-basic-transparent-pressed: var(
331
- --db-critical-bg-basic-transparent-pressed
332
- );
333
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
334
- --db-critical-on-bg-basic-emphasis-100-default
335
- );
336
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
337
- --db-critical-on-bg-basic-emphasis-100-hovered
338
- );
339
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
340
- --db-critical-on-bg-basic-emphasis-100-pressed
341
- );
342
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
343
- --db-critical-on-bg-basic-emphasis-90-default
344
- );
345
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
346
- --db-critical-on-bg-basic-emphasis-90-hovered
347
- );
348
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
349
- --db-critical-on-bg-basic-emphasis-90-pressed
350
- );
351
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
352
- --db-critical-on-bg-basic-emphasis-80-default
353
- );
354
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
355
- --db-critical-on-bg-basic-emphasis-80-hovered
356
- );
357
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
358
- --db-critical-on-bg-basic-emphasis-80-pressed
359
- );
360
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
361
- --db-critical-on-bg-basic-emphasis-70-default
362
- );
363
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
364
- --db-critical-on-bg-basic-emphasis-70-hovered
365
- );
366
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
367
- --db-critical-on-bg-basic-emphasis-70-pressed
368
- );
369
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
370
- --db-critical-on-bg-basic-emphasis-60-default
371
- );
372
- --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
373
- --db-critical-on-bg-basic-emphasis-60-hovered
374
- );
375
- --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
376
- --db-critical-on-bg-basic-emphasis-60-pressed
377
- );
378
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
379
- --db-critical-on-bg-basic-emphasis-50-default
380
- );
381
- --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
382
- --db-critical-on-bg-basic-emphasis-50-hovered
383
- );
384
- --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
385
- --db-critical-on-bg-basic-emphasis-50-pressed
386
- );
387
- --db-adaptive-bg-inverted-contrast-max-default: var(
388
- --db-critical-bg-inverted-contrast-max-default
389
- );
390
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
391
- --db-critical-bg-inverted-contrast-max-hovered
392
- );
393
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
394
- --db-critical-bg-inverted-contrast-max-pressed
395
- );
396
- --db-adaptive-bg-inverted-contrast-high-default: var(
397
- --db-critical-bg-inverted-contrast-high-default
398
- );
399
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
400
- --db-critical-bg-inverted-contrast-high-hovered
401
- );
402
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
403
- --db-critical-bg-inverted-contrast-high-pressed
404
- );
405
- --db-adaptive-bg-inverted-contrast-low-default: var(
406
- --db-critical-bg-inverted-contrast-low-default
407
- );
408
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
409
- --db-critical-bg-inverted-contrast-low-hovered
410
- );
411
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
412
- --db-critical-bg-inverted-contrast-low-pressed
413
- );
414
- --db-adaptive-on-bg-inverted-default: var(
415
- --db-critical-on-bg-inverted-default
416
- );
417
- --db-adaptive-on-bg-inverted-hovered: var(
418
- --db-critical-on-bg-inverted-hovered
419
- );
420
- --db-adaptive-on-bg-inverted-pressed: var(
421
- --db-critical-on-bg-inverted-pressed
422
- );
423
- --db-adaptive-origin-default: var(--db-critical-origin-default);
424
- --db-adaptive-origin-hovered: var(--db-critical-origin-hovered);
425
- --db-adaptive-origin-pressed: var(--db-critical-origin-pressed);
426
- --db-adaptive-on-origin-default: var(
427
- --db-critical-on-origin-default
428
- );
429
- --db-adaptive-on-origin-hovered: var(
430
- --db-critical-on-origin-hovered
431
- );
432
- --db-adaptive-on-origin-pressed: var(
433
- --db-critical-on-origin-pressed
434
- );
306
+ /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
307
+ }
308
+ @layer variables {
309
+ [data-color=critical],
310
+ .db-color-critical {
311
+ --db-adaptive-bg-basic-level-1-default: var(
312
+ --db-critical-bg-basic-level-1-default
313
+ );
314
+ --db-adaptive-bg-basic-level-1-hovered: var(
315
+ --db-critical-bg-basic-level-1-hovered
316
+ );
317
+ --db-adaptive-bg-basic-level-1-pressed: var(
318
+ --db-critical-bg-basic-level-1-pressed
319
+ );
320
+ --db-adaptive-bg-basic-level-2-default: var(
321
+ --db-critical-bg-basic-level-2-default
322
+ );
323
+ --db-adaptive-bg-basic-level-2-hovered: var(
324
+ --db-critical-bg-basic-level-2-hovered
325
+ );
326
+ --db-adaptive-bg-basic-level-2-pressed: var(
327
+ --db-critical-bg-basic-level-2-pressed
328
+ );
329
+ --db-adaptive-bg-basic-level-3-default: var(
330
+ --db-critical-bg-basic-level-3-default
331
+ );
332
+ --db-adaptive-bg-basic-level-3-hovered: var(
333
+ --db-critical-bg-basic-level-3-hovered
334
+ );
335
+ --db-adaptive-bg-basic-level-3-pressed: var(
336
+ --db-critical-bg-basic-level-3-pressed
337
+ );
338
+ --db-adaptive-bg-basic-transparent-full-default: var(
339
+ --db-critical-bg-basic-transparent-full-default
340
+ );
341
+ --db-adaptive-bg-basic-transparent-semi-default: var(
342
+ --db-critical-bg-basic-transparent-semi-default
343
+ );
344
+ --db-adaptive-bg-basic-transparent-hovered: var(
345
+ --db-critical-bg-basic-transparent-hovered
346
+ );
347
+ --db-adaptive-bg-basic-transparent-pressed: var(
348
+ --db-critical-bg-basic-transparent-pressed
349
+ );
350
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
351
+ --db-critical-on-bg-basic-emphasis-100-default
352
+ );
353
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
354
+ --db-critical-on-bg-basic-emphasis-100-hovered
355
+ );
356
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
357
+ --db-critical-on-bg-basic-emphasis-100-pressed
358
+ );
359
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
360
+ --db-critical-on-bg-basic-emphasis-90-default
361
+ );
362
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
363
+ --db-critical-on-bg-basic-emphasis-90-hovered
364
+ );
365
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
366
+ --db-critical-on-bg-basic-emphasis-90-pressed
367
+ );
368
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
369
+ --db-critical-on-bg-basic-emphasis-80-default
370
+ );
371
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
372
+ --db-critical-on-bg-basic-emphasis-80-hovered
373
+ );
374
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
375
+ --db-critical-on-bg-basic-emphasis-80-pressed
376
+ );
377
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
378
+ --db-critical-on-bg-basic-emphasis-70-default
379
+ );
380
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
381
+ --db-critical-on-bg-basic-emphasis-70-hovered
382
+ );
383
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
384
+ --db-critical-on-bg-basic-emphasis-70-pressed
385
+ );
386
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
387
+ --db-critical-on-bg-basic-emphasis-60-default
388
+ );
389
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
390
+ --db-critical-on-bg-basic-emphasis-50-default
391
+ );
392
+ --db-adaptive-bg-inverted-contrast-max-default: var(
393
+ --db-critical-bg-inverted-contrast-max-default
394
+ );
395
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
396
+ --db-critical-bg-inverted-contrast-max-hovered
397
+ );
398
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
399
+ --db-critical-bg-inverted-contrast-max-pressed
400
+ );
401
+ --db-adaptive-bg-inverted-contrast-high-default: var(
402
+ --db-critical-bg-inverted-contrast-high-default
403
+ );
404
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
405
+ --db-critical-bg-inverted-contrast-high-hovered
406
+ );
407
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
408
+ --db-critical-bg-inverted-contrast-high-pressed
409
+ );
410
+ --db-adaptive-bg-inverted-contrast-low-default: var(
411
+ --db-critical-bg-inverted-contrast-low-default
412
+ );
413
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
414
+ --db-critical-bg-inverted-contrast-low-hovered
415
+ );
416
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
417
+ --db-critical-bg-inverted-contrast-low-pressed
418
+ );
419
+ --db-adaptive-on-bg-inverted-default: var(
420
+ --db-critical-on-bg-inverted-default
421
+ );
422
+ --db-adaptive-on-bg-inverted-hovered: var(
423
+ --db-critical-on-bg-inverted-hovered
424
+ );
425
+ --db-adaptive-on-bg-inverted-pressed: var(
426
+ --db-critical-on-bg-inverted-pressed
427
+ );
428
+ --db-adaptive-origin-default: var(--db-critical-origin-default);
429
+ --db-adaptive-origin-hovered: var(--db-critical-origin-hovered);
430
+ --db-adaptive-origin-pressed: var(--db-critical-origin-pressed);
431
+ --db-adaptive-on-origin-default: var(
432
+ --db-critical-on-origin-default
433
+ );
434
+ --db-adaptive-bg-vibrant-default: var(
435
+ --db-critical-bg-vibrant-default
436
+ );
437
+ --db-adaptive-bg-vibrant-hovered: var(
438
+ --db-critical-bg-vibrant-hovered
439
+ );
440
+ --db-adaptive-bg-vibrant-pressed: var(
441
+ --db-critical-bg-vibrant-pressed
442
+ );
443
+ --db-adaptive-on-bg-vibrant-default: var(
444
+ --db-critical-on-bg-vibrant-default
445
+ );
446
+ --db-adaptive-on-bg-vibrant-hovered: var(
447
+ --db-critical-on-bg-vibrant-hovered
448
+ );
449
+ --db-adaptive-on-bg-vibrant-pressed: var(
450
+ --db-critical-on-bg-vibrant-pressed
451
+ );
452
+ }
435
453
  }
436
454
 
437
455
  [data-color=successful],
438
456
  .db-color-successful {
439
- --db-adaptive-bg-basic-level-1-default: var(
440
- --db-successful-bg-basic-level-1-default
441
- );
442
- --db-adaptive-bg-basic-level-1-hovered: var(
443
- --db-successful-bg-basic-level-1-hovered
444
- );
445
- --db-adaptive-bg-basic-level-1-pressed: var(
446
- --db-successful-bg-basic-level-1-pressed
447
- );
448
- --db-adaptive-bg-basic-level-2-default: var(
449
- --db-successful-bg-basic-level-2-default
450
- );
451
- --db-adaptive-bg-basic-level-2-hovered: var(
452
- --db-successful-bg-basic-level-2-hovered
453
- );
454
- --db-adaptive-bg-basic-level-2-pressed: var(
455
- --db-successful-bg-basic-level-2-pressed
456
- );
457
- --db-adaptive-bg-basic-level-3-default: var(
458
- --db-successful-bg-basic-level-3-default
459
- );
460
- --db-adaptive-bg-basic-level-3-hovered: var(
461
- --db-successful-bg-basic-level-3-hovered
462
- );
463
- --db-adaptive-bg-basic-level-3-pressed: var(
464
- --db-successful-bg-basic-level-3-pressed
465
- );
466
- --db-adaptive-bg-basic-transparent-full-default: var(
467
- --db-successful-bg-basic-transparent-full-default
468
- );
469
- --db-adaptive-bg-basic-transparent-semi-default: var(
470
- --db-successful-bg-basic-transparent-semi-default
471
- );
472
- --db-adaptive-bg-basic-transparent-hovered: var(
473
- --db-successful-bg-basic-transparent-hovered
474
- );
475
- --db-adaptive-bg-basic-transparent-pressed: var(
476
- --db-successful-bg-basic-transparent-pressed
477
- );
478
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
479
- --db-successful-on-bg-basic-emphasis-100-default
480
- );
481
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
482
- --db-successful-on-bg-basic-emphasis-100-hovered
483
- );
484
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
485
- --db-successful-on-bg-basic-emphasis-100-pressed
486
- );
487
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
488
- --db-successful-on-bg-basic-emphasis-90-default
489
- );
490
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
491
- --db-successful-on-bg-basic-emphasis-90-hovered
492
- );
493
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
494
- --db-successful-on-bg-basic-emphasis-90-pressed
495
- );
496
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
497
- --db-successful-on-bg-basic-emphasis-80-default
498
- );
499
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
500
- --db-successful-on-bg-basic-emphasis-80-hovered
501
- );
502
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
503
- --db-successful-on-bg-basic-emphasis-80-pressed
504
- );
505
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
506
- --db-successful-on-bg-basic-emphasis-70-default
507
- );
508
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
509
- --db-successful-on-bg-basic-emphasis-70-hovered
510
- );
511
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
512
- --db-successful-on-bg-basic-emphasis-70-pressed
513
- );
514
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
515
- --db-successful-on-bg-basic-emphasis-60-default
516
- );
517
- --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
518
- --db-successful-on-bg-basic-emphasis-60-hovered
519
- );
520
- --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
521
- --db-successful-on-bg-basic-emphasis-60-pressed
522
- );
523
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
524
- --db-successful-on-bg-basic-emphasis-50-default
525
- );
526
- --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
527
- --db-successful-on-bg-basic-emphasis-50-hovered
528
- );
529
- --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
530
- --db-successful-on-bg-basic-emphasis-50-pressed
531
- );
532
- --db-adaptive-bg-inverted-contrast-max-default: var(
533
- --db-successful-bg-inverted-contrast-max-default
534
- );
535
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
536
- --db-successful-bg-inverted-contrast-max-hovered
537
- );
538
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
539
- --db-successful-bg-inverted-contrast-max-pressed
540
- );
541
- --db-adaptive-bg-inverted-contrast-high-default: var(
542
- --db-successful-bg-inverted-contrast-high-default
543
- );
544
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
545
- --db-successful-bg-inverted-contrast-high-hovered
546
- );
547
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
548
- --db-successful-bg-inverted-contrast-high-pressed
549
- );
550
- --db-adaptive-bg-inverted-contrast-low-default: var(
551
- --db-successful-bg-inverted-contrast-low-default
552
- );
553
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
554
- --db-successful-bg-inverted-contrast-low-hovered
555
- );
556
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
557
- --db-successful-bg-inverted-contrast-low-pressed
558
- );
559
- --db-adaptive-on-bg-inverted-default: var(
560
- --db-successful-on-bg-inverted-default
561
- );
562
- --db-adaptive-on-bg-inverted-hovered: var(
563
- --db-successful-on-bg-inverted-hovered
564
- );
565
- --db-adaptive-on-bg-inverted-pressed: var(
566
- --db-successful-on-bg-inverted-pressed
567
- );
568
- --db-adaptive-origin-default: var(--db-successful-origin-default);
569
- --db-adaptive-origin-hovered: var(--db-successful-origin-hovered);
570
- --db-adaptive-origin-pressed: var(--db-successful-origin-pressed);
571
- --db-adaptive-on-origin-default: var(
572
- --db-successful-on-origin-default
573
- );
574
- --db-adaptive-on-origin-hovered: var(
575
- --db-successful-on-origin-hovered
576
- );
577
- --db-adaptive-on-origin-pressed: var(
578
- --db-successful-on-origin-pressed
579
- );
457
+ /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
458
+ }
459
+ @layer variables {
460
+ [data-color=successful],
461
+ .db-color-successful {
462
+ --db-adaptive-bg-basic-level-1-default: var(
463
+ --db-successful-bg-basic-level-1-default
464
+ );
465
+ --db-adaptive-bg-basic-level-1-hovered: var(
466
+ --db-successful-bg-basic-level-1-hovered
467
+ );
468
+ --db-adaptive-bg-basic-level-1-pressed: var(
469
+ --db-successful-bg-basic-level-1-pressed
470
+ );
471
+ --db-adaptive-bg-basic-level-2-default: var(
472
+ --db-successful-bg-basic-level-2-default
473
+ );
474
+ --db-adaptive-bg-basic-level-2-hovered: var(
475
+ --db-successful-bg-basic-level-2-hovered
476
+ );
477
+ --db-adaptive-bg-basic-level-2-pressed: var(
478
+ --db-successful-bg-basic-level-2-pressed
479
+ );
480
+ --db-adaptive-bg-basic-level-3-default: var(
481
+ --db-successful-bg-basic-level-3-default
482
+ );
483
+ --db-adaptive-bg-basic-level-3-hovered: var(
484
+ --db-successful-bg-basic-level-3-hovered
485
+ );
486
+ --db-adaptive-bg-basic-level-3-pressed: var(
487
+ --db-successful-bg-basic-level-3-pressed
488
+ );
489
+ --db-adaptive-bg-basic-transparent-full-default: var(
490
+ --db-successful-bg-basic-transparent-full-default
491
+ );
492
+ --db-adaptive-bg-basic-transparent-semi-default: var(
493
+ --db-successful-bg-basic-transparent-semi-default
494
+ );
495
+ --db-adaptive-bg-basic-transparent-hovered: var(
496
+ --db-successful-bg-basic-transparent-hovered
497
+ );
498
+ --db-adaptive-bg-basic-transparent-pressed: var(
499
+ --db-successful-bg-basic-transparent-pressed
500
+ );
501
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
502
+ --db-successful-on-bg-basic-emphasis-100-default
503
+ );
504
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
505
+ --db-successful-on-bg-basic-emphasis-100-hovered
506
+ );
507
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
508
+ --db-successful-on-bg-basic-emphasis-100-pressed
509
+ );
510
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
511
+ --db-successful-on-bg-basic-emphasis-90-default
512
+ );
513
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
514
+ --db-successful-on-bg-basic-emphasis-90-hovered
515
+ );
516
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
517
+ --db-successful-on-bg-basic-emphasis-90-pressed
518
+ );
519
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
520
+ --db-successful-on-bg-basic-emphasis-80-default
521
+ );
522
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
523
+ --db-successful-on-bg-basic-emphasis-80-hovered
524
+ );
525
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
526
+ --db-successful-on-bg-basic-emphasis-80-pressed
527
+ );
528
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
529
+ --db-successful-on-bg-basic-emphasis-70-default
530
+ );
531
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
532
+ --db-successful-on-bg-basic-emphasis-70-hovered
533
+ );
534
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
535
+ --db-successful-on-bg-basic-emphasis-70-pressed
536
+ );
537
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
538
+ --db-successful-on-bg-basic-emphasis-60-default
539
+ );
540
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
541
+ --db-successful-on-bg-basic-emphasis-50-default
542
+ );
543
+ --db-adaptive-bg-inverted-contrast-max-default: var(
544
+ --db-successful-bg-inverted-contrast-max-default
545
+ );
546
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
547
+ --db-successful-bg-inverted-contrast-max-hovered
548
+ );
549
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
550
+ --db-successful-bg-inverted-contrast-max-pressed
551
+ );
552
+ --db-adaptive-bg-inverted-contrast-high-default: var(
553
+ --db-successful-bg-inverted-contrast-high-default
554
+ );
555
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
556
+ --db-successful-bg-inverted-contrast-high-hovered
557
+ );
558
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
559
+ --db-successful-bg-inverted-contrast-high-pressed
560
+ );
561
+ --db-adaptive-bg-inverted-contrast-low-default: var(
562
+ --db-successful-bg-inverted-contrast-low-default
563
+ );
564
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
565
+ --db-successful-bg-inverted-contrast-low-hovered
566
+ );
567
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
568
+ --db-successful-bg-inverted-contrast-low-pressed
569
+ );
570
+ --db-adaptive-on-bg-inverted-default: var(
571
+ --db-successful-on-bg-inverted-default
572
+ );
573
+ --db-adaptive-on-bg-inverted-hovered: var(
574
+ --db-successful-on-bg-inverted-hovered
575
+ );
576
+ --db-adaptive-on-bg-inverted-pressed: var(
577
+ --db-successful-on-bg-inverted-pressed
578
+ );
579
+ --db-adaptive-origin-default: var(--db-successful-origin-default);
580
+ --db-adaptive-origin-hovered: var(--db-successful-origin-hovered);
581
+ --db-adaptive-origin-pressed: var(--db-successful-origin-pressed);
582
+ --db-adaptive-on-origin-default: var(
583
+ --db-successful-on-origin-default
584
+ );
585
+ --db-adaptive-bg-vibrant-default: var(
586
+ --db-successful-bg-vibrant-default
587
+ );
588
+ --db-adaptive-bg-vibrant-hovered: var(
589
+ --db-successful-bg-vibrant-hovered
590
+ );
591
+ --db-adaptive-bg-vibrant-pressed: var(
592
+ --db-successful-bg-vibrant-pressed
593
+ );
594
+ --db-adaptive-on-bg-vibrant-default: var(
595
+ --db-successful-on-bg-vibrant-default
596
+ );
597
+ --db-adaptive-on-bg-vibrant-hovered: var(
598
+ --db-successful-on-bg-vibrant-hovered
599
+ );
600
+ --db-adaptive-on-bg-vibrant-pressed: var(
601
+ --db-successful-on-bg-vibrant-pressed
602
+ );
603
+ }
580
604
  }
581
605
 
582
606
  [data-color=warning],
583
607
  .db-color-warning {
584
- --db-adaptive-bg-basic-level-1-default: var(
585
- --db-warning-bg-basic-level-1-default
586
- );
587
- --db-adaptive-bg-basic-level-1-hovered: var(
588
- --db-warning-bg-basic-level-1-hovered
589
- );
590
- --db-adaptive-bg-basic-level-1-pressed: var(
591
- --db-warning-bg-basic-level-1-pressed
592
- );
593
- --db-adaptive-bg-basic-level-2-default: var(
594
- --db-warning-bg-basic-level-2-default
595
- );
596
- --db-adaptive-bg-basic-level-2-hovered: var(
597
- --db-warning-bg-basic-level-2-hovered
598
- );
599
- --db-adaptive-bg-basic-level-2-pressed: var(
600
- --db-warning-bg-basic-level-2-pressed
601
- );
602
- --db-adaptive-bg-basic-level-3-default: var(
603
- --db-warning-bg-basic-level-3-default
604
- );
605
- --db-adaptive-bg-basic-level-3-hovered: var(
606
- --db-warning-bg-basic-level-3-hovered
607
- );
608
- --db-adaptive-bg-basic-level-3-pressed: var(
609
- --db-warning-bg-basic-level-3-pressed
610
- );
611
- --db-adaptive-bg-basic-transparent-full-default: var(
612
- --db-warning-bg-basic-transparent-full-default
613
- );
614
- --db-adaptive-bg-basic-transparent-semi-default: var(
615
- --db-warning-bg-basic-transparent-semi-default
616
- );
617
- --db-adaptive-bg-basic-transparent-hovered: var(
618
- --db-warning-bg-basic-transparent-hovered
619
- );
620
- --db-adaptive-bg-basic-transparent-pressed: var(
621
- --db-warning-bg-basic-transparent-pressed
622
- );
623
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
624
- --db-warning-on-bg-basic-emphasis-100-default
625
- );
626
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
627
- --db-warning-on-bg-basic-emphasis-100-hovered
628
- );
629
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
630
- --db-warning-on-bg-basic-emphasis-100-pressed
631
- );
632
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
633
- --db-warning-on-bg-basic-emphasis-90-default
634
- );
635
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
636
- --db-warning-on-bg-basic-emphasis-90-hovered
637
- );
638
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
639
- --db-warning-on-bg-basic-emphasis-90-pressed
640
- );
641
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
642
- --db-warning-on-bg-basic-emphasis-80-default
643
- );
644
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
645
- --db-warning-on-bg-basic-emphasis-80-hovered
646
- );
647
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
648
- --db-warning-on-bg-basic-emphasis-80-pressed
649
- );
650
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
651
- --db-warning-on-bg-basic-emphasis-70-default
652
- );
653
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
654
- --db-warning-on-bg-basic-emphasis-70-hovered
655
- );
656
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
657
- --db-warning-on-bg-basic-emphasis-70-pressed
658
- );
659
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
660
- --db-warning-on-bg-basic-emphasis-60-default
661
- );
662
- --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
663
- --db-warning-on-bg-basic-emphasis-60-hovered
664
- );
665
- --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
666
- --db-warning-on-bg-basic-emphasis-60-pressed
667
- );
668
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
669
- --db-warning-on-bg-basic-emphasis-50-default
670
- );
671
- --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
672
- --db-warning-on-bg-basic-emphasis-50-hovered
673
- );
674
- --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
675
- --db-warning-on-bg-basic-emphasis-50-pressed
676
- );
677
- --db-adaptive-bg-inverted-contrast-max-default: var(
678
- --db-warning-bg-inverted-contrast-max-default
679
- );
680
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
681
- --db-warning-bg-inverted-contrast-max-hovered
682
- );
683
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
684
- --db-warning-bg-inverted-contrast-max-pressed
685
- );
686
- --db-adaptive-bg-inverted-contrast-high-default: var(
687
- --db-warning-bg-inverted-contrast-high-default
688
- );
689
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
690
- --db-warning-bg-inverted-contrast-high-hovered
691
- );
692
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
693
- --db-warning-bg-inverted-contrast-high-pressed
694
- );
695
- --db-adaptive-bg-inverted-contrast-low-default: var(
696
- --db-warning-bg-inverted-contrast-low-default
697
- );
698
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
699
- --db-warning-bg-inverted-contrast-low-hovered
700
- );
701
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
702
- --db-warning-bg-inverted-contrast-low-pressed
703
- );
704
- --db-adaptive-on-bg-inverted-default: var(
705
- --db-warning-on-bg-inverted-default
706
- );
707
- --db-adaptive-on-bg-inverted-hovered: var(
708
- --db-warning-on-bg-inverted-hovered
709
- );
710
- --db-adaptive-on-bg-inverted-pressed: var(
711
- --db-warning-on-bg-inverted-pressed
712
- );
713
- --db-adaptive-origin-default: var(--db-warning-origin-default);
714
- --db-adaptive-origin-hovered: var(--db-warning-origin-hovered);
715
- --db-adaptive-origin-pressed: var(--db-warning-origin-pressed);
716
- --db-adaptive-on-origin-default: var(
717
- --db-warning-on-origin-default
718
- );
719
- --db-adaptive-on-origin-hovered: var(
720
- --db-warning-on-origin-hovered
721
- );
722
- --db-adaptive-on-origin-pressed: var(
723
- --db-warning-on-origin-pressed
724
- );
608
+ /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
609
+ }
610
+ @layer variables {
611
+ [data-color=warning],
612
+ .db-color-warning {
613
+ --db-adaptive-bg-basic-level-1-default: var(
614
+ --db-warning-bg-basic-level-1-default
615
+ );
616
+ --db-adaptive-bg-basic-level-1-hovered: var(
617
+ --db-warning-bg-basic-level-1-hovered
618
+ );
619
+ --db-adaptive-bg-basic-level-1-pressed: var(
620
+ --db-warning-bg-basic-level-1-pressed
621
+ );
622
+ --db-adaptive-bg-basic-level-2-default: var(
623
+ --db-warning-bg-basic-level-2-default
624
+ );
625
+ --db-adaptive-bg-basic-level-2-hovered: var(
626
+ --db-warning-bg-basic-level-2-hovered
627
+ );
628
+ --db-adaptive-bg-basic-level-2-pressed: var(
629
+ --db-warning-bg-basic-level-2-pressed
630
+ );
631
+ --db-adaptive-bg-basic-level-3-default: var(
632
+ --db-warning-bg-basic-level-3-default
633
+ );
634
+ --db-adaptive-bg-basic-level-3-hovered: var(
635
+ --db-warning-bg-basic-level-3-hovered
636
+ );
637
+ --db-adaptive-bg-basic-level-3-pressed: var(
638
+ --db-warning-bg-basic-level-3-pressed
639
+ );
640
+ --db-adaptive-bg-basic-transparent-full-default: var(
641
+ --db-warning-bg-basic-transparent-full-default
642
+ );
643
+ --db-adaptive-bg-basic-transparent-semi-default: var(
644
+ --db-warning-bg-basic-transparent-semi-default
645
+ );
646
+ --db-adaptive-bg-basic-transparent-hovered: var(
647
+ --db-warning-bg-basic-transparent-hovered
648
+ );
649
+ --db-adaptive-bg-basic-transparent-pressed: var(
650
+ --db-warning-bg-basic-transparent-pressed
651
+ );
652
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
653
+ --db-warning-on-bg-basic-emphasis-100-default
654
+ );
655
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
656
+ --db-warning-on-bg-basic-emphasis-100-hovered
657
+ );
658
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
659
+ --db-warning-on-bg-basic-emphasis-100-pressed
660
+ );
661
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
662
+ --db-warning-on-bg-basic-emphasis-90-default
663
+ );
664
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
665
+ --db-warning-on-bg-basic-emphasis-90-hovered
666
+ );
667
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
668
+ --db-warning-on-bg-basic-emphasis-90-pressed
669
+ );
670
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
671
+ --db-warning-on-bg-basic-emphasis-80-default
672
+ );
673
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
674
+ --db-warning-on-bg-basic-emphasis-80-hovered
675
+ );
676
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
677
+ --db-warning-on-bg-basic-emphasis-80-pressed
678
+ );
679
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
680
+ --db-warning-on-bg-basic-emphasis-70-default
681
+ );
682
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
683
+ --db-warning-on-bg-basic-emphasis-70-hovered
684
+ );
685
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
686
+ --db-warning-on-bg-basic-emphasis-70-pressed
687
+ );
688
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
689
+ --db-warning-on-bg-basic-emphasis-60-default
690
+ );
691
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
692
+ --db-warning-on-bg-basic-emphasis-50-default
693
+ );
694
+ --db-adaptive-bg-inverted-contrast-max-default: var(
695
+ --db-warning-bg-inverted-contrast-max-default
696
+ );
697
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
698
+ --db-warning-bg-inverted-contrast-max-hovered
699
+ );
700
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
701
+ --db-warning-bg-inverted-contrast-max-pressed
702
+ );
703
+ --db-adaptive-bg-inverted-contrast-high-default: var(
704
+ --db-warning-bg-inverted-contrast-high-default
705
+ );
706
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
707
+ --db-warning-bg-inverted-contrast-high-hovered
708
+ );
709
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
710
+ --db-warning-bg-inverted-contrast-high-pressed
711
+ );
712
+ --db-adaptive-bg-inverted-contrast-low-default: var(
713
+ --db-warning-bg-inverted-contrast-low-default
714
+ );
715
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
716
+ --db-warning-bg-inverted-contrast-low-hovered
717
+ );
718
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
719
+ --db-warning-bg-inverted-contrast-low-pressed
720
+ );
721
+ --db-adaptive-on-bg-inverted-default: var(
722
+ --db-warning-on-bg-inverted-default
723
+ );
724
+ --db-adaptive-on-bg-inverted-hovered: var(
725
+ --db-warning-on-bg-inverted-hovered
726
+ );
727
+ --db-adaptive-on-bg-inverted-pressed: var(
728
+ --db-warning-on-bg-inverted-pressed
729
+ );
730
+ --db-adaptive-origin-default: var(--db-warning-origin-default);
731
+ --db-adaptive-origin-hovered: var(--db-warning-origin-hovered);
732
+ --db-adaptive-origin-pressed: var(--db-warning-origin-pressed);
733
+ --db-adaptive-on-origin-default: var(
734
+ --db-warning-on-origin-default
735
+ );
736
+ --db-adaptive-bg-vibrant-default: var(
737
+ --db-warning-bg-vibrant-default
738
+ );
739
+ --db-adaptive-bg-vibrant-hovered: var(
740
+ --db-warning-bg-vibrant-hovered
741
+ );
742
+ --db-adaptive-bg-vibrant-pressed: var(
743
+ --db-warning-bg-vibrant-pressed
744
+ );
745
+ --db-adaptive-on-bg-vibrant-default: var(
746
+ --db-warning-on-bg-vibrant-default
747
+ );
748
+ --db-adaptive-on-bg-vibrant-hovered: var(
749
+ --db-warning-on-bg-vibrant-hovered
750
+ );
751
+ --db-adaptive-on-bg-vibrant-pressed: var(
752
+ --db-warning-on-bg-vibrant-pressed
753
+ );
754
+ }
725
755
  }
726
756
 
727
757
  [data-color=informational],
728
758
  .db-color-informational {
729
- --db-adaptive-bg-basic-level-1-default: var(
730
- --db-informational-bg-basic-level-1-default
731
- );
732
- --db-adaptive-bg-basic-level-1-hovered: var(
733
- --db-informational-bg-basic-level-1-hovered
734
- );
735
- --db-adaptive-bg-basic-level-1-pressed: var(
736
- --db-informational-bg-basic-level-1-pressed
737
- );
738
- --db-adaptive-bg-basic-level-2-default: var(
739
- --db-informational-bg-basic-level-2-default
740
- );
741
- --db-adaptive-bg-basic-level-2-hovered: var(
742
- --db-informational-bg-basic-level-2-hovered
743
- );
744
- --db-adaptive-bg-basic-level-2-pressed: var(
745
- --db-informational-bg-basic-level-2-pressed
746
- );
747
- --db-adaptive-bg-basic-level-3-default: var(
748
- --db-informational-bg-basic-level-3-default
749
- );
750
- --db-adaptive-bg-basic-level-3-hovered: var(
751
- --db-informational-bg-basic-level-3-hovered
752
- );
753
- --db-adaptive-bg-basic-level-3-pressed: var(
754
- --db-informational-bg-basic-level-3-pressed
755
- );
756
- --db-adaptive-bg-basic-transparent-full-default: var(
757
- --db-informational-bg-basic-transparent-full-default
758
- );
759
- --db-adaptive-bg-basic-transparent-semi-default: var(
760
- --db-informational-bg-basic-transparent-semi-default
761
- );
762
- --db-adaptive-bg-basic-transparent-hovered: var(
763
- --db-informational-bg-basic-transparent-hovered
764
- );
765
- --db-adaptive-bg-basic-transparent-pressed: var(
766
- --db-informational-bg-basic-transparent-pressed
767
- );
768
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
769
- --db-informational-on-bg-basic-emphasis-100-default
770
- );
771
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
772
- --db-informational-on-bg-basic-emphasis-100-hovered
773
- );
774
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
775
- --db-informational-on-bg-basic-emphasis-100-pressed
776
- );
777
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
778
- --db-informational-on-bg-basic-emphasis-90-default
779
- );
780
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
781
- --db-informational-on-bg-basic-emphasis-90-hovered
782
- );
783
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
784
- --db-informational-on-bg-basic-emphasis-90-pressed
785
- );
786
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
787
- --db-informational-on-bg-basic-emphasis-80-default
788
- );
789
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
790
- --db-informational-on-bg-basic-emphasis-80-hovered
791
- );
792
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
793
- --db-informational-on-bg-basic-emphasis-80-pressed
794
- );
795
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
796
- --db-informational-on-bg-basic-emphasis-70-default
797
- );
798
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
799
- --db-informational-on-bg-basic-emphasis-70-hovered
800
- );
801
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
802
- --db-informational-on-bg-basic-emphasis-70-pressed
803
- );
804
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
805
- --db-informational-on-bg-basic-emphasis-60-default
806
- );
807
- --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
808
- --db-informational-on-bg-basic-emphasis-60-hovered
809
- );
810
- --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
811
- --db-informational-on-bg-basic-emphasis-60-pressed
812
- );
813
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
814
- --db-informational-on-bg-basic-emphasis-50-default
815
- );
816
- --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
817
- --db-informational-on-bg-basic-emphasis-50-hovered
818
- );
819
- --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
820
- --db-informational-on-bg-basic-emphasis-50-pressed
821
- );
822
- --db-adaptive-bg-inverted-contrast-max-default: var(
823
- --db-informational-bg-inverted-contrast-max-default
824
- );
825
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
826
- --db-informational-bg-inverted-contrast-max-hovered
827
- );
828
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
829
- --db-informational-bg-inverted-contrast-max-pressed
830
- );
831
- --db-adaptive-bg-inverted-contrast-high-default: var(
832
- --db-informational-bg-inverted-contrast-high-default
833
- );
834
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
835
- --db-informational-bg-inverted-contrast-high-hovered
836
- );
837
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
838
- --db-informational-bg-inverted-contrast-high-pressed
839
- );
840
- --db-adaptive-bg-inverted-contrast-low-default: var(
841
- --db-informational-bg-inverted-contrast-low-default
842
- );
843
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
844
- --db-informational-bg-inverted-contrast-low-hovered
845
- );
846
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
847
- --db-informational-bg-inverted-contrast-low-pressed
848
- );
849
- --db-adaptive-on-bg-inverted-default: var(
850
- --db-informational-on-bg-inverted-default
851
- );
852
- --db-adaptive-on-bg-inverted-hovered: var(
853
- --db-informational-on-bg-inverted-hovered
854
- );
855
- --db-adaptive-on-bg-inverted-pressed: var(
856
- --db-informational-on-bg-inverted-pressed
857
- );
858
- --db-adaptive-origin-default: var(--db-informational-origin-default);
859
- --db-adaptive-origin-hovered: var(--db-informational-origin-hovered);
860
- --db-adaptive-origin-pressed: var(--db-informational-origin-pressed);
861
- --db-adaptive-on-origin-default: var(
862
- --db-informational-on-origin-default
863
- );
864
- --db-adaptive-on-origin-hovered: var(
865
- --db-informational-on-origin-hovered
866
- );
867
- --db-adaptive-on-origin-pressed: var(
868
- --db-informational-on-origin-pressed
869
- );
759
+ /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
760
+ }
761
+ @layer variables {
762
+ [data-color=informational],
763
+ .db-color-informational {
764
+ --db-adaptive-bg-basic-level-1-default: var(
765
+ --db-informational-bg-basic-level-1-default
766
+ );
767
+ --db-adaptive-bg-basic-level-1-hovered: var(
768
+ --db-informational-bg-basic-level-1-hovered
769
+ );
770
+ --db-adaptive-bg-basic-level-1-pressed: var(
771
+ --db-informational-bg-basic-level-1-pressed
772
+ );
773
+ --db-adaptive-bg-basic-level-2-default: var(
774
+ --db-informational-bg-basic-level-2-default
775
+ );
776
+ --db-adaptive-bg-basic-level-2-hovered: var(
777
+ --db-informational-bg-basic-level-2-hovered
778
+ );
779
+ --db-adaptive-bg-basic-level-2-pressed: var(
780
+ --db-informational-bg-basic-level-2-pressed
781
+ );
782
+ --db-adaptive-bg-basic-level-3-default: var(
783
+ --db-informational-bg-basic-level-3-default
784
+ );
785
+ --db-adaptive-bg-basic-level-3-hovered: var(
786
+ --db-informational-bg-basic-level-3-hovered
787
+ );
788
+ --db-adaptive-bg-basic-level-3-pressed: var(
789
+ --db-informational-bg-basic-level-3-pressed
790
+ );
791
+ --db-adaptive-bg-basic-transparent-full-default: var(
792
+ --db-informational-bg-basic-transparent-full-default
793
+ );
794
+ --db-adaptive-bg-basic-transparent-semi-default: var(
795
+ --db-informational-bg-basic-transparent-semi-default
796
+ );
797
+ --db-adaptive-bg-basic-transparent-hovered: var(
798
+ --db-informational-bg-basic-transparent-hovered
799
+ );
800
+ --db-adaptive-bg-basic-transparent-pressed: var(
801
+ --db-informational-bg-basic-transparent-pressed
802
+ );
803
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
804
+ --db-informational-on-bg-basic-emphasis-100-default
805
+ );
806
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
807
+ --db-informational-on-bg-basic-emphasis-100-hovered
808
+ );
809
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
810
+ --db-informational-on-bg-basic-emphasis-100-pressed
811
+ );
812
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
813
+ --db-informational-on-bg-basic-emphasis-90-default
814
+ );
815
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
816
+ --db-informational-on-bg-basic-emphasis-90-hovered
817
+ );
818
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
819
+ --db-informational-on-bg-basic-emphasis-90-pressed
820
+ );
821
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
822
+ --db-informational-on-bg-basic-emphasis-80-default
823
+ );
824
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
825
+ --db-informational-on-bg-basic-emphasis-80-hovered
826
+ );
827
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
828
+ --db-informational-on-bg-basic-emphasis-80-pressed
829
+ );
830
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
831
+ --db-informational-on-bg-basic-emphasis-70-default
832
+ );
833
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
834
+ --db-informational-on-bg-basic-emphasis-70-hovered
835
+ );
836
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
837
+ --db-informational-on-bg-basic-emphasis-70-pressed
838
+ );
839
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
840
+ --db-informational-on-bg-basic-emphasis-60-default
841
+ );
842
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
843
+ --db-informational-on-bg-basic-emphasis-50-default
844
+ );
845
+ --db-adaptive-bg-inverted-contrast-max-default: var(
846
+ --db-informational-bg-inverted-contrast-max-default
847
+ );
848
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
849
+ --db-informational-bg-inverted-contrast-max-hovered
850
+ );
851
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
852
+ --db-informational-bg-inverted-contrast-max-pressed
853
+ );
854
+ --db-adaptive-bg-inverted-contrast-high-default: var(
855
+ --db-informational-bg-inverted-contrast-high-default
856
+ );
857
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
858
+ --db-informational-bg-inverted-contrast-high-hovered
859
+ );
860
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
861
+ --db-informational-bg-inverted-contrast-high-pressed
862
+ );
863
+ --db-adaptive-bg-inverted-contrast-low-default: var(
864
+ --db-informational-bg-inverted-contrast-low-default
865
+ );
866
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
867
+ --db-informational-bg-inverted-contrast-low-hovered
868
+ );
869
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
870
+ --db-informational-bg-inverted-contrast-low-pressed
871
+ );
872
+ --db-adaptive-on-bg-inverted-default: var(
873
+ --db-informational-on-bg-inverted-default
874
+ );
875
+ --db-adaptive-on-bg-inverted-hovered: var(
876
+ --db-informational-on-bg-inverted-hovered
877
+ );
878
+ --db-adaptive-on-bg-inverted-pressed: var(
879
+ --db-informational-on-bg-inverted-pressed
880
+ );
881
+ --db-adaptive-origin-default: var(--db-informational-origin-default);
882
+ --db-adaptive-origin-hovered: var(--db-informational-origin-hovered);
883
+ --db-adaptive-origin-pressed: var(--db-informational-origin-pressed);
884
+ --db-adaptive-on-origin-default: var(
885
+ --db-informational-on-origin-default
886
+ );
887
+ --db-adaptive-bg-vibrant-default: var(
888
+ --db-informational-bg-vibrant-default
889
+ );
890
+ --db-adaptive-bg-vibrant-hovered: var(
891
+ --db-informational-bg-vibrant-hovered
892
+ );
893
+ --db-adaptive-bg-vibrant-pressed: var(
894
+ --db-informational-bg-vibrant-pressed
895
+ );
896
+ --db-adaptive-on-bg-vibrant-default: var(
897
+ --db-informational-on-bg-vibrant-default
898
+ );
899
+ --db-adaptive-on-bg-vibrant-hovered: var(
900
+ --db-informational-on-bg-vibrant-hovered
901
+ );
902
+ --db-adaptive-on-bg-vibrant-pressed: var(
903
+ --db-informational-on-bg-vibrant-pressed
904
+ );
905
+ }
870
906
  }
871
907
 
872
908
  [data-color=yellow],
873
909
  .db-color-yellow {
874
- --db-adaptive-bg-basic-level-1-default: var(
875
- --db-yellow-bg-basic-level-1-default
876
- );
877
- --db-adaptive-bg-basic-level-1-hovered: var(
878
- --db-yellow-bg-basic-level-1-hovered
879
- );
880
- --db-adaptive-bg-basic-level-1-pressed: var(
881
- --db-yellow-bg-basic-level-1-pressed
882
- );
883
- --db-adaptive-bg-basic-level-2-default: var(
884
- --db-yellow-bg-basic-level-2-default
885
- );
886
- --db-adaptive-bg-basic-level-2-hovered: var(
887
- --db-yellow-bg-basic-level-2-hovered
888
- );
889
- --db-adaptive-bg-basic-level-2-pressed: var(
890
- --db-yellow-bg-basic-level-2-pressed
891
- );
892
- --db-adaptive-bg-basic-level-3-default: var(
893
- --db-yellow-bg-basic-level-3-default
894
- );
895
- --db-adaptive-bg-basic-level-3-hovered: var(
896
- --db-yellow-bg-basic-level-3-hovered
897
- );
898
- --db-adaptive-bg-basic-level-3-pressed: var(
899
- --db-yellow-bg-basic-level-3-pressed
900
- );
901
- --db-adaptive-bg-basic-transparent-full-default: var(
902
- --db-yellow-bg-basic-transparent-full-default
903
- );
904
- --db-adaptive-bg-basic-transparent-semi-default: var(
905
- --db-yellow-bg-basic-transparent-semi-default
906
- );
907
- --db-adaptive-bg-basic-transparent-hovered: var(
908
- --db-yellow-bg-basic-transparent-hovered
909
- );
910
- --db-adaptive-bg-basic-transparent-pressed: var(
911
- --db-yellow-bg-basic-transparent-pressed
912
- );
913
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
914
- --db-yellow-on-bg-basic-emphasis-100-default
915
- );
916
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
917
- --db-yellow-on-bg-basic-emphasis-100-hovered
918
- );
919
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
920
- --db-yellow-on-bg-basic-emphasis-100-pressed
921
- );
922
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
923
- --db-yellow-on-bg-basic-emphasis-90-default
924
- );
925
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
926
- --db-yellow-on-bg-basic-emphasis-90-hovered
927
- );
928
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
929
- --db-yellow-on-bg-basic-emphasis-90-pressed
930
- );
931
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
932
- --db-yellow-on-bg-basic-emphasis-80-default
933
- );
934
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
935
- --db-yellow-on-bg-basic-emphasis-80-hovered
936
- );
937
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
938
- --db-yellow-on-bg-basic-emphasis-80-pressed
939
- );
940
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
941
- --db-yellow-on-bg-basic-emphasis-70-default
942
- );
943
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
944
- --db-yellow-on-bg-basic-emphasis-70-hovered
945
- );
946
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
947
- --db-yellow-on-bg-basic-emphasis-70-pressed
948
- );
949
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
950
- --db-yellow-on-bg-basic-emphasis-60-default
951
- );
952
- --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
953
- --db-yellow-on-bg-basic-emphasis-60-hovered
954
- );
955
- --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
956
- --db-yellow-on-bg-basic-emphasis-60-pressed
957
- );
958
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
959
- --db-yellow-on-bg-basic-emphasis-50-default
960
- );
961
- --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
962
- --db-yellow-on-bg-basic-emphasis-50-hovered
963
- );
964
- --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
965
- --db-yellow-on-bg-basic-emphasis-50-pressed
966
- );
967
- --db-adaptive-bg-inverted-contrast-max-default: var(
968
- --db-yellow-bg-inverted-contrast-max-default
969
- );
970
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
971
- --db-yellow-bg-inverted-contrast-max-hovered
972
- );
973
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
974
- --db-yellow-bg-inverted-contrast-max-pressed
975
- );
976
- --db-adaptive-bg-inverted-contrast-high-default: var(
977
- --db-yellow-bg-inverted-contrast-high-default
978
- );
979
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
980
- --db-yellow-bg-inverted-contrast-high-hovered
981
- );
982
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
983
- --db-yellow-bg-inverted-contrast-high-pressed
984
- );
985
- --db-adaptive-bg-inverted-contrast-low-default: var(
986
- --db-yellow-bg-inverted-contrast-low-default
987
- );
988
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
989
- --db-yellow-bg-inverted-contrast-low-hovered
990
- );
991
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
992
- --db-yellow-bg-inverted-contrast-low-pressed
993
- );
994
- --db-adaptive-on-bg-inverted-default: var(
995
- --db-yellow-on-bg-inverted-default
996
- );
997
- --db-adaptive-on-bg-inverted-hovered: var(
998
- --db-yellow-on-bg-inverted-hovered
999
- );
1000
- --db-adaptive-on-bg-inverted-pressed: var(
1001
- --db-yellow-on-bg-inverted-pressed
1002
- );
1003
- --db-adaptive-origin-default: var(--db-yellow-origin-default);
1004
- --db-adaptive-origin-hovered: var(--db-yellow-origin-hovered);
1005
- --db-adaptive-origin-pressed: var(--db-yellow-origin-pressed);
1006
- --db-adaptive-on-origin-default: var(
1007
- --db-yellow-on-origin-default
1008
- );
1009
- --db-adaptive-on-origin-hovered: var(
1010
- --db-yellow-on-origin-hovered
1011
- );
1012
- --db-adaptive-on-origin-pressed: var(
1013
- --db-yellow-on-origin-pressed
1014
- );
910
+ /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
911
+ }
912
+ @layer variables {
913
+ [data-color=yellow],
914
+ .db-color-yellow {
915
+ --db-adaptive-bg-basic-level-1-default: var(
916
+ --db-yellow-bg-basic-level-1-default
917
+ );
918
+ --db-adaptive-bg-basic-level-1-hovered: var(
919
+ --db-yellow-bg-basic-level-1-hovered
920
+ );
921
+ --db-adaptive-bg-basic-level-1-pressed: var(
922
+ --db-yellow-bg-basic-level-1-pressed
923
+ );
924
+ --db-adaptive-bg-basic-level-2-default: var(
925
+ --db-yellow-bg-basic-level-2-default
926
+ );
927
+ --db-adaptive-bg-basic-level-2-hovered: var(
928
+ --db-yellow-bg-basic-level-2-hovered
929
+ );
930
+ --db-adaptive-bg-basic-level-2-pressed: var(
931
+ --db-yellow-bg-basic-level-2-pressed
932
+ );
933
+ --db-adaptive-bg-basic-level-3-default: var(
934
+ --db-yellow-bg-basic-level-3-default
935
+ );
936
+ --db-adaptive-bg-basic-level-3-hovered: var(
937
+ --db-yellow-bg-basic-level-3-hovered
938
+ );
939
+ --db-adaptive-bg-basic-level-3-pressed: var(
940
+ --db-yellow-bg-basic-level-3-pressed
941
+ );
942
+ --db-adaptive-bg-basic-transparent-full-default: var(
943
+ --db-yellow-bg-basic-transparent-full-default
944
+ );
945
+ --db-adaptive-bg-basic-transparent-semi-default: var(
946
+ --db-yellow-bg-basic-transparent-semi-default
947
+ );
948
+ --db-adaptive-bg-basic-transparent-hovered: var(
949
+ --db-yellow-bg-basic-transparent-hovered
950
+ );
951
+ --db-adaptive-bg-basic-transparent-pressed: var(
952
+ --db-yellow-bg-basic-transparent-pressed
953
+ );
954
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
955
+ --db-yellow-on-bg-basic-emphasis-100-default
956
+ );
957
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
958
+ --db-yellow-on-bg-basic-emphasis-100-hovered
959
+ );
960
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
961
+ --db-yellow-on-bg-basic-emphasis-100-pressed
962
+ );
963
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
964
+ --db-yellow-on-bg-basic-emphasis-90-default
965
+ );
966
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
967
+ --db-yellow-on-bg-basic-emphasis-90-hovered
968
+ );
969
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
970
+ --db-yellow-on-bg-basic-emphasis-90-pressed
971
+ );
972
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
973
+ --db-yellow-on-bg-basic-emphasis-80-default
974
+ );
975
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
976
+ --db-yellow-on-bg-basic-emphasis-80-hovered
977
+ );
978
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
979
+ --db-yellow-on-bg-basic-emphasis-80-pressed
980
+ );
981
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
982
+ --db-yellow-on-bg-basic-emphasis-70-default
983
+ );
984
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
985
+ --db-yellow-on-bg-basic-emphasis-70-hovered
986
+ );
987
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
988
+ --db-yellow-on-bg-basic-emphasis-70-pressed
989
+ );
990
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
991
+ --db-yellow-on-bg-basic-emphasis-60-default
992
+ );
993
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
994
+ --db-yellow-on-bg-basic-emphasis-50-default
995
+ );
996
+ --db-adaptive-bg-inverted-contrast-max-default: var(
997
+ --db-yellow-bg-inverted-contrast-max-default
998
+ );
999
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
1000
+ --db-yellow-bg-inverted-contrast-max-hovered
1001
+ );
1002
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
1003
+ --db-yellow-bg-inverted-contrast-max-pressed
1004
+ );
1005
+ --db-adaptive-bg-inverted-contrast-high-default: var(
1006
+ --db-yellow-bg-inverted-contrast-high-default
1007
+ );
1008
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
1009
+ --db-yellow-bg-inverted-contrast-high-hovered
1010
+ );
1011
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
1012
+ --db-yellow-bg-inverted-contrast-high-pressed
1013
+ );
1014
+ --db-adaptive-bg-inverted-contrast-low-default: var(
1015
+ --db-yellow-bg-inverted-contrast-low-default
1016
+ );
1017
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
1018
+ --db-yellow-bg-inverted-contrast-low-hovered
1019
+ );
1020
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
1021
+ --db-yellow-bg-inverted-contrast-low-pressed
1022
+ );
1023
+ --db-adaptive-on-bg-inverted-default: var(
1024
+ --db-yellow-on-bg-inverted-default
1025
+ );
1026
+ --db-adaptive-on-bg-inverted-hovered: var(
1027
+ --db-yellow-on-bg-inverted-hovered
1028
+ );
1029
+ --db-adaptive-on-bg-inverted-pressed: var(
1030
+ --db-yellow-on-bg-inverted-pressed
1031
+ );
1032
+ --db-adaptive-origin-default: var(--db-yellow-origin-default);
1033
+ --db-adaptive-origin-hovered: var(--db-yellow-origin-hovered);
1034
+ --db-adaptive-origin-pressed: var(--db-yellow-origin-pressed);
1035
+ --db-adaptive-on-origin-default: var(
1036
+ --db-yellow-on-origin-default
1037
+ );
1038
+ --db-adaptive-bg-vibrant-default: var(
1039
+ --db-yellow-bg-vibrant-default
1040
+ );
1041
+ --db-adaptive-bg-vibrant-hovered: var(
1042
+ --db-yellow-bg-vibrant-hovered
1043
+ );
1044
+ --db-adaptive-bg-vibrant-pressed: var(
1045
+ --db-yellow-bg-vibrant-pressed
1046
+ );
1047
+ --db-adaptive-on-bg-vibrant-default: var(
1048
+ --db-yellow-on-bg-vibrant-default
1049
+ );
1050
+ --db-adaptive-on-bg-vibrant-hovered: var(
1051
+ --db-yellow-on-bg-vibrant-hovered
1052
+ );
1053
+ --db-adaptive-on-bg-vibrant-pressed: var(
1054
+ --db-yellow-on-bg-vibrant-pressed
1055
+ );
1056
+ }
1015
1057
  }
1016
1058
 
1017
1059
  [data-color=orange],
1018
1060
  .db-color-orange {
1019
- --db-adaptive-bg-basic-level-1-default: var(
1020
- --db-orange-bg-basic-level-1-default
1021
- );
1022
- --db-adaptive-bg-basic-level-1-hovered: var(
1023
- --db-orange-bg-basic-level-1-hovered
1024
- );
1025
- --db-adaptive-bg-basic-level-1-pressed: var(
1026
- --db-orange-bg-basic-level-1-pressed
1027
- );
1028
- --db-adaptive-bg-basic-level-2-default: var(
1029
- --db-orange-bg-basic-level-2-default
1030
- );
1031
- --db-adaptive-bg-basic-level-2-hovered: var(
1032
- --db-orange-bg-basic-level-2-hovered
1033
- );
1034
- --db-adaptive-bg-basic-level-2-pressed: var(
1035
- --db-orange-bg-basic-level-2-pressed
1036
- );
1037
- --db-adaptive-bg-basic-level-3-default: var(
1038
- --db-orange-bg-basic-level-3-default
1039
- );
1040
- --db-adaptive-bg-basic-level-3-hovered: var(
1041
- --db-orange-bg-basic-level-3-hovered
1042
- );
1043
- --db-adaptive-bg-basic-level-3-pressed: var(
1044
- --db-orange-bg-basic-level-3-pressed
1045
- );
1046
- --db-adaptive-bg-basic-transparent-full-default: var(
1047
- --db-orange-bg-basic-transparent-full-default
1048
- );
1049
- --db-adaptive-bg-basic-transparent-semi-default: var(
1050
- --db-orange-bg-basic-transparent-semi-default
1051
- );
1052
- --db-adaptive-bg-basic-transparent-hovered: var(
1053
- --db-orange-bg-basic-transparent-hovered
1054
- );
1055
- --db-adaptive-bg-basic-transparent-pressed: var(
1056
- --db-orange-bg-basic-transparent-pressed
1057
- );
1058
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
1059
- --db-orange-on-bg-basic-emphasis-100-default
1060
- );
1061
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
1062
- --db-orange-on-bg-basic-emphasis-100-hovered
1063
- );
1064
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
1065
- --db-orange-on-bg-basic-emphasis-100-pressed
1066
- );
1067
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
1068
- --db-orange-on-bg-basic-emphasis-90-default
1069
- );
1070
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
1071
- --db-orange-on-bg-basic-emphasis-90-hovered
1072
- );
1073
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
1074
- --db-orange-on-bg-basic-emphasis-90-pressed
1075
- );
1076
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
1077
- --db-orange-on-bg-basic-emphasis-80-default
1078
- );
1079
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
1080
- --db-orange-on-bg-basic-emphasis-80-hovered
1081
- );
1082
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
1083
- --db-orange-on-bg-basic-emphasis-80-pressed
1084
- );
1085
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
1086
- --db-orange-on-bg-basic-emphasis-70-default
1087
- );
1088
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
1089
- --db-orange-on-bg-basic-emphasis-70-hovered
1090
- );
1091
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
1092
- --db-orange-on-bg-basic-emphasis-70-pressed
1093
- );
1094
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
1095
- --db-orange-on-bg-basic-emphasis-60-default
1096
- );
1097
- --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
1098
- --db-orange-on-bg-basic-emphasis-60-hovered
1099
- );
1100
- --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
1101
- --db-orange-on-bg-basic-emphasis-60-pressed
1102
- );
1103
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
1104
- --db-orange-on-bg-basic-emphasis-50-default
1105
- );
1106
- --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
1107
- --db-orange-on-bg-basic-emphasis-50-hovered
1108
- );
1109
- --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
1110
- --db-orange-on-bg-basic-emphasis-50-pressed
1111
- );
1112
- --db-adaptive-bg-inverted-contrast-max-default: var(
1113
- --db-orange-bg-inverted-contrast-max-default
1114
- );
1115
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
1116
- --db-orange-bg-inverted-contrast-max-hovered
1117
- );
1118
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
1119
- --db-orange-bg-inverted-contrast-max-pressed
1120
- );
1121
- --db-adaptive-bg-inverted-contrast-high-default: var(
1122
- --db-orange-bg-inverted-contrast-high-default
1123
- );
1124
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
1125
- --db-orange-bg-inverted-contrast-high-hovered
1126
- );
1127
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
1128
- --db-orange-bg-inverted-contrast-high-pressed
1129
- );
1130
- --db-adaptive-bg-inverted-contrast-low-default: var(
1131
- --db-orange-bg-inverted-contrast-low-default
1132
- );
1133
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
1134
- --db-orange-bg-inverted-contrast-low-hovered
1135
- );
1136
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
1137
- --db-orange-bg-inverted-contrast-low-pressed
1138
- );
1139
- --db-adaptive-on-bg-inverted-default: var(
1140
- --db-orange-on-bg-inverted-default
1141
- );
1142
- --db-adaptive-on-bg-inverted-hovered: var(
1143
- --db-orange-on-bg-inverted-hovered
1144
- );
1145
- --db-adaptive-on-bg-inverted-pressed: var(
1146
- --db-orange-on-bg-inverted-pressed
1147
- );
1148
- --db-adaptive-origin-default: var(--db-orange-origin-default);
1149
- --db-adaptive-origin-hovered: var(--db-orange-origin-hovered);
1150
- --db-adaptive-origin-pressed: var(--db-orange-origin-pressed);
1151
- --db-adaptive-on-origin-default: var(
1152
- --db-orange-on-origin-default
1153
- );
1154
- --db-adaptive-on-origin-hovered: var(
1155
- --db-orange-on-origin-hovered
1156
- );
1157
- --db-adaptive-on-origin-pressed: var(
1158
- --db-orange-on-origin-pressed
1159
- );
1061
+ /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
1062
+ }
1063
+ @layer variables {
1064
+ [data-color=orange],
1065
+ .db-color-orange {
1066
+ --db-adaptive-bg-basic-level-1-default: var(
1067
+ --db-orange-bg-basic-level-1-default
1068
+ );
1069
+ --db-adaptive-bg-basic-level-1-hovered: var(
1070
+ --db-orange-bg-basic-level-1-hovered
1071
+ );
1072
+ --db-adaptive-bg-basic-level-1-pressed: var(
1073
+ --db-orange-bg-basic-level-1-pressed
1074
+ );
1075
+ --db-adaptive-bg-basic-level-2-default: var(
1076
+ --db-orange-bg-basic-level-2-default
1077
+ );
1078
+ --db-adaptive-bg-basic-level-2-hovered: var(
1079
+ --db-orange-bg-basic-level-2-hovered
1080
+ );
1081
+ --db-adaptive-bg-basic-level-2-pressed: var(
1082
+ --db-orange-bg-basic-level-2-pressed
1083
+ );
1084
+ --db-adaptive-bg-basic-level-3-default: var(
1085
+ --db-orange-bg-basic-level-3-default
1086
+ );
1087
+ --db-adaptive-bg-basic-level-3-hovered: var(
1088
+ --db-orange-bg-basic-level-3-hovered
1089
+ );
1090
+ --db-adaptive-bg-basic-level-3-pressed: var(
1091
+ --db-orange-bg-basic-level-3-pressed
1092
+ );
1093
+ --db-adaptive-bg-basic-transparent-full-default: var(
1094
+ --db-orange-bg-basic-transparent-full-default
1095
+ );
1096
+ --db-adaptive-bg-basic-transparent-semi-default: var(
1097
+ --db-orange-bg-basic-transparent-semi-default
1098
+ );
1099
+ --db-adaptive-bg-basic-transparent-hovered: var(
1100
+ --db-orange-bg-basic-transparent-hovered
1101
+ );
1102
+ --db-adaptive-bg-basic-transparent-pressed: var(
1103
+ --db-orange-bg-basic-transparent-pressed
1104
+ );
1105
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
1106
+ --db-orange-on-bg-basic-emphasis-100-default
1107
+ );
1108
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
1109
+ --db-orange-on-bg-basic-emphasis-100-hovered
1110
+ );
1111
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
1112
+ --db-orange-on-bg-basic-emphasis-100-pressed
1113
+ );
1114
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
1115
+ --db-orange-on-bg-basic-emphasis-90-default
1116
+ );
1117
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
1118
+ --db-orange-on-bg-basic-emphasis-90-hovered
1119
+ );
1120
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
1121
+ --db-orange-on-bg-basic-emphasis-90-pressed
1122
+ );
1123
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
1124
+ --db-orange-on-bg-basic-emphasis-80-default
1125
+ );
1126
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
1127
+ --db-orange-on-bg-basic-emphasis-80-hovered
1128
+ );
1129
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
1130
+ --db-orange-on-bg-basic-emphasis-80-pressed
1131
+ );
1132
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
1133
+ --db-orange-on-bg-basic-emphasis-70-default
1134
+ );
1135
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
1136
+ --db-orange-on-bg-basic-emphasis-70-hovered
1137
+ );
1138
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
1139
+ --db-orange-on-bg-basic-emphasis-70-pressed
1140
+ );
1141
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
1142
+ --db-orange-on-bg-basic-emphasis-60-default
1143
+ );
1144
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
1145
+ --db-orange-on-bg-basic-emphasis-50-default
1146
+ );
1147
+ --db-adaptive-bg-inverted-contrast-max-default: var(
1148
+ --db-orange-bg-inverted-contrast-max-default
1149
+ );
1150
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
1151
+ --db-orange-bg-inverted-contrast-max-hovered
1152
+ );
1153
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
1154
+ --db-orange-bg-inverted-contrast-max-pressed
1155
+ );
1156
+ --db-adaptive-bg-inverted-contrast-high-default: var(
1157
+ --db-orange-bg-inverted-contrast-high-default
1158
+ );
1159
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
1160
+ --db-orange-bg-inverted-contrast-high-hovered
1161
+ );
1162
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
1163
+ --db-orange-bg-inverted-contrast-high-pressed
1164
+ );
1165
+ --db-adaptive-bg-inverted-contrast-low-default: var(
1166
+ --db-orange-bg-inverted-contrast-low-default
1167
+ );
1168
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
1169
+ --db-orange-bg-inverted-contrast-low-hovered
1170
+ );
1171
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
1172
+ --db-orange-bg-inverted-contrast-low-pressed
1173
+ );
1174
+ --db-adaptive-on-bg-inverted-default: var(
1175
+ --db-orange-on-bg-inverted-default
1176
+ );
1177
+ --db-adaptive-on-bg-inverted-hovered: var(
1178
+ --db-orange-on-bg-inverted-hovered
1179
+ );
1180
+ --db-adaptive-on-bg-inverted-pressed: var(
1181
+ --db-orange-on-bg-inverted-pressed
1182
+ );
1183
+ --db-adaptive-origin-default: var(--db-orange-origin-default);
1184
+ --db-adaptive-origin-hovered: var(--db-orange-origin-hovered);
1185
+ --db-adaptive-origin-pressed: var(--db-orange-origin-pressed);
1186
+ --db-adaptive-on-origin-default: var(
1187
+ --db-orange-on-origin-default
1188
+ );
1189
+ --db-adaptive-bg-vibrant-default: var(
1190
+ --db-orange-bg-vibrant-default
1191
+ );
1192
+ --db-adaptive-bg-vibrant-hovered: var(
1193
+ --db-orange-bg-vibrant-hovered
1194
+ );
1195
+ --db-adaptive-bg-vibrant-pressed: var(
1196
+ --db-orange-bg-vibrant-pressed
1197
+ );
1198
+ --db-adaptive-on-bg-vibrant-default: var(
1199
+ --db-orange-on-bg-vibrant-default
1200
+ );
1201
+ --db-adaptive-on-bg-vibrant-hovered: var(
1202
+ --db-orange-on-bg-vibrant-hovered
1203
+ );
1204
+ --db-adaptive-on-bg-vibrant-pressed: var(
1205
+ --db-orange-on-bg-vibrant-pressed
1206
+ );
1207
+ }
1160
1208
  }
1161
1209
 
1162
1210
  [data-color=red],
1163
1211
  .db-color-red {
1164
- --db-adaptive-bg-basic-level-1-default: var(
1165
- --db-red-bg-basic-level-1-default
1166
- );
1167
- --db-adaptive-bg-basic-level-1-hovered: var(
1168
- --db-red-bg-basic-level-1-hovered
1169
- );
1170
- --db-adaptive-bg-basic-level-1-pressed: var(
1171
- --db-red-bg-basic-level-1-pressed
1172
- );
1173
- --db-adaptive-bg-basic-level-2-default: var(
1174
- --db-red-bg-basic-level-2-default
1175
- );
1176
- --db-adaptive-bg-basic-level-2-hovered: var(
1177
- --db-red-bg-basic-level-2-hovered
1178
- );
1179
- --db-adaptive-bg-basic-level-2-pressed: var(
1180
- --db-red-bg-basic-level-2-pressed
1181
- );
1182
- --db-adaptive-bg-basic-level-3-default: var(
1183
- --db-red-bg-basic-level-3-default
1184
- );
1185
- --db-adaptive-bg-basic-level-3-hovered: var(
1186
- --db-red-bg-basic-level-3-hovered
1187
- );
1188
- --db-adaptive-bg-basic-level-3-pressed: var(
1189
- --db-red-bg-basic-level-3-pressed
1190
- );
1191
- --db-adaptive-bg-basic-transparent-full-default: var(
1192
- --db-red-bg-basic-transparent-full-default
1193
- );
1194
- --db-adaptive-bg-basic-transparent-semi-default: var(
1195
- --db-red-bg-basic-transparent-semi-default
1196
- );
1197
- --db-adaptive-bg-basic-transparent-hovered: var(
1198
- --db-red-bg-basic-transparent-hovered
1199
- );
1200
- --db-adaptive-bg-basic-transparent-pressed: var(
1201
- --db-red-bg-basic-transparent-pressed
1202
- );
1203
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
1204
- --db-red-on-bg-basic-emphasis-100-default
1205
- );
1206
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
1207
- --db-red-on-bg-basic-emphasis-100-hovered
1208
- );
1209
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
1210
- --db-red-on-bg-basic-emphasis-100-pressed
1211
- );
1212
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
1213
- --db-red-on-bg-basic-emphasis-90-default
1214
- );
1215
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
1216
- --db-red-on-bg-basic-emphasis-90-hovered
1217
- );
1218
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
1219
- --db-red-on-bg-basic-emphasis-90-pressed
1220
- );
1221
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
1222
- --db-red-on-bg-basic-emphasis-80-default
1223
- );
1224
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
1225
- --db-red-on-bg-basic-emphasis-80-hovered
1226
- );
1227
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
1228
- --db-red-on-bg-basic-emphasis-80-pressed
1229
- );
1230
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
1231
- --db-red-on-bg-basic-emphasis-70-default
1232
- );
1233
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
1234
- --db-red-on-bg-basic-emphasis-70-hovered
1235
- );
1236
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
1237
- --db-red-on-bg-basic-emphasis-70-pressed
1238
- );
1239
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
1240
- --db-red-on-bg-basic-emphasis-60-default
1241
- );
1242
- --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
1243
- --db-red-on-bg-basic-emphasis-60-hovered
1244
- );
1245
- --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
1246
- --db-red-on-bg-basic-emphasis-60-pressed
1247
- );
1248
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
1249
- --db-red-on-bg-basic-emphasis-50-default
1250
- );
1251
- --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
1252
- --db-red-on-bg-basic-emphasis-50-hovered
1253
- );
1254
- --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
1255
- --db-red-on-bg-basic-emphasis-50-pressed
1256
- );
1257
- --db-adaptive-bg-inverted-contrast-max-default: var(
1258
- --db-red-bg-inverted-contrast-max-default
1259
- );
1260
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
1261
- --db-red-bg-inverted-contrast-max-hovered
1262
- );
1263
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
1264
- --db-red-bg-inverted-contrast-max-pressed
1265
- );
1266
- --db-adaptive-bg-inverted-contrast-high-default: var(
1267
- --db-red-bg-inverted-contrast-high-default
1268
- );
1269
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
1270
- --db-red-bg-inverted-contrast-high-hovered
1271
- );
1272
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
1273
- --db-red-bg-inverted-contrast-high-pressed
1274
- );
1275
- --db-adaptive-bg-inverted-contrast-low-default: var(
1276
- --db-red-bg-inverted-contrast-low-default
1277
- );
1278
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
1279
- --db-red-bg-inverted-contrast-low-hovered
1280
- );
1281
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
1282
- --db-red-bg-inverted-contrast-low-pressed
1283
- );
1284
- --db-adaptive-on-bg-inverted-default: var(
1285
- --db-red-on-bg-inverted-default
1286
- );
1287
- --db-adaptive-on-bg-inverted-hovered: var(
1288
- --db-red-on-bg-inverted-hovered
1289
- );
1290
- --db-adaptive-on-bg-inverted-pressed: var(
1291
- --db-red-on-bg-inverted-pressed
1292
- );
1293
- --db-adaptive-origin-default: var(--db-red-origin-default);
1294
- --db-adaptive-origin-hovered: var(--db-red-origin-hovered);
1295
- --db-adaptive-origin-pressed: var(--db-red-origin-pressed);
1296
- --db-adaptive-on-origin-default: var(
1297
- --db-red-on-origin-default
1298
- );
1299
- --db-adaptive-on-origin-hovered: var(
1300
- --db-red-on-origin-hovered
1301
- );
1302
- --db-adaptive-on-origin-pressed: var(
1303
- --db-red-on-origin-pressed
1304
- );
1212
+ /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
1213
+ }
1214
+ @layer variables {
1215
+ [data-color=red],
1216
+ .db-color-red {
1217
+ --db-adaptive-bg-basic-level-1-default: var(
1218
+ --db-red-bg-basic-level-1-default
1219
+ );
1220
+ --db-adaptive-bg-basic-level-1-hovered: var(
1221
+ --db-red-bg-basic-level-1-hovered
1222
+ );
1223
+ --db-adaptive-bg-basic-level-1-pressed: var(
1224
+ --db-red-bg-basic-level-1-pressed
1225
+ );
1226
+ --db-adaptive-bg-basic-level-2-default: var(
1227
+ --db-red-bg-basic-level-2-default
1228
+ );
1229
+ --db-adaptive-bg-basic-level-2-hovered: var(
1230
+ --db-red-bg-basic-level-2-hovered
1231
+ );
1232
+ --db-adaptive-bg-basic-level-2-pressed: var(
1233
+ --db-red-bg-basic-level-2-pressed
1234
+ );
1235
+ --db-adaptive-bg-basic-level-3-default: var(
1236
+ --db-red-bg-basic-level-3-default
1237
+ );
1238
+ --db-adaptive-bg-basic-level-3-hovered: var(
1239
+ --db-red-bg-basic-level-3-hovered
1240
+ );
1241
+ --db-adaptive-bg-basic-level-3-pressed: var(
1242
+ --db-red-bg-basic-level-3-pressed
1243
+ );
1244
+ --db-adaptive-bg-basic-transparent-full-default: var(
1245
+ --db-red-bg-basic-transparent-full-default
1246
+ );
1247
+ --db-adaptive-bg-basic-transparent-semi-default: var(
1248
+ --db-red-bg-basic-transparent-semi-default
1249
+ );
1250
+ --db-adaptive-bg-basic-transparent-hovered: var(
1251
+ --db-red-bg-basic-transparent-hovered
1252
+ );
1253
+ --db-adaptive-bg-basic-transparent-pressed: var(
1254
+ --db-red-bg-basic-transparent-pressed
1255
+ );
1256
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
1257
+ --db-red-on-bg-basic-emphasis-100-default
1258
+ );
1259
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
1260
+ --db-red-on-bg-basic-emphasis-100-hovered
1261
+ );
1262
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
1263
+ --db-red-on-bg-basic-emphasis-100-pressed
1264
+ );
1265
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
1266
+ --db-red-on-bg-basic-emphasis-90-default
1267
+ );
1268
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
1269
+ --db-red-on-bg-basic-emphasis-90-hovered
1270
+ );
1271
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
1272
+ --db-red-on-bg-basic-emphasis-90-pressed
1273
+ );
1274
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
1275
+ --db-red-on-bg-basic-emphasis-80-default
1276
+ );
1277
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
1278
+ --db-red-on-bg-basic-emphasis-80-hovered
1279
+ );
1280
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
1281
+ --db-red-on-bg-basic-emphasis-80-pressed
1282
+ );
1283
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
1284
+ --db-red-on-bg-basic-emphasis-70-default
1285
+ );
1286
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
1287
+ --db-red-on-bg-basic-emphasis-70-hovered
1288
+ );
1289
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
1290
+ --db-red-on-bg-basic-emphasis-70-pressed
1291
+ );
1292
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
1293
+ --db-red-on-bg-basic-emphasis-60-default
1294
+ );
1295
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
1296
+ --db-red-on-bg-basic-emphasis-50-default
1297
+ );
1298
+ --db-adaptive-bg-inverted-contrast-max-default: var(
1299
+ --db-red-bg-inverted-contrast-max-default
1300
+ );
1301
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
1302
+ --db-red-bg-inverted-contrast-max-hovered
1303
+ );
1304
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
1305
+ --db-red-bg-inverted-contrast-max-pressed
1306
+ );
1307
+ --db-adaptive-bg-inverted-contrast-high-default: var(
1308
+ --db-red-bg-inverted-contrast-high-default
1309
+ );
1310
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
1311
+ --db-red-bg-inverted-contrast-high-hovered
1312
+ );
1313
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
1314
+ --db-red-bg-inverted-contrast-high-pressed
1315
+ );
1316
+ --db-adaptive-bg-inverted-contrast-low-default: var(
1317
+ --db-red-bg-inverted-contrast-low-default
1318
+ );
1319
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
1320
+ --db-red-bg-inverted-contrast-low-hovered
1321
+ );
1322
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
1323
+ --db-red-bg-inverted-contrast-low-pressed
1324
+ );
1325
+ --db-adaptive-on-bg-inverted-default: var(
1326
+ --db-red-on-bg-inverted-default
1327
+ );
1328
+ --db-adaptive-on-bg-inverted-hovered: var(
1329
+ --db-red-on-bg-inverted-hovered
1330
+ );
1331
+ --db-adaptive-on-bg-inverted-pressed: var(
1332
+ --db-red-on-bg-inverted-pressed
1333
+ );
1334
+ --db-adaptive-origin-default: var(--db-red-origin-default);
1335
+ --db-adaptive-origin-hovered: var(--db-red-origin-hovered);
1336
+ --db-adaptive-origin-pressed: var(--db-red-origin-pressed);
1337
+ --db-adaptive-on-origin-default: var(
1338
+ --db-red-on-origin-default
1339
+ );
1340
+ --db-adaptive-bg-vibrant-default: var(
1341
+ --db-red-bg-vibrant-default
1342
+ );
1343
+ --db-adaptive-bg-vibrant-hovered: var(
1344
+ --db-red-bg-vibrant-hovered
1345
+ );
1346
+ --db-adaptive-bg-vibrant-pressed: var(
1347
+ --db-red-bg-vibrant-pressed
1348
+ );
1349
+ --db-adaptive-on-bg-vibrant-default: var(
1350
+ --db-red-on-bg-vibrant-default
1351
+ );
1352
+ --db-adaptive-on-bg-vibrant-hovered: var(
1353
+ --db-red-on-bg-vibrant-hovered
1354
+ );
1355
+ --db-adaptive-on-bg-vibrant-pressed: var(
1356
+ --db-red-on-bg-vibrant-pressed
1357
+ );
1358
+ }
1305
1359
  }
1306
1360
 
1307
1361
  [data-color=pink],
1308
1362
  .db-color-pink {
1309
- --db-adaptive-bg-basic-level-1-default: var(
1310
- --db-pink-bg-basic-level-1-default
1311
- );
1312
- --db-adaptive-bg-basic-level-1-hovered: var(
1313
- --db-pink-bg-basic-level-1-hovered
1314
- );
1315
- --db-adaptive-bg-basic-level-1-pressed: var(
1316
- --db-pink-bg-basic-level-1-pressed
1317
- );
1318
- --db-adaptive-bg-basic-level-2-default: var(
1319
- --db-pink-bg-basic-level-2-default
1320
- );
1321
- --db-adaptive-bg-basic-level-2-hovered: var(
1322
- --db-pink-bg-basic-level-2-hovered
1323
- );
1324
- --db-adaptive-bg-basic-level-2-pressed: var(
1325
- --db-pink-bg-basic-level-2-pressed
1326
- );
1327
- --db-adaptive-bg-basic-level-3-default: var(
1328
- --db-pink-bg-basic-level-3-default
1329
- );
1330
- --db-adaptive-bg-basic-level-3-hovered: var(
1331
- --db-pink-bg-basic-level-3-hovered
1332
- );
1333
- --db-adaptive-bg-basic-level-3-pressed: var(
1334
- --db-pink-bg-basic-level-3-pressed
1335
- );
1336
- --db-adaptive-bg-basic-transparent-full-default: var(
1337
- --db-pink-bg-basic-transparent-full-default
1338
- );
1339
- --db-adaptive-bg-basic-transparent-semi-default: var(
1340
- --db-pink-bg-basic-transparent-semi-default
1341
- );
1342
- --db-adaptive-bg-basic-transparent-hovered: var(
1343
- --db-pink-bg-basic-transparent-hovered
1344
- );
1345
- --db-adaptive-bg-basic-transparent-pressed: var(
1346
- --db-pink-bg-basic-transparent-pressed
1347
- );
1348
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
1349
- --db-pink-on-bg-basic-emphasis-100-default
1350
- );
1351
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
1352
- --db-pink-on-bg-basic-emphasis-100-hovered
1353
- );
1354
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
1355
- --db-pink-on-bg-basic-emphasis-100-pressed
1356
- );
1357
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
1358
- --db-pink-on-bg-basic-emphasis-90-default
1359
- );
1360
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
1361
- --db-pink-on-bg-basic-emphasis-90-hovered
1362
- );
1363
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
1364
- --db-pink-on-bg-basic-emphasis-90-pressed
1365
- );
1366
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
1367
- --db-pink-on-bg-basic-emphasis-80-default
1368
- );
1369
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
1370
- --db-pink-on-bg-basic-emphasis-80-hovered
1371
- );
1372
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
1373
- --db-pink-on-bg-basic-emphasis-80-pressed
1374
- );
1375
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
1376
- --db-pink-on-bg-basic-emphasis-70-default
1377
- );
1378
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
1379
- --db-pink-on-bg-basic-emphasis-70-hovered
1380
- );
1381
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
1382
- --db-pink-on-bg-basic-emphasis-70-pressed
1383
- );
1384
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
1385
- --db-pink-on-bg-basic-emphasis-60-default
1386
- );
1387
- --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
1388
- --db-pink-on-bg-basic-emphasis-60-hovered
1389
- );
1390
- --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
1391
- --db-pink-on-bg-basic-emphasis-60-pressed
1392
- );
1393
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
1394
- --db-pink-on-bg-basic-emphasis-50-default
1395
- );
1396
- --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
1397
- --db-pink-on-bg-basic-emphasis-50-hovered
1398
- );
1399
- --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
1400
- --db-pink-on-bg-basic-emphasis-50-pressed
1401
- );
1402
- --db-adaptive-bg-inverted-contrast-max-default: var(
1403
- --db-pink-bg-inverted-contrast-max-default
1404
- );
1405
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
1406
- --db-pink-bg-inverted-contrast-max-hovered
1407
- );
1408
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
1409
- --db-pink-bg-inverted-contrast-max-pressed
1410
- );
1411
- --db-adaptive-bg-inverted-contrast-high-default: var(
1412
- --db-pink-bg-inverted-contrast-high-default
1413
- );
1414
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
1415
- --db-pink-bg-inverted-contrast-high-hovered
1416
- );
1417
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
1418
- --db-pink-bg-inverted-contrast-high-pressed
1419
- );
1420
- --db-adaptive-bg-inverted-contrast-low-default: var(
1421
- --db-pink-bg-inverted-contrast-low-default
1422
- );
1423
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
1424
- --db-pink-bg-inverted-contrast-low-hovered
1425
- );
1426
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
1427
- --db-pink-bg-inverted-contrast-low-pressed
1428
- );
1429
- --db-adaptive-on-bg-inverted-default: var(
1430
- --db-pink-on-bg-inverted-default
1431
- );
1432
- --db-adaptive-on-bg-inverted-hovered: var(
1433
- --db-pink-on-bg-inverted-hovered
1434
- );
1435
- --db-adaptive-on-bg-inverted-pressed: var(
1436
- --db-pink-on-bg-inverted-pressed
1437
- );
1438
- --db-adaptive-origin-default: var(--db-pink-origin-default);
1439
- --db-adaptive-origin-hovered: var(--db-pink-origin-hovered);
1440
- --db-adaptive-origin-pressed: var(--db-pink-origin-pressed);
1441
- --db-adaptive-on-origin-default: var(
1442
- --db-pink-on-origin-default
1443
- );
1444
- --db-adaptive-on-origin-hovered: var(
1445
- --db-pink-on-origin-hovered
1446
- );
1447
- --db-adaptive-on-origin-pressed: var(
1448
- --db-pink-on-origin-pressed
1449
- );
1363
+ /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
1364
+ }
1365
+ @layer variables {
1366
+ [data-color=pink],
1367
+ .db-color-pink {
1368
+ --db-adaptive-bg-basic-level-1-default: var(
1369
+ --db-pink-bg-basic-level-1-default
1370
+ );
1371
+ --db-adaptive-bg-basic-level-1-hovered: var(
1372
+ --db-pink-bg-basic-level-1-hovered
1373
+ );
1374
+ --db-adaptive-bg-basic-level-1-pressed: var(
1375
+ --db-pink-bg-basic-level-1-pressed
1376
+ );
1377
+ --db-adaptive-bg-basic-level-2-default: var(
1378
+ --db-pink-bg-basic-level-2-default
1379
+ );
1380
+ --db-adaptive-bg-basic-level-2-hovered: var(
1381
+ --db-pink-bg-basic-level-2-hovered
1382
+ );
1383
+ --db-adaptive-bg-basic-level-2-pressed: var(
1384
+ --db-pink-bg-basic-level-2-pressed
1385
+ );
1386
+ --db-adaptive-bg-basic-level-3-default: var(
1387
+ --db-pink-bg-basic-level-3-default
1388
+ );
1389
+ --db-adaptive-bg-basic-level-3-hovered: var(
1390
+ --db-pink-bg-basic-level-3-hovered
1391
+ );
1392
+ --db-adaptive-bg-basic-level-3-pressed: var(
1393
+ --db-pink-bg-basic-level-3-pressed
1394
+ );
1395
+ --db-adaptive-bg-basic-transparent-full-default: var(
1396
+ --db-pink-bg-basic-transparent-full-default
1397
+ );
1398
+ --db-adaptive-bg-basic-transparent-semi-default: var(
1399
+ --db-pink-bg-basic-transparent-semi-default
1400
+ );
1401
+ --db-adaptive-bg-basic-transparent-hovered: var(
1402
+ --db-pink-bg-basic-transparent-hovered
1403
+ );
1404
+ --db-adaptive-bg-basic-transparent-pressed: var(
1405
+ --db-pink-bg-basic-transparent-pressed
1406
+ );
1407
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
1408
+ --db-pink-on-bg-basic-emphasis-100-default
1409
+ );
1410
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
1411
+ --db-pink-on-bg-basic-emphasis-100-hovered
1412
+ );
1413
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
1414
+ --db-pink-on-bg-basic-emphasis-100-pressed
1415
+ );
1416
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
1417
+ --db-pink-on-bg-basic-emphasis-90-default
1418
+ );
1419
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
1420
+ --db-pink-on-bg-basic-emphasis-90-hovered
1421
+ );
1422
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
1423
+ --db-pink-on-bg-basic-emphasis-90-pressed
1424
+ );
1425
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
1426
+ --db-pink-on-bg-basic-emphasis-80-default
1427
+ );
1428
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
1429
+ --db-pink-on-bg-basic-emphasis-80-hovered
1430
+ );
1431
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
1432
+ --db-pink-on-bg-basic-emphasis-80-pressed
1433
+ );
1434
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
1435
+ --db-pink-on-bg-basic-emphasis-70-default
1436
+ );
1437
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
1438
+ --db-pink-on-bg-basic-emphasis-70-hovered
1439
+ );
1440
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
1441
+ --db-pink-on-bg-basic-emphasis-70-pressed
1442
+ );
1443
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
1444
+ --db-pink-on-bg-basic-emphasis-60-default
1445
+ );
1446
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
1447
+ --db-pink-on-bg-basic-emphasis-50-default
1448
+ );
1449
+ --db-adaptive-bg-inverted-contrast-max-default: var(
1450
+ --db-pink-bg-inverted-contrast-max-default
1451
+ );
1452
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
1453
+ --db-pink-bg-inverted-contrast-max-hovered
1454
+ );
1455
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
1456
+ --db-pink-bg-inverted-contrast-max-pressed
1457
+ );
1458
+ --db-adaptive-bg-inverted-contrast-high-default: var(
1459
+ --db-pink-bg-inverted-contrast-high-default
1460
+ );
1461
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
1462
+ --db-pink-bg-inverted-contrast-high-hovered
1463
+ );
1464
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
1465
+ --db-pink-bg-inverted-contrast-high-pressed
1466
+ );
1467
+ --db-adaptive-bg-inverted-contrast-low-default: var(
1468
+ --db-pink-bg-inverted-contrast-low-default
1469
+ );
1470
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
1471
+ --db-pink-bg-inverted-contrast-low-hovered
1472
+ );
1473
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
1474
+ --db-pink-bg-inverted-contrast-low-pressed
1475
+ );
1476
+ --db-adaptive-on-bg-inverted-default: var(
1477
+ --db-pink-on-bg-inverted-default
1478
+ );
1479
+ --db-adaptive-on-bg-inverted-hovered: var(
1480
+ --db-pink-on-bg-inverted-hovered
1481
+ );
1482
+ --db-adaptive-on-bg-inverted-pressed: var(
1483
+ --db-pink-on-bg-inverted-pressed
1484
+ );
1485
+ --db-adaptive-origin-default: var(--db-pink-origin-default);
1486
+ --db-adaptive-origin-hovered: var(--db-pink-origin-hovered);
1487
+ --db-adaptive-origin-pressed: var(--db-pink-origin-pressed);
1488
+ --db-adaptive-on-origin-default: var(
1489
+ --db-pink-on-origin-default
1490
+ );
1491
+ --db-adaptive-bg-vibrant-default: var(
1492
+ --db-pink-bg-vibrant-default
1493
+ );
1494
+ --db-adaptive-bg-vibrant-hovered: var(
1495
+ --db-pink-bg-vibrant-hovered
1496
+ );
1497
+ --db-adaptive-bg-vibrant-pressed: var(
1498
+ --db-pink-bg-vibrant-pressed
1499
+ );
1500
+ --db-adaptive-on-bg-vibrant-default: var(
1501
+ --db-pink-on-bg-vibrant-default
1502
+ );
1503
+ --db-adaptive-on-bg-vibrant-hovered: var(
1504
+ --db-pink-on-bg-vibrant-hovered
1505
+ );
1506
+ --db-adaptive-on-bg-vibrant-pressed: var(
1507
+ --db-pink-on-bg-vibrant-pressed
1508
+ );
1509
+ }
1450
1510
  }
1451
1511
 
1452
1512
  [data-color=violet],
1453
1513
  .db-color-violet {
1454
- --db-adaptive-bg-basic-level-1-default: var(
1455
- --db-violet-bg-basic-level-1-default
1456
- );
1457
- --db-adaptive-bg-basic-level-1-hovered: var(
1458
- --db-violet-bg-basic-level-1-hovered
1459
- );
1460
- --db-adaptive-bg-basic-level-1-pressed: var(
1461
- --db-violet-bg-basic-level-1-pressed
1462
- );
1463
- --db-adaptive-bg-basic-level-2-default: var(
1464
- --db-violet-bg-basic-level-2-default
1465
- );
1466
- --db-adaptive-bg-basic-level-2-hovered: var(
1467
- --db-violet-bg-basic-level-2-hovered
1468
- );
1469
- --db-adaptive-bg-basic-level-2-pressed: var(
1470
- --db-violet-bg-basic-level-2-pressed
1471
- );
1472
- --db-adaptive-bg-basic-level-3-default: var(
1473
- --db-violet-bg-basic-level-3-default
1474
- );
1475
- --db-adaptive-bg-basic-level-3-hovered: var(
1476
- --db-violet-bg-basic-level-3-hovered
1477
- );
1478
- --db-adaptive-bg-basic-level-3-pressed: var(
1479
- --db-violet-bg-basic-level-3-pressed
1480
- );
1481
- --db-adaptive-bg-basic-transparent-full-default: var(
1482
- --db-violet-bg-basic-transparent-full-default
1483
- );
1484
- --db-adaptive-bg-basic-transparent-semi-default: var(
1485
- --db-violet-bg-basic-transparent-semi-default
1486
- );
1487
- --db-adaptive-bg-basic-transparent-hovered: var(
1488
- --db-violet-bg-basic-transparent-hovered
1489
- );
1490
- --db-adaptive-bg-basic-transparent-pressed: var(
1491
- --db-violet-bg-basic-transparent-pressed
1492
- );
1493
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
1494
- --db-violet-on-bg-basic-emphasis-100-default
1495
- );
1496
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
1497
- --db-violet-on-bg-basic-emphasis-100-hovered
1498
- );
1499
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
1500
- --db-violet-on-bg-basic-emphasis-100-pressed
1501
- );
1502
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
1503
- --db-violet-on-bg-basic-emphasis-90-default
1504
- );
1505
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
1506
- --db-violet-on-bg-basic-emphasis-90-hovered
1507
- );
1508
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
1509
- --db-violet-on-bg-basic-emphasis-90-pressed
1510
- );
1511
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
1512
- --db-violet-on-bg-basic-emphasis-80-default
1513
- );
1514
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
1515
- --db-violet-on-bg-basic-emphasis-80-hovered
1516
- );
1517
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
1518
- --db-violet-on-bg-basic-emphasis-80-pressed
1519
- );
1520
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
1521
- --db-violet-on-bg-basic-emphasis-70-default
1522
- );
1523
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
1524
- --db-violet-on-bg-basic-emphasis-70-hovered
1525
- );
1526
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
1527
- --db-violet-on-bg-basic-emphasis-70-pressed
1528
- );
1529
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
1530
- --db-violet-on-bg-basic-emphasis-60-default
1531
- );
1532
- --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
1533
- --db-violet-on-bg-basic-emphasis-60-hovered
1534
- );
1535
- --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
1536
- --db-violet-on-bg-basic-emphasis-60-pressed
1537
- );
1538
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
1539
- --db-violet-on-bg-basic-emphasis-50-default
1540
- );
1541
- --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
1542
- --db-violet-on-bg-basic-emphasis-50-hovered
1543
- );
1544
- --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
1545
- --db-violet-on-bg-basic-emphasis-50-pressed
1546
- );
1547
- --db-adaptive-bg-inverted-contrast-max-default: var(
1548
- --db-violet-bg-inverted-contrast-max-default
1549
- );
1550
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
1551
- --db-violet-bg-inverted-contrast-max-hovered
1552
- );
1553
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
1554
- --db-violet-bg-inverted-contrast-max-pressed
1555
- );
1556
- --db-adaptive-bg-inverted-contrast-high-default: var(
1557
- --db-violet-bg-inverted-contrast-high-default
1558
- );
1559
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
1560
- --db-violet-bg-inverted-contrast-high-hovered
1561
- );
1562
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
1563
- --db-violet-bg-inverted-contrast-high-pressed
1564
- );
1565
- --db-adaptive-bg-inverted-contrast-low-default: var(
1566
- --db-violet-bg-inverted-contrast-low-default
1567
- );
1568
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
1569
- --db-violet-bg-inverted-contrast-low-hovered
1570
- );
1571
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
1572
- --db-violet-bg-inverted-contrast-low-pressed
1573
- );
1574
- --db-adaptive-on-bg-inverted-default: var(
1575
- --db-violet-on-bg-inverted-default
1576
- );
1577
- --db-adaptive-on-bg-inverted-hovered: var(
1578
- --db-violet-on-bg-inverted-hovered
1579
- );
1580
- --db-adaptive-on-bg-inverted-pressed: var(
1581
- --db-violet-on-bg-inverted-pressed
1582
- );
1583
- --db-adaptive-origin-default: var(--db-violet-origin-default);
1584
- --db-adaptive-origin-hovered: var(--db-violet-origin-hovered);
1585
- --db-adaptive-origin-pressed: var(--db-violet-origin-pressed);
1586
- --db-adaptive-on-origin-default: var(
1587
- --db-violet-on-origin-default
1588
- );
1589
- --db-adaptive-on-origin-hovered: var(
1590
- --db-violet-on-origin-hovered
1591
- );
1592
- --db-adaptive-on-origin-pressed: var(
1593
- --db-violet-on-origin-pressed
1594
- );
1514
+ /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
1515
+ }
1516
+ @layer variables {
1517
+ [data-color=violet],
1518
+ .db-color-violet {
1519
+ --db-adaptive-bg-basic-level-1-default: var(
1520
+ --db-violet-bg-basic-level-1-default
1521
+ );
1522
+ --db-adaptive-bg-basic-level-1-hovered: var(
1523
+ --db-violet-bg-basic-level-1-hovered
1524
+ );
1525
+ --db-adaptive-bg-basic-level-1-pressed: var(
1526
+ --db-violet-bg-basic-level-1-pressed
1527
+ );
1528
+ --db-adaptive-bg-basic-level-2-default: var(
1529
+ --db-violet-bg-basic-level-2-default
1530
+ );
1531
+ --db-adaptive-bg-basic-level-2-hovered: var(
1532
+ --db-violet-bg-basic-level-2-hovered
1533
+ );
1534
+ --db-adaptive-bg-basic-level-2-pressed: var(
1535
+ --db-violet-bg-basic-level-2-pressed
1536
+ );
1537
+ --db-adaptive-bg-basic-level-3-default: var(
1538
+ --db-violet-bg-basic-level-3-default
1539
+ );
1540
+ --db-adaptive-bg-basic-level-3-hovered: var(
1541
+ --db-violet-bg-basic-level-3-hovered
1542
+ );
1543
+ --db-adaptive-bg-basic-level-3-pressed: var(
1544
+ --db-violet-bg-basic-level-3-pressed
1545
+ );
1546
+ --db-adaptive-bg-basic-transparent-full-default: var(
1547
+ --db-violet-bg-basic-transparent-full-default
1548
+ );
1549
+ --db-adaptive-bg-basic-transparent-semi-default: var(
1550
+ --db-violet-bg-basic-transparent-semi-default
1551
+ );
1552
+ --db-adaptive-bg-basic-transparent-hovered: var(
1553
+ --db-violet-bg-basic-transparent-hovered
1554
+ );
1555
+ --db-adaptive-bg-basic-transparent-pressed: var(
1556
+ --db-violet-bg-basic-transparent-pressed
1557
+ );
1558
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
1559
+ --db-violet-on-bg-basic-emphasis-100-default
1560
+ );
1561
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
1562
+ --db-violet-on-bg-basic-emphasis-100-hovered
1563
+ );
1564
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
1565
+ --db-violet-on-bg-basic-emphasis-100-pressed
1566
+ );
1567
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
1568
+ --db-violet-on-bg-basic-emphasis-90-default
1569
+ );
1570
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
1571
+ --db-violet-on-bg-basic-emphasis-90-hovered
1572
+ );
1573
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
1574
+ --db-violet-on-bg-basic-emphasis-90-pressed
1575
+ );
1576
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
1577
+ --db-violet-on-bg-basic-emphasis-80-default
1578
+ );
1579
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
1580
+ --db-violet-on-bg-basic-emphasis-80-hovered
1581
+ );
1582
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
1583
+ --db-violet-on-bg-basic-emphasis-80-pressed
1584
+ );
1585
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
1586
+ --db-violet-on-bg-basic-emphasis-70-default
1587
+ );
1588
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
1589
+ --db-violet-on-bg-basic-emphasis-70-hovered
1590
+ );
1591
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
1592
+ --db-violet-on-bg-basic-emphasis-70-pressed
1593
+ );
1594
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
1595
+ --db-violet-on-bg-basic-emphasis-60-default
1596
+ );
1597
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
1598
+ --db-violet-on-bg-basic-emphasis-50-default
1599
+ );
1600
+ --db-adaptive-bg-inverted-contrast-max-default: var(
1601
+ --db-violet-bg-inverted-contrast-max-default
1602
+ );
1603
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
1604
+ --db-violet-bg-inverted-contrast-max-hovered
1605
+ );
1606
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
1607
+ --db-violet-bg-inverted-contrast-max-pressed
1608
+ );
1609
+ --db-adaptive-bg-inverted-contrast-high-default: var(
1610
+ --db-violet-bg-inverted-contrast-high-default
1611
+ );
1612
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
1613
+ --db-violet-bg-inverted-contrast-high-hovered
1614
+ );
1615
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
1616
+ --db-violet-bg-inverted-contrast-high-pressed
1617
+ );
1618
+ --db-adaptive-bg-inverted-contrast-low-default: var(
1619
+ --db-violet-bg-inverted-contrast-low-default
1620
+ );
1621
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
1622
+ --db-violet-bg-inverted-contrast-low-hovered
1623
+ );
1624
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
1625
+ --db-violet-bg-inverted-contrast-low-pressed
1626
+ );
1627
+ --db-adaptive-on-bg-inverted-default: var(
1628
+ --db-violet-on-bg-inverted-default
1629
+ );
1630
+ --db-adaptive-on-bg-inverted-hovered: var(
1631
+ --db-violet-on-bg-inverted-hovered
1632
+ );
1633
+ --db-adaptive-on-bg-inverted-pressed: var(
1634
+ --db-violet-on-bg-inverted-pressed
1635
+ );
1636
+ --db-adaptive-origin-default: var(--db-violet-origin-default);
1637
+ --db-adaptive-origin-hovered: var(--db-violet-origin-hovered);
1638
+ --db-adaptive-origin-pressed: var(--db-violet-origin-pressed);
1639
+ --db-adaptive-on-origin-default: var(
1640
+ --db-violet-on-origin-default
1641
+ );
1642
+ --db-adaptive-bg-vibrant-default: var(
1643
+ --db-violet-bg-vibrant-default
1644
+ );
1645
+ --db-adaptive-bg-vibrant-hovered: var(
1646
+ --db-violet-bg-vibrant-hovered
1647
+ );
1648
+ --db-adaptive-bg-vibrant-pressed: var(
1649
+ --db-violet-bg-vibrant-pressed
1650
+ );
1651
+ --db-adaptive-on-bg-vibrant-default: var(
1652
+ --db-violet-on-bg-vibrant-default
1653
+ );
1654
+ --db-adaptive-on-bg-vibrant-hovered: var(
1655
+ --db-violet-on-bg-vibrant-hovered
1656
+ );
1657
+ --db-adaptive-on-bg-vibrant-pressed: var(
1658
+ --db-violet-on-bg-vibrant-pressed
1659
+ );
1660
+ }
1595
1661
  }
1596
1662
 
1597
1663
  [data-color=blue],
1598
1664
  .db-color-blue {
1599
- --db-adaptive-bg-basic-level-1-default: var(
1600
- --db-blue-bg-basic-level-1-default
1601
- );
1602
- --db-adaptive-bg-basic-level-1-hovered: var(
1603
- --db-blue-bg-basic-level-1-hovered
1604
- );
1605
- --db-adaptive-bg-basic-level-1-pressed: var(
1606
- --db-blue-bg-basic-level-1-pressed
1607
- );
1608
- --db-adaptive-bg-basic-level-2-default: var(
1609
- --db-blue-bg-basic-level-2-default
1610
- );
1611
- --db-adaptive-bg-basic-level-2-hovered: var(
1612
- --db-blue-bg-basic-level-2-hovered
1613
- );
1614
- --db-adaptive-bg-basic-level-2-pressed: var(
1615
- --db-blue-bg-basic-level-2-pressed
1616
- );
1617
- --db-adaptive-bg-basic-level-3-default: var(
1618
- --db-blue-bg-basic-level-3-default
1619
- );
1620
- --db-adaptive-bg-basic-level-3-hovered: var(
1621
- --db-blue-bg-basic-level-3-hovered
1622
- );
1623
- --db-adaptive-bg-basic-level-3-pressed: var(
1624
- --db-blue-bg-basic-level-3-pressed
1625
- );
1626
- --db-adaptive-bg-basic-transparent-full-default: var(
1627
- --db-blue-bg-basic-transparent-full-default
1628
- );
1629
- --db-adaptive-bg-basic-transparent-semi-default: var(
1630
- --db-blue-bg-basic-transparent-semi-default
1631
- );
1632
- --db-adaptive-bg-basic-transparent-hovered: var(
1633
- --db-blue-bg-basic-transparent-hovered
1634
- );
1635
- --db-adaptive-bg-basic-transparent-pressed: var(
1636
- --db-blue-bg-basic-transparent-pressed
1637
- );
1638
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
1639
- --db-blue-on-bg-basic-emphasis-100-default
1640
- );
1641
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
1642
- --db-blue-on-bg-basic-emphasis-100-hovered
1643
- );
1644
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
1645
- --db-blue-on-bg-basic-emphasis-100-pressed
1646
- );
1647
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
1648
- --db-blue-on-bg-basic-emphasis-90-default
1649
- );
1650
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
1651
- --db-blue-on-bg-basic-emphasis-90-hovered
1652
- );
1653
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
1654
- --db-blue-on-bg-basic-emphasis-90-pressed
1655
- );
1656
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
1657
- --db-blue-on-bg-basic-emphasis-80-default
1658
- );
1659
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
1660
- --db-blue-on-bg-basic-emphasis-80-hovered
1661
- );
1662
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
1663
- --db-blue-on-bg-basic-emphasis-80-pressed
1664
- );
1665
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
1666
- --db-blue-on-bg-basic-emphasis-70-default
1667
- );
1668
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
1669
- --db-blue-on-bg-basic-emphasis-70-hovered
1670
- );
1671
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
1672
- --db-blue-on-bg-basic-emphasis-70-pressed
1673
- );
1674
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
1675
- --db-blue-on-bg-basic-emphasis-60-default
1676
- );
1677
- --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
1678
- --db-blue-on-bg-basic-emphasis-60-hovered
1679
- );
1680
- --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
1681
- --db-blue-on-bg-basic-emphasis-60-pressed
1682
- );
1683
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
1684
- --db-blue-on-bg-basic-emphasis-50-default
1685
- );
1686
- --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
1687
- --db-blue-on-bg-basic-emphasis-50-hovered
1688
- );
1689
- --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
1690
- --db-blue-on-bg-basic-emphasis-50-pressed
1691
- );
1692
- --db-adaptive-bg-inverted-contrast-max-default: var(
1693
- --db-blue-bg-inverted-contrast-max-default
1694
- );
1695
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
1696
- --db-blue-bg-inverted-contrast-max-hovered
1697
- );
1698
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
1699
- --db-blue-bg-inverted-contrast-max-pressed
1700
- );
1701
- --db-adaptive-bg-inverted-contrast-high-default: var(
1702
- --db-blue-bg-inverted-contrast-high-default
1703
- );
1704
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
1705
- --db-blue-bg-inverted-contrast-high-hovered
1706
- );
1707
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
1708
- --db-blue-bg-inverted-contrast-high-pressed
1709
- );
1710
- --db-adaptive-bg-inverted-contrast-low-default: var(
1711
- --db-blue-bg-inverted-contrast-low-default
1712
- );
1713
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
1714
- --db-blue-bg-inverted-contrast-low-hovered
1715
- );
1716
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
1717
- --db-blue-bg-inverted-contrast-low-pressed
1718
- );
1719
- --db-adaptive-on-bg-inverted-default: var(
1720
- --db-blue-on-bg-inverted-default
1721
- );
1722
- --db-adaptive-on-bg-inverted-hovered: var(
1723
- --db-blue-on-bg-inverted-hovered
1724
- );
1725
- --db-adaptive-on-bg-inverted-pressed: var(
1726
- --db-blue-on-bg-inverted-pressed
1727
- );
1728
- --db-adaptive-origin-default: var(--db-blue-origin-default);
1729
- --db-adaptive-origin-hovered: var(--db-blue-origin-hovered);
1730
- --db-adaptive-origin-pressed: var(--db-blue-origin-pressed);
1731
- --db-adaptive-on-origin-default: var(
1732
- --db-blue-on-origin-default
1733
- );
1734
- --db-adaptive-on-origin-hovered: var(
1735
- --db-blue-on-origin-hovered
1736
- );
1737
- --db-adaptive-on-origin-pressed: var(
1738
- --db-blue-on-origin-pressed
1739
- );
1665
+ /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
1666
+ }
1667
+ @layer variables {
1668
+ [data-color=blue],
1669
+ .db-color-blue {
1670
+ --db-adaptive-bg-basic-level-1-default: var(
1671
+ --db-blue-bg-basic-level-1-default
1672
+ );
1673
+ --db-adaptive-bg-basic-level-1-hovered: var(
1674
+ --db-blue-bg-basic-level-1-hovered
1675
+ );
1676
+ --db-adaptive-bg-basic-level-1-pressed: var(
1677
+ --db-blue-bg-basic-level-1-pressed
1678
+ );
1679
+ --db-adaptive-bg-basic-level-2-default: var(
1680
+ --db-blue-bg-basic-level-2-default
1681
+ );
1682
+ --db-adaptive-bg-basic-level-2-hovered: var(
1683
+ --db-blue-bg-basic-level-2-hovered
1684
+ );
1685
+ --db-adaptive-bg-basic-level-2-pressed: var(
1686
+ --db-blue-bg-basic-level-2-pressed
1687
+ );
1688
+ --db-adaptive-bg-basic-level-3-default: var(
1689
+ --db-blue-bg-basic-level-3-default
1690
+ );
1691
+ --db-adaptive-bg-basic-level-3-hovered: var(
1692
+ --db-blue-bg-basic-level-3-hovered
1693
+ );
1694
+ --db-adaptive-bg-basic-level-3-pressed: var(
1695
+ --db-blue-bg-basic-level-3-pressed
1696
+ );
1697
+ --db-adaptive-bg-basic-transparent-full-default: var(
1698
+ --db-blue-bg-basic-transparent-full-default
1699
+ );
1700
+ --db-adaptive-bg-basic-transparent-semi-default: var(
1701
+ --db-blue-bg-basic-transparent-semi-default
1702
+ );
1703
+ --db-adaptive-bg-basic-transparent-hovered: var(
1704
+ --db-blue-bg-basic-transparent-hovered
1705
+ );
1706
+ --db-adaptive-bg-basic-transparent-pressed: var(
1707
+ --db-blue-bg-basic-transparent-pressed
1708
+ );
1709
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
1710
+ --db-blue-on-bg-basic-emphasis-100-default
1711
+ );
1712
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
1713
+ --db-blue-on-bg-basic-emphasis-100-hovered
1714
+ );
1715
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
1716
+ --db-blue-on-bg-basic-emphasis-100-pressed
1717
+ );
1718
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
1719
+ --db-blue-on-bg-basic-emphasis-90-default
1720
+ );
1721
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
1722
+ --db-blue-on-bg-basic-emphasis-90-hovered
1723
+ );
1724
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
1725
+ --db-blue-on-bg-basic-emphasis-90-pressed
1726
+ );
1727
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
1728
+ --db-blue-on-bg-basic-emphasis-80-default
1729
+ );
1730
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
1731
+ --db-blue-on-bg-basic-emphasis-80-hovered
1732
+ );
1733
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
1734
+ --db-blue-on-bg-basic-emphasis-80-pressed
1735
+ );
1736
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
1737
+ --db-blue-on-bg-basic-emphasis-70-default
1738
+ );
1739
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
1740
+ --db-blue-on-bg-basic-emphasis-70-hovered
1741
+ );
1742
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
1743
+ --db-blue-on-bg-basic-emphasis-70-pressed
1744
+ );
1745
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
1746
+ --db-blue-on-bg-basic-emphasis-60-default
1747
+ );
1748
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
1749
+ --db-blue-on-bg-basic-emphasis-50-default
1750
+ );
1751
+ --db-adaptive-bg-inverted-contrast-max-default: var(
1752
+ --db-blue-bg-inverted-contrast-max-default
1753
+ );
1754
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
1755
+ --db-blue-bg-inverted-contrast-max-hovered
1756
+ );
1757
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
1758
+ --db-blue-bg-inverted-contrast-max-pressed
1759
+ );
1760
+ --db-adaptive-bg-inverted-contrast-high-default: var(
1761
+ --db-blue-bg-inverted-contrast-high-default
1762
+ );
1763
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
1764
+ --db-blue-bg-inverted-contrast-high-hovered
1765
+ );
1766
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
1767
+ --db-blue-bg-inverted-contrast-high-pressed
1768
+ );
1769
+ --db-adaptive-bg-inverted-contrast-low-default: var(
1770
+ --db-blue-bg-inverted-contrast-low-default
1771
+ );
1772
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
1773
+ --db-blue-bg-inverted-contrast-low-hovered
1774
+ );
1775
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
1776
+ --db-blue-bg-inverted-contrast-low-pressed
1777
+ );
1778
+ --db-adaptive-on-bg-inverted-default: var(
1779
+ --db-blue-on-bg-inverted-default
1780
+ );
1781
+ --db-adaptive-on-bg-inverted-hovered: var(
1782
+ --db-blue-on-bg-inverted-hovered
1783
+ );
1784
+ --db-adaptive-on-bg-inverted-pressed: var(
1785
+ --db-blue-on-bg-inverted-pressed
1786
+ );
1787
+ --db-adaptive-origin-default: var(--db-blue-origin-default);
1788
+ --db-adaptive-origin-hovered: var(--db-blue-origin-hovered);
1789
+ --db-adaptive-origin-pressed: var(--db-blue-origin-pressed);
1790
+ --db-adaptive-on-origin-default: var(
1791
+ --db-blue-on-origin-default
1792
+ );
1793
+ --db-adaptive-bg-vibrant-default: var(
1794
+ --db-blue-bg-vibrant-default
1795
+ );
1796
+ --db-adaptive-bg-vibrant-hovered: var(
1797
+ --db-blue-bg-vibrant-hovered
1798
+ );
1799
+ --db-adaptive-bg-vibrant-pressed: var(
1800
+ --db-blue-bg-vibrant-pressed
1801
+ );
1802
+ --db-adaptive-on-bg-vibrant-default: var(
1803
+ --db-blue-on-bg-vibrant-default
1804
+ );
1805
+ --db-adaptive-on-bg-vibrant-hovered: var(
1806
+ --db-blue-on-bg-vibrant-hovered
1807
+ );
1808
+ --db-adaptive-on-bg-vibrant-pressed: var(
1809
+ --db-blue-on-bg-vibrant-pressed
1810
+ );
1811
+ }
1740
1812
  }
1741
1813
 
1742
1814
  [data-color=cyan],
1743
1815
  .db-color-cyan {
1744
- --db-adaptive-bg-basic-level-1-default: var(
1745
- --db-cyan-bg-basic-level-1-default
1746
- );
1747
- --db-adaptive-bg-basic-level-1-hovered: var(
1748
- --db-cyan-bg-basic-level-1-hovered
1749
- );
1750
- --db-adaptive-bg-basic-level-1-pressed: var(
1751
- --db-cyan-bg-basic-level-1-pressed
1752
- );
1753
- --db-adaptive-bg-basic-level-2-default: var(
1754
- --db-cyan-bg-basic-level-2-default
1755
- );
1756
- --db-adaptive-bg-basic-level-2-hovered: var(
1757
- --db-cyan-bg-basic-level-2-hovered
1758
- );
1759
- --db-adaptive-bg-basic-level-2-pressed: var(
1760
- --db-cyan-bg-basic-level-2-pressed
1761
- );
1762
- --db-adaptive-bg-basic-level-3-default: var(
1763
- --db-cyan-bg-basic-level-3-default
1764
- );
1765
- --db-adaptive-bg-basic-level-3-hovered: var(
1766
- --db-cyan-bg-basic-level-3-hovered
1767
- );
1768
- --db-adaptive-bg-basic-level-3-pressed: var(
1769
- --db-cyan-bg-basic-level-3-pressed
1770
- );
1771
- --db-adaptive-bg-basic-transparent-full-default: var(
1772
- --db-cyan-bg-basic-transparent-full-default
1773
- );
1774
- --db-adaptive-bg-basic-transparent-semi-default: var(
1775
- --db-cyan-bg-basic-transparent-semi-default
1776
- );
1777
- --db-adaptive-bg-basic-transparent-hovered: var(
1778
- --db-cyan-bg-basic-transparent-hovered
1779
- );
1780
- --db-adaptive-bg-basic-transparent-pressed: var(
1781
- --db-cyan-bg-basic-transparent-pressed
1782
- );
1783
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
1784
- --db-cyan-on-bg-basic-emphasis-100-default
1785
- );
1786
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
1787
- --db-cyan-on-bg-basic-emphasis-100-hovered
1788
- );
1789
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
1790
- --db-cyan-on-bg-basic-emphasis-100-pressed
1791
- );
1792
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
1793
- --db-cyan-on-bg-basic-emphasis-90-default
1794
- );
1795
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
1796
- --db-cyan-on-bg-basic-emphasis-90-hovered
1797
- );
1798
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
1799
- --db-cyan-on-bg-basic-emphasis-90-pressed
1800
- );
1801
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
1802
- --db-cyan-on-bg-basic-emphasis-80-default
1803
- );
1804
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
1805
- --db-cyan-on-bg-basic-emphasis-80-hovered
1806
- );
1807
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
1808
- --db-cyan-on-bg-basic-emphasis-80-pressed
1809
- );
1810
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
1811
- --db-cyan-on-bg-basic-emphasis-70-default
1812
- );
1813
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
1814
- --db-cyan-on-bg-basic-emphasis-70-hovered
1815
- );
1816
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
1817
- --db-cyan-on-bg-basic-emphasis-70-pressed
1818
- );
1819
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
1820
- --db-cyan-on-bg-basic-emphasis-60-default
1821
- );
1822
- --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
1823
- --db-cyan-on-bg-basic-emphasis-60-hovered
1824
- );
1825
- --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
1826
- --db-cyan-on-bg-basic-emphasis-60-pressed
1827
- );
1828
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
1829
- --db-cyan-on-bg-basic-emphasis-50-default
1830
- );
1831
- --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
1832
- --db-cyan-on-bg-basic-emphasis-50-hovered
1833
- );
1834
- --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
1835
- --db-cyan-on-bg-basic-emphasis-50-pressed
1836
- );
1837
- --db-adaptive-bg-inverted-contrast-max-default: var(
1838
- --db-cyan-bg-inverted-contrast-max-default
1839
- );
1840
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
1841
- --db-cyan-bg-inverted-contrast-max-hovered
1842
- );
1843
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
1844
- --db-cyan-bg-inverted-contrast-max-pressed
1845
- );
1846
- --db-adaptive-bg-inverted-contrast-high-default: var(
1847
- --db-cyan-bg-inverted-contrast-high-default
1848
- );
1849
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
1850
- --db-cyan-bg-inverted-contrast-high-hovered
1851
- );
1852
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
1853
- --db-cyan-bg-inverted-contrast-high-pressed
1854
- );
1855
- --db-adaptive-bg-inverted-contrast-low-default: var(
1856
- --db-cyan-bg-inverted-contrast-low-default
1857
- );
1858
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
1859
- --db-cyan-bg-inverted-contrast-low-hovered
1860
- );
1861
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
1862
- --db-cyan-bg-inverted-contrast-low-pressed
1863
- );
1864
- --db-adaptive-on-bg-inverted-default: var(
1865
- --db-cyan-on-bg-inverted-default
1866
- );
1867
- --db-adaptive-on-bg-inverted-hovered: var(
1868
- --db-cyan-on-bg-inverted-hovered
1869
- );
1870
- --db-adaptive-on-bg-inverted-pressed: var(
1871
- --db-cyan-on-bg-inverted-pressed
1872
- );
1873
- --db-adaptive-origin-default: var(--db-cyan-origin-default);
1874
- --db-adaptive-origin-hovered: var(--db-cyan-origin-hovered);
1875
- --db-adaptive-origin-pressed: var(--db-cyan-origin-pressed);
1876
- --db-adaptive-on-origin-default: var(
1877
- --db-cyan-on-origin-default
1878
- );
1879
- --db-adaptive-on-origin-hovered: var(
1880
- --db-cyan-on-origin-hovered
1881
- );
1882
- --db-adaptive-on-origin-pressed: var(
1883
- --db-cyan-on-origin-pressed
1884
- );
1816
+ /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
1817
+ }
1818
+ @layer variables {
1819
+ [data-color=cyan],
1820
+ .db-color-cyan {
1821
+ --db-adaptive-bg-basic-level-1-default: var(
1822
+ --db-cyan-bg-basic-level-1-default
1823
+ );
1824
+ --db-adaptive-bg-basic-level-1-hovered: var(
1825
+ --db-cyan-bg-basic-level-1-hovered
1826
+ );
1827
+ --db-adaptive-bg-basic-level-1-pressed: var(
1828
+ --db-cyan-bg-basic-level-1-pressed
1829
+ );
1830
+ --db-adaptive-bg-basic-level-2-default: var(
1831
+ --db-cyan-bg-basic-level-2-default
1832
+ );
1833
+ --db-adaptive-bg-basic-level-2-hovered: var(
1834
+ --db-cyan-bg-basic-level-2-hovered
1835
+ );
1836
+ --db-adaptive-bg-basic-level-2-pressed: var(
1837
+ --db-cyan-bg-basic-level-2-pressed
1838
+ );
1839
+ --db-adaptive-bg-basic-level-3-default: var(
1840
+ --db-cyan-bg-basic-level-3-default
1841
+ );
1842
+ --db-adaptive-bg-basic-level-3-hovered: var(
1843
+ --db-cyan-bg-basic-level-3-hovered
1844
+ );
1845
+ --db-adaptive-bg-basic-level-3-pressed: var(
1846
+ --db-cyan-bg-basic-level-3-pressed
1847
+ );
1848
+ --db-adaptive-bg-basic-transparent-full-default: var(
1849
+ --db-cyan-bg-basic-transparent-full-default
1850
+ );
1851
+ --db-adaptive-bg-basic-transparent-semi-default: var(
1852
+ --db-cyan-bg-basic-transparent-semi-default
1853
+ );
1854
+ --db-adaptive-bg-basic-transparent-hovered: var(
1855
+ --db-cyan-bg-basic-transparent-hovered
1856
+ );
1857
+ --db-adaptive-bg-basic-transparent-pressed: var(
1858
+ --db-cyan-bg-basic-transparent-pressed
1859
+ );
1860
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
1861
+ --db-cyan-on-bg-basic-emphasis-100-default
1862
+ );
1863
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
1864
+ --db-cyan-on-bg-basic-emphasis-100-hovered
1865
+ );
1866
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
1867
+ --db-cyan-on-bg-basic-emphasis-100-pressed
1868
+ );
1869
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
1870
+ --db-cyan-on-bg-basic-emphasis-90-default
1871
+ );
1872
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
1873
+ --db-cyan-on-bg-basic-emphasis-90-hovered
1874
+ );
1875
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
1876
+ --db-cyan-on-bg-basic-emphasis-90-pressed
1877
+ );
1878
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
1879
+ --db-cyan-on-bg-basic-emphasis-80-default
1880
+ );
1881
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
1882
+ --db-cyan-on-bg-basic-emphasis-80-hovered
1883
+ );
1884
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
1885
+ --db-cyan-on-bg-basic-emphasis-80-pressed
1886
+ );
1887
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
1888
+ --db-cyan-on-bg-basic-emphasis-70-default
1889
+ );
1890
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
1891
+ --db-cyan-on-bg-basic-emphasis-70-hovered
1892
+ );
1893
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
1894
+ --db-cyan-on-bg-basic-emphasis-70-pressed
1895
+ );
1896
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
1897
+ --db-cyan-on-bg-basic-emphasis-60-default
1898
+ );
1899
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
1900
+ --db-cyan-on-bg-basic-emphasis-50-default
1901
+ );
1902
+ --db-adaptive-bg-inverted-contrast-max-default: var(
1903
+ --db-cyan-bg-inverted-contrast-max-default
1904
+ );
1905
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
1906
+ --db-cyan-bg-inverted-contrast-max-hovered
1907
+ );
1908
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
1909
+ --db-cyan-bg-inverted-contrast-max-pressed
1910
+ );
1911
+ --db-adaptive-bg-inverted-contrast-high-default: var(
1912
+ --db-cyan-bg-inverted-contrast-high-default
1913
+ );
1914
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
1915
+ --db-cyan-bg-inverted-contrast-high-hovered
1916
+ );
1917
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
1918
+ --db-cyan-bg-inverted-contrast-high-pressed
1919
+ );
1920
+ --db-adaptive-bg-inverted-contrast-low-default: var(
1921
+ --db-cyan-bg-inverted-contrast-low-default
1922
+ );
1923
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
1924
+ --db-cyan-bg-inverted-contrast-low-hovered
1925
+ );
1926
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
1927
+ --db-cyan-bg-inverted-contrast-low-pressed
1928
+ );
1929
+ --db-adaptive-on-bg-inverted-default: var(
1930
+ --db-cyan-on-bg-inverted-default
1931
+ );
1932
+ --db-adaptive-on-bg-inverted-hovered: var(
1933
+ --db-cyan-on-bg-inverted-hovered
1934
+ );
1935
+ --db-adaptive-on-bg-inverted-pressed: var(
1936
+ --db-cyan-on-bg-inverted-pressed
1937
+ );
1938
+ --db-adaptive-origin-default: var(--db-cyan-origin-default);
1939
+ --db-adaptive-origin-hovered: var(--db-cyan-origin-hovered);
1940
+ --db-adaptive-origin-pressed: var(--db-cyan-origin-pressed);
1941
+ --db-adaptive-on-origin-default: var(
1942
+ --db-cyan-on-origin-default
1943
+ );
1944
+ --db-adaptive-bg-vibrant-default: var(
1945
+ --db-cyan-bg-vibrant-default
1946
+ );
1947
+ --db-adaptive-bg-vibrant-hovered: var(
1948
+ --db-cyan-bg-vibrant-hovered
1949
+ );
1950
+ --db-adaptive-bg-vibrant-pressed: var(
1951
+ --db-cyan-bg-vibrant-pressed
1952
+ );
1953
+ --db-adaptive-on-bg-vibrant-default: var(
1954
+ --db-cyan-on-bg-vibrant-default
1955
+ );
1956
+ --db-adaptive-on-bg-vibrant-hovered: var(
1957
+ --db-cyan-on-bg-vibrant-hovered
1958
+ );
1959
+ --db-adaptive-on-bg-vibrant-pressed: var(
1960
+ --db-cyan-on-bg-vibrant-pressed
1961
+ );
1962
+ }
1885
1963
  }
1886
1964
 
1887
1965
  [data-color=turquoise],
1888
1966
  .db-color-turquoise {
1889
- --db-adaptive-bg-basic-level-1-default: var(
1890
- --db-turquoise-bg-basic-level-1-default
1891
- );
1892
- --db-adaptive-bg-basic-level-1-hovered: var(
1893
- --db-turquoise-bg-basic-level-1-hovered
1894
- );
1895
- --db-adaptive-bg-basic-level-1-pressed: var(
1896
- --db-turquoise-bg-basic-level-1-pressed
1897
- );
1898
- --db-adaptive-bg-basic-level-2-default: var(
1899
- --db-turquoise-bg-basic-level-2-default
1900
- );
1901
- --db-adaptive-bg-basic-level-2-hovered: var(
1902
- --db-turquoise-bg-basic-level-2-hovered
1903
- );
1904
- --db-adaptive-bg-basic-level-2-pressed: var(
1905
- --db-turquoise-bg-basic-level-2-pressed
1906
- );
1907
- --db-adaptive-bg-basic-level-3-default: var(
1908
- --db-turquoise-bg-basic-level-3-default
1909
- );
1910
- --db-adaptive-bg-basic-level-3-hovered: var(
1911
- --db-turquoise-bg-basic-level-3-hovered
1912
- );
1913
- --db-adaptive-bg-basic-level-3-pressed: var(
1914
- --db-turquoise-bg-basic-level-3-pressed
1915
- );
1916
- --db-adaptive-bg-basic-transparent-full-default: var(
1917
- --db-turquoise-bg-basic-transparent-full-default
1918
- );
1919
- --db-adaptive-bg-basic-transparent-semi-default: var(
1920
- --db-turquoise-bg-basic-transparent-semi-default
1921
- );
1922
- --db-adaptive-bg-basic-transparent-hovered: var(
1923
- --db-turquoise-bg-basic-transparent-hovered
1924
- );
1925
- --db-adaptive-bg-basic-transparent-pressed: var(
1926
- --db-turquoise-bg-basic-transparent-pressed
1927
- );
1928
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
1929
- --db-turquoise-on-bg-basic-emphasis-100-default
1930
- );
1931
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
1932
- --db-turquoise-on-bg-basic-emphasis-100-hovered
1933
- );
1934
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
1935
- --db-turquoise-on-bg-basic-emphasis-100-pressed
1936
- );
1937
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
1938
- --db-turquoise-on-bg-basic-emphasis-90-default
1939
- );
1940
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
1941
- --db-turquoise-on-bg-basic-emphasis-90-hovered
1942
- );
1943
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
1944
- --db-turquoise-on-bg-basic-emphasis-90-pressed
1945
- );
1946
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
1947
- --db-turquoise-on-bg-basic-emphasis-80-default
1948
- );
1949
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
1950
- --db-turquoise-on-bg-basic-emphasis-80-hovered
1951
- );
1952
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
1953
- --db-turquoise-on-bg-basic-emphasis-80-pressed
1954
- );
1955
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
1956
- --db-turquoise-on-bg-basic-emphasis-70-default
1957
- );
1958
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
1959
- --db-turquoise-on-bg-basic-emphasis-70-hovered
1960
- );
1961
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
1962
- --db-turquoise-on-bg-basic-emphasis-70-pressed
1963
- );
1964
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
1965
- --db-turquoise-on-bg-basic-emphasis-60-default
1966
- );
1967
- --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
1968
- --db-turquoise-on-bg-basic-emphasis-60-hovered
1969
- );
1970
- --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
1971
- --db-turquoise-on-bg-basic-emphasis-60-pressed
1972
- );
1973
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
1974
- --db-turquoise-on-bg-basic-emphasis-50-default
1975
- );
1976
- --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
1977
- --db-turquoise-on-bg-basic-emphasis-50-hovered
1978
- );
1979
- --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
1980
- --db-turquoise-on-bg-basic-emphasis-50-pressed
1981
- );
1982
- --db-adaptive-bg-inverted-contrast-max-default: var(
1983
- --db-turquoise-bg-inverted-contrast-max-default
1984
- );
1985
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
1986
- --db-turquoise-bg-inverted-contrast-max-hovered
1987
- );
1988
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
1989
- --db-turquoise-bg-inverted-contrast-max-pressed
1990
- );
1991
- --db-adaptive-bg-inverted-contrast-high-default: var(
1992
- --db-turquoise-bg-inverted-contrast-high-default
1993
- );
1994
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
1995
- --db-turquoise-bg-inverted-contrast-high-hovered
1996
- );
1997
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
1998
- --db-turquoise-bg-inverted-contrast-high-pressed
1999
- );
2000
- --db-adaptive-bg-inverted-contrast-low-default: var(
2001
- --db-turquoise-bg-inverted-contrast-low-default
2002
- );
2003
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
2004
- --db-turquoise-bg-inverted-contrast-low-hovered
2005
- );
2006
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
2007
- --db-turquoise-bg-inverted-contrast-low-pressed
2008
- );
2009
- --db-adaptive-on-bg-inverted-default: var(
2010
- --db-turquoise-on-bg-inverted-default
2011
- );
2012
- --db-adaptive-on-bg-inverted-hovered: var(
2013
- --db-turquoise-on-bg-inverted-hovered
2014
- );
2015
- --db-adaptive-on-bg-inverted-pressed: var(
2016
- --db-turquoise-on-bg-inverted-pressed
2017
- );
2018
- --db-adaptive-origin-default: var(--db-turquoise-origin-default);
2019
- --db-adaptive-origin-hovered: var(--db-turquoise-origin-hovered);
2020
- --db-adaptive-origin-pressed: var(--db-turquoise-origin-pressed);
2021
- --db-adaptive-on-origin-default: var(
2022
- --db-turquoise-on-origin-default
2023
- );
2024
- --db-adaptive-on-origin-hovered: var(
2025
- --db-turquoise-on-origin-hovered
2026
- );
2027
- --db-adaptive-on-origin-pressed: var(
2028
- --db-turquoise-on-origin-pressed
2029
- );
1967
+ /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
1968
+ }
1969
+ @layer variables {
1970
+ [data-color=turquoise],
1971
+ .db-color-turquoise {
1972
+ --db-adaptive-bg-basic-level-1-default: var(
1973
+ --db-turquoise-bg-basic-level-1-default
1974
+ );
1975
+ --db-adaptive-bg-basic-level-1-hovered: var(
1976
+ --db-turquoise-bg-basic-level-1-hovered
1977
+ );
1978
+ --db-adaptive-bg-basic-level-1-pressed: var(
1979
+ --db-turquoise-bg-basic-level-1-pressed
1980
+ );
1981
+ --db-adaptive-bg-basic-level-2-default: var(
1982
+ --db-turquoise-bg-basic-level-2-default
1983
+ );
1984
+ --db-adaptive-bg-basic-level-2-hovered: var(
1985
+ --db-turquoise-bg-basic-level-2-hovered
1986
+ );
1987
+ --db-adaptive-bg-basic-level-2-pressed: var(
1988
+ --db-turquoise-bg-basic-level-2-pressed
1989
+ );
1990
+ --db-adaptive-bg-basic-level-3-default: var(
1991
+ --db-turquoise-bg-basic-level-3-default
1992
+ );
1993
+ --db-adaptive-bg-basic-level-3-hovered: var(
1994
+ --db-turquoise-bg-basic-level-3-hovered
1995
+ );
1996
+ --db-adaptive-bg-basic-level-3-pressed: var(
1997
+ --db-turquoise-bg-basic-level-3-pressed
1998
+ );
1999
+ --db-adaptive-bg-basic-transparent-full-default: var(
2000
+ --db-turquoise-bg-basic-transparent-full-default
2001
+ );
2002
+ --db-adaptive-bg-basic-transparent-semi-default: var(
2003
+ --db-turquoise-bg-basic-transparent-semi-default
2004
+ );
2005
+ --db-adaptive-bg-basic-transparent-hovered: var(
2006
+ --db-turquoise-bg-basic-transparent-hovered
2007
+ );
2008
+ --db-adaptive-bg-basic-transparent-pressed: var(
2009
+ --db-turquoise-bg-basic-transparent-pressed
2010
+ );
2011
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
2012
+ --db-turquoise-on-bg-basic-emphasis-100-default
2013
+ );
2014
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
2015
+ --db-turquoise-on-bg-basic-emphasis-100-hovered
2016
+ );
2017
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
2018
+ --db-turquoise-on-bg-basic-emphasis-100-pressed
2019
+ );
2020
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
2021
+ --db-turquoise-on-bg-basic-emphasis-90-default
2022
+ );
2023
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
2024
+ --db-turquoise-on-bg-basic-emphasis-90-hovered
2025
+ );
2026
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
2027
+ --db-turquoise-on-bg-basic-emphasis-90-pressed
2028
+ );
2029
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
2030
+ --db-turquoise-on-bg-basic-emphasis-80-default
2031
+ );
2032
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
2033
+ --db-turquoise-on-bg-basic-emphasis-80-hovered
2034
+ );
2035
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
2036
+ --db-turquoise-on-bg-basic-emphasis-80-pressed
2037
+ );
2038
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
2039
+ --db-turquoise-on-bg-basic-emphasis-70-default
2040
+ );
2041
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
2042
+ --db-turquoise-on-bg-basic-emphasis-70-hovered
2043
+ );
2044
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
2045
+ --db-turquoise-on-bg-basic-emphasis-70-pressed
2046
+ );
2047
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
2048
+ --db-turquoise-on-bg-basic-emphasis-60-default
2049
+ );
2050
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
2051
+ --db-turquoise-on-bg-basic-emphasis-50-default
2052
+ );
2053
+ --db-adaptive-bg-inverted-contrast-max-default: var(
2054
+ --db-turquoise-bg-inverted-contrast-max-default
2055
+ );
2056
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
2057
+ --db-turquoise-bg-inverted-contrast-max-hovered
2058
+ );
2059
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
2060
+ --db-turquoise-bg-inverted-contrast-max-pressed
2061
+ );
2062
+ --db-adaptive-bg-inverted-contrast-high-default: var(
2063
+ --db-turquoise-bg-inverted-contrast-high-default
2064
+ );
2065
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
2066
+ --db-turquoise-bg-inverted-contrast-high-hovered
2067
+ );
2068
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
2069
+ --db-turquoise-bg-inverted-contrast-high-pressed
2070
+ );
2071
+ --db-adaptive-bg-inverted-contrast-low-default: var(
2072
+ --db-turquoise-bg-inverted-contrast-low-default
2073
+ );
2074
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
2075
+ --db-turquoise-bg-inverted-contrast-low-hovered
2076
+ );
2077
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
2078
+ --db-turquoise-bg-inverted-contrast-low-pressed
2079
+ );
2080
+ --db-adaptive-on-bg-inverted-default: var(
2081
+ --db-turquoise-on-bg-inverted-default
2082
+ );
2083
+ --db-adaptive-on-bg-inverted-hovered: var(
2084
+ --db-turquoise-on-bg-inverted-hovered
2085
+ );
2086
+ --db-adaptive-on-bg-inverted-pressed: var(
2087
+ --db-turquoise-on-bg-inverted-pressed
2088
+ );
2089
+ --db-adaptive-origin-default: var(--db-turquoise-origin-default);
2090
+ --db-adaptive-origin-hovered: var(--db-turquoise-origin-hovered);
2091
+ --db-adaptive-origin-pressed: var(--db-turquoise-origin-pressed);
2092
+ --db-adaptive-on-origin-default: var(
2093
+ --db-turquoise-on-origin-default
2094
+ );
2095
+ --db-adaptive-bg-vibrant-default: var(
2096
+ --db-turquoise-bg-vibrant-default
2097
+ );
2098
+ --db-adaptive-bg-vibrant-hovered: var(
2099
+ --db-turquoise-bg-vibrant-hovered
2100
+ );
2101
+ --db-adaptive-bg-vibrant-pressed: var(
2102
+ --db-turquoise-bg-vibrant-pressed
2103
+ );
2104
+ --db-adaptive-on-bg-vibrant-default: var(
2105
+ --db-turquoise-on-bg-vibrant-default
2106
+ );
2107
+ --db-adaptive-on-bg-vibrant-hovered: var(
2108
+ --db-turquoise-on-bg-vibrant-hovered
2109
+ );
2110
+ --db-adaptive-on-bg-vibrant-pressed: var(
2111
+ --db-turquoise-on-bg-vibrant-pressed
2112
+ );
2113
+ }
2030
2114
  }
2031
2115
 
2032
2116
  [data-color=green],
2033
2117
  .db-color-green {
2034
- --db-adaptive-bg-basic-level-1-default: var(
2035
- --db-green-bg-basic-level-1-default
2036
- );
2037
- --db-adaptive-bg-basic-level-1-hovered: var(
2038
- --db-green-bg-basic-level-1-hovered
2039
- );
2040
- --db-adaptive-bg-basic-level-1-pressed: var(
2041
- --db-green-bg-basic-level-1-pressed
2042
- );
2043
- --db-adaptive-bg-basic-level-2-default: var(
2044
- --db-green-bg-basic-level-2-default
2045
- );
2046
- --db-adaptive-bg-basic-level-2-hovered: var(
2047
- --db-green-bg-basic-level-2-hovered
2048
- );
2049
- --db-adaptive-bg-basic-level-2-pressed: var(
2050
- --db-green-bg-basic-level-2-pressed
2051
- );
2052
- --db-adaptive-bg-basic-level-3-default: var(
2053
- --db-green-bg-basic-level-3-default
2054
- );
2055
- --db-adaptive-bg-basic-level-3-hovered: var(
2056
- --db-green-bg-basic-level-3-hovered
2057
- );
2058
- --db-adaptive-bg-basic-level-3-pressed: var(
2059
- --db-green-bg-basic-level-3-pressed
2060
- );
2061
- --db-adaptive-bg-basic-transparent-full-default: var(
2062
- --db-green-bg-basic-transparent-full-default
2063
- );
2064
- --db-adaptive-bg-basic-transparent-semi-default: var(
2065
- --db-green-bg-basic-transparent-semi-default
2066
- );
2067
- --db-adaptive-bg-basic-transparent-hovered: var(
2068
- --db-green-bg-basic-transparent-hovered
2069
- );
2070
- --db-adaptive-bg-basic-transparent-pressed: var(
2071
- --db-green-bg-basic-transparent-pressed
2072
- );
2073
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
2074
- --db-green-on-bg-basic-emphasis-100-default
2075
- );
2076
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
2077
- --db-green-on-bg-basic-emphasis-100-hovered
2078
- );
2079
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
2080
- --db-green-on-bg-basic-emphasis-100-pressed
2081
- );
2082
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
2083
- --db-green-on-bg-basic-emphasis-90-default
2084
- );
2085
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
2086
- --db-green-on-bg-basic-emphasis-90-hovered
2087
- );
2088
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
2089
- --db-green-on-bg-basic-emphasis-90-pressed
2090
- );
2091
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
2092
- --db-green-on-bg-basic-emphasis-80-default
2093
- );
2094
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
2095
- --db-green-on-bg-basic-emphasis-80-hovered
2096
- );
2097
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
2098
- --db-green-on-bg-basic-emphasis-80-pressed
2099
- );
2100
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
2101
- --db-green-on-bg-basic-emphasis-70-default
2102
- );
2103
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
2104
- --db-green-on-bg-basic-emphasis-70-hovered
2105
- );
2106
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
2107
- --db-green-on-bg-basic-emphasis-70-pressed
2108
- );
2109
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
2110
- --db-green-on-bg-basic-emphasis-60-default
2111
- );
2112
- --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
2113
- --db-green-on-bg-basic-emphasis-60-hovered
2114
- );
2115
- --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
2116
- --db-green-on-bg-basic-emphasis-60-pressed
2117
- );
2118
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
2119
- --db-green-on-bg-basic-emphasis-50-default
2120
- );
2121
- --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
2122
- --db-green-on-bg-basic-emphasis-50-hovered
2123
- );
2124
- --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
2125
- --db-green-on-bg-basic-emphasis-50-pressed
2126
- );
2127
- --db-adaptive-bg-inverted-contrast-max-default: var(
2128
- --db-green-bg-inverted-contrast-max-default
2129
- );
2130
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
2131
- --db-green-bg-inverted-contrast-max-hovered
2132
- );
2133
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
2134
- --db-green-bg-inverted-contrast-max-pressed
2135
- );
2136
- --db-adaptive-bg-inverted-contrast-high-default: var(
2137
- --db-green-bg-inverted-contrast-high-default
2138
- );
2139
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
2140
- --db-green-bg-inverted-contrast-high-hovered
2141
- );
2142
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
2143
- --db-green-bg-inverted-contrast-high-pressed
2144
- );
2145
- --db-adaptive-bg-inverted-contrast-low-default: var(
2146
- --db-green-bg-inverted-contrast-low-default
2147
- );
2148
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
2149
- --db-green-bg-inverted-contrast-low-hovered
2150
- );
2151
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
2152
- --db-green-bg-inverted-contrast-low-pressed
2153
- );
2154
- --db-adaptive-on-bg-inverted-default: var(
2155
- --db-green-on-bg-inverted-default
2156
- );
2157
- --db-adaptive-on-bg-inverted-hovered: var(
2158
- --db-green-on-bg-inverted-hovered
2159
- );
2160
- --db-adaptive-on-bg-inverted-pressed: var(
2161
- --db-green-on-bg-inverted-pressed
2162
- );
2163
- --db-adaptive-origin-default: var(--db-green-origin-default);
2164
- --db-adaptive-origin-hovered: var(--db-green-origin-hovered);
2165
- --db-adaptive-origin-pressed: var(--db-green-origin-pressed);
2166
- --db-adaptive-on-origin-default: var(
2167
- --db-green-on-origin-default
2168
- );
2169
- --db-adaptive-on-origin-hovered: var(
2170
- --db-green-on-origin-hovered
2171
- );
2172
- --db-adaptive-on-origin-pressed: var(
2173
- --db-green-on-origin-pressed
2174
- );
2118
+ /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
2119
+ }
2120
+ @layer variables {
2121
+ [data-color=green],
2122
+ .db-color-green {
2123
+ --db-adaptive-bg-basic-level-1-default: var(
2124
+ --db-green-bg-basic-level-1-default
2125
+ );
2126
+ --db-adaptive-bg-basic-level-1-hovered: var(
2127
+ --db-green-bg-basic-level-1-hovered
2128
+ );
2129
+ --db-adaptive-bg-basic-level-1-pressed: var(
2130
+ --db-green-bg-basic-level-1-pressed
2131
+ );
2132
+ --db-adaptive-bg-basic-level-2-default: var(
2133
+ --db-green-bg-basic-level-2-default
2134
+ );
2135
+ --db-adaptive-bg-basic-level-2-hovered: var(
2136
+ --db-green-bg-basic-level-2-hovered
2137
+ );
2138
+ --db-adaptive-bg-basic-level-2-pressed: var(
2139
+ --db-green-bg-basic-level-2-pressed
2140
+ );
2141
+ --db-adaptive-bg-basic-level-3-default: var(
2142
+ --db-green-bg-basic-level-3-default
2143
+ );
2144
+ --db-adaptive-bg-basic-level-3-hovered: var(
2145
+ --db-green-bg-basic-level-3-hovered
2146
+ );
2147
+ --db-adaptive-bg-basic-level-3-pressed: var(
2148
+ --db-green-bg-basic-level-3-pressed
2149
+ );
2150
+ --db-adaptive-bg-basic-transparent-full-default: var(
2151
+ --db-green-bg-basic-transparent-full-default
2152
+ );
2153
+ --db-adaptive-bg-basic-transparent-semi-default: var(
2154
+ --db-green-bg-basic-transparent-semi-default
2155
+ );
2156
+ --db-adaptive-bg-basic-transparent-hovered: var(
2157
+ --db-green-bg-basic-transparent-hovered
2158
+ );
2159
+ --db-adaptive-bg-basic-transparent-pressed: var(
2160
+ --db-green-bg-basic-transparent-pressed
2161
+ );
2162
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
2163
+ --db-green-on-bg-basic-emphasis-100-default
2164
+ );
2165
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
2166
+ --db-green-on-bg-basic-emphasis-100-hovered
2167
+ );
2168
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
2169
+ --db-green-on-bg-basic-emphasis-100-pressed
2170
+ );
2171
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
2172
+ --db-green-on-bg-basic-emphasis-90-default
2173
+ );
2174
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
2175
+ --db-green-on-bg-basic-emphasis-90-hovered
2176
+ );
2177
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
2178
+ --db-green-on-bg-basic-emphasis-90-pressed
2179
+ );
2180
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
2181
+ --db-green-on-bg-basic-emphasis-80-default
2182
+ );
2183
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
2184
+ --db-green-on-bg-basic-emphasis-80-hovered
2185
+ );
2186
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
2187
+ --db-green-on-bg-basic-emphasis-80-pressed
2188
+ );
2189
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
2190
+ --db-green-on-bg-basic-emphasis-70-default
2191
+ );
2192
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
2193
+ --db-green-on-bg-basic-emphasis-70-hovered
2194
+ );
2195
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
2196
+ --db-green-on-bg-basic-emphasis-70-pressed
2197
+ );
2198
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
2199
+ --db-green-on-bg-basic-emphasis-60-default
2200
+ );
2201
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
2202
+ --db-green-on-bg-basic-emphasis-50-default
2203
+ );
2204
+ --db-adaptive-bg-inverted-contrast-max-default: var(
2205
+ --db-green-bg-inverted-contrast-max-default
2206
+ );
2207
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
2208
+ --db-green-bg-inverted-contrast-max-hovered
2209
+ );
2210
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
2211
+ --db-green-bg-inverted-contrast-max-pressed
2212
+ );
2213
+ --db-adaptive-bg-inverted-contrast-high-default: var(
2214
+ --db-green-bg-inverted-contrast-high-default
2215
+ );
2216
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
2217
+ --db-green-bg-inverted-contrast-high-hovered
2218
+ );
2219
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
2220
+ --db-green-bg-inverted-contrast-high-pressed
2221
+ );
2222
+ --db-adaptive-bg-inverted-contrast-low-default: var(
2223
+ --db-green-bg-inverted-contrast-low-default
2224
+ );
2225
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
2226
+ --db-green-bg-inverted-contrast-low-hovered
2227
+ );
2228
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
2229
+ --db-green-bg-inverted-contrast-low-pressed
2230
+ );
2231
+ --db-adaptive-on-bg-inverted-default: var(
2232
+ --db-green-on-bg-inverted-default
2233
+ );
2234
+ --db-adaptive-on-bg-inverted-hovered: var(
2235
+ --db-green-on-bg-inverted-hovered
2236
+ );
2237
+ --db-adaptive-on-bg-inverted-pressed: var(
2238
+ --db-green-on-bg-inverted-pressed
2239
+ );
2240
+ --db-adaptive-origin-default: var(--db-green-origin-default);
2241
+ --db-adaptive-origin-hovered: var(--db-green-origin-hovered);
2242
+ --db-adaptive-origin-pressed: var(--db-green-origin-pressed);
2243
+ --db-adaptive-on-origin-default: var(
2244
+ --db-green-on-origin-default
2245
+ );
2246
+ --db-adaptive-bg-vibrant-default: var(
2247
+ --db-green-bg-vibrant-default
2248
+ );
2249
+ --db-adaptive-bg-vibrant-hovered: var(
2250
+ --db-green-bg-vibrant-hovered
2251
+ );
2252
+ --db-adaptive-bg-vibrant-pressed: var(
2253
+ --db-green-bg-vibrant-pressed
2254
+ );
2255
+ --db-adaptive-on-bg-vibrant-default: var(
2256
+ --db-green-on-bg-vibrant-default
2257
+ );
2258
+ --db-adaptive-on-bg-vibrant-hovered: var(
2259
+ --db-green-on-bg-vibrant-hovered
2260
+ );
2261
+ --db-adaptive-on-bg-vibrant-pressed: var(
2262
+ --db-green-on-bg-vibrant-pressed
2263
+ );
2264
+ }
2175
2265
  }
2176
2266
 
2177
2267
  [data-color=neutral],