@stackoverflow/stacks 1.9.3 → 1.9.5

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 (6) hide show
  1. package/dist/css/stacks.css +29 -10
  2. package/dist/css/stacks.min.css +1 -1
  3. package/lib/components/button/button.less +6 -0
  4. package/lib/components/post-summary/post-summary.less +25 -5
  5. package/lib/exports/constants-colors.less +18 -30
  6. package/package.json +6 -6
package/dist/css/stacks.css CHANGED
@@ -1303,6 +1303,10 @@ body.theme-highcontrast .s-btn {
1303
1303
  --_bu-bc-selected: var(--_bu-bc);
1304
1304
  --_bu-badge-o: 0.8;
1305
1305
  }
1306
+ body.theme-highcontrast .s-btn:not(.s-btn__primary):not(.s-btn__muted):not(.s-btn__danger):not(.is-selected):not(.s-btn__link):not(.s-btn__unset) {
1307
+ --_bu-bg-hover: var(--theme-secondary-100);
1308
+ --_bu-filled-bg-hover: var(--theme-secondary-300);
1309
+ }
1306
1310
  fieldset[disabled] .s-btn,
1307
1311
  .s-btn[disabled],
1308
1312
  .s-btn[aria-disabled="true"] {
@@ -1632,6 +1636,7 @@ body.theme-highcontrast.theme-dark .s-btn.s-btn__danger.s-btn__filled {
1632
1636
  --_bu-outlined-fc-selected: var(--_bu-fc-selected);
1633
1637
  }
1634
1638
  body.theme-highcontrast .s-btn.s-btn__muted {
1639
+ --_bu-bg-hover: var(--black-100);
1635
1640
  --_bu-filled-bg: var(--black-400);
1636
1641
  --_bu-filled-bg-active: var(--black-600);
1637
1642
  --_bu-filled-bg-hover: var(--black-500);
@@ -3743,6 +3748,7 @@ body.theme-highcontrast .s-popover .s-popover--arrow__lb {
3743
3748
  .s-post-summary {
3744
3749
  --_ps-bb: var(--su1) solid var(--bc-light);
3745
3750
  --_ps-bg: unset;
3751
+ --_ps-o: unset;
3746
3752
  --_ps-content-excerpt-fc: var(--_ps-state-fc, var(--fc-medium));
3747
3753
  --_ps-content-title-a-fc: var(--_ps-state-fc, var(--theme-post-title-color));
3748
3754
  --_ps-content-title-a-fc-hover: var(--_ps-state-fc, var(--theme-post-title-color-hover));
@@ -3786,6 +3792,7 @@ body.theme-highcontrast .s-popover .s-popover--arrow__lb {
3786
3792
  }
3787
3793
  .s-post-summary.s-post-summary__deleted,
3788
3794
  .s-post-summary.s-post-summary__ignored {
3795
+ --_ps-o: 0.75;
3789
3796
  --_ps-has-answers-bc: var(--black-300);
3790
3797
  --_ps-has-answers-bg: transparent;
3791
3798
  --_ps-has-answers-fc: var(--_ps-state-fc);
@@ -3796,12 +3803,6 @@ body.theme-highcontrast .s-popover .s-popover--arrow__lb {
3796
3803
  --_ps-meta-tags-tag-fc: var(--_ps-state-fc);
3797
3804
  --_ps-state-fc: var(--black-500);
3798
3805
  }
3799
- .s-post-summary.s-post-summary__deleted .s-post-summary--content > *:not(.s-post-summary--content-menu-button),
3800
- .s-post-summary.s-post-summary__ignored .s-post-summary--content > *:not(.s-post-summary--content-menu-button),
3801
- .s-post-summary.s-post-summary__deleted .s-post-summary--stats > *:not(.s-badge__danger),
3802
- .s-post-summary.s-post-summary__ignored .s-post-summary--stats > *:not(.s-badge__danger) {
3803
- opacity: 0.75;
3804
- }
3805
3806
  .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags a,
3806
3807
  .s-post-summary.s-post-summary__ignored .s-post-summary--meta-tags a,
3807
3808
  .s-post-summary.s-post-summary__deleted .s-post-summary--meta-tags .post-tag,
@@ -3957,6 +3958,9 @@ body.theme-highcontrast .s-post-summary .s-post-summary--answer:before {
3957
3958
  flex-grow: 1;
3958
3959
  max-width: 100%;
3959
3960
  }
3961
+ .s-post-summary .s-post-summary--content > *:not(.s-post-summary--content-menu-button):not(.s-post-summary--meta):not(.s-popover) {
3962
+ opacity: var(--_ps-o);
3963
+ }
3960
3964
  .s-post-summary .s-post-summary--content-excerpt {
3961
3965
  word-break: break-word !important;
3962
3966
  overflow-wrap: break-word !important;
@@ -4059,16 +4063,28 @@ body.theme-highcontrast .s-post-summary .s-post-summary--answer:before {
4059
4063
  justify-content: space-between;
4060
4064
  row-gap: var(--su8);
4061
4065
  }
4066
+ .s-post-summary .s-post-summary--meta > *:not(.s-post-summary--meta-tags):not(.s-user-card) > * {
4067
+ opacity: var(--_ps-o);
4068
+ }
4062
4069
  .s-post-summary .s-post-summary--meta .s-user-card {
4063
4070
  flex-wrap: wrap;
4064
4071
  justify-content: flex-end;
4065
4072
  margin-left: auto;
4066
4073
  }
4074
+ .s-post-summary .s-post-summary--meta .s-user-card > *:not(.magic-popup) {
4075
+ opacity: var(--_ps-o);
4076
+ }
4067
4077
  .s-post-summary .s-post-summary--meta-tags {
4068
4078
  display: flex;
4069
4079
  flex-wrap: wrap;
4070
4080
  gap: var(--su4);
4071
4081
  }
4082
+ .s-post-summary .s-post-summary--meta-tags > ul > li > a,
4083
+ .s-post-summary .s-post-summary--meta-tags > a,
4084
+ .s-post-summary .s-post-summary--meta-tags .post-tag,
4085
+ .s-post-summary .s-post-summary--meta-tags .s-tag {
4086
+ opacity: var(--_ps-o);
4087
+ }
4072
4088
  .s-post-summary .s-post-summary--stats {
4073
4089
  align-items: var(--_ps-stats-ai);
4074
4090
  color: var(--_ps-stats-fc);
@@ -4082,6 +4098,9 @@ body.theme-highcontrast .s-post-summary .s-post-summary--answer:before {
4082
4098
  margin-bottom: var(--su4);
4083
4099
  margin-right: var(--su16);
4084
4100
  }
4101
+ .s-post-summary .s-post-summary--stats > *:not(.s-badge__danger) {
4102
+ opacity: var(--_ps-o);
4103
+ }
4085
4104
  .s-post-summary .s-post-summary--stats-item:not(.s-badge) {
4086
4105
  align-items: center;
4087
4106
  border: var(--su1) solid transparent;
@@ -7130,7 +7149,7 @@ body:not(.theme-dark) .theme-dark__forced .themed {
7130
7149
  --theme-secondary-color-b: var(--theme-dark-secondary-color-b, var(--theme-base-secondary-color-b));
7131
7150
  --theme-primary-color: hsl(var(--theme-primary-color-h), var(--theme-primary-color-s), var(--theme-primary-color-l));
7132
7151
  --theme-secondary-color: hsl(var(--theme-secondary-color-h), var(--theme-secondary-color-s), var(--theme-secondary-color-l));
7133
- --theme-primary-025: hsl(var(--theme-primary-color-h), clamp(10%, calc(var(--theme-primary-color-s) - 82%), 90%), clamp(20%, calc(var(--theme-primary-color-l) - 17%), 100%));
7152
+ --theme-primary-025: hsl(var(--theme-primary-color-h), clamp(10%, calc(var(--theme-primary-color-s) - 73.3%), 90%), clamp(20%, calc(var(--theme-primary-color-l) - 31%), 100%));
7134
7153
  --theme-primary-050: hsl(var(--theme-primary-color-h), clamp(10%, calc(var(--theme-primary-color-s) - 47%), 90%), clamp(20%, calc(var(--theme-primary-color-l) - 15%), 100%));
7135
7154
  --theme-primary-075: hsl(var(--theme-primary-color-h), clamp(10%, calc(var(--theme-primary-color-s) - 39%), 90%), clamp(20%, calc(var(--theme-primary-color-l) - 13%), 100%));
7136
7155
  --theme-primary-100: hsl(var(--theme-primary-color-h), clamp(10%, calc(var(--theme-primary-color-s) - 32%), 90%), clamp(20%, calc(var(--theme-primary-color-l) - 11%), 100%));
@@ -7144,7 +7163,7 @@ body:not(.theme-dark) .theme-dark__forced .themed {
7144
7163
  --theme-primary-700: rgb(calc(168.3 + var(--theme-primary-color-r) * 0.34), calc(168.3 + var(--theme-primary-color-g) * 0.34), calc(168.3 + var(--theme-primary-color-b) * 0.34));
7145
7164
  --theme-primary-800: rgb(calc(206.55 + var(--theme-primary-color-r) * 0.19), calc(206.55 + var(--theme-primary-color-g) * 0.19), calc(206.55 + var(--theme-primary-color-b) * 0.19));
7146
7165
  --theme-primary-900: rgb(calc(244.8 + var(--theme-primary-color-r) * 0.04), calc(244.8 + var(--theme-primary-color-g) * 0.04), calc(244.8 + var(--theme-primary-color-b) * 0.04));
7147
- --theme-secondary-025: hsl(var(--theme-secondary-color-h), clamp(10%, calc(var(--theme-secondary-color-s) - 82%), 90%), clamp(20%, calc(var(--theme-secondary-color-l) - 17%), 100%));
7166
+ --theme-secondary-025: hsl(var(--theme-secondary-color-h), clamp(10%, calc(var(--theme-secondary-color-s) - 73.3%), 90%), clamp(20%, calc(var(--theme-secondary-color-l) - 31%), 100%));
7148
7167
  --theme-secondary-050: hsl(var(--theme-secondary-color-h), clamp(10%, calc(var(--theme-secondary-color-s) - 47%), 90%), clamp(20%, calc(var(--theme-secondary-color-l) - 15%), 100%));
7149
7168
  --theme-secondary-075: hsl(var(--theme-secondary-color-h), clamp(10%, calc(var(--theme-secondary-color-s) - 39%), 90%), clamp(20%, calc(var(--theme-secondary-color-l) - 13%), 100%));
7150
7169
  --theme-secondary-100: hsl(var(--theme-secondary-color-h), clamp(10%, calc(var(--theme-secondary-color-s) - 32%), 90%), clamp(20%, calc(var(--theme-secondary-color-l) - 11%), 100%));
@@ -7300,7 +7319,7 @@ body:not(.theme-dark) .theme-dark__forced .themed {
7300
7319
  --theme-secondary-color-b: var(--theme-dark-secondary-color-b, var(--theme-base-secondary-color-b));
7301
7320
  --theme-primary-color: hsl(var(--theme-primary-color-h), var(--theme-primary-color-s), var(--theme-primary-color-l));
7302
7321
  --theme-secondary-color: hsl(var(--theme-secondary-color-h), var(--theme-secondary-color-s), var(--theme-secondary-color-l));
7303
- --theme-primary-025: hsl(var(--theme-primary-color-h), clamp(10%, calc(var(--theme-primary-color-s) - 82%), 90%), clamp(20%, calc(var(--theme-primary-color-l) - 17%), 100%));
7322
+ --theme-primary-025: hsl(var(--theme-primary-color-h), clamp(10%, calc(var(--theme-primary-color-s) - 73.3%), 90%), clamp(20%, calc(var(--theme-primary-color-l) - 31%), 100%));
7304
7323
  --theme-primary-050: hsl(var(--theme-primary-color-h), clamp(10%, calc(var(--theme-primary-color-s) - 47%), 90%), clamp(20%, calc(var(--theme-primary-color-l) - 15%), 100%));
7305
7324
  --theme-primary-075: hsl(var(--theme-primary-color-h), clamp(10%, calc(var(--theme-primary-color-s) - 39%), 90%), clamp(20%, calc(var(--theme-primary-color-l) - 13%), 100%));
7306
7325
  --theme-primary-100: hsl(var(--theme-primary-color-h), clamp(10%, calc(var(--theme-primary-color-s) - 32%), 90%), clamp(20%, calc(var(--theme-primary-color-l) - 11%), 100%));
@@ -7314,7 +7333,7 @@ body:not(.theme-dark) .theme-dark__forced .themed {
7314
7333
  --theme-primary-700: rgb(calc(168.3 + var(--theme-primary-color-r) * 0.34), calc(168.3 + var(--theme-primary-color-g) * 0.34), calc(168.3 + var(--theme-primary-color-b) * 0.34));
7315
7334
  --theme-primary-800: rgb(calc(206.55 + var(--theme-primary-color-r) * 0.19), calc(206.55 + var(--theme-primary-color-g) * 0.19), calc(206.55 + var(--theme-primary-color-b) * 0.19));
7316
7335
  --theme-primary-900: rgb(calc(244.8 + var(--theme-primary-color-r) * 0.04), calc(244.8 + var(--theme-primary-color-g) * 0.04), calc(244.8 + var(--theme-primary-color-b) * 0.04));
7317
- --theme-secondary-025: hsl(var(--theme-secondary-color-h), clamp(10%, calc(var(--theme-secondary-color-s) - 82%), 90%), clamp(20%, calc(var(--theme-secondary-color-l) - 17%), 100%));
7336
+ --theme-secondary-025: hsl(var(--theme-secondary-color-h), clamp(10%, calc(var(--theme-secondary-color-s) - 73.3%), 90%), clamp(20%, calc(var(--theme-secondary-color-l) - 31%), 100%));
7318
7337
  --theme-secondary-050: hsl(var(--theme-secondary-color-h), clamp(10%, calc(var(--theme-secondary-color-s) - 47%), 90%), clamp(20%, calc(var(--theme-secondary-color-l) - 15%), 100%));
7319
7338
  --theme-secondary-075: hsl(var(--theme-secondary-color-h), clamp(10%, calc(var(--theme-secondary-color-s) - 39%), 90%), clamp(20%, calc(var(--theme-secondary-color-l) - 13%), 100%));
7320
7339
  --theme-secondary-100: hsl(var(--theme-secondary-color-h), clamp(10%, calc(var(--theme-secondary-color-s) - 32%), 90%), clamp(20%, calc(var(--theme-secondary-color-l) - 11%), 100%));