@stackoverflow/stacks 2.7.3 → 2.7.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 (85) hide show
  1. package/LICENSE.MD +9 -9
  2. package/README.md +158 -180
  3. package/dist/css/stacks.css +20 -13
  4. package/dist/css/stacks.min.css +1 -1
  5. package/dist/js/stacks.min.js +1 -1
  6. package/lib/atomic/border.less +139 -139
  7. package/lib/atomic/color.less +36 -36
  8. package/lib/atomic/flex.less +426 -426
  9. package/lib/atomic/gap.less +44 -44
  10. package/lib/atomic/grid.less +139 -139
  11. package/lib/atomic/misc.less +374 -374
  12. package/lib/atomic/spacing.less +98 -98
  13. package/lib/atomic/typography.less +266 -264
  14. package/lib/atomic/width-height.less +194 -194
  15. package/lib/base/body.less +44 -44
  16. package/lib/base/configuration-static.less +61 -61
  17. package/lib/base/fieldset.less +5 -5
  18. package/lib/base/icon.less +11 -11
  19. package/lib/base/internal.less +220 -220
  20. package/lib/base/reset-meyer.less +64 -64
  21. package/lib/base/reset-normalize.less +449 -449
  22. package/lib/base/reset.less +20 -20
  23. package/lib/components/activity-indicator/activity-indicator.less +53 -53
  24. package/lib/components/avatar/avatar.less +108 -108
  25. package/lib/components/award-bling/award-bling.less +31 -31
  26. package/lib/components/banner/banner.less +44 -44
  27. package/lib/components/banner/banner.ts +149 -149
  28. package/lib/components/block-link/block-link.less +82 -82
  29. package/lib/components/breadcrumbs/breadcrumbs.less +41 -41
  30. package/lib/components/button-group/button-group.less +82 -82
  31. package/lib/components/card/card.less +37 -37
  32. package/lib/components/check-control/check-control.less +17 -17
  33. package/lib/components/check-group/check-group.less +19 -19
  34. package/lib/components/checkbox_radio/checkbox_radio.less +159 -159
  35. package/lib/components/code-block/code-block.fixtures.ts +88 -88
  36. package/lib/components/code-block/code-block.less +116 -116
  37. package/lib/components/description/description.less +9 -9
  38. package/lib/components/empty-state/empty-state.less +16 -16
  39. package/lib/components/expandable/expandable.less +118 -118
  40. package/lib/components/input-fill/input-fill.less +35 -35
  41. package/lib/components/input-icon/input-icon.less +45 -45
  42. package/lib/components/input-message/input-message.less +49 -49
  43. package/lib/components/input_textarea/input_textarea.less +2 -7
  44. package/lib/components/label/label.less +116 -110
  45. package/lib/components/link-preview/link-preview.less +148 -148
  46. package/lib/components/menu/menu.less +41 -41
  47. package/lib/components/modal/modal.less +118 -118
  48. package/lib/components/modal/modal.ts +383 -383
  49. package/lib/components/navigation/navigation.less +136 -136
  50. package/lib/components/navigation/navigation.ts +128 -128
  51. package/lib/components/page-title/page-title.less +51 -51
  52. package/lib/components/popover/popover.less +159 -159
  53. package/lib/components/popover/popover.ts +651 -651
  54. package/lib/components/post-summary/post-summary.less +457 -457
  55. package/lib/components/progress-bar/progress-bar.less +291 -291
  56. package/lib/components/prose/prose.less +452 -452
  57. package/lib/components/select/select.less +138 -138
  58. package/lib/components/spinner/spinner.less +103 -103
  59. package/lib/components/table/table.ts +296 -296
  60. package/lib/components/table-container/table-container.less +4 -4
  61. package/lib/components/tag/tag.less +186 -186
  62. package/lib/components/toast/toast.less +35 -35
  63. package/lib/components/toast/toast.ts +357 -357
  64. package/lib/components/toggle-switch/toggle-switch.less +104 -104
  65. package/lib/components/topbar/topbar.less +553 -553
  66. package/lib/components/uploader/uploader.less +205 -205
  67. package/lib/components/user-card/user-card.less +129 -129
  68. package/lib/controllers.ts +33 -33
  69. package/lib/exports/color-mixins.less +283 -283
  70. package/lib/exports/constants-helpers.less +108 -108
  71. package/lib/exports/constants-type.less +155 -155
  72. package/lib/exports/exports.less +15 -15
  73. package/lib/exports/mixins.less +334 -333
  74. package/lib/exports/spacing-mixins.less +67 -67
  75. package/lib/index.ts +32 -32
  76. package/lib/input-utils.less +41 -41
  77. package/lib/stacks-dynamic.less +24 -24
  78. package/lib/stacks-static.less +93 -93
  79. package/lib/stacks.less +13 -13
  80. package/lib/test/assertions.ts +36 -36
  81. package/lib/test/less-test-utils.ts +28 -28
  82. package/lib/test/open-wc-testing-patch.d.ts +26 -26
  83. package/lib/tsconfig.build.json +4 -4
  84. package/lib/tsconfig.json +17 -17
  85. package/package.json +27 -23
package/lib/atomic/spacing.less CHANGED
@@ -1,98 +1,98 @@
1
- @import (reference) "../base/internal.less";
2
- @import (reference) "../exports/spacing-mixins.less";
3
-
4
- // SPACING UNITS CSS CUSTOM PROPERTIES
5
- body {
6
- --su-base: 1;
7
- --su-static0: 0px;
8
- --su-static1: 1px;
9
- --su-static2: 2px;
10
- --su-static4: 4px;
11
- --su-static6: 6px;
12
- --su-static8: 8px;
13
- --su-static12: 12px;
14
- --su-static16: 16px;
15
- --su-static24: 24px;
16
- --su-static32: 32px;
17
- --su-static48: 48px;
18
- --su-static64: 64px;
19
- --su-static96: 96px;
20
- --su-static128: 128px;
21
-
22
- --su0: var(--su-static0);
23
- // This ensures `--su1` never drops below 1px by setting the clamp MIN value to `--su-static1` (1px).
24
- --su1: clamp(var(--su-static1), calc(var(--su-static1) * var(--su-base)), calc(var(--su-static1) * var(--su-base)));
25
- --su2: calc(var(--su-static2) * var(--su-base));
26
- --su4: calc(var(--su-static4) * var(--su-base));
27
- --su6: calc(var(--su-static6) * var(--su-base));
28
- --su8: calc(var(--su-static8) * var(--su-base));
29
- --su12: calc(var(--su-static12) * var(--su-base));
30
- --su16: calc(var(--su-static16) * var(--su-base));
31
- --su24: calc(var(--su-static24) * var(--su-base));
32
- --su32: calc(var(--su-static32) * var(--su-base));
33
- --su48: calc(var(--su-static48) * var(--su-base));
34
- --su64: calc(var(--su-static64) * var(--su-base));
35
- --su96: calc(var(--su-static96) * var(--su-base));
36
- --su128: calc(var(--su-static128) * var(--su-base));
37
- }
38
-
39
- // MARGIN
40
- // Margin
41
- .m-auto { margin: auto !important; }
42
- .generate-spacing('.m', margin, true);
43
- .generate-spacing('.m', margin, true, percent);
44
-
45
- // Margin top
46
- .mt-auto { margin-top: auto !important; }
47
- .generate-spacing('.mt', margin-top, true);
48
- .generate-spacing('.mt', margin-top, true, percent);
49
-
50
- // Margin right
51
- .mr-auto { margin-right: auto !important; }
52
- .generate-spacing('.mr', margin-right, true);
53
- .generate-spacing('.mr', margin-right, true, percent);
54
-
55
- // Margin bottom
56
- .mb-auto { margin-bottom: auto !important; }
57
- .generate-spacing('.mb', margin-bottom, true);
58
- .generate-spacing('.mb', margin-bottom, true, percent);
59
-
60
- // Margin left
61
- .ml-auto { margin-left: auto !important; }
62
- .generate-spacing('.ml', margin-left, true);
63
- .generate-spacing('.ml', margin-left, true, percent);
64
-
65
- // Margin x-axis, y-axis
66
- .mx-auto { margin-left: auto !important; margin-right: auto !important; }
67
- .my-auto { margin-top: auto !important; margin-bottom: auto !important; }
68
- .generate-spacing('.mx'; margin-left, margin-right; true);
69
- .generate-spacing('.my'; margin-top, margin-bottom; true);
70
-
71
- // PADDING
72
- .generate-spacing('.p', padding);
73
- .generate-spacing('.pt', padding-top);
74
- .generate-spacing('.pr', padding-right);
75
- .generate-spacing('.pb', padding-bottom);
76
- .generate-spacing('.pl', padding-left);
77
- .generate-spacing('.px'; padding-left, padding-right);
78
- .generate-spacing('.py'; padding-top, padding-bottom);
79
-
80
- // POSITIONING
81
- // Inset
82
- .generate-spacing('.i', inset);
83
-
84
- // Top
85
- .generate-spacing('.t', top, true);
86
- .generate-spacing('.t', top, true, percent);
87
-
88
- // Right
89
- .generate-spacing('.r', right, true);
90
- .generate-spacing('.r', right, true, percent);
91
-
92
- // Bottom
93
- .generate-spacing('.b', bottom, true);
94
- .generate-spacing('.b', bottom, true, percent);
95
-
96
- // Left
97
- .generate-spacing('.l', left, true);
98
- .generate-spacing('.l', left, true, percent);
1
+ @import (reference) "../base/internal.less";
2
+ @import (reference) "../exports/spacing-mixins.less";
3
+
4
+ // SPACING UNITS CSS CUSTOM PROPERTIES
5
+ body {
6
+ --su-base: 1;
7
+ --su-static0: 0px;
8
+ --su-static1: 1px;
9
+ --su-static2: 2px;
10
+ --su-static4: 4px;
11
+ --su-static6: 6px;
12
+ --su-static8: 8px;
13
+ --su-static12: 12px;
14
+ --su-static16: 16px;
15
+ --su-static24: 24px;
16
+ --su-static32: 32px;
17
+ --su-static48: 48px;
18
+ --su-static64: 64px;
19
+ --su-static96: 96px;
20
+ --su-static128: 128px;
21
+
22
+ --su0: var(--su-static0);
23
+ // This ensures `--su1` never drops below 1px by setting the clamp MIN value to `--su-static1` (1px).
24
+ --su1: clamp(var(--su-static1), calc(var(--su-static1) * var(--su-base)), calc(var(--su-static1) * var(--su-base)));
25
+ --su2: calc(var(--su-static2) * var(--su-base));
26
+ --su4: calc(var(--su-static4) * var(--su-base));
27
+ --su6: calc(var(--su-static6) * var(--su-base));
28
+ --su8: calc(var(--su-static8) * var(--su-base));
29
+ --su12: calc(var(--su-static12) * var(--su-base));
30
+ --su16: calc(var(--su-static16) * var(--su-base));
31
+ --su24: calc(var(--su-static24) * var(--su-base));
32
+ --su32: calc(var(--su-static32) * var(--su-base));
33
+ --su48: calc(var(--su-static48) * var(--su-base));
34
+ --su64: calc(var(--su-static64) * var(--su-base));
35
+ --su96: calc(var(--su-static96) * var(--su-base));
36
+ --su128: calc(var(--su-static128) * var(--su-base));
37
+ }
38
+
39
+ // MARGIN
40
+ // Margin
41
+ .m-auto { margin: auto !important; }
42
+ .generate-spacing('.m', margin, true);
43
+ .generate-spacing('.m', margin, true, percent);
44
+
45
+ // Margin top
46
+ .mt-auto { margin-top: auto !important; }
47
+ .generate-spacing('.mt', margin-top, true);
48
+ .generate-spacing('.mt', margin-top, true, percent);
49
+
50
+ // Margin right
51
+ .mr-auto { margin-right: auto !important; }
52
+ .generate-spacing('.mr', margin-right, true);
53
+ .generate-spacing('.mr', margin-right, true, percent);
54
+
55
+ // Margin bottom
56
+ .mb-auto { margin-bottom: auto !important; }
57
+ .generate-spacing('.mb', margin-bottom, true);
58
+ .generate-spacing('.mb', margin-bottom, true, percent);
59
+
60
+ // Margin left
61
+ .ml-auto { margin-left: auto !important; }
62
+ .generate-spacing('.ml', margin-left, true);
63
+ .generate-spacing('.ml', margin-left, true, percent);
64
+
65
+ // Margin x-axis, y-axis
66
+ .mx-auto { margin-left: auto !important; margin-right: auto !important; }
67
+ .my-auto { margin-top: auto !important; margin-bottom: auto !important; }
68
+ .generate-spacing('.mx'; margin-left, margin-right; true);
69
+ .generate-spacing('.my'; margin-top, margin-bottom; true);
70
+
71
+ // PADDING
72
+ .generate-spacing('.p', padding);
73
+ .generate-spacing('.pt', padding-top);
74
+ .generate-spacing('.pr', padding-right);
75
+ .generate-spacing('.pb', padding-bottom);
76
+ .generate-spacing('.pl', padding-left);
77
+ .generate-spacing('.px'; padding-left, padding-right);
78
+ .generate-spacing('.py'; padding-top, padding-bottom);
79
+
80
+ // POSITIONING
81
+ // Inset
82
+ .generate-spacing('.i', inset);
83
+
84
+ // Top
85
+ .generate-spacing('.t', top, true);
86
+ .generate-spacing('.t', top, true, percent);
87
+
88
+ // Right
89
+ .generate-spacing('.r', right, true);
90
+ .generate-spacing('.r', right, true, percent);
91
+
92
+ // Bottom
93
+ .generate-spacing('.b', bottom, true);
94
+ .generate-spacing('.b', bottom, true, percent);
95
+
96
+ // Left
97
+ .generate-spacing('.l', left, true);
98
+ .generate-spacing('.l', left, true, percent);