@stackoverflow/stacks 2.0.0-rc.12 → 2.0.0-rc.14

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 (11) hide show
  1. package/dist/css/stacks.css +41 -41
  2. package/dist/css/stacks.min.css +1 -1
  3. package/lib/atomic/typography.less +2 -2
  4. package/lib/components/activity-indicator/activity-indicator.less +1 -1
  5. package/lib/components/label/label.less +1 -1
  6. package/lib/components/uploader/uploader.less +1 -1
  7. package/lib/exports/__snapshots__/color-mixins.less.test.ts.snap +60 -60
  8. package/lib/exports/__snapshots__/color.less.test.ts.snap +36 -36
  9. package/lib/exports/color-mixins.less +15 -12
  10. package/lib/exports/mixins.less +0 -16
  11. package/package.json +1 -1
package/dist/css/stacks.css CHANGED
@@ -420,7 +420,7 @@ fieldset {
420
420
  border-radius: 1000px;
421
421
  display: inline-block;
422
422
  font-size: var(--fs-fine);
423
- font-weight: 600;
423
+ font-weight: 700;
424
424
  line-height: 1.1;
425
425
  min-width: var(--su-static12);
426
426
  min-height: var(--su-static12);
@@ -2526,7 +2526,7 @@ fieldset[disabled] .s-input-message {
2526
2526
  font-size: var(--_la-fs);
2527
2527
  color: var(--fc-medium);
2528
2528
  font-family: inherit;
2529
- font-weight: 600;
2529
+ font-weight: 700;
2530
2530
  padding: 0 var(--su2);
2531
2531
  }
2532
2532
  .s-label[for] {
@@ -6285,7 +6285,7 @@ body.theme-highcontrast .s-uploader .s-uploader--preview-thumbnail {
6285
6285
  .s-uploader .s-uploader--previews-heading {
6286
6286
  color: var(--black-600);
6287
6287
  font-size: var(--fs-body2);
6288
- font-weight: 600;
6288
+ font-weight: 700;
6289
6289
  padding-bottom: var(--su8);
6290
6290
  }
6291
6291
  .s-uploader .s-uploader--reset {
@@ -7581,19 +7581,19 @@ body:not(.theme-highcontrast).theme-system .theme-light__forced .themed {
7581
7581
  --theme-secondary-400: var(--theme-secondary-custom-400, var(--blue-400));
7582
7582
  --theme-secondary-500: var(--theme-secondary-custom-500, var(--blue-500));
7583
7583
  --theme-secondary-600: var(--theme-secondary-custom-600, var(--blue-600));
7584
- --theme-primary-custom-100: hsl(var(--theme-base-primary-color-h), calc(var(--theme-base-primary-color-s) + 0 * 1%), calc(var(--theme-base-primary-color-l) + 45 * 1%));
7585
- --theme-primary-custom-200: hsl(var(--theme-base-primary-color-h), calc(var(--theme-base-primary-color-s) + 0 * 1%), calc(var(--theme-base-primary-color-l) + 35 * 1%));
7586
- --theme-primary-custom-300: hsl(var(--theme-base-primary-color-h), calc(var(--theme-base-primary-color-s) + 0 * 1%), calc(var(--theme-base-primary-color-l) + 15 * 1%));
7587
- --theme-primary-custom-400: hsl(var(--theme-base-primary-color-h), calc(var(--theme-base-primary-color-s) + 0 * 1%), calc(var(--theme-base-primary-color-l) + 0 * 1%));
7588
- --theme-primary-custom-500: hsl(var(--theme-base-primary-color-h), calc(var(--theme-base-primary-color-s) + 0 * 1%), calc(var(--theme-base-primary-color-l) + -14 * 1%));
7589
- --theme-primary-custom-600: hsl(var(--theme-base-primary-color-h), calc(var(--theme-base-primary-color-s) + 0 * 1%), calc(var(--theme-base-primary-color-l) + -22 * 1%));
7584
+ --theme-primary-custom-100: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * .9)));
7585
+ --theme-primary-custom-200: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * .75)));
7586
+ --theme-primary-custom-300: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + ((100% - var(--theme-base-primary-color-l)) * .5)));
7587
+ --theme-primary-custom-400: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), var(--theme-base-primary-color-l));
7588
+ --theme-primary-custom-500: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + (var(--theme-base-primary-color-l) * -.3)));
7589
+ --theme-primary-custom-600: hsl(var(--theme-base-primary-color-h), var(--theme-base-primary-color-s), calc(var(--theme-base-primary-color-l) + (var(--theme-base-primary-color-l) * -.6)));
7590
7590
  --theme-primary-custom: var(--theme-primary-custom-400);
7591
- --theme-secondary-custom-100: hsl(var(--theme-base-secondary-color-h), calc(var(--theme-base-secondary-color-s) + 0 * 1%), calc(var(--theme-base-secondary-color-l) + 45 * 1%));
7592
- --theme-secondary-custom-200: hsl(var(--theme-base-secondary-color-h), calc(var(--theme-base-secondary-color-s) + 0 * 1%), calc(var(--theme-base-secondary-color-l) + 35 * 1%));
7593
- --theme-secondary-custom-300: hsl(var(--theme-base-secondary-color-h), calc(var(--theme-base-secondary-color-s) + 0 * 1%), calc(var(--theme-base-secondary-color-l) + 15 * 1%));
7594
- --theme-secondary-custom-400: hsl(var(--theme-base-secondary-color-h), calc(var(--theme-base-secondary-color-s) + 0 * 1%), calc(var(--theme-base-secondary-color-l) + 0 * 1%));
7595
- --theme-secondary-custom-500: hsl(var(--theme-base-secondary-color-h), calc(var(--theme-base-secondary-color-s) + 0 * 1%), calc(var(--theme-base-secondary-color-l) + -14 * 1%));
7596
- --theme-secondary-custom-600: hsl(var(--theme-base-secondary-color-h), calc(var(--theme-base-secondary-color-s) + 0 * 1%), calc(var(--theme-base-secondary-color-l) + -22 * 1%));
7591
+ --theme-secondary-custom-100: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + ((100% - var(--theme-base-secondary-color-l)) * .9)));
7592
+ --theme-secondary-custom-200: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + ((100% - var(--theme-base-secondary-color-l)) * .75)));
7593
+ --theme-secondary-custom-300: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + ((100% - var(--theme-base-secondary-color-l)) * .5)));
7594
+ --theme-secondary-custom-400: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), var(--theme-base-secondary-color-l));
7595
+ --theme-secondary-custom-500: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + (var(--theme-base-secondary-color-l) * -.3)));
7596
+ --theme-secondary-custom-600: hsl(var(--theme-base-secondary-color-h), var(--theme-base-secondary-color-s), calc(var(--theme-base-secondary-color-l) + (var(--theme-base-secondary-color-l) * -.6)));
7597
7597
  --theme-secondary-custom: var(--theme-secondary-custom-400);
7598
7598
  --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);
7599
7599
  color: var(--theme-body-font-color, var(--black-600));
@@ -7707,19 +7707,19 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7707
7707
  --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--blue-400));
7708
7708
  --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--blue-500));
7709
7709
  --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--blue-600));
7710
- --theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + -15 * 1%), calc(var(--theme-dark-primary-color-l) + -36 * 1%));
7711
- --theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + -9 * 1%), calc(var(--theme-dark-primary-color-l) + -26 * 1%));
7712
- --theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + -5 * 1%), calc(var(--theme-dark-primary-color-l) + -10 * 1%));
7713
- --theme-dark-primary-custom-400: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + 0 * 1%), calc(var(--theme-dark-primary-color-l) + 0 * 1%));
7714
- --theme-dark-primary-custom-500: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + 0 * 1%), calc(var(--theme-dark-primary-color-l) + 15 * 1%));
7715
- --theme-dark-primary-custom-600: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + 0 * 1%), calc(var(--theme-dark-primary-color-l) + 23 * 1%));
7710
+ --theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.6)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.7)));
7711
+ --theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.4)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.5)));
7712
+ --theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.3)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.2)));
7713
+ --theme-dark-primary-custom-400: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), var(--theme-dark-primary-color-l));
7714
+ --theme-dark-primary-custom-500: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), calc(var(--theme-dark-primary-color-l) + ((100% - var(--theme-dark-primary-color-l)) * .5)));
7715
+ --theme-dark-primary-custom-600: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), calc(var(--theme-dark-primary-color-l) + ((100% - var(--theme-dark-primary-color-l)) * .8)));
7716
7716
  --theme-dark-primary-custom: var(--theme-dark-primary-custom-400);
7717
- --theme-dark-secondary-custom-100: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + -15 * 1%), calc(var(--theme-dark-secondary-color-l) + -36 * 1%));
7718
- --theme-dark-secondary-custom-200: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + -9 * 1%), calc(var(--theme-dark-secondary-color-l) + -26 * 1%));
7719
- --theme-dark-secondary-custom-300: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + -5 * 1%), calc(var(--theme-dark-secondary-color-l) + -10 * 1%));
7720
- --theme-dark-secondary-custom-400: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + 0 * 1%), calc(var(--theme-dark-secondary-color-l) + 0 * 1%));
7721
- --theme-dark-secondary-custom-500: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + 0 * 1%), calc(var(--theme-dark-secondary-color-l) + 15 * 1%));
7722
- --theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + 0 * 1%), calc(var(--theme-dark-secondary-color-l) + 23 * 1%));
7717
+ --theme-dark-secondary-custom-100: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + (var(--theme-dark-secondary-color-s) * -.6)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -.7)));
7718
+ --theme-dark-secondary-custom-200: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + (var(--theme-dark-secondary-color-s) * -.4)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -.5)));
7719
+ --theme-dark-secondary-custom-300: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + (var(--theme-dark-secondary-color-s) * -.3)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -.2)));
7720
+ --theme-dark-secondary-custom-400: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l));
7721
+ --theme-dark-secondary-custom-500: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + ((100% - var(--theme-dark-secondary-color-l)) * .5)));
7722
+ --theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + ((100% - var(--theme-dark-secondary-color-l)) * .8)));
7723
7723
  --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
7724
7724
  --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);
7725
7725
  color: var(--theme-body-font-color, var(--black-600));
@@ -7831,19 +7831,19 @@ body:not(.theme-highcontrast):not(.theme-dark) .theme-dark__forced .themed {
7831
7831
  --theme-secondary-400: var(--theme-dark-secondary-custom-400, var(--blue-400));
7832
7832
  --theme-secondary-500: var(--theme-dark-secondary-custom-500, var(--blue-500));
7833
7833
  --theme-secondary-600: var(--theme-dark-secondary-custom-600, var(--blue-600));
7834
- --theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + -15 * 1%), calc(var(--theme-dark-primary-color-l) + -36 * 1%));
7835
- --theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + -9 * 1%), calc(var(--theme-dark-primary-color-l) + -26 * 1%));
7836
- --theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + -5 * 1%), calc(var(--theme-dark-primary-color-l) + -10 * 1%));
7837
- --theme-dark-primary-custom-400: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + 0 * 1%), calc(var(--theme-dark-primary-color-l) + 0 * 1%));
7838
- --theme-dark-primary-custom-500: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + 0 * 1%), calc(var(--theme-dark-primary-color-l) + 15 * 1%));
7839
- --theme-dark-primary-custom-600: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + 0 * 1%), calc(var(--theme-dark-primary-color-l) + 23 * 1%));
7834
+ --theme-dark-primary-custom-100: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.6)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.7)));
7835
+ --theme-dark-primary-custom-200: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.4)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.5)));
7836
+ --theme-dark-primary-custom-300: hsl(var(--theme-dark-primary-color-h), calc(var(--theme-dark-primary-color-s) + (var(--theme-dark-primary-color-s) * -.3)), calc(var(--theme-dark-primary-color-l) + (var(--theme-dark-primary-color-l) * -.2)));
7837
+ --theme-dark-primary-custom-400: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), var(--theme-dark-primary-color-l));
7838
+ --theme-dark-primary-custom-500: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), calc(var(--theme-dark-primary-color-l) + ((100% - var(--theme-dark-primary-color-l)) * .5)));
7839
+ --theme-dark-primary-custom-600: hsl(var(--theme-dark-primary-color-h), var(--theme-dark-primary-color-s), calc(var(--theme-dark-primary-color-l) + ((100% - var(--theme-dark-primary-color-l)) * .8)));
7840
7840
  --theme-dark-primary-custom: var(--theme-dark-primary-custom-400);
7841
- --theme-dark-secondary-custom-100: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + -15 * 1%), calc(var(--theme-dark-secondary-color-l) + -36 * 1%));
7842
- --theme-dark-secondary-custom-200: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + -9 * 1%), calc(var(--theme-dark-secondary-color-l) + -26 * 1%));
7843
- --theme-dark-secondary-custom-300: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + -5 * 1%), calc(var(--theme-dark-secondary-color-l) + -10 * 1%));
7844
- --theme-dark-secondary-custom-400: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + 0 * 1%), calc(var(--theme-dark-secondary-color-l) + 0 * 1%));
7845
- --theme-dark-secondary-custom-500: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + 0 * 1%), calc(var(--theme-dark-secondary-color-l) + 15 * 1%));
7846
- --theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + 0 * 1%), calc(var(--theme-dark-secondary-color-l) + 23 * 1%));
7841
+ --theme-dark-secondary-custom-100: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + (var(--theme-dark-secondary-color-s) * -.6)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -.7)));
7842
+ --theme-dark-secondary-custom-200: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + (var(--theme-dark-secondary-color-s) * -.4)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -.5)));
7843
+ --theme-dark-secondary-custom-300: hsl(var(--theme-dark-secondary-color-h), calc(var(--theme-dark-secondary-color-s) + (var(--theme-dark-secondary-color-s) * -.3)), calc(var(--theme-dark-secondary-color-l) + (var(--theme-dark-secondary-color-l) * -.2)));
7844
+ --theme-dark-secondary-custom-400: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), var(--theme-dark-secondary-color-l));
7845
+ --theme-dark-secondary-custom-500: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + ((100% - var(--theme-dark-secondary-color-l)) * .5)));
7846
+ --theme-dark-secondary-custom-600: hsl(var(--theme-dark-secondary-color-h), var(--theme-dark-secondary-color-s), calc(var(--theme-dark-secondary-color-l) + ((100% - var(--theme-dark-secondary-color-l)) * .8)));
7847
7847
  --theme-dark-secondary-custom: var(--theme-dark-secondary-custom-400);
7848
7848
  --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);
7849
7849
  color: var(--theme-body-font-color, var(--black-600));
@@ -19887,7 +19887,7 @@ p {
19887
19887
  }
19888
19888
  }
19889
19889
  .fs-category {
19890
- font-weight: 600;
19890
+ font-weight: 700;
19891
19891
  text-transform: uppercase;
19892
19892
  }
19893
19893
  .fs-category.has-border {
@@ -19932,7 +19932,7 @@ p {
19932
19932
  font-weight: 400 !important;
19933
19933
  }
19934
19934
  .fw-bold {
19935
- font-weight: 600 !important;
19935
+ font-weight: 700 !important;
19936
19936
  }
19937
19937
  .fs-normal {
19938
19938
  font-style: normal !important;