@db-ux/core-foundations 4.3.2 → 4.4.0-loading-567cd0c

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 (28) hide show
  1. package/CHANGELOG.md +5 -1
  2. package/README.md +1 -1
  3. package/build/styles/animation/_animations.scss +14 -0
  4. package/build/tailwind/theme/_colors-utils.scss +167 -0
  5. package/build/tailwind/theme/colors.css +5817 -0
  6. package/build/tailwind/theme/colors.scss +24 -0
  7. package/build/tailwind/theme/index.css +1 -1
  8. package/build/tailwind/theme/revert-theme.css +1 -0
  9. package/package.json +2 -2
  10. package/build/tailwind/theme/colors/blue.css +0 -154
  11. package/build/tailwind/theme/colors/brand.css +0 -160
  12. package/build/tailwind/theme/colors/burgundy.css +0 -160
  13. package/build/tailwind/theme/colors/colors.css +0 -160
  14. package/build/tailwind/theme/colors/critical.css +0 -160
  15. package/build/tailwind/theme/colors/cyan.css +0 -154
  16. package/build/tailwind/theme/colors/green.css +0 -160
  17. package/build/tailwind/theme/colors/index.css +0 -19
  18. package/build/tailwind/theme/colors/informational.css +0 -172
  19. package/build/tailwind/theme/colors/light-green.css +0 -166
  20. package/build/tailwind/theme/colors/neutral.css +0 -160
  21. package/build/tailwind/theme/colors/orange.css +0 -160
  22. package/build/tailwind/theme/colors/pink.css +0 -154
  23. package/build/tailwind/theme/colors/red.css +0 -154
  24. package/build/tailwind/theme/colors/successful.css +0 -166
  25. package/build/tailwind/theme/colors/turquoise.css +0 -160
  26. package/build/tailwind/theme/colors/violet.css +0 -160
  27. package/build/tailwind/theme/colors/warning.css +0 -160
  28. package/build/tailwind/theme/colors/yellow.css +0 -160
package/build/tailwind/theme/colors.scss ADDED
@@ -0,0 +1,24 @@
1
+ @use "colors-utils";
2
+ @use "sass:list";
3
+ @use "../../styles/colors"; // Import path is relative to build output (scss → build/styles, tailwind → build/tailwind)
4
+
5
+ $all-variants: list.append(
6
+ list.join(colors.$variants, colors.$additional-variants),
7
+ "adaptive"
8
+ );
9
+
10
+ // stylelint-disable-next-line scss/at-rule-no-unknown
11
+ @theme {
12
+ @each $color-name in $all-variants {
13
+ @include colors-utils.get-color($color-name, $color-name);
14
+ }
15
+ }
16
+
17
+ @layer colors {
18
+ @each $color-name in $all-variants {
19
+ [data-color="#{$color-name}"],
20
+ .db-color-#{$color-name} {
21
+ @include colors-utils.get-color($color-name, "adaptive");
22
+ }
23
+ }
24
+ }
package/build/tailwind/theme/index.css CHANGED
@@ -1,9 +1,9 @@
1
1
  /* stylelint-disable custom-property-pattern, custom-property-empty-line-before, import-notation, scss/at-rule-no-unknown */
2
2
 
3
3
  /* The prefix for variables are predefined by Tailwind, stylelint would throw an error */
4
- @import "./colors/index.css";
5
4
  @import "./revert-theme.css";
6
5
  @import "./dimensions.css";
6
+ @import "./colors.css";
7
7
 
8
8
  @utility text-body-3xs {
9
9
  font: var(--db-type-body-3xs);
package/build/tailwind/theme/revert-theme.css CHANGED
@@ -1,6 +1,7 @@
1
1
  /* The prefix for variables are predefined by Tailwind, stylelint would throw an error */
2
2
  /* stylelint-disable scss/at-rule-no-unknown, custom-property-pattern */
3
3
  @theme {
4
+ --color-*: initial;
4
5
  --font-*: initial; /* Font family utilities like font-sans */
5
6
  --font-sans: var(--db-font-family-sans);
6
7
  --font-head: var(--db-font-family-head);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@db-ux/core-foundations",
3
- "version": "4.3.2",
3
+ "version": "4.4.0-loading-567cd0c",
4
4
  "type": "module",
5
5
  "description": "Provides basic tokens and assets based on DB UX Design System (Version 3).",
6
6
  "repository": {
@@ -56,7 +56,7 @@
56
56
  "cssnano": "7.1.2",
57
57
  "glob": "13.0.0",
58
58
  "nodemon": "3.1.11",
59
- "prettier": "3.8.0",
59
+ "prettier": "3.8.1",
60
60
  "sass": "1.85.1",
61
61
  "tsx": "4.21.0",
62
62
  "typescript": "5.9.3",
package/build/tailwind/theme/colors/blue.css DELETED
@@ -1,154 +0,0 @@
1
- /* The prefix for variables are predefined by Tailwind, stylelint would throw an error */
2
- /* stylelint-disable-next-line scss/at-rule-no-unknown */
3
- @theme {
4
- /* stylelint-disable-next-line custom-property-pattern */
5
- --color-*: initial; /* Color utilities like */
6
-
7
- /* Basic-Level */
8
- --color-blue-bg-basic-level-1-default: var(
9
- --db-blue-bg-basic-level-1-default
10
- );
11
- --color-blue-bg-basic-level-1-hovered: var(
12
- --db-blue-bg-basic-level-1-hovered
13
- );
14
- --color-blue-bg-basic-level-1-pressed: var(
15
- --db-blue-bg-basic-level-1-pressed
16
- );
17
- --color-blue-bg-basic-level-2-default: var(
18
- --db-blue-bg-basic-level-2-default
19
- );
20
- --color-blue-bg-basic-level-2-hovered: var(
21
- --db-blue-bg-basic-level-2-hovered
22
- );
23
- --color-blue-bg-basic-level-2-pressed: var(
24
- --db-blue-bg-basic-level-2-pressed
25
- );
26
- --color-blue-bg-basic-level-3-default: var(
27
- --db-blue-bg-basic-level-3-default
28
- );
29
- --color-blue-bg-basic-level-3-hovered: var(
30
- --db-blue-bg-basic-level-3-hovered
31
- );
32
- --color-blue-bg-basic-level-3-pressed: var(
33
- --db-blue-bg-basic-level-3-pressed
34
- );
35
-
36
- /* Transparent */
37
- --color-blue-bg-basic-transparent-full-default: var(
38
- --db-blue-bg-basic-transparent-full-default
39
- );
40
- --color-blue-bg-basic-transparent-semi-default: var(
41
- --db-blue-bg-basic-transparent-semi-default
42
- );
43
- --color-blue-bg-basic-transparent-full-hovered: var(
44
- --db-blue-bg-basic-transparent-full-hovered
45
- );
46
- --color-blue-bg-basic-transparent-full-pressed: var(
47
- --db-blue-bg-basic-transparent-full-pressed
48
- );
49
- --color-blue-bg-basic-transparent-semi-hovered: var(
50
- --db-blue-bg-basic-transparent-semi-hovered
51
- );
52
- --color-blue-bg-basic-transparent-semi-pressed: var(
53
- --db-blue-bg-basic-transparent-semi-pressed
54
- );
55
-
56
- /* Inverted */
57
- --color-blue-bg-inverted-contrast-max-default: var(
58
- --db-blue-bg-inverted-contrast-max-default
59
- );
60
- --color-blue-bg-inverted-contrast-max-hovered: var(
61
- --db-blue-bg-inverted-contrast-max-hovered
62
- );
63
- --color-blue-bg-inverted-contrast-max-pressed: var(
64
- --db-blue-bg-inverted-contrast-max-pressed
65
- );
66
- --color-blue-bg-inverted-contrast-high-default: var(
67
- --db-blue-bg-inverted-contrast-high-default
68
- );
69
- --color-blue-bg-inverted-contrast-high-hovered: var(
70
- --db-blue-bg-inverted-contrast-high-hovered
71
- );
72
- --color-blue-bg-inverted-contrast-high-pressed: var(
73
- --db-blue-bg-inverted-contrast-high-pressed
74
- );
75
- --color-blue-bg-inverted-contrast-low-default: var(
76
- --db-blue-bg-inverted-contrast-low-default
77
- );
78
- --color-blue-bg-inverted-contrast-low-hovered: var(
79
- --db-blue-bg-inverted-contrast-low-hovered
80
- );
81
- --color-blue-bg-inverted-contrast-low-pressed: var(
82
- --db-blue-bg-inverted-contrast-low-pressed
83
- );
84
-
85
- /* On Colors */
86
-
87
- --color-blue-on-bg-basic-emphasis-100-default: var(
88
- --db-blue-on-bg-basic-emphasis-100-default
89
- );
90
- --color-blue-on-bg-basic-emphasis-100-hovered: var(
91
- --db-blue-on-bg-basic-emphasis-100-hovered
92
- );
93
- --color-blue-on-bg-basic-emphasis-100-pressed: var(
94
- --db-blue-on-bg-basic-emphasis-100-pressed
95
- );
96
- --color-blue-on-bg-basic-emphasis-90-default: var(
97
- --db-blue-on-bg-basic-emphasis-90-default
98
- );
99
- --color-blue-on-bg-basic-emphasis-90-hovered: var(
100
- --db-blue-on-bg-basic-emphasis-90-hovered
101
- );
102
- --color-blue-on-bg-basic-emphasis-90-pressed: var(
103
- --db-blue-on-bg-basic-emphasis-90-pressed
104
- );
105
- --color-blue-on-bg-basic-emphasis-80-default: var(
106
- --db-blue-on-bg-basic-emphasis-80-default
107
- );
108
- --color-blue-on-bg-basic-emphasis-80-hovered: var(
109
- --db-blue-on-bg-basic-emphasis-80-hovered
110
- );
111
- --color-blue-on-bg-basic-emphasis-80-pressed: var(
112
- --db-blue-on-bg-basic-emphasis-80-pressed
113
- );
114
- --color-blue-on-bg-basic-emphasis-70-default: var(
115
- --db-blue-on-bg-basic-emphasis-70-default
116
- );
117
- --color-blue-on-bg-basic-emphasis-70-hovered: var(
118
- --db-blue-on-bg-basic-emphasis-70-hovered
119
- );
120
- --color-blue-on-bg-basic-emphasis-70-pressed: var(
121
- --db-blue-on-bg-basic-emphasis-70-pressed
122
- );
123
- --color-blue-on-bg-basic-emphasis-60-default: var(
124
- --db-blue-on-bg-basic-emphasis-60-default
125
- );
126
- --color-blue-on-bg-basic-emphasis-60-hovered: var(
127
- --db-blue-on-bg-basic-emphasis-60-hovered
128
- );
129
- --color-blue-on-bg-basic-emphasis-60-pressed: var(
130
- --db-blue-on-bg-basic-emphasis-60-pressed
131
- );
132
- --color-blue-on-bg-basic-emphasis-50-default: var(
133
- --db-blue-on-bg-basic-emphasis-50-default
134
- );
135
- --color-blue-on-bg-basic-emphasis-50-hovered: var(
136
- --db-blue-on-bg-basic-emphasis-50-hovered
137
- );
138
- --color-blue-on-bg-basic-emphasis-50-pressed: var(
139
- --db-blue-on-bg-basic-emphasis-50-pressed
140
- );
141
-
142
- /* On Inverted */
143
- --color-blue-on-bg-inverted-default: var(--db-blue-on-bg-inverted-default);
144
- --color-blue-on-bg-inverted-hovered: var(--db-blue-on-bg-inverted-hovered);
145
- --color-blue-on-bg-inverted-pressed: var(--db-blue-on-bg-inverted-pressed);
146
-
147
- /* On Origin */
148
- --color-blue-on-origin-default: var(--db-blue-on-origin-default);
149
- --color-blue-on-origin-hovered: var(--db-blue-on-origin-hovered);
150
- --color-blue-on-origin-pressed: var(--db-blue-on-origin-pressed);
151
- --color-blue-origin-default: var(--db-blue-origin-default);
152
- --color-blue-origin-hovered: var(--db-blue-origin-hovered);
153
- --color-blue-origin-pressed: var(--db-blue-origin-pressed);
154
- }
package/build/tailwind/theme/colors/brand.css DELETED
@@ -1,160 +0,0 @@
1
- /* The prefix for variables are predefined by Tailwind, stylelint would throw an error */
2
- /* stylelint-disable-next-line scss/at-rule-no-unknown */
3
- @theme {
4
- /* stylelint-disable-next-line custom-property-pattern */
5
- --color-*: initial; /* Color utilities like */
6
-
7
- /* Basic-Level */
8
- --color-brand-bg-basic-level-1-default: var(
9
- --db-brand-bg-basic-level-1-default
10
- );
11
- --color-brand-bg-basic-level-1-hovered: var(
12
- --db-brand-bg-basic-level-1-hovered
13
- );
14
- --color-brand-bg-basic-level-1-pressed: var(
15
- --db-brand-bg-basic-level-1-pressed
16
- );
17
- --color-brand-bg-basic-level-2-default: var(
18
- --db-brand-bg-basic-level-2-default
19
- );
20
- --color-brand-bg-basic-level-2-hovered: var(
21
- --db-brand-bg-basic-level-2-hovered
22
- );
23
- --color-brand-bg-basic-level-2-pressed: var(
24
- --db-brand-bg-basic-level-2-pressed
25
- );
26
- --color-brand-bg-basic-level-3-default: var(
27
- --db-brand-bg-basic-level-3-default
28
- );
29
- --color-brand-bg-basic-level-3-hovered: var(
30
- --db-brand-bg-basic-level-3-hovered
31
- );
32
- --color-brand-bg-basic-level-3-pressed: var(
33
- --db-brand-bg-basic-level-3-pressed
34
- );
35
-
36
- /* Transparent */
37
- --color-brand-bg-basic-transparent-full-default: var(
38
- --db-brand-bg-basic-transparent-full-default
39
- );
40
- --color-brand-bg-basic-transparent-semi-default: var(
41
- --db-brand-bg-basic-transparent-semi-default
42
- );
43
- --color-brand-bg-basic-transparent-full-hovered: var(
44
- --db-brand-bg-basic-transparent-full-hovered
45
- );
46
- --color-brand-bg-basic-transparent-full-pressed: var(
47
- --db-brand-bg-basic-transparent-full-pressed
48
- );
49
- --color-brand-bg-basic-transparent-semi-hovered: var(
50
- --db-brand-bg-basic-transparent-semi-hovered
51
- );
52
- --color-brand-bg-basic-transparent-semi-pressed: var(
53
- --db-brand-bg-basic-transparent-semi-pressed
54
- );
55
-
56
- /* Inverted */
57
- --color-brand-bg-inverted-contrast-max-default: var(
58
- --db-brand-bg-inverted-contrast-max-default
59
- );
60
- --color-brand-bg-inverted-contrast-max-hovered: var(
61
- --db-brand-bg-inverted-contrast-max-hovered
62
- );
63
- --color-brand-bg-inverted-contrast-max-pressed: var(
64
- --db-brand-bg-inverted-contrast-max-pressed
65
- );
66
- --color-brand-bg-inverted-contrast-high-default: var(
67
- --db-brand-bg-inverted-contrast-high-default
68
- );
69
- --color-brand-bg-inverted-contrast-high-hovered: var(
70
- --db-brand-bg-inverted-contrast-high-hovered
71
- );
72
- --color-brand-bg-inverted-contrast-high-pressed: var(
73
- --db-brand-bg-inverted-contrast-high-pressed
74
- );
75
- --color-brand-bg-inverted-contrast-low-default: var(
76
- --db-brand-bg-inverted-contrast-low-default
77
- );
78
- --color-brand-bg-inverted-contrast-low-hovered: var(
79
- --db-brand-bg-inverted-contrast-low-hovered
80
- );
81
- --color-brand-bg-inverted-contrast-low-pressed: var(
82
- --db-brand-bg-inverted-contrast-low-pressed
83
- );
84
-
85
- /* On Colors */
86
-
87
- --color-brand-on-bg-basic-emphasis-100-default: var(
88
- --db-brand-on-bg-basic-emphasis-100-default
89
- );
90
- --color-brand-on-bg-basic-emphasis-100-hovered: var(
91
- --db-brand-on-bg-basic-emphasis-100-hovered
92
- );
93
- --color-brand-on-bg-basic-emphasis-100-pressed: var(
94
- --db-brand-on-bg-basic-emphasis-100-pressed
95
- );
96
- --color-brand-on-bg-basic-emphasis-90-default: var(
97
- --db-brand-on-bg-basic-emphasis-90-default
98
- );
99
- --color-brand-on-bg-basic-emphasis-90-hovered: var(
100
- --db-brand-on-bg-basic-emphasis-90-hovered
101
- );
102
- --color-brand-on-bg-basic-emphasis-90-pressed: var(
103
- --db-brand-on-bg-basic-emphasis-90-pressed
104
- );
105
- --color-brand-on-bg-basic-emphasis-80-default: var(
106
- --db-brand-on-bg-basic-emphasis-80-default
107
- );
108
- --color-brand-on-bg-basic-emphasis-80-hovered: var(
109
- --db-brand-on-bg-basic-emphasis-80-hovered
110
- );
111
- --color-brand-on-bg-basic-emphasis-80-pressed: var(
112
- --db-brand-on-bg-basic-emphasis-80-pressed
113
- );
114
- --color-brand-on-bg-basic-emphasis-70-default: var(
115
- --db-brand-on-bg-basic-emphasis-70-default
116
- );
117
- --color-brand-on-bg-basic-emphasis-70-hovered: var(
118
- --db-brand-on-bg-basic-emphasis-70-hovered
119
- );
120
- --color-brand-on-bg-basic-emphasis-70-pressed: var(
121
- --db-brand-on-bg-basic-emphasis-70-pressed
122
- );
123
- --color-brand-on-bg-basic-emphasis-60-default: var(
124
- --db-brand-on-bg-basic-emphasis-60-default
125
- );
126
- --color-brand-on-bg-basic-emphasis-60-hovered: var(
127
- --db-brand-on-bg-basic-emphasis-60-hovered
128
- );
129
- --color-brand-on-bg-basic-emphasis-60-pressed: var(
130
- --db-brand-on-bg-basic-emphasis-60-pressed
131
- );
132
- --color-brand-on-bg-basic-emphasis-50-default: var(
133
- --db-brand-on-bg-basic-emphasis-50-default
134
- );
135
- --color-brand-on-bg-basic-emphasis-50-hovered: var(
136
- --db-brand-on-bg-basic-emphasis-50-hovered
137
- );
138
- --color-brand-on-bg-basic-emphasis-50-pressed: var(
139
- --db-brand-on-bg-basic-emphasis-50-pressed
140
- );
141
-
142
- /* On Inverted */
143
- --color-brand-on-bg-inverted-default: var(
144
- --db-brand-on-bg-inverted-default
145
- );
146
- --color-brand-on-bg-inverted-hovered: var(
147
- --db-brand-on-bg-inverted-hovered
148
- );
149
- --color-brand-on-bg-inverted-pressed: var(
150
- --db-brand-on-bg-inverted-pressed
151
- );
152
-
153
- /* On Origin */
154
- --color-brand-on-origin-default: var(--db-brand-on-origin-default);
155
- --color-brand-on-origin-hovered: var(--db-brand-on-origin-hovered);
156
- --color-brand-on-origin-pressed: var(--db-brand-on-origin-pressed);
157
- --color-brand-origin-default: var(--db-brand-origin-default);
158
- --color-brand-origin-hovered: var(--db-brand-origin-hovered);
159
- --color-brand-origin-pressed: var(--db-brand-origin-pressed);
160
- }
package/build/tailwind/theme/colors/burgundy.css DELETED
@@ -1,160 +0,0 @@
1
- /* The prefix for variables are predefined by Tailwind, stylelint would throw an error */
2
- /* stylelint-disable-next-line scss/at-rule-no-unknown */
3
- @theme {
4
- /* stylelint-disable-next-line custom-property-pattern */
5
- --color-*: initial; /* Color utilities like */
6
-
7
- /* Basic-Level */
8
- --color-burgundy-bg-basic-level-1-default: var(
9
- --db-burgundy-bg-basic-level-1-default
10
- );
11
- --color-burgundy-bg-basic-level-1-hovered: var(
12
- --db-burgundy-bg-basic-level-1-hovered
13
- );
14
- --color-burgundy-bg-basic-level-1-pressed: var(
15
- --db-burgundy-bg-basic-level-1-pressed
16
- );
17
- --color-burgundy-bg-basic-level-2-default: var(
18
- --db-burgundy-bg-basic-level-2-default
19
- );
20
- --color-burgundy-bg-basic-level-2-hovered: var(
21
- --db-burgundy-bg-basic-level-2-hovered
22
- );
23
- --color-burgundy-bg-basic-level-2-pressed: var(
24
- --db-burgundy-bg-basic-level-2-pressed
25
- );
26
- --color-burgundy-bg-basic-level-3-default: var(
27
- --db-burgundy-bg-basic-level-3-default
28
- );
29
- --color-burgundy-bg-basic-level-3-hovered: var(
30
- --db-burgundy-bg-basic-level-3-hovered
31
- );
32
- --color-burgundy-bg-basic-level-3-pressed: var(
33
- --db-burgundy-bg-basic-level-3-pressed
34
- );
35
-
36
- /* Transparent */
37
- --color-burgundy-bg-basic-transparent-full-default: var(
38
- --db-burgundy-bg-basic-transparent-full-default
39
- );
40
- --color-burgundy-bg-basic-transparent-semi-default: var(
41
- --db-burgundy-bg-basic-transparent-semi-default
42
- );
43
- --color-burgundy-bg-basic-transparent-full-hovered: var(
44
- --db-burgundy-bg-basic-transparent-full-hovered
45
- );
46
- --color-burgundy-bg-basic-transparent-full-pressed: var(
47
- --db-burgundy-bg-basic-transparent-full-pressed
48
- );
49
- --color-burgundy-bg-basic-transparent-semi-hovered: var(
50
- --db-burgundy-bg-basic-transparent-semi-hovered
51
- );
52
- --color-burgundy-bg-basic-transparent-semi-pressed: var(
53
- --db-burgundy-bg-basic-transparent-semi-pressed
54
- );
55
-
56
- /* Inverted */
57
- --color-burgundy-bg-inverted-contrast-max-default: var(
58
- --db-burgundy-bg-inverted-contrast-max-default
59
- );
60
- --color-burgundy-bg-inverted-contrast-max-hovered: var(
61
- --db-burgundy-bg-inverted-contrast-max-hovered
62
- );
63
- --color-burgundy-bg-inverted-contrast-max-pressed: var(
64
- --db-burgundy-bg-inverted-contrast-max-pressed
65
- );
66
- --color-burgundy-bg-inverted-contrast-high-default: var(
67
- --db-burgundy-bg-inverted-contrast-high-default
68
- );
69
- --color-burgundy-bg-inverted-contrast-high-hovered: var(
70
- --db-burgundy-bg-inverted-contrast-high-hovered
71
- );
72
- --color-burgundy-bg-inverted-contrast-high-pressed: var(
73
- --db-burgundy-bg-inverted-contrast-high-pressed
74
- );
75
- --color-burgundy-bg-inverted-contrast-low-default: var(
76
- --db-burgundy-bg-inverted-contrast-low-default
77
- );
78
- --color-burgundy-bg-inverted-contrast-low-hovered: var(
79
- --db-burgundy-bg-inverted-contrast-low-hovered
80
- );
81
- --color-burgundy-bg-inverted-contrast-low-pressed: var(
82
- --db-burgundy-bg-inverted-contrast-low-pressed
83
- );
84
-
85
- /* On Colors */
86
-
87
- --color-burgundy-on-bg-basic-emphasis-100-default: var(
88
- --db-burgundy-on-bg-basic-emphasis-100-default
89
- );
90
- --color-burgundy-on-bg-basic-emphasis-100-hovered: var(
91
- --db-burgundy-on-bg-basic-emphasis-100-hovered
92
- );
93
- --color-burgundy-on-bg-basic-emphasis-100-pressed: var(
94
- --db-burgundy-on-bg-basic-emphasis-100-pressed
95
- );
96
- --color-burgundy-on-bg-basic-emphasis-90-default: var(
97
- --db-burgundy-on-bg-basic-emphasis-90-default
98
- );
99
- --color-burgundy-on-bg-basic-emphasis-90-hovered: var(
100
- --db-burgundy-on-bg-basic-emphasis-90-hovered
101
- );
102
- --color-burgundy-on-bg-basic-emphasis-90-pressed: var(
103
- --db-burgundy-on-bg-basic-emphasis-90-pressed
104
- );
105
- --color-burgundy-on-bg-basic-emphasis-80-default: var(
106
- --db-burgundy-on-bg-basic-emphasis-80-default
107
- );
108
- --color-burgundy-on-bg-basic-emphasis-80-hovered: var(
109
- --db-burgundy-on-bg-basic-emphasis-80-hovered
110
- );
111
- --color-burgundy-on-bg-basic-emphasis-80-pressed: var(
112
- --db-burgundy-on-bg-basic-emphasis-80-pressed
113
- );
114
- --color-burgundy-on-bg-basic-emphasis-70-default: var(
115
- --db-burgundy-on-bg-basic-emphasis-70-default
116
- );
117
- --color-burgundy-on-bg-basic-emphasis-70-hovered: var(
118
- --db-burgundy-on-bg-basic-emphasis-70-hovered
119
- );
120
- --color-burgundy-on-bg-basic-emphasis-70-pressed: var(
121
- --db-burgundy-on-bg-basic-emphasis-70-pressed
122
- );
123
- --color-burgundy-on-bg-basic-emphasis-60-default: var(
124
- --db-burgundy-on-bg-basic-emphasis-60-default
125
- );
126
- --color-burgundy-on-bg-basic-emphasis-60-hovered: var(
127
- --db-burgundy-on-bg-basic-emphasis-60-hovered
128
- );
129
- --color-burgundy-on-bg-basic-emphasis-60-pressed: var(
130
- --db-burgundy-on-bg-basic-emphasis-60-pressed
131
- );
132
- --color-burgundy-on-bg-basic-emphasis-50-default: var(
133
- --db-burgundy-on-bg-basic-emphasis-50-default
134
- );
135
- --color-burgundy-on-bg-basic-emphasis-50-hovered: var(
136
- --db-burgundy-on-bg-basic-emphasis-50-hovered
137
- );
138
- --color-burgundy-on-bg-basic-emphasis-50-pressed: var(
139
- --db-burgundy-on-bg-basic-emphasis-50-pressed
140
- );
141
-
142
- /* On Inverted */
143
- --color-burgundy-on-bg-inverted-default: var(
144
- --db-burgundy-on-bg-inverted-default
145
- );
146
- --color-burgundy-on-bg-inverted-hovered: var(
147
- --db-burgundy-on-bg-inverted-hovered
148
- );
149
- --color-burgundy-on-bg-inverted-pressed: var(
150
- --db-burgundy-on-bg-inverted-pressed
151
- );
152
-
153
- /* On Origin */
154
- --color-burgundy-on-origin-default: var(--db-burgundy-on-origin-default);
155
- --color-burgundy-on-origin-hovered: var(--db-burgundy-on-origin-hovered);
156
- --color-burgundy-on-origin-pressed: var(--db-burgundy-on-origin-pressed);
157
- --color-burgundy-origin-default: var(--db-burgundy-origin-default);
158
- --color-burgundy-origin-hovered: var(--db-burgundy-origin-hovered);
159
- --color-burgundy-origin-pressed: var(--db-burgundy-origin-pressed);
160
- }
package/build/tailwind/theme/colors/colors.css DELETED
@@ -1,160 +0,0 @@
1
- /* The prefix for variables are predefined by Tailwind, stylelint would throw an error */
2
- /* stylelint-disable-next-line scss/at-rule-no-unknown */
3
- @theme {
4
- /* stylelint-disable-next-line custom-property-pattern */
5
- --color-*: initial; /* Color utilities like */
6
-
7
- /* Basic-Level */
8
- --color-adaptive-bg-basic-level-1-default: var(
9
- --db-adaptive-bg-basic-level-1-default
10
- );
11
- --color-adaptive-bg-basic-level-1-hovered: var(
12
- --db-adaptive-bg-basic-level-1-hovered
13
- );
14
- --color-adaptive-bg-basic-level-1-pressed: var(
15
- --db-adaptive-bg-basic-level-1-pressed
16
- );
17
- --color-adaptive-bg-basic-level-2-default: var(
18
- --db-adaptive-bg-basic-level-2-default
19
- );
20
- --color-adaptive-bg-basic-level-2-hovered: var(
21
- --db-adaptive-bg-basic-level-2-hovered
22
- );
23
- --color-adaptive-bg-basic-level-2-pressed: var(
24
- --db-adaptive-bg-basic-level-2-pressed
25
- );
26
- --color-adaptive-bg-basic-level-3-default: var(
27
- --db-adaptive-bg-basic-level-3-default
28
- );
29
- --color-adaptive-bg-basic-level-3-hovered: var(
30
- --db-adaptive-bg-basic-level-3-hovered
31
- );
32
- --color-adaptive-bg-basic-level-3-pressed: var(
33
- --db-adaptive-bg-basic-level-3-pressed
34
- );
35
-
36
- /* Transparent */
37
- --color-adaptive-bg-basic-transparent-full-default: var(
38
- --db-adaptive-bg-basic-transparent-full-default
39
- );
40
- --color-adaptive-bg-basic-transparent-semi-default: var(
41
- --db-adaptive-bg-basic-transparent-semi-default
42
- );
43
- --color-adaptive-bg-basic-transparent-full-hovered: var(
44
- --db-adaptive-bg-basic-transparent-full-hovered
45
- );
46
- --color-adaptive-bg-basic-transparent-full-pressed: var(
47
- --db-adaptive-bg-basic-transparent-full-pressed
48
- );
49
- --color-adaptive-bg-basic-transparent-semi-hovered: var(
50
- --db-adaptive-bg-basic-transparent-semi-hovered
51
- );
52
- --color-adaptive-bg-basic-transparent-semi-pressed: var(
53
- --db-adaptive-bg-basic-transparent-semi-pressed
54
- );
55
-
56
- /* Inverted */
57
- --color-adaptive-bg-inverted-contrast-max-default: var(
58
- --db-adaptive-bg-inverted-contrast-max-default
59
- );
60
- --color-adaptive-bg-inverted-contrast-max-hovered: var(
61
- --db-adaptive-bg-inverted-contrast-max-hovered
62
- );
63
- --color-adaptive-bg-inverted-contrast-max-pressed: var(
64
- --db-adaptive-bg-inverted-contrast-max-pressed
65
- );
66
- --color-adaptive-bg-inverted-contrast-high-default: var(
67
- --db-adaptive-bg-inverted-contrast-high-default
68
- );
69
- --color-adaptive-bg-inverted-contrast-high-hovered: var(
70
- --db-adaptive-bg-inverted-contrast-high-hovered
71
- );
72
- --color-adaptive-bg-inverted-contrast-high-pressed: var(
73
- --db-adaptive-bg-inverted-contrast-high-pressed
74
- );
75
- --color-adaptive-bg-inverted-contrast-low-default: var(
76
- --db-adaptive-bg-inverted-contrast-low-default
77
- );
78
- --color-adaptive-bg-inverted-contrast-low-hovered: var(
79
- --db-adaptive-bg-inverted-contrast-low-hovered
80
- );
81
- --color-adaptive-bg-inverted-contrast-low-pressed: var(
82
- --db-adaptive-bg-inverted-contrast-low-pressed
83
- );
84
-
85
- /* On Colors */
86
-
87
- --color-adaptive-on-bg-basic-emphasis-100-default: var(
88
- --db-adaptive-on-bg-basic-emphasis-100-default
89
- );
90
- --color-adaptive-on-bg-basic-emphasis-100-hovered: var(
91
- --db-adaptive-on-bg-basic-emphasis-100-hovered
92
- );
93
- --color-adaptive-on-bg-basic-emphasis-100-pressed: var(
94
- --db-adaptive-on-bg-basic-emphasis-100-pressed
95
- );
96
- --color-adaptive-on-bg-basic-emphasis-90-default: var(
97
- --db-adaptive-on-bg-basic-emphasis-90-default
98
- );
99
- --color-adaptive-on-bg-basic-emphasis-90-hovered: var(
100
- --db-adaptive-on-bg-basic-emphasis-90-hovered
101
- );
102
- --color-adaptive-on-bg-basic-emphasis-90-pressed: var(
103
- --db-adaptive-on-bg-basic-emphasis-90-pressed
104
- );
105
- --color-adaptive-on-bg-basic-emphasis-80-default: var(
106
- --db-adaptive-on-bg-basic-emphasis-80-default
107
- );
108
- --color-adaptive-on-bg-basic-emphasis-80-hovered: var(
109
- --db-adaptive-on-bg-basic-emphasis-80-hovered
110
- );
111
- --color-adaptive-on-bg-basic-emphasis-80-pressed: var(
112
- --db-adaptive-on-bg-basic-emphasis-80-pressed
113
- );
114
- --color-adaptive-on-bg-basic-emphasis-70-default: var(
115
- --db-adaptive-on-bg-basic-emphasis-70-default
116
- );
117
- --color-adaptive-on-bg-basic-emphasis-70-hovered: var(
118
- --db-adaptive-on-bg-basic-emphasis-70-hovered
119
- );
120
- --color-adaptive-on-bg-basic-emphasis-70-pressed: var(
121
- --db-adaptive-on-bg-basic-emphasis-70-pressed
122
- );
123
- --color-adaptive-on-bg-basic-emphasis-60-default: var(
124
- --db-adaptive-on-bg-basic-emphasis-60-default
125
- );
126
- --color-adaptive-on-bg-basic-emphasis-60-hovered: var(
127
- --db-adaptive-on-bg-basic-emphasis-60-hovered
128
- );
129
- --color-adaptive-on-bg-basic-emphasis-60-pressed: var(
130
- --db-adaptive-on-bg-basic-emphasis-60-pressed
131
- );
132
- --color-adaptive-on-bg-basic-emphasis-50-default: var(
133
- --db-adaptive-on-bg-basic-emphasis-50-default
134
- );
135
- --color-adaptive-on-bg-basic-emphasis-50-hovered: var(
136
- --db-adaptive-on-bg-basic-emphasis-50-hovered
137
- );
138
- --color-adaptive-on-bg-basic-emphasis-50-pressed: var(
139
- --db-adaptive-on-bg-basic-emphasis-50-pressed
140
- );
141
-
142
- /* On Inverted */
143
- --color-adaptive-on-bg-inverted-default: var(
144
- --db-adaptive-on-bg-inverted-default
145
- );
146
- --color-adaptive-on-bg-inverted-hovered: var(
147
- --db-adaptive-on-bg-inverted-hovered
148
- );
149
- --color-adaptive-on-bg-inverted-pressed: var(
150
- --db-adaptive-on-bg-inverted-pressed
151
- );
152
-
153
- /* On Origin */
154
- --color-adaptive-on-origin-default: var(--db-adaptive-on-origin-default);
155
- --color-adaptive-on-origin-hovered: var(--db-adaptive-on-origin-hovered);
156
- --color-adaptive-on-origin-pressed: var(--db-adaptive-on-origin-pressed);
157
- --color-adaptive-origin-default: var(--db-adaptive-origin-default);
158
- --color-adaptive-origin-hovered: var(--db-adaptive-origin-hovered);
159
- --color-adaptive-origin-pressed: var(--db-adaptive-origin-pressed);
160
- }