@stackoverflow/stacks 2.0.0-rc.6 → 2.0.0-rc.7

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 (7) hide show
  1. package/dist/css/stacks.css +3 -21
  2. package/dist/css/stacks.min.css +1 -1
  3. package/lib/exports/__snapshots__/color-mixins.less.test.ts.snap +1 -0
  4. package/lib/exports/__snapshots__/color.less.test.ts.snap +3 -23
  5. package/lib/exports/color-mixins.less +1 -0
  6. package/lib/exports/color.less +1 -18
  7. package/package.json +1 -1
package/lib/exports/__snapshots__/color-mixins.less.test.ts.snap CHANGED
@@ -401,6 +401,7 @@ body .themed {
401
401
  --theme-secondary-custom-600: hsl(var(--theme-base-secondary-color-h), calc(var(--theme-base-secondary-color-s) + 0 * 1%), clamp(5%, calc(var(--theme-base-secondary-color-l) + -26 * 1%), 40%));
402
402
  --theme-secondary-custom: var(--theme-secondary-custom-400);
403
403
  --theme-secondary-custom-focus-ring: hsla(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l), 0.15);
404
+ color: var(--theme-body-font-color, var(--black-600));
404
405
  }
405
406
  "
406
407
  `;
package/lib/exports/__snapshots__/color.less.test.ts.snap CHANGED
@@ -6,29 +6,6 @@ exports[`colors > should output all the css generated by the v2 colors/theming g
6
6
  --_o-disabled-static: 0.5;
7
7
  --_black-static: hsl(0, 0%, 0%);
8
8
  --_white-static: hsl(0, 0%, 100%);
9
- }
10
-
11
- body,
12
- body.themed,
13
- body .themed {
14
- color: var(--theme-body-font-color, var(--black-600));
15
- }
16
-
17
- body:not(.theme-dark),
18
- body.theme-dark .theme-light__forced,
19
- body.theme-system .theme-light__forced,
20
- body.theme-dark,
21
- body:not(.theme-dark) .theme-dark__forced,
22
- body:not(.theme-dark).themed,
23
- body.theme-dark .theme-light__forced.themed,
24
- body.theme-system .theme-light__forced.themed,
25
- body.theme-dark.themed,
26
- body:not(.theme-dark) .theme-dark__forced.themed,
27
- body:not(.theme-dark) .themed,
28
- body.theme-dark .theme-light__forced .themed,
29
- body.theme-system .theme-light__forced .themed,
30
- body.theme-dark .themed,
31
- body:not(.theme-dark) .theme-dark__forced .themed {
32
9
  --bg-error: var(--red-400);
33
10
  --bg-danger: var(--red-400);
34
11
  --bg-success: var(--green-400);
@@ -173,6 +150,7 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
173
150
  --theme-secondary-custom-600: hsl(var(--theme-base-secondary-color-h), calc(var(--theme-base-secondary-color-s) + 0 * 1%), clamp(5%, calc(var(--theme-base-secondary-color-l) + -26 * 1%), 40%));
174
151
  --theme-secondary-custom: var(--theme-secondary-custom-400);
175
152
  --theme-secondary-custom-focus-ring: hsla(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l), 0.15);
153
+ color: var(--theme-body-font-color, var(--black-600));
176
154
  }
177
155
 
178
156
  body:not(.theme-highcontrast).theme-dark,
@@ -299,6 +277,7 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
299
277
  --theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + 0 * 1%), clamp(85%, calc(var(--theme-dark-secondary-color-l) + 20 * 1%), 95%));
300
278
  --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
301
279
  --theme-dark-secondary-custom-focus-ring: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25);
280
+ color: var(--theme-body-font-color, var(--black-600));
302
281
  }
303
282
 
304
283
  @media (prefers-color-scheme: dark) {
@@ -423,6 +402,7 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
423
402
  --theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + 0 * 1%), clamp(85%, calc(var(--theme-dark-secondary-color-l) + 20 * 1%), 95%));
424
403
  --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
425
404
  --theme-dark-secondary-custom-focus-ring: hsla(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l), 0.25);
405
+ color: var(--theme-body-font-color, var(--black-600));
426
406
  }
427
407
  }
428
408
 
package/lib/exports/color-mixins.less CHANGED
@@ -36,6 +36,7 @@
36
36
  .create-theme-variables(@mode);
37
37
  .create-custom-theme-variables(primary, @modeCustom);
38
38
  .create-custom-theme-variables(secondary, @modeCustom);
39
+ color: var(--theme-body-font-color, var(--black-600));
39
40
  }
40
41
  }
41
42
 
package/lib/exports/color.less CHANGED
@@ -5,24 +5,7 @@ body {
5
5
  --_o-disabled-static: 0.5;
6
6
  --_black-static: .set-black()[default];
7
7
  --_white-static: .set-white()[default];
8
-
9
- &,
10
- &.themed,
11
- & .themed {
12
- color: var(--theme-body-font-color, var(--black-600));
13
- }
14
-
15
- &:not(.theme-dark),
16
- &.theme-dark .theme-light__forced,
17
- &.theme-system .theme-light__forced,
18
- &.theme-dark,
19
- &:not(.theme-dark) .theme-dark__forced {
20
- &,
21
- &.themed,
22
- & .themed {
23
- .create-colors(.sets-aliased-utility-variables());
24
- }
25
- }
8
+ .create-colors(.sets-aliased-utility-variables());
26
9
  }
27
10
 
28
11
  // Light, dark mode
package/package.json CHANGED
@@ -5,7 +5,7 @@
5
5
  "type": "git",
6
6
  "url": "https://github.com/StackExchange/Stacks.git"
7
7
  },
8
- "version": "2.0.0-rc.6",
8
+ "version": "2.0.0-rc.7",
9
9
  "files": [
10
10
  "dist",
11
11
  "lib"