@stackoverflow/stacks 0.74.0 → 1.0.0-beta.0

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 (89) hide show
  1. package/dist/controllers/index.d.ts +7 -0
  2. package/dist/controllers/s-expandable-control.d.ts +17 -0
  3. package/dist/controllers/s-modal.d.ts +97 -0
  4. package/dist/controllers/s-navigation-tablist.d.ts +36 -0
  5. package/dist/controllers/s-popover.d.ts +155 -0
  6. package/dist/controllers/s-table.d.ts +8 -0
  7. package/dist/controllers/s-tooltip.d.ts +82 -0
  8. package/dist/controllers/s-uploader.d.ts +48 -0
  9. package/dist/css/stacks.css +4633 -2703
  10. package/dist/css/stacks.min.css +1 -1
  11. package/dist/index.d.ts +3 -0
  12. package/dist/js/stacks.js +6026 -5403
  13. package/dist/js/stacks.min.js +1 -1
  14. package/dist/stacks.d.ts +21 -0
  15. package/lib/css/atomic/{_stacks-borders.less → borders.less} +30 -30
  16. package/lib/css/atomic/{_stacks-colors.less → colors.less} +0 -0
  17. package/lib/css/atomic/{_stacks-flex.less → flex.less} +14 -13
  18. package/lib/css/atomic/{_stacks-grid.less → grid.less} +12 -11
  19. package/lib/css/atomic/{_stacks-misc.less → misc.less} +23 -22
  20. package/lib/css/atomic/spacing.less +314 -0
  21. package/lib/css/atomic/{_stacks-typography.less → typography.less} +29 -29
  22. package/lib/css/atomic/width-height.less +194 -0
  23. package/lib/css/base/{_stacks-body.less → body.less} +3 -5
  24. package/lib/css/base/{_stacks-configuration-static.less → configuration-static.less} +3 -1
  25. package/lib/css/base/{_stacks-icons.less → icons.less} +0 -0
  26. package/lib/css/base/{_stacks-internals.less → internals.less} +0 -10
  27. package/lib/css/base/{_stacks-reset-meyer.less → reset-meyer.less} +0 -0
  28. package/lib/css/base/{_stacks-reset-normalize.less → reset-normalize.less} +0 -0
  29. package/lib/css/base/{_stacks-reset.less → reset.less} +2 -2
  30. package/lib/css/components/{_stacks-activity-indicator.less → activity-indicator.less} +9 -9
  31. package/lib/css/components/{_stacks-avatars.less → avatars.less} +40 -40
  32. package/lib/css/components/{_stacks-badges.less → badges.less} +11 -11
  33. package/lib/css/components/{_stacks-banners.less → banners.less} +5 -6
  34. package/lib/css/components/{_stacks-blank-states.less → blank-states.less} +2 -2
  35. package/lib/css/components/{_stacks-breadcrumbs.less → breadcrumbs.less} +7 -7
  36. package/lib/css/components/{_stacks-button-groups.less → button-groups.less} +2 -2
  37. package/lib/css/components/{_stacks-buttons.less → buttons.less} +77 -72
  38. package/lib/css/components/{_stacks-cards.less → cards.less} +2 -2
  39. package/lib/css/components/{_stacks-code-blocks.less → code-blocks.less} +8 -8
  40. package/lib/css/components/{_stacks-collapsible.less → collapsible.less} +0 -0
  41. package/lib/css/components/{_stacks-inputs.less → inputs.less} +41 -41
  42. package/lib/css/components/{_stacks-link-previews.less → link-previews.less} +17 -17
  43. package/lib/css/components/{_stacks-links.less → links.less} +4 -4
  44. package/lib/css/components/{_stacks-menu.less → menu.less} +5 -5
  45. package/lib/css/components/{_stacks-modals.less → modals.less} +20 -20
  46. package/lib/css/components/{_stacks-navigation.less → navigation.less} +12 -12
  47. package/lib/css/components/{_stacks-notices.less → notices.less} +12 -12
  48. package/lib/css/components/{_stacks-page-titles.less → page-titles.less} +9 -9
  49. package/lib/css/components/{_stacks-pagination.less → pagination.less} +8 -8
  50. package/lib/css/components/{_stacks-popovers.less → popovers.less} +17 -17
  51. package/lib/css/components/{_stacks-post-summary.less → post-summary.less} +155 -60
  52. package/lib/css/components/{_stacks-progress-bars.less → progress-bars.less} +29 -30
  53. package/lib/css/components/{_stacks-prose.less → prose.less} +31 -31
  54. package/lib/css/components/{_stacks-spinner.less → spinner.less} +14 -14
  55. package/lib/css/components/{_stacks-tables.less → tables.less} +10 -10
  56. package/lib/css/components/{_stacks-tags.less → tags.less} +33 -41
  57. package/lib/css/components/{_stacks-toggle-switches.less → toggle-switches.less} +5 -5
  58. package/lib/css/components/{_stacks-topbar.less → topbar.less} +27 -40
  59. package/lib/css/components/{_stacks-uploader.less → uploader.less} +18 -18
  60. package/lib/css/components/{_stacks-user-cards.less → user-cards.less} +14 -14
  61. package/lib/css/components/{_stacks-widget-dynamic.less → widget-dynamic.less} +1 -1
  62. package/lib/css/components/{_stacks-widget-static.less → widget-static.less} +39 -38
  63. package/lib/css/exports/{_stacks-constants-colors.less → constants-colors.less} +21 -29
  64. package/lib/css/exports/constants-helpers.less +108 -0
  65. package/lib/css/exports/constants-type.less +153 -0
  66. package/lib/css/exports/{_stacks-exports.less → exports.less} +4 -4
  67. package/lib/css/exports/{_stacks-mixins.less → mixins.less} +18 -1
  68. package/lib/css/stacks-dynamic.less +12 -13
  69. package/lib/css/stacks-static.less +38 -38
  70. package/lib/ts/controllers/index.ts +8 -0
  71. package/lib/ts/controllers/s-expandable-control.ts +163 -164
  72. package/lib/ts/controllers/s-modal.ts +259 -261
  73. package/lib/ts/controllers/s-navigation-tablist.ts +96 -97
  74. package/lib/ts/controllers/s-popover.ts +438 -440
  75. package/lib/ts/controllers/s-table.ts +203 -203
  76. package/lib/ts/controllers/s-tooltip.ts +195 -196
  77. package/lib/ts/controllers/s-uploader.ts +162 -164
  78. package/lib/ts/index.ts +20 -0
  79. package/lib/ts/stacks.ts +73 -68
  80. package/lib/tsconfig.json +8 -6
  81. package/package.json +43 -27
  82. package/dist/css/stacks-flexgrid-shim.min.css +0 -1
  83. package/lib/css/atomic/_stacks-spacing.less +0 -162
  84. package/lib/css/atomic/_stacks-width-height.less +0 -189
  85. package/lib/css/base/_stacks-configuration-dynamic.less +0 -106
  86. package/lib/css/exports/_stacks-constants-helpers.less +0 -139
  87. package/lib/css/exports/_stacks-constants-type.less +0 -91
  88. package/lib/ts/finalize.ts +0 -1
  89. package/lib/ts/stimulus.d.ts +0 -4
@@ -1,91 +0,0 @@
1
- //
2
- // STACK OVERFLOW
3
- // CONSTANTS -- TYPOGRAPHY
4
- //
5
- // This CSS comes from Stacks, our CSS & Pattern library for rapidly building
6
- // Stack Overflow. For documentation of all these classes and how to contribute,
7
- // visit https://stackoverflow.design/
8
- //
9
- // These are the Stacks type variables. These should be used in place of
10
- // hard-coded values within CSS declarations.
11
- //
12
- //
13
- // ============================================================================
14
- // $ FONT FAMILY (ff-)
15
- // ----------------------------------------------------------------------------
16
- @ff-sans:
17
- -apple-system, BlinkMacSystemFont, // San Francisco on macOS and iOS
18
- "Segoe UI", // Windows
19
- "Liberation Sans", // Linux
20
- sans-serif; // The final fallback for rendering in sans-serif.
21
- @ff-serif: Georgia, Cambria, "Times New Roman", Times, serif;
22
- @ff-mono:
23
- ui-monospace, // San Francisco Mono on macOS and iOS
24
- "Cascadia Mono", "Segoe UI Mono", // Newer Windows monospace fonts that are optionally installed. Most likely to be rendered in Consolas
25
- "Liberation Mono", // Linux
26
- Menlo, Monaco, Consolas, // A few sensible system font choices
27
- monospace; // The final fallback for rendering in monospace.
28
-
29
- body {
30
- --ff-sans: @ff-sans;
31
- --ff-serif: @ff-serif;
32
- --ff-mono: @ff-mono;
33
- --theme-body-font-family: var(--ff-sans);
34
- }
35
-
36
- // ============================================================================
37
- // $ FONT SIZES (fs-)
38
- // Base font-size is 13px.
39
- // ----------------------------------------------------------------------------
40
- @fs-fine: 11px;
41
- @fs-caption: 12px;
42
- @fs-body1: 13px;
43
-
44
- // Relative to the root element
45
- @fs-body2: 1.153846154rem;
46
- @fs-body3: 1.307692308rem;
47
- @fs-subheading: 1.461538462rem;
48
- @fs-title: 1.615384615rem;
49
- @fs-headline1: 2.076923077rem;
50
- @fs-headline2: 2.615384615rem;
51
- @fs-display1: 3.307692308rem;
52
- @fs-display2: 4.230769231rem;
53
- @fs-display3: 5.307692308rem;
54
- @fs-display4: 7.615384615rem;
55
-
56
- // Relative to the parent
57
- @fs-body2-relative: 1.153846154em;
58
- @fs-body3-relative: 1.307692308em;
59
- @fs-subheading-relative: 1.461538462em;
60
- @fs-title-relative: 1.615384615em;
61
- @fs-headline1-relative: 2.076923077em;
62
- @fs-headline2-relative: 2.615384615em;
63
- @fs-display1-relative: 3.307692308em;
64
- @fs-display2-relative: 4.230769231em;
65
- @fs-display3-relative: 5.307692308em;
66
- @fs-display4-relative: 7.615384615em;
67
-
68
- @fs-base: 13px;
69
-
70
-
71
- // ============================================================================
72
- // $ LINE HEIGHT (lh-)
73
- // ----------------------------------------------------------------------------
74
- // Need to remove the unit off the font-size to make line-height unitless
75
- // FIXME this shouldn't be public.
76
- @_stacks-internals-lh-unit: unit(@fs-base);
77
-
78
- // Now the various line-height variables
79
- @lh-xs: 1;
80
- @lh-sm: ((@_stacks-internals-lh-unit + 2) / @_stacks-internals-lh-unit);
81
- @lh-md: ((@_stacks-internals-lh-unit + 4) / @_stacks-internals-lh-unit);
82
- @lh-lg: ((@_stacks-internals-lh-unit + 8) / @_stacks-internals-lh-unit);
83
- @lh-xl: ((@_stacks-internals-lh-unit + 12) / @_stacks-internals-lh-unit);
84
- @lh-xxl: 2;
85
-
86
- @lh-base: @lh-md;
87
-
88
- // Holdover line-heights from production. These are NOT to be used and
89
- // need to be deprecated.
90
- // ----------------------------------------------------------------------------
91
- @lh-6: ((@_stacks-internals-lh-unit + 6) / @_stacks-internals-lh-unit);
@@ -1 +0,0 @@
1
- Stacks._initializing = false;
@@ -1,4 +0,0 @@
1
- // allows stimulus to be used as a UMD global from TypeScript.
2
- // You can delete this file after https://github.com/stimulusjs/stimulus/issues/238 has been fixed
3
- export * from "stimulus";
4
- export as namespace Stimulus;