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