@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.
- package/dist/controllers/index.d.ts +7 -0
- package/dist/controllers/s-expandable-control.d.ts +17 -0
- package/dist/controllers/s-modal.d.ts +97 -0
- package/dist/controllers/s-navigation-tablist.d.ts +36 -0
- package/dist/controllers/s-popover.d.ts +155 -0
- package/dist/controllers/s-table.d.ts +8 -0
- package/dist/controllers/s-tooltip.d.ts +82 -0
- package/dist/controllers/s-uploader.d.ts +48 -0
- package/dist/css/stacks.css +4633 -2703
- package/dist/css/stacks.min.css +1 -1
- package/dist/index.d.ts +3 -0
- package/dist/js/stacks.js +6026 -5403
- package/dist/js/stacks.min.js +1 -1
- package/dist/stacks.d.ts +21 -0
- package/lib/css/atomic/{_stacks-borders.less → borders.less} +30 -30
- package/lib/css/atomic/{_stacks-colors.less → colors.less} +0 -0
- package/lib/css/atomic/{_stacks-flex.less → flex.less} +14 -13
- package/lib/css/atomic/{_stacks-grid.less → grid.less} +12 -11
- package/lib/css/atomic/{_stacks-misc.less → misc.less} +23 -22
- package/lib/css/atomic/spacing.less +314 -0
- package/lib/css/atomic/{_stacks-typography.less → typography.less} +29 -29
- package/lib/css/atomic/width-height.less +194 -0
- package/lib/css/base/{_stacks-body.less → body.less} +3 -5
- package/lib/css/base/{_stacks-configuration-static.less → configuration-static.less} +3 -1
- package/lib/css/base/{_stacks-icons.less → icons.less} +0 -0
- package/lib/css/base/{_stacks-internals.less → internals.less} +0 -10
- package/lib/css/base/{_stacks-reset-meyer.less → reset-meyer.less} +0 -0
- package/lib/css/base/{_stacks-reset-normalize.less → reset-normalize.less} +0 -0
- package/lib/css/base/{_stacks-reset.less → reset.less} +2 -2
- package/lib/css/components/{_stacks-activity-indicator.less → activity-indicator.less} +9 -9
- package/lib/css/components/{_stacks-avatars.less → avatars.less} +40 -40
- package/lib/css/components/{_stacks-badges.less → badges.less} +11 -11
- package/lib/css/components/{_stacks-banners.less → banners.less} +5 -6
- package/lib/css/components/{_stacks-blank-states.less → blank-states.less} +2 -2
- package/lib/css/components/{_stacks-breadcrumbs.less → breadcrumbs.less} +7 -7
- package/lib/css/components/{_stacks-button-groups.less → button-groups.less} +2 -2
- package/lib/css/components/{_stacks-buttons.less → buttons.less} +77 -72
- package/lib/css/components/{_stacks-cards.less → cards.less} +2 -2
- package/lib/css/components/{_stacks-code-blocks.less → code-blocks.less} +8 -8
- package/lib/css/components/{_stacks-collapsible.less → collapsible.less} +0 -0
- package/lib/css/components/{_stacks-inputs.less → inputs.less} +41 -41
- package/lib/css/components/{_stacks-link-previews.less → link-previews.less} +17 -17
- package/lib/css/components/{_stacks-links.less → links.less} +4 -4
- package/lib/css/components/{_stacks-menu.less → menu.less} +5 -5
- package/lib/css/components/{_stacks-modals.less → modals.less} +20 -20
- package/lib/css/components/{_stacks-navigation.less → navigation.less} +12 -12
- package/lib/css/components/{_stacks-notices.less → notices.less} +12 -12
- package/lib/css/components/{_stacks-page-titles.less → page-titles.less} +9 -9
- package/lib/css/components/{_stacks-pagination.less → pagination.less} +8 -8
- package/lib/css/components/{_stacks-popovers.less → popovers.less} +17 -17
- package/lib/css/components/{_stacks-post-summary.less → post-summary.less} +155 -60
- package/lib/css/components/{_stacks-progress-bars.less → progress-bars.less} +29 -30
- package/lib/css/components/{_stacks-prose.less → prose.less} +31 -31
- package/lib/css/components/{_stacks-spinner.less → spinner.less} +14 -14
- package/lib/css/components/{_stacks-tables.less → tables.less} +10 -10
- package/lib/css/components/{_stacks-tags.less → tags.less} +33 -41
- package/lib/css/components/{_stacks-toggle-switches.less → toggle-switches.less} +5 -5
- package/lib/css/components/{_stacks-topbar.less → topbar.less} +27 -40
- package/lib/css/components/{_stacks-uploader.less → uploader.less} +18 -18
- package/lib/css/components/{_stacks-user-cards.less → user-cards.less} +14 -14
- package/lib/css/components/{_stacks-widget-dynamic.less → widget-dynamic.less} +1 -1
- package/lib/css/components/{_stacks-widget-static.less → widget-static.less} +39 -38
- package/lib/css/exports/{_stacks-constants-colors.less → constants-colors.less} +21 -29
- package/lib/css/exports/constants-helpers.less +108 -0
- package/lib/css/exports/constants-type.less +153 -0
- package/lib/css/exports/{_stacks-exports.less → exports.less} +4 -4
- package/lib/css/exports/{_stacks-mixins.less → mixins.less} +18 -1
- package/lib/css/stacks-dynamic.less +12 -13
- package/lib/css/stacks-static.less +38 -38
- package/lib/ts/controllers/index.ts +8 -0
- package/lib/ts/controllers/s-expandable-control.ts +163 -164
- package/lib/ts/controllers/s-modal.ts +259 -261
- package/lib/ts/controllers/s-navigation-tablist.ts +96 -97
- package/lib/ts/controllers/s-popover.ts +438 -440
- package/lib/ts/controllers/s-table.ts +203 -203
- package/lib/ts/controllers/s-tooltip.ts +195 -196
- package/lib/ts/controllers/s-uploader.ts +162 -164
- package/lib/ts/index.ts +20 -0
- package/lib/ts/stacks.ts +73 -68
- package/lib/tsconfig.json +8 -6
- package/package.json +43 -27
- package/dist/css/stacks-flexgrid-shim.min.css +0 -1
- package/lib/css/atomic/_stacks-spacing.less +0 -162
- package/lib/css/atomic/_stacks-width-height.less +0 -189
- package/lib/css/base/_stacks-configuration-dynamic.less +0 -106
- package/lib/css/exports/_stacks-constants-helpers.less +0 -139
- package/lib/css/exports/_stacks-constants-type.less +0 -91
- package/lib/ts/finalize.ts +0 -1
- 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);
|
package/lib/ts/finalize.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
Stacks._initializing = false;
|
package/lib/ts/stimulus.d.ts
DELETED