@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/critical.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-critical-bg-basic-level-1-default: var(
9
- --db-critical-bg-basic-level-1-default
10
- );
11
- --color-critical-bg-basic-level-1-hovered: var(
12
- --db-critical-bg-basic-level-1-hovered
13
- );
14
- --color-critical-bg-basic-level-1-pressed: var(
15
- --db-critical-bg-basic-level-1-pressed
16
- );
17
- --color-critical-bg-basic-level-2-default: var(
18
- --db-critical-bg-basic-level-2-default
19
- );
20
- --color-critical-bg-basic-level-2-hovered: var(
21
- --db-critical-bg-basic-level-2-hovered
22
- );
23
- --color-critical-bg-basic-level-2-pressed: var(
24
- --db-critical-bg-basic-level-2-pressed
25
- );
26
- --color-critical-bg-basic-level-3-default: var(
27
- --db-critical-bg-basic-level-3-default
28
- );
29
- --color-critical-bg-basic-level-3-hovered: var(
30
- --db-critical-bg-basic-level-3-hovered
31
- );
32
- --color-critical-bg-basic-level-3-pressed: var(
33
- --db-critical-bg-basic-level-3-pressed
34
- );
35
-
36
- /* Transparent */
37
- --color-critical-bg-basic-transparent-full-default: var(
38
- --db-critical-bg-basic-transparent-full-default
39
- );
40
- --color-critical-bg-basic-transparent-semi-default: var(
41
- --db-critical-bg-basic-transparent-semi-default
42
- );
43
- --color-critical-bg-basic-transparent-full-hovered: var(
44
- --db-critical-bg-basic-transparent-full-hovered
45
- );
46
- --color-critical-bg-basic-transparent-full-pressed: var(
47
- --db-critical-bg-basic-transparent-full-pressed
48
- );
49
- --color-critical-bg-basic-transparent-semi-hovered: var(
50
- --db-critical-bg-basic-transparent-semi-hovered
51
- );
52
- --color-critical-bg-basic-transparent-semi-pressed: var(
53
- --db-critical-bg-basic-transparent-semi-pressed
54
- );
55
-
56
- /* Inverted */
57
- --color-critical-bg-inverted-contrast-max-default: var(
58
- --db-critical-bg-inverted-contrast-max-default
59
- );
60
- --color-critical-bg-inverted-contrast-max-hovered: var(
61
- --db-critical-bg-inverted-contrast-max-hovered
62
- );
63
- --color-critical-bg-inverted-contrast-max-pressed: var(
64
- --db-critical-bg-inverted-contrast-max-pressed
65
- );
66
- --color-critical-bg-inverted-contrast-high-default: var(
67
- --db-critical-bg-inverted-contrast-high-default
68
- );
69
- --color-critical-bg-inverted-contrast-high-hovered: var(
70
- --db-critical-bg-inverted-contrast-high-hovered
71
- );
72
- --color-critical-bg-inverted-contrast-high-pressed: var(
73
- --db-critical-bg-inverted-contrast-high-pressed
74
- );
75
- --color-critical-bg-inverted-contrast-low-default: var(
76
- --db-critical-bg-inverted-contrast-low-default
77
- );
78
- --color-critical-bg-inverted-contrast-low-hovered: var(
79
- --db-critical-bg-inverted-contrast-low-hovered
80
- );
81
- --color-critical-bg-inverted-contrast-low-pressed: var(
82
- --db-critical-bg-inverted-contrast-low-pressed
83
- );
84
-
85
- /* On Colors */
86
-
87
- --color-critical-on-bg-basic-emphasis-100-default: var(
88
- --db-critical-on-bg-basic-emphasis-100-default
89
- );
90
- --color-critical-on-bg-basic-emphasis-100-hovered: var(
91
- --db-critical-on-bg-basic-emphasis-100-hovered
92
- );
93
- --color-critical-on-bg-basic-emphasis-100-pressed: var(
94
- --db-critical-on-bg-basic-emphasis-100-pressed
95
- );
96
- --color-critical-on-bg-basic-emphasis-90-default: var(
97
- --db-critical-on-bg-basic-emphasis-90-default
98
- );
99
- --color-critical-on-bg-basic-emphasis-90-hovered: var(
100
- --db-critical-on-bg-basic-emphasis-90-hovered
101
- );
102
- --color-critical-on-bg-basic-emphasis-90-pressed: var(
103
- --db-critical-on-bg-basic-emphasis-90-pressed
104
- );
105
- --color-critical-on-bg-basic-emphasis-80-default: var(
106
- --db-critical-on-bg-basic-emphasis-80-default
107
- );
108
- --color-critical-on-bg-basic-emphasis-80-hovered: var(
109
- --db-critical-on-bg-basic-emphasis-80-hovered
110
- );
111
- --color-critical-on-bg-basic-emphasis-80-pressed: var(
112
- --db-critical-on-bg-basic-emphasis-80-pressed
113
- );
114
- --color-critical-on-bg-basic-emphasis-70-default: var(
115
- --db-critical-on-bg-basic-emphasis-70-default
116
- );
117
- --color-critical-on-bg-basic-emphasis-70-hovered: var(
118
- --db-critical-on-bg-basic-emphasis-70-hovered
119
- );
120
- --color-critical-on-bg-basic-emphasis-70-pressed: var(
121
- --db-critical-on-bg-basic-emphasis-70-pressed
122
- );
123
- --color-critical-on-bg-basic-emphasis-60-default: var(
124
- --db-critical-on-bg-basic-emphasis-60-default
125
- );
126
- --color-critical-on-bg-basic-emphasis-60-hovered: var(
127
- --db-critical-on-bg-basic-emphasis-60-hovered
128
- );
129
- --color-critical-on-bg-basic-emphasis-60-pressed: var(
130
- --db-critical-on-bg-basic-emphasis-60-pressed
131
- );
132
- --color-critical-on-bg-basic-emphasis-50-default: var(
133
- --db-critical-on-bg-basic-emphasis-50-default
134
- );
135
- --color-critical-on-bg-basic-emphasis-50-hovered: var(
136
- --db-critical-on-bg-basic-emphasis-50-hovered
137
- );
138
- --color-critical-on-bg-basic-emphasis-50-pressed: var(
139
- --db-critical-on-bg-basic-emphasis-50-pressed
140
- );
141
-
142
- /* On Inverted */
143
- --color-critical-on-bg-inverted-default: var(
144
- --db-critical-on-bg-inverted-default
145
- );
146
- --color-critical-on-bg-inverted-hovered: var(
147
- --db-critical-on-bg-inverted-hovered
148
- );
149
- --color-critical-on-bg-inverted-pressed: var(
150
- --db-critical-on-bg-inverted-pressed
151
- );
152
-
153
- /* On Origin */
154
- --color-critical-on-origin-default: var(--db-critical-on-origin-default);
155
- --color-critical-on-origin-hovered: var(--db-critical-on-origin-hovered);
156
- --color-critical-on-origin-pressed: var(--db-critical-on-origin-pressed);
157
- --color-critical-origin-default: var(--db-critical-origin-default);
158
- --color-critical-origin-hovered: var(--db-critical-origin-hovered);
159
- --color-critical-origin-pressed: var(--db-critical-origin-pressed);
160
- }
package/build/tailwind/theme/colors/cyan.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-cyan-bg-basic-level-1-default: var(
9
- --db-cyan-bg-basic-level-1-default
10
- );
11
- --color-cyan-bg-basic-level-1-hovered: var(
12
- --db-cyan-bg-basic-level-1-hovered
13
- );
14
- --color-cyan-bg-basic-level-1-pressed: var(
15
- --db-cyan-bg-basic-level-1-pressed
16
- );
17
- --color-cyan-bg-basic-level-2-default: var(
18
- --db-cyan-bg-basic-level-2-default
19
- );
20
- --color-cyan-bg-basic-level-2-hovered: var(
21
- --db-cyan-bg-basic-level-2-hovered
22
- );
23
- --color-cyan-bg-basic-level-2-pressed: var(
24
- --db-cyan-bg-basic-level-2-pressed
25
- );
26
- --color-cyan-bg-basic-level-3-default: var(
27
- --db-cyan-bg-basic-level-3-default
28
- );
29
- --color-cyan-bg-basic-level-3-hovered: var(
30
- --db-cyan-bg-basic-level-3-hovered
31
- );
32
- --color-cyan-bg-basic-level-3-pressed: var(
33
- --db-cyan-bg-basic-level-3-pressed
34
- );
35
-
36
- /* Transparent */
37
- --color-cyan-bg-basic-transparent-full-default: var(
38
- --db-cyan-bg-basic-transparent-full-default
39
- );
40
- --color-cyan-bg-basic-transparent-semi-default: var(
41
- --db-cyan-bg-basic-transparent-semi-default
42
- );
43
- --color-cyan-bg-basic-transparent-full-hovered: var(
44
- --db-cyan-bg-basic-transparent-full-hovered
45
- );
46
- --color-cyan-bg-basic-transparent-full-pressed: var(
47
- --db-cyan-bg-basic-transparent-full-pressed
48
- );
49
- --color-cyan-bg-basic-transparent-semi-hovered: var(
50
- --db-cyan-bg-basic-transparent-semi-hovered
51
- );
52
- --color-cyan-bg-basic-transparent-semi-pressed: var(
53
- --db-cyan-bg-basic-transparent-semi-pressed
54
- );
55
-
56
- /* Inverted */
57
- --color-cyan-bg-inverted-contrast-max-default: var(
58
- --db-cyan-bg-inverted-contrast-max-default
59
- );
60
- --color-cyan-bg-inverted-contrast-max-hovered: var(
61
- --db-cyan-bg-inverted-contrast-max-hovered
62
- );
63
- --color-cyan-bg-inverted-contrast-max-pressed: var(
64
- --db-cyan-bg-inverted-contrast-max-pressed
65
- );
66
- --color-cyan-bg-inverted-contrast-high-default: var(
67
- --db-cyan-bg-inverted-contrast-high-default
68
- );
69
- --color-cyan-bg-inverted-contrast-high-hovered: var(
70
- --db-cyan-bg-inverted-contrast-high-hovered
71
- );
72
- --color-cyan-bg-inverted-contrast-high-pressed: var(
73
- --db-cyan-bg-inverted-contrast-high-pressed
74
- );
75
- --color-cyan-bg-inverted-contrast-low-default: var(
76
- --db-cyan-bg-inverted-contrast-low-default
77
- );
78
- --color-cyan-bg-inverted-contrast-low-hovered: var(
79
- --db-cyan-bg-inverted-contrast-low-hovered
80
- );
81
- --color-cyan-bg-inverted-contrast-low-pressed: var(
82
- --db-cyan-bg-inverted-contrast-low-pressed
83
- );
84
-
85
- /* On Colors */
86
-
87
- --color-cyan-on-bg-basic-emphasis-100-default: var(
88
- --db-cyan-on-bg-basic-emphasis-100-default
89
- );
90
- --color-cyan-on-bg-basic-emphasis-100-hovered: var(
91
- --db-cyan-on-bg-basic-emphasis-100-hovered
92
- );
93
- --color-cyan-on-bg-basic-emphasis-100-pressed: var(
94
- --db-cyan-on-bg-basic-emphasis-100-pressed
95
- );
96
- --color-cyan-on-bg-basic-emphasis-90-default: var(
97
- --db-cyan-on-bg-basic-emphasis-90-default
98
- );
99
- --color-cyan-on-bg-basic-emphasis-90-hovered: var(
100
- --db-cyan-on-bg-basic-emphasis-90-hovered
101
- );
102
- --color-cyan-on-bg-basic-emphasis-90-pressed: var(
103
- --db-cyan-on-bg-basic-emphasis-90-pressed
104
- );
105
- --color-cyan-on-bg-basic-emphasis-80-default: var(
106
- --db-cyan-on-bg-basic-emphasis-80-default
107
- );
108
- --color-cyan-on-bg-basic-emphasis-80-hovered: var(
109
- --db-cyan-on-bg-basic-emphasis-80-hovered
110
- );
111
- --color-cyan-on-bg-basic-emphasis-80-pressed: var(
112
- --db-cyan-on-bg-basic-emphasis-80-pressed
113
- );
114
- --color-cyan-on-bg-basic-emphasis-70-default: var(
115
- --db-cyan-on-bg-basic-emphasis-70-default
116
- );
117
- --color-cyan-on-bg-basic-emphasis-70-hovered: var(
118
- --db-cyan-on-bg-basic-emphasis-70-hovered
119
- );
120
- --color-cyan-on-bg-basic-emphasis-70-pressed: var(
121
- --db-cyan-on-bg-basic-emphasis-70-pressed
122
- );
123
- --color-cyan-on-bg-basic-emphasis-60-default: var(
124
- --db-cyan-on-bg-basic-emphasis-60-default
125
- );
126
- --color-cyan-on-bg-basic-emphasis-60-hovered: var(
127
- --db-cyan-on-bg-basic-emphasis-60-hovered
128
- );
129
- --color-cyan-on-bg-basic-emphasis-60-pressed: var(
130
- --db-cyan-on-bg-basic-emphasis-60-pressed
131
- );
132
- --color-cyan-on-bg-basic-emphasis-50-default: var(
133
- --db-cyan-on-bg-basic-emphasis-50-default
134
- );
135
- --color-cyan-on-bg-basic-emphasis-50-hovered: var(
136
- --db-cyan-on-bg-basic-emphasis-50-hovered
137
- );
138
- --color-cyan-on-bg-basic-emphasis-50-pressed: var(
139
- --db-cyan-on-bg-basic-emphasis-50-pressed
140
- );
141
-
142
- /* On Inverted */
143
- --color-cyan-on-bg-inverted-default: var(--db-cyan-on-bg-inverted-default);
144
- --color-cyan-on-bg-inverted-hovered: var(--db-cyan-on-bg-inverted-hovered);
145
- --color-cyan-on-bg-inverted-pressed: var(--db-cyan-on-bg-inverted-pressed);
146
-
147
- /* On Origin */
148
- --color-cyan-on-origin-default: var(--db-cyan-on-origin-default);
149
- --color-cyan-on-origin-hovered: var(--db-cyan-on-origin-hovered);
150
- --color-cyan-on-origin-pressed: var(--db-cyan-on-origin-pressed);
151
- --color-cyan-origin-default: var(--db-cyan-origin-default);
152
- --color-cyan-origin-hovered: var(--db-cyan-origin-hovered);
153
- --color-cyan-origin-pressed: var(--db-cyan-origin-pressed);
154
- }
package/build/tailwind/theme/colors/green.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-green-bg-basic-level-1-default: var(
9
- --db-green-bg-basic-level-1-default
10
- );
11
- --color-green-bg-basic-level-1-hovered: var(
12
- --db-green-bg-basic-level-1-hovered
13
- );
14
- --color-green-bg-basic-level-1-pressed: var(
15
- --db-green-bg-basic-level-1-pressed
16
- );
17
- --color-green-bg-basic-level-2-default: var(
18
- --db-green-bg-basic-level-2-default
19
- );
20
- --color-green-bg-basic-level-2-hovered: var(
21
- --db-green-bg-basic-level-2-hovered
22
- );
23
- --color-green-bg-basic-level-2-pressed: var(
24
- --db-green-bg-basic-level-2-pressed
25
- );
26
- --color-green-bg-basic-level-3-default: var(
27
- --db-green-bg-basic-level-3-default
28
- );
29
- --color-green-bg-basic-level-3-hovered: var(
30
- --db-green-bg-basic-level-3-hovered
31
- );
32
- --color-green-bg-basic-level-3-pressed: var(
33
- --db-green-bg-basic-level-3-pressed
34
- );
35
-
36
- /* Transparent */
37
- --color-green-bg-basic-transparent-full-default: var(
38
- --db-green-bg-basic-transparent-full-default
39
- );
40
- --color-green-bg-basic-transparent-semi-default: var(
41
- --db-green-bg-basic-transparent-semi-default
42
- );
43
- --color-green-bg-basic-transparent-full-hovered: var(
44
- --db-green-bg-basic-transparent-full-hovered
45
- );
46
- --color-green-bg-basic-transparent-full-pressed: var(
47
- --db-green-bg-basic-transparent-full-pressed
48
- );
49
- --color-green-bg-basic-transparent-semi-hovered: var(
50
- --db-green-bg-basic-transparent-semi-hovered
51
- );
52
- --color-green-bg-basic-transparent-semi-pressed: var(
53
- --db-green-bg-basic-transparent-semi-pressed
54
- );
55
-
56
- /* Inverted */
57
- --color-green-bg-inverted-contrast-max-default: var(
58
- --db-green-bg-inverted-contrast-max-default
59
- );
60
- --color-green-bg-inverted-contrast-max-hovered: var(
61
- --db-green-bg-inverted-contrast-max-hovered
62
- );
63
- --color-green-bg-inverted-contrast-max-pressed: var(
64
- --db-green-bg-inverted-contrast-max-pressed
65
- );
66
- --color-green-bg-inverted-contrast-high-default: var(
67
- --db-green-bg-inverted-contrast-high-default
68
- );
69
- --color-green-bg-inverted-contrast-high-hovered: var(
70
- --db-green-bg-inverted-contrast-high-hovered
71
- );
72
- --color-green-bg-inverted-contrast-high-pressed: var(
73
- --db-green-bg-inverted-contrast-high-pressed
74
- );
75
- --color-green-bg-inverted-contrast-low-default: var(
76
- --db-green-bg-inverted-contrast-low-default
77
- );
78
- --color-green-bg-inverted-contrast-low-hovered: var(
79
- --db-green-bg-inverted-contrast-low-hovered
80
- );
81
- --color-green-bg-inverted-contrast-low-pressed: var(
82
- --db-green-bg-inverted-contrast-low-pressed
83
- );
84
-
85
- /* On Colors */
86
-
87
- --color-green-on-bg-basic-emphasis-100-default: var(
88
- --db-green-on-bg-basic-emphasis-100-default
89
- );
90
- --color-green-on-bg-basic-emphasis-100-hovered: var(
91
- --db-green-on-bg-basic-emphasis-100-hovered
92
- );
93
- --color-green-on-bg-basic-emphasis-100-pressed: var(
94
- --db-green-on-bg-basic-emphasis-100-pressed
95
- );
96
- --color-green-on-bg-basic-emphasis-90-default: var(
97
- --db-green-on-bg-basic-emphasis-90-default
98
- );
99
- --color-green-on-bg-basic-emphasis-90-hovered: var(
100
- --db-green-on-bg-basic-emphasis-90-hovered
101
- );
102
- --color-green-on-bg-basic-emphasis-90-pressed: var(
103
- --db-green-on-bg-basic-emphasis-90-pressed
104
- );
105
- --color-green-on-bg-basic-emphasis-80-default: var(
106
- --db-green-on-bg-basic-emphasis-80-default
107
- );
108
- --color-green-on-bg-basic-emphasis-80-hovered: var(
109
- --db-green-on-bg-basic-emphasis-80-hovered
110
- );
111
- --color-green-on-bg-basic-emphasis-80-pressed: var(
112
- --db-green-on-bg-basic-emphasis-80-pressed
113
- );
114
- --color-green-on-bg-basic-emphasis-70-default: var(
115
- --db-green-on-bg-basic-emphasis-70-default
116
- );
117
- --color-green-on-bg-basic-emphasis-70-hovered: var(
118
- --db-green-on-bg-basic-emphasis-70-hovered
119
- );
120
- --color-green-on-bg-basic-emphasis-70-pressed: var(
121
- --db-green-on-bg-basic-emphasis-70-pressed
122
- );
123
- --color-green-on-bg-basic-emphasis-60-default: var(
124
- --db-green-on-bg-basic-emphasis-60-default
125
- );
126
- --color-green-on-bg-basic-emphasis-60-hovered: var(
127
- --db-green-on-bg-basic-emphasis-60-hovered
128
- );
129
- --color-green-on-bg-basic-emphasis-60-pressed: var(
130
- --db-green-on-bg-basic-emphasis-60-pressed
131
- );
132
- --color-green-on-bg-basic-emphasis-50-default: var(
133
- --db-green-on-bg-basic-emphasis-50-default
134
- );
135
- --color-green-on-bg-basic-emphasis-50-hovered: var(
136
- --db-green-on-bg-basic-emphasis-50-hovered
137
- );
138
- --color-green-on-bg-basic-emphasis-50-pressed: var(
139
- --db-green-on-bg-basic-emphasis-50-pressed
140
- );
141
-
142
- /* On Inverted */
143
- --color-green-on-bg-inverted-default: var(
144
- --db-green-on-bg-inverted-default
145
- );
146
- --color-green-on-bg-inverted-hovered: var(
147
- --db-green-on-bg-inverted-hovered
148
- );
149
- --color-green-on-bg-inverted-pressed: var(
150
- --db-green-on-bg-inverted-pressed
151
- );
152
-
153
- /* On Origin */
154
- --color-green-on-origin-default: var(--db-green-on-origin-default);
155
- --color-green-on-origin-hovered: var(--db-green-on-origin-hovered);
156
- --color-green-on-origin-pressed: var(--db-green-on-origin-pressed);
157
- --color-green-origin-default: var(--db-green-origin-default);
158
- --color-green-origin-hovered: var(--db-green-origin-hovered);
159
- --color-green-origin-pressed: var(--db-green-origin-pressed);
160
- }
package/build/tailwind/theme/colors/index.css DELETED
@@ -1,19 +0,0 @@
1
- /* Import all color theme files */
2
- @import "./blue.css";
3
- @import "./brand.css";
4
- @import "./burgundy.css";
5
- @import "./colors.css";
6
- @import "./critical.css";
7
- @import "./cyan.css";
8
- @import "./green.css";
9
- @import "./informational.css";
10
- @import "./light-green.css";
11
- @import "./neutral.css";
12
- @import "./orange.css";
13
- @import "./pink.css";
14
- @import "./red.css";
15
- @import "./successful.css";
16
- @import "./turquoise.css";
17
- @import "./violet.css";
18
- @import "./warning.css";
19
- @import "./yellow.css";
package/build/tailwind/theme/colors/informational.css DELETED
@@ -1,172 +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-informational-bg-basic-level-1-default: var(
9
- --db-informational-bg-basic-level-1-default
10
- );
11
- --color-informational-bg-basic-level-1-hovered: var(
12
- --db-informational-bg-basic-level-1-hovered
13
- );
14
- --color-informational-bg-basic-level-1-pressed: var(
15
- --db-informational-bg-basic-level-1-pressed
16
- );
17
- --color-informational-bg-basic-level-2-default: var(
18
- --db-informational-bg-basic-level-2-default
19
- );
20
- --color-informational-bg-basic-level-2-hovered: var(
21
- --db-informational-bg-basic-level-2-hovered
22
- );
23
- --color-informational-bg-basic-level-2-pressed: var(
24
- --db-informational-bg-basic-level-2-pressed
25
- );
26
- --color-informational-bg-basic-level-3-default: var(
27
- --db-informational-bg-basic-level-3-default
28
- );
29
- --color-informational-bg-basic-level-3-hovered: var(
30
- --db-informational-bg-basic-level-3-hovered
31
- );
32
- --color-informational-bg-basic-level-3-pressed: var(
33
- --db-informational-bg-basic-level-3-pressed
34
- );
35
-
36
- /* Transparent */
37
- --color-informational-bg-basic-transparent-full-default: var(
38
- --db-informational-bg-basic-transparent-full-default
39
- );
40
- --color-informational-bg-basic-transparent-semi-default: var(
41
- --db-informational-bg-basic-transparent-semi-default
42
- );
43
- --color-informational-bg-basic-transparent-full-hovered: var(
44
- --db-informational-bg-basic-transparent-full-hovered
45
- );
46
- --color-informational-bg-basic-transparent-full-pressed: var(
47
- --db-informational-bg-basic-transparent-full-pressed
48
- );
49
- --color-informational-bg-basic-transparent-semi-hovered: var(
50
- --db-informational-bg-basic-transparent-semi-hovered
51
- );
52
- --color-informational-bg-basic-transparent-semi-pressed: var(
53
- --db-informational-bg-basic-transparent-semi-pressed
54
- );
55
-
56
- /* Inverted */
57
- --color-informational-bg-inverted-contrast-max-default: var(
58
- --db-informational-bg-inverted-contrast-max-default
59
- );
60
- --color-informational-bg-inverted-contrast-max-hovered: var(
61
- --db-informational-bg-inverted-contrast-max-hovered
62
- );
63
- --color-informational-bg-inverted-contrast-max-pressed: var(
64
- --db-informational-bg-inverted-contrast-max-pressed
65
- );
66
- --color-informational-bg-inverted-contrast-high-default: var(
67
- --db-informational-bg-inverted-contrast-high-default
68
- );
69
- --color-informational-bg-inverted-contrast-high-hovered: var(
70
- --db-informational-bg-inverted-contrast-high-hovered
71
- );
72
- --color-informational-bg-inverted-contrast-high-pressed: var(
73
- --db-informational-bg-inverted-contrast-high-pressed
74
- );
75
- --color-informational-bg-inverted-contrast-low-default: var(
76
- --db-informational-bg-inverted-contrast-low-default
77
- );
78
- --color-informational-bg-inverted-contrast-low-hovered: var(
79
- --db-informational-bg-inverted-contrast-low-hovered
80
- );
81
- --color-informational-bg-inverted-contrast-low-pressed: var(
82
- --db-informational-bg-inverted-contrast-low-pressed
83
- );
84
-
85
- /* On Colors */
86
-
87
- --color-informational-on-bg-basic-emphasis-100-default: var(
88
- --db-informational-on-bg-basic-emphasis-100-default
89
- );
90
- --color-informational-on-bg-basic-emphasis-100-hovered: var(
91
- --db-informational-on-bg-basic-emphasis-100-hovered
92
- );
93
- --color-informational-on-bg-basic-emphasis-100-pressed: var(
94
- --db-informational-on-bg-basic-emphasis-100-pressed
95
- );
96
- --color-informational-on-bg-basic-emphasis-90-default: var(
97
- --db-informational-on-bg-basic-emphasis-90-default
98
- );
99
- --color-informational-on-bg-basic-emphasis-90-hovered: var(
100
- --db-informational-on-bg-basic-emphasis-90-hovered
101
- );
102
- --color-informational-on-bg-basic-emphasis-90-pressed: var(
103
- --db-informational-on-bg-basic-emphasis-90-pressed
104
- );
105
- --color-informational-on-bg-basic-emphasis-80-default: var(
106
- --db-informational-on-bg-basic-emphasis-80-default
107
- );
108
- --color-informational-on-bg-basic-emphasis-80-hovered: var(
109
- --db-informational-on-bg-basic-emphasis-80-hovered
110
- );
111
- --color-informational-on-bg-basic-emphasis-80-pressed: var(
112
- --db-informational-on-bg-basic-emphasis-80-pressed
113
- );
114
- --color-informational-on-bg-basic-emphasis-70-default: var(
115
- --db-informational-on-bg-basic-emphasis-70-default
116
- );
117
- --color-informational-on-bg-basic-emphasis-70-hovered: var(
118
- --db-informational-on-bg-basic-emphasis-70-hovered
119
- );
120
- --color-informational-on-bg-basic-emphasis-70-pressed: var(
121
- --db-informational-on-bg-basic-emphasis-70-pressed
122
- );
123
- --color-informational-on-bg-basic-emphasis-60-default: var(
124
- --db-informational-on-bg-basic-emphasis-60-default
125
- );
126
- --color-informational-on-bg-basic-emphasis-60-hovered: var(
127
- --db-informational-on-bg-basic-emphasis-60-hovered
128
- );
129
- --color-informational-on-bg-basic-emphasis-60-pressed: var(
130
- --db-informational-on-bg-basic-emphasis-60-pressed
131
- );
132
- --color-informational-on-bg-basic-emphasis-50-default: var(
133
- --db-informational-on-bg-basic-emphasis-50-default
134
- );
135
- --color-informational-on-bg-basic-emphasis-50-hovered: var(
136
- --db-informational-on-bg-basic-emphasis-50-hovered
137
- );
138
- --color-informational-on-bg-basic-emphasis-50-pressed: var(
139
- --db-informational-on-bg-basic-emphasis-50-pressed
140
- );
141
-
142
- /* On Inverted */
143
- --color-informational-on-bg-inverted-default: var(
144
- --db-informational-on-bg-inverted-default
145
- );
146
- --color-informational-on-bg-inverted-hovered: var(
147
- --db-informational-on-bg-inverted-hovered
148
- );
149
- --color-informational-on-bg-inverted-pressed: var(
150
- --db-informational-on-bg-inverted-pressed
151
- );
152
-
153
- /* On Origin */
154
- --color-informational-on-origin-default: var(
155
- --db-informational-on-origin-default
156
- );
157
- --color-informational-on-origin-hovered: var(
158
- --db-informational-on-origin-hovered
159
- );
160
- --color-informational-on-origin-pressed: var(
161
- --db-informational-on-origin-pressed
162
- );
163
- --color-informational-origin-default: var(
164
- --db-informational-origin-default
165
- );
166
- --color-informational-origin-hovered: var(
167
- --db-informational-origin-hovered
168
- );
169
- --color-informational-origin-pressed: var(
170
- --db-informational-origin-pressed
171
- );
172
- }