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