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

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 (9) hide show
  1. package/dist/css/stacks.css +7 -25
  2. package/dist/css/stacks.min.css +1 -1
  3. package/lib/components/button/button.less +2 -2
  4. package/lib/components/tag/tag.less +2 -2
  5. package/lib/exports/__snapshots__/color-mixins.less.test.ts.snap +1 -0
  6. package/lib/exports/__snapshots__/color.less.test.ts.snap +3 -23
  7. package/lib/exports/color-mixins.less +1 -0
  8. package/lib/exports/color.less +1 -18
  9. package/package.json +1 -1
package/lib/components/button/button.less CHANGED
@@ -29,9 +29,9 @@
29
29
  --_bu-filled-fc-hover: var(--theme-button-primary-hover-color, var(--white));
30
30
  --_bu-filled-fc-selected: var(--theme-button-primary-selected-color, var(--white));
31
31
  // Outlined
32
- --_bu-outlined-bc: var(--theme-button-outlined-border-color, var(----theme-secondary-400));
32
+ --_bu-outlined-bc: var(--theme-button-outlined-border-color, var(--theme-secondary-400));
33
33
  --_bu-outlined-bg: var(--theme-button-outlined-background-color);
34
- --_bu-outlined-bc-selected: var(--theme-button-outlined-selected-border-color, var(----theme-secondary-400));
34
+ --_bu-outlined-bc-selected: var(--theme-button-outlined-selected-border-color, var(--theme-secondary-400));
35
35
  --_bu-outlined-bg-selected: var(--theme-button-selected-background-color, var(--theme-secondary-300));
36
36
  --_bu-outlined-fc-selected: var(--theme-button-selected-color, var(--theme-secondary-600));
37
37
  // CHILD COMPONENT CUSTOM PROPERTIES
package/lib/components/tag/tag.less CHANGED
@@ -2,11 +2,11 @@
2
2
  --_ta-bc: var(--theme-tag-border-color, transparent);
3
3
  --_ta-bc-hover: var(--theme-tag-hover-border-color, transparent);
4
4
  --_ta-bc-selected: transparent;
5
- --_ta-bg: var(--theme-tag-background-color, var(----theme-secondary-100));
5
+ --_ta-bg: var(--theme-tag-background-color, var(--theme-secondary-100));
6
6
  --_ta-bg-hover: var(--theme-tag-hover-background-color, var(--theme-secondary-200));
7
7
  --_ta-bg-selected: var(--theme-secondary-300);
8
8
  --_ta-br: var(--br-sm);
9
- --_ta-fc: var(--theme-tag-color, var(----theme-secondary-500));
9
+ --_ta-fc: var(--theme-tag-color, var(--theme-secondary-500));
10
10
  --_ta-fc-hover: var(--theme-tag-hover-color, var(--theme-secondary-600));
11
11
  --_ta-fc-selected: var(--theme-secondary-600);
12
12
  --_ta-fs: var(--fs-caption);
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.8",
9
9
  "files": [
10
10
  "dist",
11
11
  "lib"