@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/violet.css CHANGED
@@ -1,148 +1,182 @@
1
1
  /* Variants for adaptive components like input, select, notification, ... */
2
+ @layer variables {}
3
+
4
+ @layer variables {}
5
+
6
+ @layer variables {}
7
+
8
+ @layer variables {}
9
+
10
+ @layer variables {}
11
+
12
+ @layer variables {}
13
+
14
+ @layer variables {}
15
+
16
+ @layer variables {}
17
+
18
+ @layer variables {}
19
+
20
+ @layer variables {}
21
+
2
22
  [data-color=violet],
3
23
  .db-color-violet {
4
- --db-adaptive-bg-basic-level-1-default: var(
5
- --db-violet-bg-basic-level-1-default
6
- );
7
- --db-adaptive-bg-basic-level-1-hovered: var(
8
- --db-violet-bg-basic-level-1-hovered
9
- );
10
- --db-adaptive-bg-basic-level-1-pressed: var(
11
- --db-violet-bg-basic-level-1-pressed
12
- );
13
- --db-adaptive-bg-basic-level-2-default: var(
14
- --db-violet-bg-basic-level-2-default
15
- );
16
- --db-adaptive-bg-basic-level-2-hovered: var(
17
- --db-violet-bg-basic-level-2-hovered
18
- );
19
- --db-adaptive-bg-basic-level-2-pressed: var(
20
- --db-violet-bg-basic-level-2-pressed
21
- );
22
- --db-adaptive-bg-basic-level-3-default: var(
23
- --db-violet-bg-basic-level-3-default
24
- );
25
- --db-adaptive-bg-basic-level-3-hovered: var(
26
- --db-violet-bg-basic-level-3-hovered
27
- );
28
- --db-adaptive-bg-basic-level-3-pressed: var(
29
- --db-violet-bg-basic-level-3-pressed
30
- );
31
- --db-adaptive-bg-basic-transparent-full-default: var(
32
- --db-violet-bg-basic-transparent-full-default
33
- );
34
- --db-adaptive-bg-basic-transparent-semi-default: var(
35
- --db-violet-bg-basic-transparent-semi-default
36
- );
37
- --db-adaptive-bg-basic-transparent-hovered: var(
38
- --db-violet-bg-basic-transparent-hovered
39
- );
40
- --db-adaptive-bg-basic-transparent-pressed: var(
41
- --db-violet-bg-basic-transparent-pressed
42
- );
43
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
44
- --db-violet-on-bg-basic-emphasis-100-default
45
- );
46
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
47
- --db-violet-on-bg-basic-emphasis-100-hovered
48
- );
49
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
50
- --db-violet-on-bg-basic-emphasis-100-pressed
51
- );
52
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
53
- --db-violet-on-bg-basic-emphasis-90-default
54
- );
55
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
56
- --db-violet-on-bg-basic-emphasis-90-hovered
57
- );
58
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
59
- --db-violet-on-bg-basic-emphasis-90-pressed
60
- );
61
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
62
- --db-violet-on-bg-basic-emphasis-80-default
63
- );
64
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
65
- --db-violet-on-bg-basic-emphasis-80-hovered
66
- );
67
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
68
- --db-violet-on-bg-basic-emphasis-80-pressed
69
- );
70
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
71
- --db-violet-on-bg-basic-emphasis-70-default
72
- );
73
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
74
- --db-violet-on-bg-basic-emphasis-70-hovered
75
- );
76
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
77
- --db-violet-on-bg-basic-emphasis-70-pressed
78
- );
79
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
80
- --db-violet-on-bg-basic-emphasis-60-default
81
- );
82
- --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
83
- --db-violet-on-bg-basic-emphasis-60-hovered
84
- );
85
- --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
86
- --db-violet-on-bg-basic-emphasis-60-pressed
87
- );
88
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
89
- --db-violet-on-bg-basic-emphasis-50-default
90
- );
91
- --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
92
- --db-violet-on-bg-basic-emphasis-50-hovered
93
- );
94
- --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
95
- --db-violet-on-bg-basic-emphasis-50-pressed
96
- );
97
- --db-adaptive-bg-inverted-contrast-max-default: var(
98
- --db-violet-bg-inverted-contrast-max-default
99
- );
100
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
101
- --db-violet-bg-inverted-contrast-max-hovered
102
- );
103
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
104
- --db-violet-bg-inverted-contrast-max-pressed
105
- );
106
- --db-adaptive-bg-inverted-contrast-high-default: var(
107
- --db-violet-bg-inverted-contrast-high-default
108
- );
109
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
110
- --db-violet-bg-inverted-contrast-high-hovered
111
- );
112
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
113
- --db-violet-bg-inverted-contrast-high-pressed
114
- );
115
- --db-adaptive-bg-inverted-contrast-low-default: var(
116
- --db-violet-bg-inverted-contrast-low-default
117
- );
118
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
119
- --db-violet-bg-inverted-contrast-low-hovered
120
- );
121
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
122
- --db-violet-bg-inverted-contrast-low-pressed
123
- );
124
- --db-adaptive-on-bg-inverted-default: var(
125
- --db-violet-on-bg-inverted-default
126
- );
127
- --db-adaptive-on-bg-inverted-hovered: var(
128
- --db-violet-on-bg-inverted-hovered
129
- );
130
- --db-adaptive-on-bg-inverted-pressed: var(
131
- --db-violet-on-bg-inverted-pressed
132
- );
133
- --db-adaptive-origin-default: var(--db-violet-origin-default);
134
- --db-adaptive-origin-hovered: var(--db-violet-origin-hovered);
135
- --db-adaptive-origin-pressed: var(--db-violet-origin-pressed);
136
- --db-adaptive-on-origin-default: var(
137
- --db-violet-on-origin-default
138
- );
139
- --db-adaptive-on-origin-hovered: var(
140
- --db-violet-on-origin-hovered
141
- );
142
- --db-adaptive-on-origin-pressed: var(
143
- --db-violet-on-origin-pressed
144
- );
24
+ /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
145
25
  }
26
+ @layer variables {
27
+ [data-color=violet],
28
+ .db-color-violet {
29
+ --db-adaptive-bg-basic-level-1-default: var(
30
+ --db-violet-bg-basic-level-1-default
31
+ );
32
+ --db-adaptive-bg-basic-level-1-hovered: var(
33
+ --db-violet-bg-basic-level-1-hovered
34
+ );
35
+ --db-adaptive-bg-basic-level-1-pressed: var(
36
+ --db-violet-bg-basic-level-1-pressed
37
+ );
38
+ --db-adaptive-bg-basic-level-2-default: var(
39
+ --db-violet-bg-basic-level-2-default
40
+ );
41
+ --db-adaptive-bg-basic-level-2-hovered: var(
42
+ --db-violet-bg-basic-level-2-hovered
43
+ );
44
+ --db-adaptive-bg-basic-level-2-pressed: var(
45
+ --db-violet-bg-basic-level-2-pressed
46
+ );
47
+ --db-adaptive-bg-basic-level-3-default: var(
48
+ --db-violet-bg-basic-level-3-default
49
+ );
50
+ --db-adaptive-bg-basic-level-3-hovered: var(
51
+ --db-violet-bg-basic-level-3-hovered
52
+ );
53
+ --db-adaptive-bg-basic-level-3-pressed: var(
54
+ --db-violet-bg-basic-level-3-pressed
55
+ );
56
+ --db-adaptive-bg-basic-transparent-full-default: var(
57
+ --db-violet-bg-basic-transparent-full-default
58
+ );
59
+ --db-adaptive-bg-basic-transparent-semi-default: var(
60
+ --db-violet-bg-basic-transparent-semi-default
61
+ );
62
+ --db-adaptive-bg-basic-transparent-hovered: var(
63
+ --db-violet-bg-basic-transparent-hovered
64
+ );
65
+ --db-adaptive-bg-basic-transparent-pressed: var(
66
+ --db-violet-bg-basic-transparent-pressed
67
+ );
68
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
69
+ --db-violet-on-bg-basic-emphasis-100-default
70
+ );
71
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
72
+ --db-violet-on-bg-basic-emphasis-100-hovered
73
+ );
74
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
75
+ --db-violet-on-bg-basic-emphasis-100-pressed
76
+ );
77
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
78
+ --db-violet-on-bg-basic-emphasis-90-default
79
+ );
80
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
81
+ --db-violet-on-bg-basic-emphasis-90-hovered
82
+ );
83
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
84
+ --db-violet-on-bg-basic-emphasis-90-pressed
85
+ );
86
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
87
+ --db-violet-on-bg-basic-emphasis-80-default
88
+ );
89
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
90
+ --db-violet-on-bg-basic-emphasis-80-hovered
91
+ );
92
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
93
+ --db-violet-on-bg-basic-emphasis-80-pressed
94
+ );
95
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
96
+ --db-violet-on-bg-basic-emphasis-70-default
97
+ );
98
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
99
+ --db-violet-on-bg-basic-emphasis-70-hovered
100
+ );
101
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
102
+ --db-violet-on-bg-basic-emphasis-70-pressed
103
+ );
104
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
105
+ --db-violet-on-bg-basic-emphasis-60-default
106
+ );
107
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
108
+ --db-violet-on-bg-basic-emphasis-50-default
109
+ );
110
+ --db-adaptive-bg-inverted-contrast-max-default: var(
111
+ --db-violet-bg-inverted-contrast-max-default
112
+ );
113
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
114
+ --db-violet-bg-inverted-contrast-max-hovered
115
+ );
116
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
117
+ --db-violet-bg-inverted-contrast-max-pressed
118
+ );
119
+ --db-adaptive-bg-inverted-contrast-high-default: var(
120
+ --db-violet-bg-inverted-contrast-high-default
121
+ );
122
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
123
+ --db-violet-bg-inverted-contrast-high-hovered
124
+ );
125
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
126
+ --db-violet-bg-inverted-contrast-high-pressed
127
+ );
128
+ --db-adaptive-bg-inverted-contrast-low-default: var(
129
+ --db-violet-bg-inverted-contrast-low-default
130
+ );
131
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
132
+ --db-violet-bg-inverted-contrast-low-hovered
133
+ );
134
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
135
+ --db-violet-bg-inverted-contrast-low-pressed
136
+ );
137
+ --db-adaptive-on-bg-inverted-default: var(
138
+ --db-violet-on-bg-inverted-default
139
+ );
140
+ --db-adaptive-on-bg-inverted-hovered: var(
141
+ --db-violet-on-bg-inverted-hovered
142
+ );
143
+ --db-adaptive-on-bg-inverted-pressed: var(
144
+ --db-violet-on-bg-inverted-pressed
145
+ );
146
+ --db-adaptive-origin-default: var(--db-violet-origin-default);
147
+ --db-adaptive-origin-hovered: var(--db-violet-origin-hovered);
148
+ --db-adaptive-origin-pressed: var(--db-violet-origin-pressed);
149
+ --db-adaptive-on-origin-default: var(
150
+ --db-violet-on-origin-default
151
+ );
152
+ --db-adaptive-bg-vibrant-default: var(
153
+ --db-violet-bg-vibrant-default
154
+ );
155
+ --db-adaptive-bg-vibrant-hovered: var(
156
+ --db-violet-bg-vibrant-hovered
157
+ );
158
+ --db-adaptive-bg-vibrant-pressed: var(
159
+ --db-violet-bg-vibrant-pressed
160
+ );
161
+ --db-adaptive-on-bg-vibrant-default: var(
162
+ --db-violet-on-bg-vibrant-default
163
+ );
164
+ --db-adaptive-on-bg-vibrant-hovered: var(
165
+ --db-violet-on-bg-vibrant-hovered
166
+ );
167
+ --db-adaptive-on-bg-vibrant-pressed: var(
168
+ --db-violet-on-bg-vibrant-pressed
169
+ );
170
+ }
171
+ }
172
+
173
+ @layer variables {}
174
+
175
+ @layer variables {}
176
+
177
+ @layer variables {}
178
+
179
+ @layer variables {}
146
180
 
147
181
  [data-color=violet],
148
182
  .db-color-violet {
package/build/styles/colors/classes/warning.css CHANGED
@@ -1,148 +1,182 @@
1
1
  /* Variants for adaptive components like input, select, notification, ... */
2
+ @layer variables {}
3
+
4
+ @layer variables {}
5
+
6
+ @layer variables {}
7
+
8
+ @layer variables {}
9
+
2
10
  [data-color=warning],
3
11
  .db-color-warning {
4
- --db-adaptive-bg-basic-level-1-default: var(
5
- --db-warning-bg-basic-level-1-default
6
- );
7
- --db-adaptive-bg-basic-level-1-hovered: var(
8
- --db-warning-bg-basic-level-1-hovered
9
- );
10
- --db-adaptive-bg-basic-level-1-pressed: var(
11
- --db-warning-bg-basic-level-1-pressed
12
- );
13
- --db-adaptive-bg-basic-level-2-default: var(
14
- --db-warning-bg-basic-level-2-default
15
- );
16
- --db-adaptive-bg-basic-level-2-hovered: var(
17
- --db-warning-bg-basic-level-2-hovered
18
- );
19
- --db-adaptive-bg-basic-level-2-pressed: var(
20
- --db-warning-bg-basic-level-2-pressed
21
- );
22
- --db-adaptive-bg-basic-level-3-default: var(
23
- --db-warning-bg-basic-level-3-default
24
- );
25
- --db-adaptive-bg-basic-level-3-hovered: var(
26
- --db-warning-bg-basic-level-3-hovered
27
- );
28
- --db-adaptive-bg-basic-level-3-pressed: var(
29
- --db-warning-bg-basic-level-3-pressed
30
- );
31
- --db-adaptive-bg-basic-transparent-full-default: var(
32
- --db-warning-bg-basic-transparent-full-default
33
- );
34
- --db-adaptive-bg-basic-transparent-semi-default: var(
35
- --db-warning-bg-basic-transparent-semi-default
36
- );
37
- --db-adaptive-bg-basic-transparent-hovered: var(
38
- --db-warning-bg-basic-transparent-hovered
39
- );
40
- --db-adaptive-bg-basic-transparent-pressed: var(
41
- --db-warning-bg-basic-transparent-pressed
42
- );
43
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
44
- --db-warning-on-bg-basic-emphasis-100-default
45
- );
46
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
47
- --db-warning-on-bg-basic-emphasis-100-hovered
48
- );
49
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
50
- --db-warning-on-bg-basic-emphasis-100-pressed
51
- );
52
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
53
- --db-warning-on-bg-basic-emphasis-90-default
54
- );
55
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
56
- --db-warning-on-bg-basic-emphasis-90-hovered
57
- );
58
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
59
- --db-warning-on-bg-basic-emphasis-90-pressed
60
- );
61
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
62
- --db-warning-on-bg-basic-emphasis-80-default
63
- );
64
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
65
- --db-warning-on-bg-basic-emphasis-80-hovered
66
- );
67
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
68
- --db-warning-on-bg-basic-emphasis-80-pressed
69
- );
70
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
71
- --db-warning-on-bg-basic-emphasis-70-default
72
- );
73
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
74
- --db-warning-on-bg-basic-emphasis-70-hovered
75
- );
76
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
77
- --db-warning-on-bg-basic-emphasis-70-pressed
78
- );
79
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
80
- --db-warning-on-bg-basic-emphasis-60-default
81
- );
82
- --db-adaptive-on-bg-basic-emphasis-60-hovered: var(
83
- --db-warning-on-bg-basic-emphasis-60-hovered
84
- );
85
- --db-adaptive-on-bg-basic-emphasis-60-pressed: var(
86
- --db-warning-on-bg-basic-emphasis-60-pressed
87
- );
88
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
89
- --db-warning-on-bg-basic-emphasis-50-default
90
- );
91
- --db-adaptive-on-bg-basic-emphasis-50-hovered: var(
92
- --db-warning-on-bg-basic-emphasis-50-hovered
93
- );
94
- --db-adaptive-on-bg-basic-emphasis-50-pressed: var(
95
- --db-warning-on-bg-basic-emphasis-50-pressed
96
- );
97
- --db-adaptive-bg-inverted-contrast-max-default: var(
98
- --db-warning-bg-inverted-contrast-max-default
99
- );
100
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
101
- --db-warning-bg-inverted-contrast-max-hovered
102
- );
103
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
104
- --db-warning-bg-inverted-contrast-max-pressed
105
- );
106
- --db-adaptive-bg-inverted-contrast-high-default: var(
107
- --db-warning-bg-inverted-contrast-high-default
108
- );
109
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
110
- --db-warning-bg-inverted-contrast-high-hovered
111
- );
112
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
113
- --db-warning-bg-inverted-contrast-high-pressed
114
- );
115
- --db-adaptive-bg-inverted-contrast-low-default: var(
116
- --db-warning-bg-inverted-contrast-low-default
117
- );
118
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
119
- --db-warning-bg-inverted-contrast-low-hovered
120
- );
121
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
122
- --db-warning-bg-inverted-contrast-low-pressed
123
- );
124
- --db-adaptive-on-bg-inverted-default: var(
125
- --db-warning-on-bg-inverted-default
126
- );
127
- --db-adaptive-on-bg-inverted-hovered: var(
128
- --db-warning-on-bg-inverted-hovered
129
- );
130
- --db-adaptive-on-bg-inverted-pressed: var(
131
- --db-warning-on-bg-inverted-pressed
132
- );
133
- --db-adaptive-origin-default: var(--db-warning-origin-default);
134
- --db-adaptive-origin-hovered: var(--db-warning-origin-hovered);
135
- --db-adaptive-origin-pressed: var(--db-warning-origin-pressed);
136
- --db-adaptive-on-origin-default: var(
137
- --db-warning-on-origin-default
138
- );
139
- --db-adaptive-on-origin-hovered: var(
140
- --db-warning-on-origin-hovered
141
- );
142
- --db-adaptive-on-origin-pressed: var(
143
- --db-warning-on-origin-pressed
144
- );
12
+ /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
145
13
  }
14
+ @layer variables {
15
+ [data-color=warning],
16
+ .db-color-warning {
17
+ --db-adaptive-bg-basic-level-1-default: var(
18
+ --db-warning-bg-basic-level-1-default
19
+ );
20
+ --db-adaptive-bg-basic-level-1-hovered: var(
21
+ --db-warning-bg-basic-level-1-hovered
22
+ );
23
+ --db-adaptive-bg-basic-level-1-pressed: var(
24
+ --db-warning-bg-basic-level-1-pressed
25
+ );
26
+ --db-adaptive-bg-basic-level-2-default: var(
27
+ --db-warning-bg-basic-level-2-default
28
+ );
29
+ --db-adaptive-bg-basic-level-2-hovered: var(
30
+ --db-warning-bg-basic-level-2-hovered
31
+ );
32
+ --db-adaptive-bg-basic-level-2-pressed: var(
33
+ --db-warning-bg-basic-level-2-pressed
34
+ );
35
+ --db-adaptive-bg-basic-level-3-default: var(
36
+ --db-warning-bg-basic-level-3-default
37
+ );
38
+ --db-adaptive-bg-basic-level-3-hovered: var(
39
+ --db-warning-bg-basic-level-3-hovered
40
+ );
41
+ --db-adaptive-bg-basic-level-3-pressed: var(
42
+ --db-warning-bg-basic-level-3-pressed
43
+ );
44
+ --db-adaptive-bg-basic-transparent-full-default: var(
45
+ --db-warning-bg-basic-transparent-full-default
46
+ );
47
+ --db-adaptive-bg-basic-transparent-semi-default: var(
48
+ --db-warning-bg-basic-transparent-semi-default
49
+ );
50
+ --db-adaptive-bg-basic-transparent-hovered: var(
51
+ --db-warning-bg-basic-transparent-hovered
52
+ );
53
+ --db-adaptive-bg-basic-transparent-pressed: var(
54
+ --db-warning-bg-basic-transparent-pressed
55
+ );
56
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
57
+ --db-warning-on-bg-basic-emphasis-100-default
58
+ );
59
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
60
+ --db-warning-on-bg-basic-emphasis-100-hovered
61
+ );
62
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
63
+ --db-warning-on-bg-basic-emphasis-100-pressed
64
+ );
65
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
66
+ --db-warning-on-bg-basic-emphasis-90-default
67
+ );
68
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
69
+ --db-warning-on-bg-basic-emphasis-90-hovered
70
+ );
71
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
72
+ --db-warning-on-bg-basic-emphasis-90-pressed
73
+ );
74
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
75
+ --db-warning-on-bg-basic-emphasis-80-default
76
+ );
77
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
78
+ --db-warning-on-bg-basic-emphasis-80-hovered
79
+ );
80
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
81
+ --db-warning-on-bg-basic-emphasis-80-pressed
82
+ );
83
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
84
+ --db-warning-on-bg-basic-emphasis-70-default
85
+ );
86
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
87
+ --db-warning-on-bg-basic-emphasis-70-hovered
88
+ );
89
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
90
+ --db-warning-on-bg-basic-emphasis-70-pressed
91
+ );
92
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
93
+ --db-warning-on-bg-basic-emphasis-60-default
94
+ );
95
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
96
+ --db-warning-on-bg-basic-emphasis-50-default
97
+ );
98
+ --db-adaptive-bg-inverted-contrast-max-default: var(
99
+ --db-warning-bg-inverted-contrast-max-default
100
+ );
101
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
102
+ --db-warning-bg-inverted-contrast-max-hovered
103
+ );
104
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
105
+ --db-warning-bg-inverted-contrast-max-pressed
106
+ );
107
+ --db-adaptive-bg-inverted-contrast-high-default: var(
108
+ --db-warning-bg-inverted-contrast-high-default
109
+ );
110
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
111
+ --db-warning-bg-inverted-contrast-high-hovered
112
+ );
113
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
114
+ --db-warning-bg-inverted-contrast-high-pressed
115
+ );
116
+ --db-adaptive-bg-inverted-contrast-low-default: var(
117
+ --db-warning-bg-inverted-contrast-low-default
118
+ );
119
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
120
+ --db-warning-bg-inverted-contrast-low-hovered
121
+ );
122
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
123
+ --db-warning-bg-inverted-contrast-low-pressed
124
+ );
125
+ --db-adaptive-on-bg-inverted-default: var(
126
+ --db-warning-on-bg-inverted-default
127
+ );
128
+ --db-adaptive-on-bg-inverted-hovered: var(
129
+ --db-warning-on-bg-inverted-hovered
130
+ );
131
+ --db-adaptive-on-bg-inverted-pressed: var(
132
+ --db-warning-on-bg-inverted-pressed
133
+ );
134
+ --db-adaptive-origin-default: var(--db-warning-origin-default);
135
+ --db-adaptive-origin-hovered: var(--db-warning-origin-hovered);
136
+ --db-adaptive-origin-pressed: var(--db-warning-origin-pressed);
137
+ --db-adaptive-on-origin-default: var(
138
+ --db-warning-on-origin-default
139
+ );
140
+ --db-adaptive-bg-vibrant-default: var(
141
+ --db-warning-bg-vibrant-default
142
+ );
143
+ --db-adaptive-bg-vibrant-hovered: var(
144
+ --db-warning-bg-vibrant-hovered
145
+ );
146
+ --db-adaptive-bg-vibrant-pressed: var(
147
+ --db-warning-bg-vibrant-pressed
148
+ );
149
+ --db-adaptive-on-bg-vibrant-default: var(
150
+ --db-warning-on-bg-vibrant-default
151
+ );
152
+ --db-adaptive-on-bg-vibrant-hovered: var(
153
+ --db-warning-on-bg-vibrant-hovered
154
+ );
155
+ --db-adaptive-on-bg-vibrant-pressed: var(
156
+ --db-warning-on-bg-vibrant-pressed
157
+ );
158
+ }
159
+ }
160
+
161
+ @layer variables {}
162
+
163
+ @layer variables {}
164
+
165
+ @layer variables {}
166
+
167
+ @layer variables {}
168
+
169
+ @layer variables {}
170
+
171
+ @layer variables {}
172
+
173
+ @layer variables {}
174
+
175
+ @layer variables {}
176
+
177
+ @layer variables {}
178
+
179
+ @layer variables {}
146
180
 
147
181
  [data-color=warning],
148
182
  .db-color-warning {