npm - @stackoverflow/stacks - Versions diffs - 2.0.0-rc.6 → 2.0.0-rc.8 - Mend

@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

package/dist/css/stacks.css +7 -25
package/dist/css/stacks.min.css +1 -1
package/lib/components/button/button.less +2 -2
package/lib/components/tag/tag.less +2 -2
package/lib/exports/__snapshots__/color-mixins.less.test.ts.snap +1 -0
package/lib/exports/__snapshots__/color.less.test.ts.snap +3 -23
package/lib/exports/color-mixins.less +1 -0
package/lib/exports/color.less +1 -18
package/package.json +1 -1

package/dist/css/stacks.css CHANGED Viewed

@@ -1203,9 +1203,9 @@ body.theme-highcontrast .s-breadcrumbs .s-breadcrumbs--divider {
   --_bu-filled-fc-active: var(--theme-button-primary-hover-color, var(--white));
   --_bu-filled-fc-hover: var(--theme-button-primary-hover-color, var(--white));
   --_bu-filled-fc-selected: var(--theme-button-primary-selected-color, var(--white));
-  --_bu-outlined-bc: var(--theme-button-outlined-border-color, var(----theme-secondary-400));
+  --_bu-outlined-bc: var(--theme-button-outlined-border-color, var(--theme-secondary-400));
   --_bu-outlined-bg: var(--theme-button-outlined-background-color);
-  --_bu-outlined-bc-selected: var(--theme-button-outlined-selected-border-color, var(----theme-secondary-400));
+  --_bu-outlined-bc-selected: var(--theme-button-outlined-selected-border-color, var(--theme-secondary-400));
   --_bu-outlined-bg-selected: var(--theme-button-selected-background-color, var(--theme-secondary-300));
   --_bu-outlined-fc-selected: var(--theme-button-selected-color, var(--theme-secondary-600));
   --_bu-badge-o: 0.5;
@@ -5431,11 +5431,11 @@ body.theme-highcontrast .s-sidebarwidget.s-sidebarwidget__green {
   --_ta-bc: var(--theme-tag-border-color, transparent);
   --_ta-bc-hover: var(--theme-tag-hover-border-color, transparent);
   --_ta-bc-selected: transparent;
-  --_ta-bg: var(--theme-tag-background-color, var(----theme-secondary-100));
+  --_ta-bg: var(--theme-tag-background-color, var(--theme-secondary-100));
   --_ta-bg-hover: var(--theme-tag-hover-background-color, var(--theme-secondary-200));
   --_ta-bg-selected: var(--theme-secondary-300);
   --_ta-br: var(--br-sm);
-  --_ta-fc: var(--theme-tag-color, var(----theme-secondary-500));
+  --_ta-fc: var(--theme-tag-color, var(--theme-secondary-500));
   --_ta-fc-hover: var(--theme-tag-hover-color, var(--theme-secondary-600));
   --_ta-fc-selected: var(--theme-secondary-600);
   --_ta-fs: var(--fs-caption);
@@ -7382,27 +7382,6 @@ body {
   --_o-disabled-static: 0.5;
   --_black-static: hsl(0, 0%, 0%);
   --_white-static: hsl(0, 0%, 100%);
-}
-body,
-body.themed,
-body .themed {
-  color: var(--theme-body-font-color, var(--black-600));
-}
-body:not(.theme-dark),
-body.theme-dark .theme-light__forced,
-body.theme-system .theme-light__forced,
-body.theme-dark,
-body:not(.theme-dark) .theme-dark__forced,
-body:not(.theme-dark).themed,
-body.theme-dark .theme-light__forced.themed,
-body.theme-system .theme-light__forced.themed,
-body.theme-dark.themed,
-body:not(.theme-dark) .theme-dark__forced.themed,
-body:not(.theme-dark) .themed,
-body.theme-dark .theme-light__forced .themed,
-body.theme-system .theme-light__forced .themed,
-body.theme-dark .themed,
-body:not(.theme-dark) .theme-dark__forced .themed {
   --bg-error: var(--red-400);
   --bg-danger: var(--red-400);
   --bg-success: var(--green-400);
@@ -7546,6 +7525,7 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
   --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%));
   --theme-secondary-custom: var(--theme-secondary-custom-400);
   --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);
+  color: var(--theme-body-font-color, var(--black-600));
 }
 body:not(.theme-highcontrast).theme-dark,
 body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced,
@@ -7671,6 +7651,7 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
   --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%));
   --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
   --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);
+  color: var(--theme-body-font-color, var(--black-600));
 }
 @media (prefers-color-scheme: dark) {
   body:not(.theme-highcontrast).theme-system,
@@ -7794,6 +7775,7 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
     --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%));
     --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
     --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);
+    color: var(--theme-body-font-color, var(--black-600));
   }
 }
 body.theme-highcontrast:not(.theme-dark),