@stackoverflow/stacks 3.0.0-beta.1 → 3.0.0-beta.3

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 (23) hide show
  1. package/dist/css/stacks.css +842 -584
  2. package/dist/css/stacks.min.css +1 -1
  3. package/lib/atomic/misc.less +1 -1
  4. package/lib/atomic/typography.less +13 -26
  5. package/lib/base/body.less +2 -7
  6. package/lib/components/activity-indicator/activity-indicator.less +1 -2
  7. package/lib/components/anchor/anchor.less +1 -1
  8. package/lib/components/badge/badge.less +6 -6
  9. package/lib/components/bling/bling.less +93 -0
  10. package/lib/components/checkbox_radio/checkbox_radio.less +12 -10
  11. package/lib/components/link/link.less +1 -1
  12. package/lib/components/link-preview/link-preview.less +1 -1
  13. package/lib/components/post-summary/post-summary.less +3 -2
  14. package/lib/components/progress-bar/progress-bar.less +11 -10
  15. package/lib/components/tag/tag.less +59 -70
  16. package/lib/components/toggle-switch/toggle-switch.less +4 -2
  17. package/lib/exports/color-mixins.less +13 -3
  18. package/lib/exports/color-sets.less +255 -216
  19. package/lib/exports/constants-helpers.less +4 -1
  20. package/lib/exports/constants-type.less +25 -25
  21. package/lib/stacks-static.less +1 -1
  22. package/package.json +1 -1
  23. package/lib/components/award-bling/award-bling.less +0 -31
package/lib/exports/color-mixins.less CHANGED
@@ -261,19 +261,29 @@
261
261
 
262
262
  each(@tiers, .(@tier, @k, @i) {
263
263
  @stops: 100, 200, 300, 400, 500, 600;
264
- @fallbackColor: if(@tier = primary, orange, blue);
264
+ @fallbackColor: if(@tier = primary, orange, black);
265
265
  @baseThemeVar: ~"--theme-@{tier}";
266
266
  @customThemeVar: if(@mode = light, ~"@{baseThemeVar}-custom", ~"--theme-dark-@{tier}-custom");
267
267
 
268
268
  & when (@mode = light), (@mode = dark) {
269
- @{baseThemeVar}: ~"var(@{customThemeVar}, var(--@{fallbackColor}-400))";
269
+ & when (@tier = primary) {
270
+ @{baseThemeVar}: ~"var(@{customThemeVar}, var(--@{fallbackColor}-400))";
271
+ }
272
+ & when (@tier = secondary) {
273
+ @{baseThemeVar}: ~"var(@{customThemeVar}, var(--@{fallbackColor}))";
274
+ }
270
275
  each(@stops, .(@stop, @kStop, @iStop) {
271
276
  @{baseThemeVar}-@{stop}: ~"var(@{customThemeVar}-@{stop}, var(--@{fallbackColor}-@{stop}))";
272
277
  });
273
278
  }
274
279
 
275
280
  & when (@mode = light-highcontrast), (@mode = dark-highcontrast) {
276
- @{baseThemeVar}: ~"var(--@{fallbackColor}-400)";
281
+ & when (@tier = primary) {
282
+ @{baseThemeVar}: ~"var(--@{fallbackColor}-400)";
283
+ }
284
+ & when (@tier = secondary) {
285
+ @{baseThemeVar}: ~"var(--@{fallbackColor})";
286
+ }
277
287
 
278
288
  each(@stops, .(@stop, @kStop, @iStop) {
279
289
  @{baseThemeVar}-@{stop}: ~"var(--@{fallbackColor}-@{stop})";