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

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 (108) hide show
  1. package/dist/controllers.d.ts +0 -2
  2. package/dist/css/stacks.css +14245 -15086
  3. package/dist/css/stacks.min.css +1 -1
  4. package/dist/js/stacks.js +0 -364
  5. package/dist/js/stacks.min.js +1 -1
  6. package/lib/atomic/backgrounds.less +67 -0
  7. package/lib/atomic/border-radius.less +38 -0
  8. package/lib/atomic/borders.less +73 -0
  9. package/lib/atomic/box-shadow.less +29 -0
  10. package/lib/atomic/box-sizing.less +3 -0
  11. package/lib/atomic/current-color.less +2 -0
  12. package/lib/atomic/cursors.less +8 -0
  13. package/lib/atomic/display.less +15 -0
  14. package/lib/atomic/flex.less +6 -34
  15. package/lib/atomic/floats.less +20 -0
  16. package/lib/atomic/gap.less +2 -0
  17. package/lib/atomic/grid.less +2 -0
  18. package/lib/atomic/height.less +22 -0
  19. package/lib/atomic/interactivity.less +45 -0
  20. package/lib/atomic/lists.less +29 -0
  21. package/lib/atomic/margin.less +48 -0
  22. package/lib/atomic/object-fit.less +9 -0
  23. package/lib/atomic/opacity.less +54 -0
  24. package/lib/atomic/outline.less +11 -0
  25. package/lib/atomic/overflow.less +17 -0
  26. package/lib/atomic/padding.less +12 -0
  27. package/lib/atomic/positioning.less +41 -0
  28. package/lib/atomic/sizing.less +51 -0
  29. package/lib/atomic/transitions.less +20 -0
  30. package/lib/atomic/truncation.less +58 -0
  31. package/lib/atomic/typography.less +71 -137
  32. package/lib/atomic/vertical-alignment.less +9 -0
  33. package/lib/atomic/visibility.less +18 -0
  34. package/lib/atomic/width.less +27 -0
  35. package/lib/atomic/z-index.less +12 -0
  36. package/lib/base/body.less +2 -4
  37. package/lib/base/configuration-static.less +3 -3
  38. package/lib/base/internal.less +3 -5
  39. package/lib/base/reset-normalize.less +3 -3
  40. package/lib/components/activity-indicator/activity-indicator.less +4 -20
  41. package/lib/components/anchor/anchor.less +28 -39
  42. package/lib/components/avatar/avatar.less +20 -19
  43. package/lib/components/badge/badge.less +227 -167
  44. package/lib/components/banner/banner.less +12 -11
  45. package/lib/components/bling/bling.less +47 -10
  46. package/lib/components/button/button.less +300 -380
  47. package/lib/components/checkbox_radio/checkbox_radio.less +195 -113
  48. package/lib/components/code-block/code-block.fixtures.ts +2 -2
  49. package/lib/components/code-block/code-block.less +2 -3
  50. package/lib/components/description/description.less +17 -2
  51. package/lib/components/empty-state/empty-state.less +17 -6
  52. package/lib/components/form-group/form-group.less +38 -0
  53. package/lib/components/input-fill/input-fill.less +3 -3
  54. package/lib/components/input-icon/input-icon.less +3 -3
  55. package/lib/components/input-message/input-message.less +1 -0
  56. package/lib/components/input_textarea/input_textarea.less +71 -58
  57. package/lib/components/label/label.less +12 -56
  58. package/lib/components/link/link.less +44 -98
  59. package/lib/components/loader/loader.less +88 -0
  60. package/lib/components/menu/menu.less +89 -19
  61. package/lib/components/modal/modal.less +10 -10
  62. package/lib/components/navigation/navigation.less +77 -42
  63. package/lib/components/notice/notice.less +90 -75
  64. package/lib/components/pagination/pagination.less +50 -42
  65. package/lib/components/popover/popover.less +9 -11
  66. package/lib/components/post-summary/post-summary.less +225 -385
  67. package/lib/components/prose/prose.less +49 -35
  68. package/lib/components/select/select.less +46 -41
  69. package/lib/components/sidebar-widget/sidebar-widget.less +26 -196
  70. package/lib/components/table/table.less +48 -22
  71. package/lib/components/tag/tag.less +25 -6
  72. package/lib/components/toast/toast.less +4 -2
  73. package/lib/components/toggle-switch/toggle-switch.less +15 -19
  74. package/lib/components/user-card/user-card.less +129 -92
  75. package/lib/components/vote/vote.less +134 -0
  76. package/lib/controllers.ts +0 -2
  77. package/lib/exports/color-sets.less +108 -81
  78. package/lib/exports/constants-helpers.less +9 -13
  79. package/lib/exports/constants-type.less +18 -36
  80. package/lib/exports/mixins.less +92 -272
  81. package/lib/index.ts +0 -4
  82. package/lib/stacks-static.less +44 -30
  83. package/lib/test/visual-test-utils.ts +42 -10
  84. package/lib/tsconfig.json +1 -1
  85. package/package.json +1 -1
  86. package/dist/components/expandable/expandable.d.ts +0 -17
  87. package/dist/components/uploader/uploader.d.ts +0 -48
  88. package/lib/atomic/border.less +0 -121
  89. package/lib/atomic/misc.less +0 -374
  90. package/lib/atomic/spacing.less +0 -98
  91. package/lib/atomic/width-height.less +0 -194
  92. package/lib/components/block-link/block-link.less +0 -82
  93. package/lib/components/breadcrumbs/breadcrumbs.less +0 -41
  94. package/lib/components/button-group/button-group.less +0 -81
  95. package/lib/components/card/card.less +0 -37
  96. package/lib/components/check-control/check-control.less +0 -17
  97. package/lib/components/check-group/check-group.less +0 -19
  98. package/lib/components/expandable/expandable.less +0 -119
  99. package/lib/components/expandable/expandable.ts +0 -238
  100. package/lib/components/link-preview/link-preview.less +0 -148
  101. package/lib/components/page-title/page-title.less +0 -51
  102. package/lib/components/progress-bar/progress-bar.less +0 -292
  103. package/lib/components/skeleton/skeleton.less +0 -73
  104. package/lib/components/spinner/spinner.less +0 -103
  105. package/lib/components/topbar/topbar.less +0 -553
  106. package/lib/components/uploader/uploader.less +0 -205
  107. package/lib/components/uploader/uploader.ts +0 -207
  108. package/lib/exports/spacing-mixins.less +0 -67
package/lib/components/bling/bling.less CHANGED
@@ -7,11 +7,6 @@
7
7
  --_bl-icon-size: var(--su8);
8
8
 
9
9
  // VARIANTS
10
- &&__gold,
11
- &&__silver {
12
- --_bl-icon-size: calc(var(--su8) + var(--su2));
13
- }
14
-
15
10
  &&__activity {
16
11
  --_bl-icon-bg: var(--pink-400);
17
12
  }
@@ -41,35 +36,77 @@
41
36
  &.s-bling {
42
37
  &__rep {
43
38
  --_bl-bg: var(--black-300);
39
+ .highcontrast-dark-mode({
40
+ --_bl-icon-bg: var(--black-050);
41
+ });
44
42
  }
45
43
  &__activity {
46
44
  --_bl-bg: var(--pink-300);
47
45
  --_bl-icon-bg: var(--pink-600);
46
+ .highcontrast-mode({
47
+ --_bl-icon-bg: var(--black-050);
48
+ });
49
+ .highcontrast-dark-mode({
50
+ --_bl-bg: var(--pink-400);
51
+ });
48
52
  }
49
53
  &__gold {
50
54
  --_bl-bg: var(--yellow-300);
51
55
  --_bl-icon-bg: var(--yellow-600);
56
+ .highcontrast-mode({
57
+ --_bl-icon-bg: var(--black-050);
58
+ });
59
+ .highcontrast-dark-mode({
60
+ --_bl-bg: var(--yellow-400);
61
+ });
52
62
  }
53
63
  &__silver {
54
64
  --_bl-bg: var(--blue-300);
55
65
  --_bl-icon-bg: var(--blue-600);
66
+ .highcontrast-mode({
67
+ --_bl-icon-bg: var(--black-050);
68
+ });
69
+ .highcontrast-dark-mode({
70
+ --_bl-bg: var(--blue-400);
71
+ });
56
72
  }
57
73
  &__bronze {
58
74
  --_bl-bg: var(--orange-300);
59
75
  --_bl-icon-bg: var(--orange-600);
76
+ .highcontrast-mode({
77
+ --_bl-icon-bg: var(--black-050);
78
+ });
79
+ .highcontrast-dark-mode({
80
+ --_bl-bg: var(--orange-400);
81
+ });
60
82
  }
61
83
  }
62
84
  }
63
85
 
64
- // Sizes
65
- &&__sm {
66
- --_bl-icon-size: var(--su6);
86
+ // SIZES
87
+ // Unfilled Sizes
88
+ &&__sm:not(&__filled) {
89
+ --_bl-size: var(--su8);
90
+ }
91
+ // Filled Sizes
92
+ &&__sm&__filled {
67
93
  --_bl-size: var(--su16);
68
94
  }
69
-
70
- &&__lg {
95
+ &&__lg&__filled {
71
96
  --_bl-size: calc(var(--su24) + var(--su4)); // 28px
72
97
  }
98
+ // Icon Sizes
99
+ &&__sm {
100
+ --_bl-icon-size: var(--su6);
101
+ }
102
+ &&__sm&__gold,
103
+ &&__sm&__silver {
104
+ --_bl-icon-size: calc(var(--su6) + var(--su1)); // 7px
105
+ }
106
+ &&__gold:not(&__sm),
107
+ &&__silver:not(&__sm) {
108
+ --_bl-icon-size: calc(var(--su8) + var(--su1)); // 9px
109
+ }
73
110
 
74
111
  // CHILD ELEMENTS
75
112
  &:before {