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