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