@stackoverflow/stacks 2.3.2 → 2.4.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.
@@ -1,16 +0,0 @@
1
- // Vitest Snapshot v1, https://vitest.dev/guide/snapshot.html
2
-
3
- exports[`atomic: border v1 > should output all v1 atomic css classes for colors 1`] = `
4
- ".fc-dark-legacy {
5
- color: var(--fc-dark-legacy) !important;
6
- }
7
-
8
- .fc-medium-legacy {
9
- color: var(--fc-medium-legacy) !important;
10
- }
11
-
12
- .fc-light-legacy {
13
- color: var(--fc-light-legacy) !important;
14
- }
15
- "
16
- `;
@@ -1,210 +0,0 @@
1
- // DEPRECATED
2
-
3
- // ============================================================================
4
- // $ COLORS
5
- // ============================================================================
6
- // $$ WHITE
7
- // ----------------------------------------------------------------------------
8
- .bc-white-legacy-1 { border-color: var(--black-legacy-500) !important; }
9
- .bc-white-legacy-2 { border-color: var(--black-legacy-300) !important; }
10
- .bc-white-legacy-3,
11
- .bc-white-legacy { border-color: var(--white-legacy) !important; }
12
-
13
- .highcontrast-mode({
14
- .bc-white-legacy-1 { border-color: var(--black-legacy-025) !important; }
15
- .bc-white-legacy-2 { border-color: var(--black-legacy-050) !important; }
16
- });
17
-
18
- // $$ BLACK
19
- // ----------------------------------------------------------------------------
20
- .bc-black-legacy-025 { border-color: var(--black-legacy-025) !important; }
21
- .bc-black-legacy-1,
22
- .bc-black-legacy-050 { border-color: var(--black-legacy-050) !important; }
23
- .bc-black-legacy-2,
24
- .bc-black-legacy-075 { border-color: var(--black-legacy-075) !important; }
25
- .bc-black-legacy-3,
26
- .bc-black-legacy-100 { border-color: var(--black-legacy-100) !important; }
27
- .bc-black-legacy-150 { border-color: var(--black-legacy-150) !important; }
28
- .bc-black-legacy-4,
29
- .bc-black-legacy-200 { border-color: var(--black-legacy-200) !important; }
30
- .bc-black-legacy-5,
31
- .bc-black-legacy-300 { border-color: var(--black-legacy-300) !important; }
32
- .bc-black-legacy-350 { border-color: var(--black-legacy-350) !important; }
33
- .bc-black-legacy-6,
34
- .bc-black-legacy-400 { border-color: var(--black-legacy-400) !important; }
35
- .bc-black-legacy-7,
36
- .bc-black-legacy-500 { border-color: var(--black-legacy-500) !important; }
37
- .bc-black-legacy-600 { border-color: var(--black-legacy-600) !important; }
38
- .bc-black-legacy-8,
39
- .bc-black-legacy-700 { border-color: var(--black-legacy-700) !important; }
40
- .bc-black-legacy-750 { border-color: var(--black-legacy-750) !important; }
41
- .bc-black-legacy-9,
42
- .bc-black-legacy-800 { border-color: var(--black-legacy-800) !important; }
43
- .bc-black-legacy-10,
44
- .bc-black-legacy-900 { border-color: var(--black-legacy-900) !important; }
45
-
46
- .highcontrast-mode({
47
- .bc-black-legacy-1,
48
- .bc-black-legacy-2,
49
- .bc-black-legacy-3,
50
- .bc-black-legacy-4,
51
- .bc-black-legacy-025,
52
- .bc-black-legacy-050,
53
- .bc-black-legacy-075,
54
- .bc-black-legacy-100,
55
- .bc-black-legacy-150,
56
- .bc-black-legacy-200 { border-color: var(--black-legacy-300) !important; }
57
- });
58
-
59
- // $$ ORANGE
60
- // ----------------------------------------------------------------------------
61
- .bc-orange-legacy-050 { border-color: var(--orange-legacy-050) !important; }
62
- .bc-orange-legacy-1,
63
- .bc-orange-legacy-100 { border-color: var(--orange-legacy-100) !important; }
64
- .bc-orange-legacy-200 { border-color: var(--orange-legacy-200) !important; }
65
- .bc-orange-legacy-300 { border-color: var(--orange-legacy-300) !important; }
66
- .bc-orange-legacy-2,
67
- .bc-orange-legacy-400 { border-color: var(--orange-legacy-400) !important; }
68
- .bc-orange-legacy-500 { border-color: var(--orange-legacy-500) !important; }
69
- .bc-orange-legacy-3,
70
- .bc-orange-legacy-600 { border-color: var(--orange-legacy-600) !important; }
71
- .bc-orange-legacy-700 { border-color: var(--orange-legacy-700) !important; }
72
- .bc-orange-legacy-800 { border-color: var(--orange-legacy-800) !important; }
73
- .bc-orange-legacy-900 { border-color: var(--orange-legacy-900) !important; }
74
-
75
- // $$ BLUE
76
- // ----------------------------------------------------------------------------
77
- .bc-blue-legacy-050 { border-color: var(--blue-legacy-050) !important; }
78
- .bc-blue-legacy-1,
79
- .bc-blue-legacy-100 { border-color: var(--blue-legacy-100) !important; }
80
- .bc-blue-legacy-200 { border-color: var(--blue-legacy-200) !important; }
81
- .bc-blue-legacy-300 { border-color: var(--blue-legacy-300) !important; }
82
- .bc-blue-legacy-2,
83
- .bc-blue-legacy-400 { border-color: var(--blue-legacy-400) !important; }
84
- .bc-blue-legacy-500 { border-color: var(--blue-legacy-500) !important; }
85
- .bc-blue-legacy-3,
86
- .bc-blue-legacy-600 { border-color: var(--blue-legacy-600) !important; }
87
- .bc-blue-legacy-700 { border-color: var(--blue-legacy-700) !important; }
88
- .bc-blue-legacy-800 { border-color: var(--blue-legacy-800) !important; }
89
- .bc-blue-legacy-900 { border-color: var(--blue-legacy-900) !important; }
90
-
91
- // $$ POWDER
92
- // ----------------------------------------------------------------------------
93
- .bc-powder-legacy-050 { border-color: var(--powder-legacy-050) !important; }
94
- .bc-powder-legacy-1,
95
- .bc-powder-legacy-100 { border-color: var(--powder-legacy-100) !important; }
96
- .bc-powder-legacy-200 { border-color: var(--powder-legacy-200) !important; }
97
- .bc-powder-legacy-300 { border-color: var(--powder-legacy-300) !important; }
98
- .bc-powder-legacy-2,
99
- .bc-powder-legacy-400 { border-color: var(--powder-legacy-400) !important; }
100
- .bc-powder-legacy-500 { border-color: var(--powder-legacy-500) !important; }
101
- .bc-powder-legacy-3,
102
- .bc-powder-legacy-600 { border-color: var(--powder-legacy-600) !important; }
103
- .bc-powder-legacy-700 { border-color: var(--powder-legacy-700) !important; }
104
- .bc-powder-legacy-800 { border-color: var(--powder-legacy-800) !important; }
105
- .bc-powder-legacy-900 { border-color: var(--powder-legacy-900) !important; }
106
-
107
- // $$ GREEN
108
- // ----------------------------------------------------------------------------
109
- .bc-green-legacy-025 { border-color: var(--green-legacy-025) !important; }
110
- .bc-green-legacy-050 { border-color: var(--green-legacy-050) !important; }
111
- .bc-green-legacy-1,
112
- .bc-green-legacy-100 { border-color: var(--green-legacy-100) !important; }
113
- .bc-green-legacy-200 { border-color: var(--green-legacy-200) !important; }
114
- .bc-green-legacy-300 { border-color: var(--green-legacy-300) !important; }
115
- .bc-green-legacy-2,
116
- .bc-green-legacy-400 { border-color: var(--green-legacy-400) !important; }
117
- .bc-green-legacy-500 { border-color: var(--green-legacy-500) !important; }
118
- .bc-green-legacy-3,
119
- .bc-success-legacy,
120
- .bc-green-legacy-600 { border-color: var(--green-legacy-600) !important; }
121
- .bc-green-legacy-700 { border-color: var(--green-legacy-700) !important; }
122
- .bc-green-legacy-800 { border-color: var(--green-legacy-800) !important; }
123
- .bc-green-legacy-900 { border-color: var(--green-legacy-900) !important; }
124
-
125
- // $$ RED
126
- // ----------------------------------------------------------------------------
127
- .bc-red-legacy-025 { border-color: var(--red-legacy-025) !important; }
128
- .bc-red-legacy-050 { border-color: var(--red-legacy-050) !important; }
129
- .bc-red-legacy-1,
130
- .bc-red-legacy-100 { border-color: var(--red-legacy-100) !important; }
131
- .bc-red-legacy-200 { border-color: var(--red-legacy-200) !important; }
132
- .bc-red-legacy-300 { border-color: var(--red-legacy-300) !important; }
133
- .bc-red-legacy-2,
134
- .bc-error-legacy,
135
- .bc-red-legacy-400 { border-color: var(--red-legacy-400) !important; }
136
- .bc-red-legacy-500 { border-color: var(--red-legacy-500) !important; }
137
- .bc-red-legacy-3,
138
- .bc-red-legacy-600 { border-color: var(--red-legacy-600) !important; }
139
- .bc-red-legacy-700 { border-color: var(--red-legacy-700) !important; }
140
- .bc-red-legacy-800 { border-color: var(--red-legacy-800) !important; }
141
- .bc-red-legacy-900 { border-color: var(--red-legacy-900) !important; }
142
-
143
- // $$ YELLOW
144
- // ----------------------------------------------------------------------------
145
- .bc-yellow-legacy-050 { border-color: var(--yellow-legacy-050) !important; }
146
- .bc-yellow-legacy-100 { border-color: var(--yellow-legacy-100) !important; }
147
- .bc-yellow-legacy-1,
148
- .bc-yellow-legacy-200 { border-color: var(--yellow-legacy-200) !important; }
149
- .bc-yellow-legacy-300 { border-color: var(--yellow-legacy-300) !important; }
150
- .bc-yellow-legacy-2,
151
- .bc-yellow-legacy-400 { border-color: var(--yellow-legacy-400) !important; }
152
- .bc-yellow-legacy-500 { border-color: var(--yellow-legacy-500) !important; }
153
- .bc-yellow-legacy-3,
154
- .bc-warning-legacy,
155
- .bc-yellow-legacy-600 { border-color: var(--yellow-legacy-600) !important; }
156
- .bc-yellow-legacy-700 { border-color: var(--yellow-legacy-700) !important; }
157
- .bc-yellow-legacy-800 { border-color: var(--yellow-legacy-800) !important; }
158
- .bc-yellow-legacy-900 { border-color: var(--yellow-legacy-900) !important; }
159
-
160
- // $$ GOLD
161
- // ----------------------------------------------------------------------------
162
- .bc-gold-legacy-lighter { border-color: var(--gold-legacy-lighter) !important; }
163
- .bc-gold-legacy { border-color: var(--gold-legacy) !important; }
164
- .bc-gold-legacy-darker { border-color: var(--gold-legacy-darker) !important; }
165
-
166
- // $$ SILVER
167
- // ----------------------------------------------------------------------------
168
- .bc-silver-legacy-lighter { border-color: var(--silver-legacy-lighter) !important; }
169
- .bc-silver-legacy { border-color: var(--silver-legacy) !important; }
170
- .bc-silver-legacy-darker { border-color: var(--silver-legacy-darker) !important; }
171
-
172
- // $$ BRONZE
173
- // ----------------------------------------------------------------------------
174
- .bc-bronze-legacy-lighter { border-color: var(--bronze-legacy-lighter) !important; }
175
- .bc-bronze-legacy { border-color: var(--bronze-legacy) !important; }
176
- .bc-bronze-legacy-darker { border-color: var(--bronze-legacy-darker) !important; }
177
-
178
- // $$ PRIMARY
179
- // ----------------------------------------------------------------------------
180
- .bc-theme-primary-legacy-025 { border-color: var(--theme-primary-legacy-025) !important; }
181
- .bc-theme-primary-legacy-050 { border-color: var(--theme-primary-legacy-050) !important; }
182
- .bc-theme-primary-legacy-075 { border-color: var(--theme-primary-legacy-075) !important; }
183
- .bc-theme-primary-legacy-100 { border-color: var(--theme-primary-legacy-100) !important; }
184
- .bc-theme-primary-legacy-150 { border-color: var(--theme-primary-legacy-150) !important; }
185
- .bc-theme-primary-legacy-200 { border-color: var(--theme-primary-legacy-200) !important; }
186
- .bc-theme-primary-legacy-300 { border-color: var(--theme-primary-legacy-300) !important; }
187
- .bc-theme-primary-legacy-350 { border-color: var(--theme-primary-legacy-350) !important; }
188
- .bc-theme-primary-legacy-400 { border-color: var(--theme-primary-legacy-400) !important; }
189
- .bc-theme-primary-legacy-500 { border-color: var(--theme-primary-legacy-500) !important; }
190
- .bc-theme-primary-legacy-600 { border-color: var(--theme-primary-legacy-600) !important; }
191
- .bc-theme-primary-legacy-700 { border-color: var(--theme-primary-legacy-700) !important; }
192
- .bc-theme-primary-legacy-800 { border-color: var(--theme-primary-legacy-800) !important; }
193
- .bc-theme-primary-legacy-900 { border-color: var(--theme-primary-legacy-900) !important; }
194
-
195
- // $$ SECONDARY
196
- // ----------------------------------------------------------------------------
197
- .bc-theme-secondary-legacy-025 { border-color: var(--theme-secondary-legacy-025) !important; }
198
- .bc-theme-secondary-legacy-050 { border-color: var(--theme-secondary-legacy-050) !important; }
199
- .bc-theme-secondary-legacy-075 { border-color: var(--theme-secondary-legacy-075) !important; }
200
- .bc-theme-secondary-legacy-100 { border-color: var(--theme-secondary-legacy-100) !important; }
201
- .bc-theme-secondary-legacy-150 { border-color: var(--theme-secondary-legacy-150) !important; }
202
- .bc-theme-secondary-legacy-200 { border-color: var(--theme-secondary-legacy-200) !important; }
203
- .bc-theme-secondary-legacy-300 { border-color: var(--theme-secondary-legacy-300) !important; }
204
- .bc-theme-secondary-legacy-350 { border-color: var(--theme-secondary-legacy-350) !important; }
205
- .bc-theme-secondary-legacy-400 { border-color: var(--theme-secondary-legacy-400) !important; }
206
- .bc-theme-secondary-legacy-500 { border-color: var(--theme-secondary-legacy-500) !important; }
207
- .bc-theme-secondary-legacy-600 { border-color: var(--theme-secondary-legacy-600) !important; }
208
- .bc-theme-secondary-legacy-700 { border-color: var(--theme-secondary-legacy-700) !important; }
209
- .bc-theme-secondary-legacy-800 { border-color: var(--theme-secondary-legacy-800) !important; }
210
- .bc-theme-secondary-legacy-900 { border-color: var(--theme-secondary-legacy-900) !important; }
@@ -1,14 +0,0 @@
1
- import { describe, it, expect } from "vitest";
2
- import { renderLess } from "../../test/less-test-utils";
3
-
4
- describe("atomic: border v1", () => {
5
- it("should output all v1 atomic css classes for colors", async () => {
6
- const css = await renderLess(`
7
- @import (reference) "./lib/exports/v1/constants-colors.less";
8
- @import (reference) "./lib/exports/mixins.less";
9
- @import "./lib/atomic/v1/border.less";
10
- `);
11
-
12
- expect(css).toMatchSnapshot();
13
- });
14
- });
@@ -1,183 +0,0 @@
1
- // DEPRECATED
2
- & {
3
- .color(@color-name) {
4
- .fc-@{color-name},
5
- .h\:fc-@{color-name}:hover,
6
- .f\:fc-@{color-name}:focus,
7
- .f\:fc-@{color-name}:focus-within {
8
- color: var(~"--@{color-name}") !important;
9
- }
10
- .d\:fc-@{color-name} {
11
- .dark-mode({
12
- color: var(~"--@{color-name}") !important;
13
- });
14
- }
15
-
16
- .bg-@{color-name},
17
- .h\:bg-@{color-name}:hover,
18
- .f\:bg-@{color-name}:focus,
19
- .f\:bg-@{color-name}:focus-within {
20
- background-color: var(~"--@{color-name}") !important;
21
- }
22
- .d\:bg-@{color-name} {
23
- .dark-mode({
24
- background-color: var(~"--@{color-name}") !important;
25
- });
26
- }
27
- }
28
-
29
- .standard-weights(@color) {
30
- .color(~"@{color}-900");
31
- .color(~"@{color}-800");
32
- .color(~"@{color}-700");
33
- .color(~"@{color}-600");
34
- .color(~"@{color}-500");
35
- .color(~"@{color}-400");
36
- .color(~"@{color}-300");
37
- .color(~"@{color}-200");
38
- .color(~"@{color}-100");
39
- .color(~"@{color}-050");
40
- }
41
-
42
- .standard-weights(black-legacy);
43
- .standard-weights(orange-legacy);
44
- .standard-weights(blue-legacy);
45
- .standard-weights(powder-legacy);
46
- .standard-weights(green-legacy);
47
- .standard-weights(yellow-legacy);
48
- .standard-weights(red-legacy);
49
- .standard-weights(theme-primary-legacy);
50
- .standard-weights(theme-secondary-legacy);
51
-
52
- // Additional color names
53
- .color(white-legacy);
54
- .color(black-legacy);
55
- .color(black-legacy-750);
56
- .color(black-legacy-350);
57
- .color(black-legacy-150);
58
- .color(black-legacy-075);
59
- .color(black-legacy-025);
60
- .color(green-legacy-025);
61
- .color(red-legacy-025);
62
- .color(theme-primary-legacy-350);
63
- .color(theme-primary-legacy-150);
64
- .color(theme-primary-legacy-075);
65
- .color(theme-primary-legacy-025);
66
- .color(theme-secondary-legacy-350);
67
- .color(theme-secondary-legacy-150);
68
- .color(theme-secondary-legacy-075);
69
- .color(theme-secondary-legacy-025);
70
-
71
- .fc-success-legacy { &:extend(.fc-green-legacy-600); }
72
- .fc-warning-legacy { &:extend(.fc-yellow-legacy-600); }
73
- .fc-error-legacy,
74
- .fc-danger-legacy { &:extend(.fc-red-legacy-500); }
75
- .bg-success-legacy { &:extend(.bg-green-legacy-500); }
76
- .bg-warning-legacy { &:extend(.bg-yellow-legacy-600); }
77
- .bg-error-legacy,
78
- .bg-danger-legacy { &:extend(.bg-red-legacy-500); }
79
- }
80
-
81
- .fc-theme-primary-legacy {
82
- color: var(--theme-primary-color-legacy) !important;
83
- }
84
-
85
- .bg-theme-primary-legacy {
86
- background-color: var(--theme-primary-color-legacy) !important;
87
- }
88
-
89
- .bc-theme-primary-legacy {
90
- border-color: var(--theme-primary-color-legacy) !important;
91
- }
92
-
93
- .fc-theme-secondary-legacy {
94
- color: var(--theme-secondary-color-legacy) !important;
95
- }
96
-
97
- .bg-theme-secondary-legacy {
98
- background-color: var(--theme-secondary-color-legacy) !important;
99
- }
100
-
101
- .bc-theme-secondary-legacy {
102
- border-color: var(--theme-secondary-color-legacy) !important;
103
- }
104
-
105
- .fc-white-legacy__forced {
106
- color: @white-legacy !important;
107
- }
108
-
109
- .fc-black-legacy__forced {
110
- color: @black-legacy !important;
111
- }
112
-
113
- .fc-gold-legacy {
114
- color: var(--gold-legacy) !important;
115
- }
116
-
117
- .fc-gold-legacy-darker {
118
- color: var(--gold-legacy-darker) !important;
119
- }
120
-
121
- .fc-gold-legacy-lighter {
122
- color: var(--gold-legacy-lighter) !important;
123
- }
124
-
125
- .bg-gold-legacy {
126
- background-color: var(--gold-legacy) !important;
127
- }
128
-
129
- .bg-gold-legacy-darker {
130
- background-color: var(--gold-legacy-darker) !important;
131
- }
132
-
133
- .bg-gold-legacy-lighter {
134
- background-color: var(--gold-legacy-lighter) !important;
135
- }
136
-
137
- .fc-silver-legacy {
138
- color: var(--silver-legacy) !important;
139
- }
140
-
141
- .fc-silver-legacy-darker {
142
- color: var(--silver-legacy-darker) !important;
143
- }
144
-
145
- .fc-silver-legacy-lighter {
146
- color: var(--silver-legacy-lighter) !important;
147
- }
148
-
149
- .bg-silver-legacy {
150
- background-color: var(--silver-legacy) !important;
151
- }
152
-
153
- .bg-silver-legacy-darker {
154
- background-color: var(--silver-legacy-darker) !important;
155
- }
156
-
157
- .bg-silver-legacy-lighter {
158
- background-color: var(--silver-legacy-lighter) !important;
159
- }
160
-
161
- .fc-bronze-legacy {
162
- color: var(--bronze-legacy) !important;
163
- }
164
-
165
- .fc-bronze-legacy-darker {
166
- color: var(--bronze-legacy-darker) !important;
167
- }
168
-
169
- .fc-bronze-legacy-lighter {
170
- color: var(--bronze-legacy-lighter) !important;
171
- }
172
-
173
- .bg-bronze-legacy {
174
- background-color: var(--bronze-legacy) !important;
175
- }
176
-
177
- .bg-bronze-legacy-darker {
178
- background-color: var(--bronze-legacy-darker) !important;
179
- }
180
-
181
- .bg-bronze-legacy-lighter {
182
- background-color: var(--bronze-legacy-lighter) !important;
183
- }
@@ -1,14 +0,0 @@
1
- import { describe, it, expect } from "vitest";
2
- import { renderLess } from "../../test/less-test-utils";
3
-
4
- describe("atomic: color v1", () => {
5
- it("should output all v1 atomic css classes for colors", async () => {
6
- const css = await renderLess(`
7
- @import (reference) "./lib/exports/v1/constants-colors.less";
8
- @import (reference) "./lib/exports/mixins.less";
9
- @import "./lib/atomic/v1/color.less";
10
- `);
11
-
12
- expect(css).toMatchSnapshot();
13
- });
14
- });
@@ -1,8 +0,0 @@
1
- // DEPRECATED
2
-
3
- // ============================================================================
4
- // $$ TEXT COLORS
5
- // ----------------------------------------------------------------------------
6
- .fc-dark-legacy { color: var(--fc-dark-legacy) !important; }
7
- .fc-medium-legacy { color: var(--fc-medium-legacy) !important; }
8
- .fc-light-legacy { color: var(--fc-light-legacy) !important; }
@@ -1,14 +0,0 @@
1
- import { describe, it, expect } from "vitest";
2
- import { renderLess } from "../../test/less-test-utils";
3
-
4
- describe("atomic: border v1", () => {
5
- it("should output all v1 atomic css classes for colors", async () => {
6
- const css = await renderLess(`
7
- @import (reference) "./lib/exports/v1/constants-colors.less";
8
- @import (reference) "./lib/exports/mixins.less";
9
- @import "./lib/atomic/v1/typography.less";
10
- `);
11
-
12
- expect(css).toMatchSnapshot();
13
- });
14
- });