@stackoverflow/stacks 3.0.0-beta.22 → 3.0.0-beta.24

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 (72) hide show
  1. package/dist/css/stacks.css +16809 -17138
  2. package/dist/css/stacks.min.css +1 -1
  3. package/lib/atomic/backgrounds.less +67 -0
  4. package/lib/atomic/border-radius.less +38 -0
  5. package/lib/atomic/borders.less +73 -0
  6. package/lib/atomic/box-shadow.less +29 -0
  7. package/lib/atomic/box-sizing.less +3 -0
  8. package/lib/atomic/current-color.less +2 -0
  9. package/lib/atomic/cursors.less +8 -0
  10. package/lib/atomic/display.less +15 -0
  11. package/lib/atomic/floats.less +20 -0
  12. package/lib/atomic/gap.less +2 -0
  13. package/lib/atomic/grid.less +2 -0
  14. package/lib/atomic/interactivity.less +45 -0
  15. package/lib/atomic/lists.less +29 -0
  16. package/lib/atomic/{spacing.less → margin.less} +0 -10
  17. package/lib/atomic/object-fit.less +9 -0
  18. package/lib/atomic/opacity.less +54 -0
  19. package/lib/atomic/outline.less +11 -0
  20. package/lib/atomic/overflow.less +17 -0
  21. package/lib/atomic/padding.less +12 -0
  22. package/lib/atomic/positioning.less +7 -0
  23. package/lib/atomic/sizing.less +3 -28
  24. package/lib/atomic/transitions.less +20 -0
  25. package/lib/atomic/truncation.less +58 -0
  26. package/lib/atomic/typography.less +19 -124
  27. package/lib/atomic/vertical-alignment.less +9 -0
  28. package/lib/atomic/visibility.less +18 -0
  29. package/lib/atomic/z-index.less +12 -0
  30. package/lib/base/reset-normalize.less +2 -2
  31. package/lib/components/activity-indicator/activity-indicator.less +3 -3
  32. package/lib/components/anchor/anchor.less +28 -39
  33. package/lib/components/avatar/avatar.less +17 -16
  34. package/lib/components/badge/badge.less +14 -4
  35. package/lib/components/banner/banner.less +1 -1
  36. package/lib/components/button/button.less +78 -17
  37. package/lib/components/button-group/button-group.less +2 -2
  38. package/lib/components/card/card.less +1 -1
  39. package/lib/components/checkbox_radio/checkbox_radio.less +3 -3
  40. package/lib/components/code-block/code-block.less +1 -2
  41. package/lib/components/description/description.less +2 -1
  42. package/lib/components/form-group/form-group.less +14 -1
  43. package/lib/components/input-fill/input-fill.less +3 -3
  44. package/lib/components/input-icon/input-icon.less +2 -2
  45. package/lib/components/input-message/input-message.less +1 -0
  46. package/lib/components/input_textarea/input_textarea.less +2 -2
  47. package/lib/components/label/label.less +12 -56
  48. package/lib/components/link/link.less +44 -98
  49. package/lib/components/link-preview/link-preview.less +5 -13
  50. package/lib/components/menu/menu.less +9 -1
  51. package/lib/components/navigation/navigation.less +7 -1
  52. package/lib/components/notice/notice.less +1 -1
  53. package/lib/components/page-title/page-title.less +1 -1
  54. package/lib/components/pagination/pagination.less +11 -4
  55. package/lib/components/popover/popover.less +2 -2
  56. package/lib/components/post-summary/post-summary.less +223 -385
  57. package/lib/components/progress-bar/progress-bar.less +17 -17
  58. package/lib/components/prose/prose.less +35 -9
  59. package/lib/components/select/select.less +26 -10
  60. package/lib/components/table/table.less +48 -14
  61. package/lib/components/tag/tag.less +15 -5
  62. package/lib/components/toggle-switch/toggle-switch.less +2 -2
  63. package/lib/components/topbar/topbar.less +13 -13
  64. package/lib/components/uploader/uploader.less +5 -5
  65. package/lib/components/user-card/user-card.less +14 -3
  66. package/lib/exports/constants-helpers.less +6 -6
  67. package/lib/exports/mixins.less +27 -278
  68. package/lib/stacks-static.less +41 -20
  69. package/package.json +1 -1
  70. package/lib/atomic/border.less +0 -121
  71. package/lib/atomic/misc.less +0 -380
  72. package/lib/components/block-link/block-link.less +0 -82
package/lib/components/menu/menu.less CHANGED
@@ -3,10 +3,17 @@
3
3
  --_me-action-fc: var(--black-500);
4
4
  --_me-item-p: var(--su8);
5
5
 
6
+ // CONTEXTUAL STYLES
7
+ .highcontrast-mode({
8
+ a[href] {
9
+ text-decoration: underline;
10
+ }
11
+ });
12
+
6
13
  // CHILD ELEMENTS
7
14
  & &--divider {
8
15
  background-color: var(--black-200);
9
- height: var(--su-static1);
16
+ height: var(--su1);
10
17
  margin: var(--su8) 0;
11
18
  }
12
19
 
@@ -79,6 +86,7 @@
79
86
  cursor: pointer;
80
87
  display: flex;
81
88
  padding: var(--su8);
89
+ text-decoration: none;
82
90
  width: 100%;
83
91
  }
84
92
 
package/lib/components/navigation/navigation.less CHANGED
@@ -13,7 +13,7 @@
13
13
  --_na-item-selected-bg: none;
14
14
  --_na-item-selected-fc: var(--black-600);
15
15
  --_na-item-selected-bg-hover: var(--_na-item-bg-hover);
16
- --_na-item-selected-h: var(--su-static2);
16
+ --_na-item-selected-h: var(--su2);
17
17
  --_na-item-text-ta: center;
18
18
  --_na-title-mt: var(--su24);
19
19
  --_na-after-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3E%3Cpath d='M11.35 4.35 6 9.71.65 4.35l.7-.7L6 8.29l4.65-4.64z'/%3E%3C/svg%3E");
@@ -23,6 +23,10 @@
23
23
  .highcontrast-mode({
24
24
  --_na-item-bg-hover: var(--black-500);
25
25
  --_na-item-fc-hover: var(--black-225);
26
+
27
+ a[href].s-navigation--item {
28
+ text-decoration: underline;
29
+ }
26
30
  });
27
31
 
28
32
  // MODIFIERS
@@ -46,6 +50,7 @@
46
50
  --_na-item-ws: normal;
47
51
  --_na-item-selected-h: 0;
48
52
  --_na-item-p: var(--su6) var(--su8);
53
+ --_na-item-fc: var(--black-600);
49
54
  & .s-navigation--item {
50
55
  &.is-selected {
51
56
  --_na-item-bg: var(--black-150);
@@ -126,6 +131,7 @@
126
131
  cursor: pointer;
127
132
  display: flex;
128
133
  position: relative;
134
+ text-decoration: none;
129
135
  user-select: auto;
130
136
  }
131
137
 
package/lib/components/notice/notice.less CHANGED
@@ -146,7 +146,7 @@
146
146
  code {
147
147
  background-color: var(--_no-code-bg);
148
148
  color: var(--_no-code-fc);
149
- outline: var(--su-static1) solid var(--_no-code-bc);
149
+ outline: var(--su1) solid var(--_no-code-bc);
150
150
  padding-left: var(--su2);
151
151
  padding-right: var(--su2);
152
152
  white-space: nowrap;
package/lib/components/page-title/page-title.less CHANGED
@@ -43,7 +43,7 @@
43
43
  align-items: var(--_pt-ai);
44
44
  flex-direction: var(--_pt-fd);
45
45
 
46
- border-bottom: var(--su-static1) solid var(--bc-medium);
46
+ border-bottom: var(--su1) solid var(--bc-medium);
47
47
  display: flex;
48
48
  justify-content: space-between;
49
49
  padding-bottom: var(--su16);
package/lib/components/pagination/pagination.less CHANGED
@@ -11,7 +11,13 @@
11
11
  --_pa-item-bg: unset;
12
12
  --_pa-item-br: unset;
13
13
  --_pa-item-fc: var(--black-400);
14
- --_pa-item-p: var(--su-static4);
14
+ --_pa-item-p: var(--su4);
15
+
16
+ .highcontrast-mode({
17
+ &[href] {
18
+ text-decoration: underline;
19
+ }
20
+ });
15
21
 
16
22
  // MODIFIERS
17
23
  &.is-selected {
@@ -20,7 +26,7 @@
20
26
  &:not(:hover):not(:focus-visible):before {
21
27
  background-color: var(--black-600);
22
28
  content: "";
23
- height: var(--su-static2);
29
+ height: var(--su2);
24
30
  left: 0;
25
31
  position: absolute;
26
32
  right: 0;
@@ -31,7 +37,7 @@
31
37
  --_pa-item-bg: var(--black-150);
32
38
  --_pa-item-br: var(--br-circle);
33
39
  --_pa-item-fc: var(--black-600);
34
- --_pa-item-p: var(--su-static6);
40
+ --_pa-item-p: var(--su6);
35
41
 
36
42
  aspect-ratio: 1 / 1;
37
43
 
@@ -64,8 +70,9 @@
64
70
  display: inline-flex;
65
71
  align-items: center;
66
72
  justify-content: center;
67
- margin: var(--su-static1);
73
+ margin: var(--su1);
68
74
  position: relative;
75
+ text-decoration: none;
69
76
  }
70
77
 
71
78
  &,
package/lib/components/popover/popover.less CHANGED
@@ -7,7 +7,7 @@
7
7
  --_po-w: 100%;
8
8
  // content
9
9
  // --_po-topbar-height assumes the topbar height based on topbar styles
10
- --_po-topbar-height: var(--theme-topbar-height, calc(var(--su-static48) + var(--su-static8)));
10
+ --_po-topbar-height: var(--theme-topbar-height, calc(var(--su48) + var(--su8)));
11
11
  --_po-content-mxh: calc(100vh - var(--_po-topbar-height) - var(--su48));
12
12
 
13
13
  // CONTEXTUAL STYLES
@@ -42,7 +42,7 @@
42
42
  }
43
43
 
44
44
  background-color: var(--_po-bg);
45
- border: var(--su-static1) solid var(--_po-bc);
45
+ border: var(--su1) solid var(--_po-bc);
46
46
  box-shadow: var(--_po-bs);
47
47
  display: var(--_po-d);
48
48
  min-width: var(--_po-wmn);