@db-ux/core-foundations 4.5.4 → 4.6.0

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 (111) hide show
  1. package/CHANGELOG.md +10 -0
  2. package/README.md +16 -69
  3. package/agent/_instructions.md +84 -0
  4. package/agent/tailwind/Variables.md +11 -9
  5. package/build/styles/bundle.css +4820 -0
  6. package/build/styles/{index.scss → bundle.scss} +5 -0
  7. package/build/styles/colors/_default-color-mappings.scss +3461 -3472
  8. package/build/styles/colors/_placeholder.scss +155 -159
  9. package/build/styles/colors/classes/all.css +2499 -2601
  10. package/build/styles/colors/classes/blue.css +147 -185
  11. package/build/styles/colors/classes/brand.css +147 -185
  12. package/build/styles/colors/classes/burgundy.css +147 -185
  13. package/build/styles/colors/classes/critical.css +147 -185
  14. package/build/styles/colors/classes/cyan.css +147 -185
  15. package/build/styles/colors/classes/green.css +147 -185
  16. package/build/styles/colors/classes/informational.css +147 -185
  17. package/build/styles/colors/classes/light-green.css +147 -185
  18. package/build/styles/colors/classes/neutral.css +147 -185
  19. package/build/styles/colors/classes/orange.css +147 -185
  20. package/build/styles/colors/classes/pink.css +147 -185
  21. package/build/styles/colors/classes/red.css +147 -185
  22. package/build/styles/colors/classes/successful.css +147 -185
  23. package/build/styles/colors/classes/turquoise.css +147 -185
  24. package/build/styles/colors/classes/violet.css +147 -185
  25. package/build/styles/colors/classes/warning.css +147 -185
  26. package/build/styles/colors/classes/yellow.css +147 -185
  27. package/build/styles/defaults/default-code.css +97 -97
  28. package/build/styles/defaults/default-container-properties.css +1 -0
  29. package/build/styles/defaults/default-container-variables.css +1 -0
  30. package/build/styles/defaults/default-elevation.css +1 -1
  31. package/build/styles/defaults/default-fonts.css +1 -1
  32. package/build/styles/defaults/default-icons.css +1 -1
  33. package/build/styles/defaults/default-properties.css +1 -0
  34. package/build/styles/defaults/default-required.css +1 -1
  35. package/build/styles/defaults/default-required.scss +13 -16
  36. package/build/styles/defaults/default-root.css +97 -97
  37. package/build/styles/defaults/default-variables.css +1 -0
  38. package/build/styles/density/_scaling-placeholder.scss +51 -54
  39. package/build/styles/density/_typography-placeholder.scss +54 -60
  40. package/build/styles/density/classes/all.css +759 -907
  41. package/build/styles/density/classes/expressive.css +255 -377
  42. package/build/styles/density/classes/functional.css +255 -377
  43. package/build/styles/density/classes/regular.css +255 -377
  44. package/build/styles/fonts/_font-sizes.scss +10 -16
  45. package/build/styles/fonts/absolute.scss +1 -1
  46. package/build/styles/fonts/classes/all.css +54 -214
  47. package/build/styles/fonts/classes/body/2xl.css +3 -95
  48. package/build/styles/fonts/classes/body/2xs.css +3 -95
  49. package/build/styles/fonts/classes/body/3xl.css +3 -95
  50. package/build/styles/fonts/classes/body/3xs.css +3 -95
  51. package/build/styles/fonts/classes/body/all.css +27 -151
  52. package/build/styles/fonts/classes/body/lg.css +3 -95
  53. package/build/styles/fonts/classes/body/md.css +3 -95
  54. package/build/styles/fonts/classes/body/sm.css +3 -95
  55. package/build/styles/fonts/classes/body/xl.css +3 -95
  56. package/build/styles/fonts/classes/body/xs.css +3 -95
  57. package/build/styles/fonts/classes/headline/2xl.css +3 -95
  58. package/build/styles/fonts/classes/headline/2xs.css +3 -95
  59. package/build/styles/fonts/classes/headline/3xl.css +3 -95
  60. package/build/styles/fonts/classes/headline/3xs.css +3 -95
  61. package/build/styles/fonts/classes/headline/all.css +27 -151
  62. package/build/styles/fonts/classes/headline/lg.css +3 -95
  63. package/build/styles/fonts/classes/headline/md.css +3 -95
  64. package/build/styles/fonts/classes/headline/sm.css +3 -95
  65. package/build/styles/fonts/classes/headline/xl.css +3 -95
  66. package/build/styles/fonts/classes/headline/xs.css +3 -95
  67. package/build/styles/fonts/relative.scss +1 -1
  68. package/build/styles/fonts/rollup.scss +1 -1
  69. package/build/styles/fonts/webpack.scss +1 -1
  70. package/build/styles/helpers/_index.scss +0 -1
  71. package/build/styles/helpers/classes/all.css +0 -34
  72. package/build/styles/helpers/classes/divider.css +0 -34
  73. package/build/styles/helpers/classes/focus.css +0 -34
  74. package/build/styles/icons/absolute.css +1 -1
  75. package/build/styles/icons/absolute.scss +1 -1
  76. package/build/styles/icons/relative.css +1 -1
  77. package/build/styles/icons/relative.scss +1 -1
  78. package/build/styles/icons/rollup.css +1 -1
  79. package/build/styles/icons/rollup.scss +1 -1
  80. package/build/styles/icons/webpack.css +1 -1
  81. package/build/styles/icons/webpack.scss +1 -1
  82. package/build/styles/theme/absolute.css +1 -0
  83. package/build/styles/theme/relative.css +1 -0
  84. package/build/styles/{defaults/default-theme.scss → theme/relative.scss} +3 -6
  85. package/build/styles/theme/rollup.css +1 -0
  86. package/build/styles/theme/webpack.css +1 -0
  87. package/build/tailwind/theme/colors.css +1 -2953
  88. package/build/tailwind/theme/colors.scss +1 -10
  89. package/build/tailwind/theme/dimensions.css +77 -160
  90. package/package.json +4 -4
  91. package/build/styles/absolute.css +0 -10635
  92. package/build/styles/defaults/default-theme.css +0 -97
  93. package/build/styles/helpers/_layer.scss +0 -1
  94. package/build/styles/index.css +0 -4907
  95. package/build/styles/relative.css +0 -10635
  96. package/build/styles/relative.scss +0 -4
  97. package/build/styles/rollup.css +0 -10635
  98. package/build/styles/webpack.css +0 -10635
  99. package/build/tailwind/theme/_variables.scss +0 -77
  100. package/build/tailwind/theme/dimensions.scss +0 -17
  101. /package/build/styles/defaults/{_default-container-properties.scss → default-container-properties.scss} +0 -0
  102. /package/build/styles/defaults/{_default-container-variables.scss → default-container-variables.scss} +0 -0
  103. /package/build/styles/defaults/{_default-properties.scss → default-properties.scss} +0 -0
  104. /package/build/styles/defaults/{_default-variables.scss → default-variables.scss} +0 -0
  105. /package/build/styles/{_absolute.assets-paths.scss → theme/_absolute.assets-paths.scss} +0 -0
  106. /package/build/styles/{_default.assets-paths.scss → theme/_default.assets-paths.scss} +0 -0
  107. /package/build/styles/{_rollup.assets-paths.scss → theme/_rollup.assets-paths.scss} +0 -0
  108. /package/build/styles/{_webpack.assets-paths.scss → theme/_webpack.assets-paths.scss} +0 -0
  109. /package/build/styles/{absolute.scss → theme/absolute.scss} +0 -0
  110. /package/build/styles/{rollup.scss → theme/rollup.scss} +0 -0
  111. /package/build/styles/{webpack.scss → theme/webpack.scss} +0 -0
package/build/styles/colors/classes/orange.css CHANGED
@@ -1,192 +1,154 @@
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
2
  [data-color=orange],
17
3
  .db-color-orange {
18
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
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-full-hovered: var(
38
+ --db-orange-bg-basic-transparent-full-hovered
39
+ );
40
+ --db-adaptive-bg-basic-transparent-full-pressed: var(
41
+ --db-orange-bg-basic-transparent-full-pressed
42
+ );
43
+ --db-adaptive-bg-basic-transparent-semi-hovered: var(
44
+ --db-orange-bg-basic-transparent-semi-hovered
45
+ );
46
+ --db-adaptive-bg-basic-transparent-semi-pressed: var(
47
+ --db-orange-bg-basic-transparent-semi-pressed
48
+ );
49
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
50
+ --db-orange-on-bg-basic-emphasis-100-default
51
+ );
52
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
53
+ --db-orange-on-bg-basic-emphasis-100-hovered
54
+ );
55
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
56
+ --db-orange-on-bg-basic-emphasis-100-pressed
57
+ );
58
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
59
+ --db-orange-on-bg-basic-emphasis-90-default
60
+ );
61
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
62
+ --db-orange-on-bg-basic-emphasis-90-hovered
63
+ );
64
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
65
+ --db-orange-on-bg-basic-emphasis-90-pressed
66
+ );
67
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
68
+ --db-orange-on-bg-basic-emphasis-80-default
69
+ );
70
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
71
+ --db-orange-on-bg-basic-emphasis-80-hovered
72
+ );
73
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
74
+ --db-orange-on-bg-basic-emphasis-80-pressed
75
+ );
76
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
77
+ --db-orange-on-bg-basic-emphasis-70-default
78
+ );
79
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
80
+ --db-orange-on-bg-basic-emphasis-70-hovered
81
+ );
82
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
83
+ --db-orange-on-bg-basic-emphasis-70-pressed
84
+ );
85
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
86
+ --db-orange-on-bg-basic-emphasis-60-default
87
+ );
88
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
89
+ --db-orange-on-bg-basic-emphasis-50-default
90
+ );
91
+ --db-adaptive-bg-inverted-contrast-max-default: var(
92
+ --db-orange-bg-inverted-contrast-max-default
93
+ );
94
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
95
+ --db-orange-bg-inverted-contrast-max-hovered
96
+ );
97
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
98
+ --db-orange-bg-inverted-contrast-max-pressed
99
+ );
100
+ --db-adaptive-bg-inverted-contrast-high-default: var(
101
+ --db-orange-bg-inverted-contrast-high-default
102
+ );
103
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
104
+ --db-orange-bg-inverted-contrast-high-hovered
105
+ );
106
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
107
+ --db-orange-bg-inverted-contrast-high-pressed
108
+ );
109
+ --db-adaptive-bg-inverted-contrast-low-default: var(
110
+ --db-orange-bg-inverted-contrast-low-default
111
+ );
112
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
113
+ --db-orange-bg-inverted-contrast-low-hovered
114
+ );
115
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
116
+ --db-orange-bg-inverted-contrast-low-pressed
117
+ );
118
+ --db-adaptive-on-bg-inverted-default: var(
119
+ --db-orange-on-bg-inverted-default
120
+ );
121
+ --db-adaptive-on-bg-inverted-hovered: var(
122
+ --db-orange-on-bg-inverted-hovered
123
+ );
124
+ --db-adaptive-on-bg-inverted-pressed: var(
125
+ --db-orange-on-bg-inverted-pressed
126
+ );
127
+ --db-adaptive-origin-default: var(--db-orange-origin-default);
128
+ --db-adaptive-origin-hovered: var(--db-orange-origin-hovered);
129
+ --db-adaptive-origin-pressed: var(--db-orange-origin-pressed);
130
+ --db-adaptive-on-origin-default: var(
131
+ --db-orange-on-origin-default
132
+ );
133
+ --db-adaptive-bg-vibrant-default: var(
134
+ --db-orange-bg-vibrant-default
135
+ );
136
+ --db-adaptive-bg-vibrant-hovered: var(
137
+ --db-orange-bg-vibrant-hovered
138
+ );
139
+ --db-adaptive-bg-vibrant-pressed: var(
140
+ --db-orange-bg-vibrant-pressed
141
+ );
142
+ --db-adaptive-on-bg-vibrant-default: var(
143
+ --db-orange-on-bg-vibrant-default
144
+ );
145
+ --db-adaptive-on-bg-vibrant-hovered: var(
146
+ --db-orange-on-bg-vibrant-hovered
147
+ );
148
+ --db-adaptive-on-bg-vibrant-pressed: var(
149
+ --db-orange-on-bg-vibrant-pressed
150
+ );
19
151
  }
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-full-hovered: var(
57
- --db-orange-bg-basic-transparent-full-hovered
58
- );
59
- --db-adaptive-bg-basic-transparent-full-pressed: var(
60
- --db-orange-bg-basic-transparent-full-pressed
61
- );
62
- --db-adaptive-bg-basic-transparent-semi-hovered: var(
63
- --db-orange-bg-basic-transparent-semi-hovered
64
- );
65
- --db-adaptive-bg-basic-transparent-semi-pressed: var(
66
- --db-orange-bg-basic-transparent-semi-pressed
67
- );
68
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
69
- --db-orange-on-bg-basic-emphasis-100-default
70
- );
71
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
72
- --db-orange-on-bg-basic-emphasis-100-hovered
73
- );
74
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
75
- --db-orange-on-bg-basic-emphasis-100-pressed
76
- );
77
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
78
- --db-orange-on-bg-basic-emphasis-90-default
79
- );
80
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
81
- --db-orange-on-bg-basic-emphasis-90-hovered
82
- );
83
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
84
- --db-orange-on-bg-basic-emphasis-90-pressed
85
- );
86
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
87
- --db-orange-on-bg-basic-emphasis-80-default
88
- );
89
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
90
- --db-orange-on-bg-basic-emphasis-80-hovered
91
- );
92
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
93
- --db-orange-on-bg-basic-emphasis-80-pressed
94
- );
95
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
96
- --db-orange-on-bg-basic-emphasis-70-default
97
- );
98
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
99
- --db-orange-on-bg-basic-emphasis-70-hovered
100
- );
101
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
102
- --db-orange-on-bg-basic-emphasis-70-pressed
103
- );
104
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
105
- --db-orange-on-bg-basic-emphasis-60-default
106
- );
107
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
108
- --db-orange-on-bg-basic-emphasis-50-default
109
- );
110
- --db-adaptive-bg-inverted-contrast-max-default: var(
111
- --db-orange-bg-inverted-contrast-max-default
112
- );
113
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
114
- --db-orange-bg-inverted-contrast-max-hovered
115
- );
116
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
117
- --db-orange-bg-inverted-contrast-max-pressed
118
- );
119
- --db-adaptive-bg-inverted-contrast-high-default: var(
120
- --db-orange-bg-inverted-contrast-high-default
121
- );
122
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
123
- --db-orange-bg-inverted-contrast-high-hovered
124
- );
125
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
126
- --db-orange-bg-inverted-contrast-high-pressed
127
- );
128
- --db-adaptive-bg-inverted-contrast-low-default: var(
129
- --db-orange-bg-inverted-contrast-low-default
130
- );
131
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
132
- --db-orange-bg-inverted-contrast-low-hovered
133
- );
134
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
135
- --db-orange-bg-inverted-contrast-low-pressed
136
- );
137
- --db-adaptive-on-bg-inverted-default: var(
138
- --db-orange-on-bg-inverted-default
139
- );
140
- --db-adaptive-on-bg-inverted-hovered: var(
141
- --db-orange-on-bg-inverted-hovered
142
- );
143
- --db-adaptive-on-bg-inverted-pressed: var(
144
- --db-orange-on-bg-inverted-pressed
145
- );
146
- --db-adaptive-origin-default: var(--db-orange-origin-default);
147
- --db-adaptive-origin-hovered: var(--db-orange-origin-hovered);
148
- --db-adaptive-origin-pressed: var(--db-orange-origin-pressed);
149
- --db-adaptive-on-origin-default: var(
150
- --db-orange-on-origin-default
151
- );
152
- --db-adaptive-bg-vibrant-default: var(
153
- --db-orange-bg-vibrant-default
154
- );
155
- --db-adaptive-bg-vibrant-hovered: var(
156
- --db-orange-bg-vibrant-hovered
157
- );
158
- --db-adaptive-bg-vibrant-pressed: var(
159
- --db-orange-bg-vibrant-pressed
160
- );
161
- --db-adaptive-on-bg-vibrant-default: var(
162
- --db-orange-on-bg-vibrant-default
163
- );
164
- --db-adaptive-on-bg-vibrant-hovered: var(
165
- --db-orange-on-bg-vibrant-hovered
166
- );
167
- --db-adaptive-on-bg-vibrant-pressed: var(
168
- --db-orange-on-bg-vibrant-pressed
169
- );
170
- }
171
- }
172
-
173
- @layer variables {}
174
-
175
- @layer variables {}
176
-
177
- @layer variables {}
178
-
179
- @layer variables {}
180
-
181
- @layer variables {}
182
-
183
- @layer variables {}
184
-
185
- @layer variables {}
186
-
187
- @layer variables {}
188
-
189
- @layer variables {}
190
152
 
191
153
  [data-color=orange],
192
154
  .db-color-orange {
package/build/styles/colors/classes/pink.css CHANGED
@@ -1,192 +1,154 @@
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
2
  [data-color=pink],
21
3
  .db-color-pink {
22
- /* stylelint-disable-next-line at-rule-prelude-no-invalid,layer-name-pattern */
4
+ --db-adaptive-bg-basic-level-1-default: var(
5
+ --db-pink-bg-basic-level-1-default
6
+ );
7
+ --db-adaptive-bg-basic-level-1-hovered: var(
8
+ --db-pink-bg-basic-level-1-hovered
9
+ );
10
+ --db-adaptive-bg-basic-level-1-pressed: var(
11
+ --db-pink-bg-basic-level-1-pressed
12
+ );
13
+ --db-adaptive-bg-basic-level-2-default: var(
14
+ --db-pink-bg-basic-level-2-default
15
+ );
16
+ --db-adaptive-bg-basic-level-2-hovered: var(
17
+ --db-pink-bg-basic-level-2-hovered
18
+ );
19
+ --db-adaptive-bg-basic-level-2-pressed: var(
20
+ --db-pink-bg-basic-level-2-pressed
21
+ );
22
+ --db-adaptive-bg-basic-level-3-default: var(
23
+ --db-pink-bg-basic-level-3-default
24
+ );
25
+ --db-adaptive-bg-basic-level-3-hovered: var(
26
+ --db-pink-bg-basic-level-3-hovered
27
+ );
28
+ --db-adaptive-bg-basic-level-3-pressed: var(
29
+ --db-pink-bg-basic-level-3-pressed
30
+ );
31
+ --db-adaptive-bg-basic-transparent-full-default: var(
32
+ --db-pink-bg-basic-transparent-full-default
33
+ );
34
+ --db-adaptive-bg-basic-transparent-semi-default: var(
35
+ --db-pink-bg-basic-transparent-semi-default
36
+ );
37
+ --db-adaptive-bg-basic-transparent-full-hovered: var(
38
+ --db-pink-bg-basic-transparent-full-hovered
39
+ );
40
+ --db-adaptive-bg-basic-transparent-full-pressed: var(
41
+ --db-pink-bg-basic-transparent-full-pressed
42
+ );
43
+ --db-adaptive-bg-basic-transparent-semi-hovered: var(
44
+ --db-pink-bg-basic-transparent-semi-hovered
45
+ );
46
+ --db-adaptive-bg-basic-transparent-semi-pressed: var(
47
+ --db-pink-bg-basic-transparent-semi-pressed
48
+ );
49
+ --db-adaptive-on-bg-basic-emphasis-100-default: var(
50
+ --db-pink-on-bg-basic-emphasis-100-default
51
+ );
52
+ --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
53
+ --db-pink-on-bg-basic-emphasis-100-hovered
54
+ );
55
+ --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
56
+ --db-pink-on-bg-basic-emphasis-100-pressed
57
+ );
58
+ --db-adaptive-on-bg-basic-emphasis-90-default: var(
59
+ --db-pink-on-bg-basic-emphasis-90-default
60
+ );
61
+ --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
62
+ --db-pink-on-bg-basic-emphasis-90-hovered
63
+ );
64
+ --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
65
+ --db-pink-on-bg-basic-emphasis-90-pressed
66
+ );
67
+ --db-adaptive-on-bg-basic-emphasis-80-default: var(
68
+ --db-pink-on-bg-basic-emphasis-80-default
69
+ );
70
+ --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
71
+ --db-pink-on-bg-basic-emphasis-80-hovered
72
+ );
73
+ --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
74
+ --db-pink-on-bg-basic-emphasis-80-pressed
75
+ );
76
+ --db-adaptive-on-bg-basic-emphasis-70-default: var(
77
+ --db-pink-on-bg-basic-emphasis-70-default
78
+ );
79
+ --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
80
+ --db-pink-on-bg-basic-emphasis-70-hovered
81
+ );
82
+ --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
83
+ --db-pink-on-bg-basic-emphasis-70-pressed
84
+ );
85
+ --db-adaptive-on-bg-basic-emphasis-60-default: var(
86
+ --db-pink-on-bg-basic-emphasis-60-default
87
+ );
88
+ --db-adaptive-on-bg-basic-emphasis-50-default: var(
89
+ --db-pink-on-bg-basic-emphasis-50-default
90
+ );
91
+ --db-adaptive-bg-inverted-contrast-max-default: var(
92
+ --db-pink-bg-inverted-contrast-max-default
93
+ );
94
+ --db-adaptive-bg-inverted-contrast-max-hovered: var(
95
+ --db-pink-bg-inverted-contrast-max-hovered
96
+ );
97
+ --db-adaptive-bg-inverted-contrast-max-pressed: var(
98
+ --db-pink-bg-inverted-contrast-max-pressed
99
+ );
100
+ --db-adaptive-bg-inverted-contrast-high-default: var(
101
+ --db-pink-bg-inverted-contrast-high-default
102
+ );
103
+ --db-adaptive-bg-inverted-contrast-high-hovered: var(
104
+ --db-pink-bg-inverted-contrast-high-hovered
105
+ );
106
+ --db-adaptive-bg-inverted-contrast-high-pressed: var(
107
+ --db-pink-bg-inverted-contrast-high-pressed
108
+ );
109
+ --db-adaptive-bg-inverted-contrast-low-default: var(
110
+ --db-pink-bg-inverted-contrast-low-default
111
+ );
112
+ --db-adaptive-bg-inverted-contrast-low-hovered: var(
113
+ --db-pink-bg-inverted-contrast-low-hovered
114
+ );
115
+ --db-adaptive-bg-inverted-contrast-low-pressed: var(
116
+ --db-pink-bg-inverted-contrast-low-pressed
117
+ );
118
+ --db-adaptive-on-bg-inverted-default: var(
119
+ --db-pink-on-bg-inverted-default
120
+ );
121
+ --db-adaptive-on-bg-inverted-hovered: var(
122
+ --db-pink-on-bg-inverted-hovered
123
+ );
124
+ --db-adaptive-on-bg-inverted-pressed: var(
125
+ --db-pink-on-bg-inverted-pressed
126
+ );
127
+ --db-adaptive-origin-default: var(--db-pink-origin-default);
128
+ --db-adaptive-origin-hovered: var(--db-pink-origin-hovered);
129
+ --db-adaptive-origin-pressed: var(--db-pink-origin-pressed);
130
+ --db-adaptive-on-origin-default: var(
131
+ --db-pink-on-origin-default
132
+ );
133
+ --db-adaptive-bg-vibrant-default: var(
134
+ --db-pink-bg-vibrant-default
135
+ );
136
+ --db-adaptive-bg-vibrant-hovered: var(
137
+ --db-pink-bg-vibrant-hovered
138
+ );
139
+ --db-adaptive-bg-vibrant-pressed: var(
140
+ --db-pink-bg-vibrant-pressed
141
+ );
142
+ --db-adaptive-on-bg-vibrant-default: var(
143
+ --db-pink-on-bg-vibrant-default
144
+ );
145
+ --db-adaptive-on-bg-vibrant-hovered: var(
146
+ --db-pink-on-bg-vibrant-hovered
147
+ );
148
+ --db-adaptive-on-bg-vibrant-pressed: var(
149
+ --db-pink-on-bg-vibrant-pressed
150
+ );
23
151
  }
24
- @layer variables {
25
- [data-color=pink],
26
- .db-color-pink {
27
- --db-adaptive-bg-basic-level-1-default: var(
28
- --db-pink-bg-basic-level-1-default
29
- );
30
- --db-adaptive-bg-basic-level-1-hovered: var(
31
- --db-pink-bg-basic-level-1-hovered
32
- );
33
- --db-adaptive-bg-basic-level-1-pressed: var(
34
- --db-pink-bg-basic-level-1-pressed
35
- );
36
- --db-adaptive-bg-basic-level-2-default: var(
37
- --db-pink-bg-basic-level-2-default
38
- );
39
- --db-adaptive-bg-basic-level-2-hovered: var(
40
- --db-pink-bg-basic-level-2-hovered
41
- );
42
- --db-adaptive-bg-basic-level-2-pressed: var(
43
- --db-pink-bg-basic-level-2-pressed
44
- );
45
- --db-adaptive-bg-basic-level-3-default: var(
46
- --db-pink-bg-basic-level-3-default
47
- );
48
- --db-adaptive-bg-basic-level-3-hovered: var(
49
- --db-pink-bg-basic-level-3-hovered
50
- );
51
- --db-adaptive-bg-basic-level-3-pressed: var(
52
- --db-pink-bg-basic-level-3-pressed
53
- );
54
- --db-adaptive-bg-basic-transparent-full-default: var(
55
- --db-pink-bg-basic-transparent-full-default
56
- );
57
- --db-adaptive-bg-basic-transparent-semi-default: var(
58
- --db-pink-bg-basic-transparent-semi-default
59
- );
60
- --db-adaptive-bg-basic-transparent-full-hovered: var(
61
- --db-pink-bg-basic-transparent-full-hovered
62
- );
63
- --db-adaptive-bg-basic-transparent-full-pressed: var(
64
- --db-pink-bg-basic-transparent-full-pressed
65
- );
66
- --db-adaptive-bg-basic-transparent-semi-hovered: var(
67
- --db-pink-bg-basic-transparent-semi-hovered
68
- );
69
- --db-adaptive-bg-basic-transparent-semi-pressed: var(
70
- --db-pink-bg-basic-transparent-semi-pressed
71
- );
72
- --db-adaptive-on-bg-basic-emphasis-100-default: var(
73
- --db-pink-on-bg-basic-emphasis-100-default
74
- );
75
- --db-adaptive-on-bg-basic-emphasis-100-hovered: var(
76
- --db-pink-on-bg-basic-emphasis-100-hovered
77
- );
78
- --db-adaptive-on-bg-basic-emphasis-100-pressed: var(
79
- --db-pink-on-bg-basic-emphasis-100-pressed
80
- );
81
- --db-adaptive-on-bg-basic-emphasis-90-default: var(
82
- --db-pink-on-bg-basic-emphasis-90-default
83
- );
84
- --db-adaptive-on-bg-basic-emphasis-90-hovered: var(
85
- --db-pink-on-bg-basic-emphasis-90-hovered
86
- );
87
- --db-adaptive-on-bg-basic-emphasis-90-pressed: var(
88
- --db-pink-on-bg-basic-emphasis-90-pressed
89
- );
90
- --db-adaptive-on-bg-basic-emphasis-80-default: var(
91
- --db-pink-on-bg-basic-emphasis-80-default
92
- );
93
- --db-adaptive-on-bg-basic-emphasis-80-hovered: var(
94
- --db-pink-on-bg-basic-emphasis-80-hovered
95
- );
96
- --db-adaptive-on-bg-basic-emphasis-80-pressed: var(
97
- --db-pink-on-bg-basic-emphasis-80-pressed
98
- );
99
- --db-adaptive-on-bg-basic-emphasis-70-default: var(
100
- --db-pink-on-bg-basic-emphasis-70-default
101
- );
102
- --db-adaptive-on-bg-basic-emphasis-70-hovered: var(
103
- --db-pink-on-bg-basic-emphasis-70-hovered
104
- );
105
- --db-adaptive-on-bg-basic-emphasis-70-pressed: var(
106
- --db-pink-on-bg-basic-emphasis-70-pressed
107
- );
108
- --db-adaptive-on-bg-basic-emphasis-60-default: var(
109
- --db-pink-on-bg-basic-emphasis-60-default
110
- );
111
- --db-adaptive-on-bg-basic-emphasis-50-default: var(
112
- --db-pink-on-bg-basic-emphasis-50-default
113
- );
114
- --db-adaptive-bg-inverted-contrast-max-default: var(
115
- --db-pink-bg-inverted-contrast-max-default
116
- );
117
- --db-adaptive-bg-inverted-contrast-max-hovered: var(
118
- --db-pink-bg-inverted-contrast-max-hovered
119
- );
120
- --db-adaptive-bg-inverted-contrast-max-pressed: var(
121
- --db-pink-bg-inverted-contrast-max-pressed
122
- );
123
- --db-adaptive-bg-inverted-contrast-high-default: var(
124
- --db-pink-bg-inverted-contrast-high-default
125
- );
126
- --db-adaptive-bg-inverted-contrast-high-hovered: var(
127
- --db-pink-bg-inverted-contrast-high-hovered
128
- );
129
- --db-adaptive-bg-inverted-contrast-high-pressed: var(
130
- --db-pink-bg-inverted-contrast-high-pressed
131
- );
132
- --db-adaptive-bg-inverted-contrast-low-default: var(
133
- --db-pink-bg-inverted-contrast-low-default
134
- );
135
- --db-adaptive-bg-inverted-contrast-low-hovered: var(
136
- --db-pink-bg-inverted-contrast-low-hovered
137
- );
138
- --db-adaptive-bg-inverted-contrast-low-pressed: var(
139
- --db-pink-bg-inverted-contrast-low-pressed
140
- );
141
- --db-adaptive-on-bg-inverted-default: var(
142
- --db-pink-on-bg-inverted-default
143
- );
144
- --db-adaptive-on-bg-inverted-hovered: var(
145
- --db-pink-on-bg-inverted-hovered
146
- );
147
- --db-adaptive-on-bg-inverted-pressed: var(
148
- --db-pink-on-bg-inverted-pressed
149
- );
150
- --db-adaptive-origin-default: var(--db-pink-origin-default);
151
- --db-adaptive-origin-hovered: var(--db-pink-origin-hovered);
152
- --db-adaptive-origin-pressed: var(--db-pink-origin-pressed);
153
- --db-adaptive-on-origin-default: var(
154
- --db-pink-on-origin-default
155
- );
156
- --db-adaptive-bg-vibrant-default: var(
157
- --db-pink-bg-vibrant-default
158
- );
159
- --db-adaptive-bg-vibrant-hovered: var(
160
- --db-pink-bg-vibrant-hovered
161
- );
162
- --db-adaptive-bg-vibrant-pressed: var(
163
- --db-pink-bg-vibrant-pressed
164
- );
165
- --db-adaptive-on-bg-vibrant-default: var(
166
- --db-pink-on-bg-vibrant-default
167
- );
168
- --db-adaptive-on-bg-vibrant-hovered: var(
169
- --db-pink-on-bg-vibrant-hovered
170
- );
171
- --db-adaptive-on-bg-vibrant-pressed: var(
172
- --db-pink-on-bg-vibrant-pressed
173
- );
174
- }
175
- }
176
-
177
- @layer variables {}
178
-
179
- @layer variables {}
180
-
181
- @layer variables {}
182
-
183
- @layer variables {}
184
-
185
- @layer variables {}
186
-
187
- @layer variables {}
188
-
189
- @layer variables {}
190
152
 
191
153
  [data-color=pink],
192
154
  .db-color-pink {