@sk-web-gui/core 0.1.92 → 1.0.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/cjs/base.js +21 -40
- package/dist/cjs/base.js.map +1 -1
- package/dist/cjs/colors.js +629 -123
- package/dist/cjs/colors.js.map +1 -1
- package/dist/cjs/components/accordion.js +52 -141
- package/dist/cjs/components/accordion.js.map +1 -1
- package/dist/cjs/components/alert-banner.js +1 -1
- package/dist/cjs/components/alert-banner.js.map +1 -1
- package/dist/cjs/components/alert.js +6 -6
- package/dist/cjs/components/alert.js.map +1 -1
- package/dist/cjs/components/avatar.js +28 -63
- package/dist/cjs/components/avatar.js.map +1 -1
- package/dist/cjs/components/badge.js +21 -165
- package/dist/cjs/components/badge.js.map +1 -1
- package/dist/cjs/components/breadcrumb.js +15 -3
- package/dist/cjs/components/breadcrumb.js.map +1 -1
- package/dist/cjs/components/button-group.js +20 -33
- package/dist/cjs/components/button-group.js.map +1 -1
- package/dist/cjs/components/button.js +178 -151
- package/dist/cjs/components/button.js.map +1 -1
- package/dist/cjs/components/calendar.js +1 -1
- package/dist/cjs/components/calendar.js.map +1 -1
- package/dist/cjs/components/card.js +200 -39
- package/dist/cjs/components/card.js.map +1 -1
- package/dist/cjs/components/checkbox.js +97 -70
- package/dist/cjs/components/checkbox.js.map +1 -1
- package/dist/cjs/components/combobox.js +67 -0
- package/dist/cjs/components/combobox.js.map +1 -0
- package/dist/cjs/components/comments.js.map +1 -1
- package/dist/cjs/components/cookie-consent.js +25 -8
- package/dist/cjs/components/cookie-consent.js.map +1 -1
- package/dist/cjs/components/dialog.js +2 -9
- package/dist/cjs/components/dialog.js.map +1 -1
- package/dist/cjs/components/divider.js +43 -5
- package/dist/cjs/components/divider.js.map +1 -1
- package/dist/cjs/components/dot.js +3 -3
- package/dist/cjs/components/dot.js.map +1 -1
- package/dist/cjs/components/filter.js +17 -0
- package/dist/cjs/components/filter.js.map +1 -0
- package/dist/cjs/components/footer.js +22 -22
- package/dist/cjs/components/footer.js.map +1 -1
- package/dist/cjs/components/form-control.js +8 -0
- package/dist/cjs/components/form-control.js.map +1 -0
- package/dist/cjs/components/forms.js +13 -283
- package/dist/cjs/components/forms.js.map +1 -1
- package/dist/cjs/components/header.js +28 -17
- package/dist/cjs/components/header.js.map +1 -1
- package/dist/cjs/components/icon.js +52 -7
- package/dist/cjs/components/icon.js.map +1 -1
- package/dist/cjs/components/input.js +227 -0
- package/dist/cjs/components/input.js.map +1 -0
- package/dist/cjs/components/kbd.js +2 -2
- package/dist/cjs/components/kbd.js.map +1 -1
- package/dist/cjs/components/label.js +26 -0
- package/dist/cjs/components/label.js.map +1 -0
- package/dist/cjs/components/link.js +35 -12
- package/dist/cjs/components/link.js.map +1 -1
- package/dist/cjs/components/list.js +56 -0
- package/dist/cjs/components/list.js.map +1 -0
- package/dist/cjs/components/logo.js +50 -0
- package/dist/cjs/components/logo.js.map +1 -0
- package/dist/cjs/components/menu-vertical.js +234 -0
- package/dist/cjs/components/menu-vertical.js.map +1 -0
- package/dist/cjs/components/menubar.js +44 -0
- package/dist/cjs/components/menubar.js.map +1 -0
- package/dist/cjs/components/modal.js +34 -14
- package/dist/cjs/components/modal.js.map +1 -1
- package/dist/cjs/components/notification.js +2 -2
- package/dist/cjs/components/notification.js.map +1 -1
- package/dist/cjs/components/pagination.js +50 -29
- package/dist/cjs/components/pagination.js.map +1 -1
- package/dist/cjs/components/popup-menu.js +108 -0
- package/dist/cjs/components/popup-menu.js.map +1 -0
- package/dist/cjs/components/progress-bar.js +23 -0
- package/dist/cjs/components/progress-bar.js.map +1 -0
- package/dist/cjs/components/progress-stepper.js +53 -0
- package/dist/cjs/components/progress-stepper.js.map +1 -0
- package/dist/cjs/components/radio.js +113 -64
- package/dist/cjs/components/radio.js.map +1 -1
- package/dist/cjs/components/search-field.js +23 -0
- package/dist/cjs/components/search-field.js.map +1 -0
- package/dist/cjs/components/select.js +190 -0
- package/dist/cjs/components/select.js.map +1 -0
- package/dist/cjs/components/side-menu.js +7 -7
- package/dist/cjs/components/side-menu.js.map +1 -1
- package/dist/cjs/components/snackbar.js +33 -0
- package/dist/cjs/components/snackbar.js.map +1 -0
- package/dist/cjs/components/spinner.js +19 -0
- package/dist/cjs/components/spinner.js.map +1 -0
- package/dist/cjs/components/switch.js +46 -75
- package/dist/cjs/components/switch.js.map +1 -1
- package/dist/cjs/components/tab-menu.js.map +1 -1
- package/dist/cjs/components/tabs.js +1 -1
- package/dist/cjs/components/tabs.js.map +1 -1
- package/dist/cjs/components/tag.js +4 -4
- package/dist/cjs/components/tag.js.map +1 -1
- package/dist/cjs/components/tooltip.js +61 -0
- package/dist/cjs/components/tooltip.js.map +1 -0
- package/dist/cjs/components/user-menu.js +7 -50
- package/dist/cjs/components/user-menu.js.map +1 -1
- package/dist/cjs/components/zebratable.js +89 -34
- package/dist/cjs/components/zebratable.js.map +1 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/plugin.js +19 -8
- package/dist/cjs/plugin.js.map +1 -1
- package/dist/cjs/theme.js +83 -37
- package/dist/cjs/theme.js.map +1 -1
- package/dist/cjs/units.js +250 -0
- package/dist/cjs/units.js.map +1 -0
- package/dist/esm/base.js +21 -40
- package/dist/esm/base.js.map +1 -1
- package/dist/esm/colors.js +629 -123
- package/dist/esm/colors.js.map +1 -1
- package/dist/esm/components/accordion.js +52 -141
- package/dist/esm/components/accordion.js.map +1 -1
- package/dist/esm/components/alert-banner.js +1 -1
- package/dist/esm/components/alert-banner.js.map +1 -1
- package/dist/esm/components/alert.js +5 -11
- package/dist/esm/components/alert.js.map +1 -1
- package/dist/esm/components/avatar.js +32 -63
- package/dist/esm/components/avatar.js.map +1 -1
- package/dist/esm/components/badge.js +27 -172
- package/dist/esm/components/badge.js.map +1 -1
- package/dist/esm/components/breadcrumb.js +19 -2
- package/dist/esm/components/breadcrumb.js.map +1 -1
- package/dist/esm/components/button-group.js +20 -33
- package/dist/esm/components/button-group.js.map +1 -1
- package/dist/esm/components/button.js +185 -200
- package/dist/esm/components/button.js.map +1 -1
- package/dist/esm/components/calendar.js +1 -1
- package/dist/esm/components/calendar.js.map +1 -1
- package/dist/esm/components/card.js +233 -39
- package/dist/esm/components/card.js.map +1 -1
- package/dist/esm/components/checkbox.js +83 -93
- package/dist/esm/components/checkbox.js.map +1 -1
- package/dist/esm/components/combobox.js +65 -0
- package/dist/esm/components/combobox.js.map +1 -0
- package/dist/esm/components/comments.js.map +1 -1
- package/dist/esm/components/cookie-consent.js +25 -8
- package/dist/esm/components/cookie-consent.js.map +1 -1
- package/dist/esm/components/dialog.js +2 -9
- package/dist/esm/components/dialog.js.map +1 -1
- package/dist/esm/components/divider.js +43 -5
- package/dist/esm/components/divider.js.map +1 -1
- package/dist/esm/components/dot.js +3 -4
- package/dist/esm/components/dot.js.map +1 -1
- package/dist/esm/components/filter.js +15 -0
- package/dist/esm/components/filter.js.map +1 -0
- package/dist/esm/components/footer.js +22 -24
- package/dist/esm/components/footer.js.map +1 -1
- package/dist/esm/components/form-control.js +6 -0
- package/dist/esm/components/form-control.js.map +1 -0
- package/dist/esm/components/forms.js +15 -289
- package/dist/esm/components/forms.js.map +1 -1
- package/dist/esm/components/header.js +22 -18
- package/dist/esm/components/header.js.map +1 -1
- package/dist/esm/components/icon.js +57 -7
- package/dist/esm/components/icon.js.map +1 -1
- package/dist/esm/components/input.js +225 -0
- package/dist/esm/components/input.js.map +1 -0
- package/dist/esm/components/kbd.js +2 -2
- package/dist/esm/components/kbd.js.map +1 -1
- package/dist/esm/components/label.js +30 -0
- package/dist/esm/components/label.js.map +1 -0
- package/dist/esm/components/link.js +35 -12
- package/dist/esm/components/link.js.map +1 -1
- package/dist/esm/components/list.js +54 -0
- package/dist/esm/components/list.js.map +1 -0
- package/dist/esm/components/logo.js +48 -0
- package/dist/esm/components/logo.js.map +1 -0
- package/dist/esm/components/menu-vertical.js +228 -0
- package/dist/esm/components/menu-vertical.js.map +1 -0
- package/dist/esm/components/menubar.js +49 -0
- package/dist/esm/components/menubar.js.map +1 -0
- package/dist/esm/components/modal.js +34 -14
- package/dist/esm/components/modal.js.map +1 -1
- package/dist/esm/components/notification.js +2 -2
- package/dist/esm/components/notification.js.map +1 -1
- package/dist/esm/components/pagination.js +50 -29
- package/dist/esm/components/pagination.js.map +1 -1
- package/dist/esm/components/popup-menu.js +106 -0
- package/dist/esm/components/popup-menu.js.map +1 -0
- package/dist/esm/components/progress-bar.js +25 -0
- package/dist/esm/components/progress-bar.js.map +1 -0
- package/dist/esm/components/progress-stepper.js +51 -0
- package/dist/esm/components/progress-stepper.js.map +1 -0
- package/dist/esm/components/radio.js +113 -68
- package/dist/esm/components/radio.js.map +1 -1
- package/dist/esm/components/search-field.js +21 -0
- package/dist/esm/components/search-field.js.map +1 -0
- package/dist/esm/components/select.js +188 -0
- package/dist/esm/components/select.js.map +1 -0
- package/dist/esm/components/side-menu.js +7 -7
- package/dist/esm/components/side-menu.js.map +1 -1
- package/dist/esm/components/snackbar.js +31 -0
- package/dist/esm/components/snackbar.js.map +1 -0
- package/dist/esm/components/spinner.js +18 -0
- package/dist/esm/components/spinner.js.map +1 -0
- package/dist/esm/components/switch.js +53 -80
- package/dist/esm/components/switch.js.map +1 -1
- package/dist/esm/components/tab-menu.js.map +1 -1
- package/dist/esm/components/tabs.js +1 -1
- package/dist/esm/components/tabs.js.map +1 -1
- package/dist/esm/components/tag.js +4 -4
- package/dist/esm/components/tag.js.map +1 -1
- package/dist/esm/components/tooltip.js +59 -0
- package/dist/esm/components/tooltip.js.map +1 -0
- package/dist/esm/components/user-menu.js +7 -50
- package/dist/esm/components/user-menu.js.map +1 -1
- package/dist/esm/components/zebratable.js +89 -34
- package/dist/esm/components/zebratable.js.map +1 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/plugin.js +19 -8
- package/dist/esm/plugin.js.map +1 -1
- package/dist/esm/theme.js +85 -37
- package/dist/esm/theme.js.map +1 -1
- package/dist/esm/units.js +250 -0
- package/dist/esm/units.js.map +1 -0
- package/package.json +5 -5
- package/src/base.js +28 -28
- package/src/colors.js +631 -132
- package/src/components/accordion.js +53 -161
- package/src/components/alert-banner.js +1 -2
- package/src/components/alert.js +5 -13
- package/src/components/avatar.js +36 -82
- package/src/components/badge.js +33 -200
- package/src/components/breadcrumb.js +22 -2
- package/src/components/button-group.js +17 -32
- package/src/components/button.js +197 -212
- package/src/components/card.js +273 -34
- package/src/components/checkbox.js +95 -93
- package/src/components/combobox.js +66 -0
- package/src/components/comments.js +37 -37
- package/src/components/cookie-consent.js +24 -9
- package/src/components/dialog.js +2 -9
- package/src/components/divider.js +45 -5
- package/src/components/dot.js +3 -4
- package/src/components/filter.js +16 -0
- package/src/components/footer.js +20 -33
- package/src/components/forms.js +14 -360
- package/src/components/header.js +21 -21
- package/src/components/icon.js +75 -6
- package/src/components/input.js +244 -0
- package/src/components/kbd.js +1 -1
- package/src/components/label.js +37 -0
- package/src/components/link.js +38 -12
- package/src/components/list.js +61 -0
- package/src/components/logo.js +48 -0
- package/src/components/menu-vertical.js +293 -0
- package/src/components/menubar.js +56 -0
- package/src/components/modal.js +35 -18
- package/src/components/notification.js +2 -2
- package/src/components/pagination.js +54 -31
- package/src/components/popup-menu.js +111 -0
- package/src/components/progress-bar.js +31 -0
- package/src/components/progress-stepper.js +50 -0
- package/src/components/radio.js +114 -80
- package/src/components/search-field.js +20 -0
- package/src/components/select.js +203 -0
- package/src/components/side-menu.js +7 -7
- package/src/components/snackbar.js +34 -0
- package/src/components/spinner.js +23 -0
- package/src/components/switch.js +54 -88
- package/src/components/tab-menu.js +58 -58
- package/src/components/tabs.js +64 -64
- package/src/components/tooltip.js +64 -0
- package/src/components/user-menu.js +7 -59
- package/src/components/zebratable.js +92 -41
- package/src/index.js +8 -8
- package/src/plugin.js +142 -120
- package/src/theme.js +158 -84
- package/src/units.js +212 -0
- package/src/components/calendar.js +0 -78
- package/src/components/message.js +0 -60
- package/src/components/profile-picture.js +0 -14
- package/src/components/profile.js +0 -33
- package/src/components/search-bar.js +0 -5
- package/src/components/tag.js +0 -96
package/dist/cjs/theme.js
CHANGED
|
@@ -1,59 +1,105 @@
|
|
|
1
1
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
2
|
-
var _require = require('@sk-web-gui/theme'),
|
|
3
|
-
colors = _require.colors;
|
|
4
2
|
var withOpacity = require('./with-opacity');
|
|
3
|
+
var colors = require('./colors');
|
|
4
|
+
var units = require('./units');
|
|
5
|
+
var _require = require('@sk-web-gui/theme'),
|
|
6
|
+
screens = _require.screens;
|
|
5
7
|
module.exports = {
|
|
6
|
-
fontSize: {
|
|
8
|
+
fontSize: _extends({}, units.fontSizes, {
|
|
7
9
|
tiny: '1rem',
|
|
8
10
|
xs: '1.2rem',
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
'
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
'
|
|
11
|
+
xl: units.fontSizes['h4'],
|
|
12
|
+
'2xl': units.fontSizes['h3'],
|
|
13
|
+
'3xl': units.fontSizes['h2'],
|
|
14
|
+
'4xl': units.fontSizes['h1'],
|
|
15
|
+
'5xl': units.fontSizes['h3']
|
|
16
|
+
}),
|
|
17
|
+
fontFamily: {
|
|
18
|
+
DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],
|
|
19
|
+
sans: ['Arial', 'Helvetica', 'sans-serif'],
|
|
20
|
+
header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],
|
|
21
|
+
display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif']
|
|
17
22
|
},
|
|
23
|
+
screens: screens,
|
|
24
|
+
borderRadius: _extends({}, units.radius, {
|
|
25
|
+
base: 'var(--sk-spacing-0)'
|
|
26
|
+
}),
|
|
18
27
|
extend: {
|
|
28
|
+
backgroundPosition: _extends({}, Object.keys(units.spacing).reduce(function (positions, spaceKey) {
|
|
29
|
+
var _extends2;
|
|
30
|
+
return _extends({}, positions, (_extends2 = {}, _extends2["top-" + spaceKey] = "center top " + units.spacing[spaceKey], _extends2["right-" + spaceKey] = "center right " + units.spacing[spaceKey], _extends2["bottom-" + spaceKey] = "center bottom " + units.spacing[spaceKey], _extends2["left-" + spaceKey] = "center left " + units.spacing[spaceKey], _extends2));
|
|
31
|
+
}, {})),
|
|
32
|
+
boxShadow: {
|
|
33
|
+
100: ['0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07)', '0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15)', '0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085)', '0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)'],
|
|
34
|
+
200: ['0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1)', '0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06)', '0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03)', '0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)']
|
|
35
|
+
},
|
|
36
|
+
ringColor: _extends({
|
|
37
|
+
DEFAULT: colors.ring
|
|
38
|
+
}, colors),
|
|
39
|
+
ringOffsetWidth: {
|
|
40
|
+
DEFAULT: '0.2rem'
|
|
41
|
+
},
|
|
42
|
+
ringWidth: {
|
|
43
|
+
DEFAULT: '0.3rem',
|
|
44
|
+
0: '0px'
|
|
45
|
+
},
|
|
46
|
+
ringOpacity: {
|
|
47
|
+
DEFAULT: 1
|
|
48
|
+
},
|
|
19
49
|
colors: _extends({}, colors, {
|
|
20
|
-
current: 'currentColor'
|
|
50
|
+
current: 'currentColor',
|
|
51
|
+
gray: _extends({
|
|
52
|
+
DEFAULT: colors.primitives.gray[600],
|
|
53
|
+
stroke: colors.divider,
|
|
54
|
+
middle: colors.primitives.gray[600],
|
|
55
|
+
light: colors.primitives.gray[300],
|
|
56
|
+
lighter: colors.primitives.gray[200]
|
|
57
|
+
}, colors.primitives.gray),
|
|
58
|
+
hover: colors.primitives.gray[600],
|
|
59
|
+
background: _extends({}, colors.background, {
|
|
60
|
+
one: colors.background[100],
|
|
61
|
+
two: colors.background[200]
|
|
62
|
+
})
|
|
21
63
|
}),
|
|
22
64
|
cursor: {
|
|
23
|
-
base: 'var(--
|
|
65
|
+
base: 'var(--tw-cursor)'
|
|
24
66
|
},
|
|
25
|
-
spacing: {
|
|
26
|
-
xs:
|
|
27
|
-
sm:
|
|
28
|
-
md:
|
|
29
|
-
lg:
|
|
30
|
-
xl:
|
|
67
|
+
spacing: _extends({}, units.spacing, {
|
|
68
|
+
xs: units.spacing[4],
|
|
69
|
+
sm: units.spacing[8],
|
|
70
|
+
md: units.spacing[16],
|
|
71
|
+
lg: units.spacing[24],
|
|
72
|
+
xl: units.spacing[48]
|
|
73
|
+
}),
|
|
74
|
+
maxWidth: {
|
|
75
|
+
content: '100%'
|
|
31
76
|
},
|
|
32
|
-
|
|
33
|
-
|
|
77
|
+
borderRadius: _extends({}, units.radius, {
|
|
78
|
+
base: 'var(--sk-spacing-0)'
|
|
79
|
+
}),
|
|
80
|
+
lineHeight: _extends({}, units.lineHeights, {
|
|
34
81
|
xs: '1.6rem',
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
'
|
|
40
|
-
|
|
41
|
-
'4xl': '4.8rem',
|
|
42
|
-
'5xl': '5.8rem'
|
|
43
|
-
},
|
|
82
|
+
xl: units.lineHeights['h4'],
|
|
83
|
+
'2xl': units.lineHeights['h3'],
|
|
84
|
+
'3xl': units.lineHeights['h2'],
|
|
85
|
+
'4xl': units.lineHeights['h1'],
|
|
86
|
+
'5xl': units.lineHeights['display-3']
|
|
87
|
+
}),
|
|
44
88
|
opacity: {
|
|
45
89
|
15: '0.15'
|
|
46
90
|
},
|
|
91
|
+
borderWidth: {
|
|
92
|
+
DEFAULT: '0.2rem',
|
|
93
|
+
1: '0.1rem',
|
|
94
|
+
2: '0.2rem'
|
|
95
|
+
},
|
|
47
96
|
backgroundColor: {
|
|
48
|
-
base: withOpacity('--
|
|
49
|
-
fill: withOpacity('--
|
|
97
|
+
base: withOpacity('--sk-colors-primary-surface'),
|
|
98
|
+
fill: withOpacity('--sk-colors-bg-fill')
|
|
50
99
|
},
|
|
51
100
|
textColor: {
|
|
52
|
-
foreground: withOpacity('--
|
|
53
|
-
muted: withOpacity('--
|
|
54
|
-
},
|
|
55
|
-
borderRadius: {
|
|
56
|
-
base: 'var(--vc-rounded)'
|
|
101
|
+
foreground: withOpacity('--sk-colors-primary-DEFAULT'),
|
|
102
|
+
muted: withOpacity('--sk-colors-xt-muted')
|
|
57
103
|
},
|
|
58
104
|
zIndex: {
|
|
59
105
|
hide: -1,
|
package/dist/cjs/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","names":["
|
|
1
|
+
{"version":3,"file":"theme.js","names":["withOpacity","require","colors","units","_require","screens","module","exports","fontSize","_extends","fontSizes","tiny","xs","xl","fontFamily","DEFAULT","sans","header","display","borderRadius","radius","base","extend","backgroundPosition","Object","keys","spacing","reduce","positions","spaceKey","_extends2","boxShadow","ringColor","ring","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","sm","md","lg","maxWidth","content","lineHeight","lineHeights","opacity","borderWidth","backgroundColor","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.js"],"sourcesContent":["const withOpacity = require('./with-opacity');\r\nconst colors = require('./colors');\r\nconst units = require('./units');\r\nconst { screens } = require('@sk-web-gui/theme');\r\n\r\nmodule.exports = {\r\n fontSize: {\r\n ...units.fontSizes,\r\n tiny: '1rem',\r\n xs: '1.2rem',\r\n xl: units.fontSizes['h4'],\r\n '2xl': units.fontSizes['h3'],\r\n '3xl': units.fontSizes['h2'],\r\n '4xl': units.fontSizes['h1'],\r\n '5xl': units.fontSizes['h3'],\r\n },\r\n fontFamily: {\r\n DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],\r\n sans: ['Arial', 'Helvetica', 'sans-serif'],\r\n header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],\r\n },\r\n screens,\r\n borderRadius: {\r\n ...units.radius,\r\n base: 'var(--sk-spacing-0)',\r\n },\r\n\r\n extend: {\r\n backgroundPosition: {\r\n ...Object.keys(units.spacing).reduce(\r\n (positions, spaceKey) => ({\r\n ...positions,\r\n [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\r\n [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\r\n [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\r\n [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\r\n }),\r\n {}\r\n ),\r\n },\r\n boxShadow: {\r\n 100: [\r\n '0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07)',\r\n '0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15)',\r\n '0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085)',\r\n '0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)',\r\n ],\r\n 200: [\r\n '0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1)',\r\n '0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06)',\r\n '0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03)',\r\n '0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)',\r\n ],\r\n },\r\n ringColor: {\r\n DEFAULT: colors.ring,\r\n ...colors,\r\n },\r\n ringOffsetWidth: {\r\n DEFAULT: '0.2rem',\r\n },\r\n ringWidth: {\r\n DEFAULT: '0.3rem',\r\n 0: '0px',\r\n },\r\n ringOpacity: {\r\n DEFAULT: 1,\r\n },\r\n colors: {\r\n ...colors,\r\n current: 'currentColor',\r\n gray: {\r\n DEFAULT: colors.primitives.gray[600],\r\n stroke: colors.divider,\r\n middle: colors.primitives.gray[600],\r\n light: colors.primitives.gray[300],\r\n lighter: colors.primitives.gray[200],\r\n ...colors.primitives.gray,\r\n },\r\n hover: colors.primitives.gray[600],\r\n background: {\r\n ...colors.background,\r\n one: colors.background[100],\r\n two: colors.background[200],\r\n },\r\n },\r\n cursor: {\r\n base: 'var(--tw-cursor)',\r\n },\r\n spacing: {\r\n ...units.spacing,\r\n xs: units.spacing[4],\r\n sm: units.spacing[8],\r\n md: units.spacing[16],\r\n lg: units.spacing[24],\r\n xl: units.spacing[48],\r\n },\r\n maxWidth: {\r\n content: '100%',\r\n },\r\n borderRadius: {\r\n ...units.radius,\r\n base: 'var(--sk-spacing-0)',\r\n },\r\n lineHeight: {\r\n ...units.lineHeights,\r\n xs: '1.6rem',\r\n xl: units.lineHeights['h4'],\r\n '2xl': units.lineHeights['h3'],\r\n '3xl': units.lineHeights['h2'],\r\n '4xl': units.lineHeights['h1'],\r\n '5xl': units.lineHeights['display-3'],\r\n },\r\n opacity: {\r\n 15: '0.15',\r\n },\r\n borderWidth: {\r\n DEFAULT: '0.2rem',\r\n 1: '0.1rem',\r\n 2: '0.2rem',\r\n },\r\n backgroundColor: {\r\n base: withOpacity('--sk-colors-primary-surface'),\r\n fill: withOpacity('--sk-colors-bg-fill'),\r\n },\r\n textColor: {\r\n foreground: withOpacity('--sk-colors-primary-DEFAULT'),\r\n muted: withOpacity('--sk-colors-xt-muted'),\r\n },\r\n\r\n zIndex: {\r\n hide: -1,\r\n none: 0,\r\n base: 1,\r\n docked: 10,\r\n dropdown: 1000,\r\n sticky: 1100,\r\n banner: 1200,\r\n overlay: 1300,\r\n modal: 1400,\r\n popover: 1500,\r\n skipLink: 1600,\r\n toast: 1700,\r\n tooltip: 1800,\r\n },\r\n keyframes: {\r\n 'reset-overflow': {\r\n 'from, to': {\r\n overflow: 'hidden',\r\n },\r\n },\r\n },\r\n animation: {\r\n 'reset-overflow': 'reset-overflow 180ms backwards',\r\n },\r\n },\r\n};\r\n"],"mappings":"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"}
|
|
@@ -0,0 +1,250 @@
|
|
|
1
|
+
module.exports = {
|
|
2
|
+
spacing: {
|
|
3
|
+
0: 'var(--sk-spacing-0)',
|
|
4
|
+
2: 'var(--sk-spacing-2)',
|
|
5
|
+
4: 'var(--sk-spacing-4)',
|
|
6
|
+
6: 'var(--sk-spacing-6)',
|
|
7
|
+
8: 'var(--sk-spacing-8)',
|
|
8
|
+
10: 'var(--sk-spacing-10)',
|
|
9
|
+
12: 'var(--sk-spacing-12)',
|
|
10
|
+
14: 'var(--sk-spacing-14)',
|
|
11
|
+
16: 'var(--sk-spacing-16)',
|
|
12
|
+
18: 'var(--sk-spacing-18)',
|
|
13
|
+
20: 'var(--sk-spacing-20)',
|
|
14
|
+
24: 'var(--sk-spacing-24)',
|
|
15
|
+
32: 'var(--sk-spacing-32)',
|
|
16
|
+
40: 'var(--sk-spacing-40)',
|
|
17
|
+
48: 'var(--sk-spacing-48)',
|
|
18
|
+
56: 'var(--sk-spacing-56)',
|
|
19
|
+
64: 'var(--sk-spacing-64)',
|
|
20
|
+
72: 'var(--sk-spacing-72)',
|
|
21
|
+
80: 'var(--sk-spacing-80)'
|
|
22
|
+
},
|
|
23
|
+
fontSizes: {
|
|
24
|
+
'display-1': ['var(--sk-fontSize-display-1-DEFAULT)', {
|
|
25
|
+
lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)',
|
|
26
|
+
fontWeight: 700
|
|
27
|
+
}],
|
|
28
|
+
'display-1-lg': ['var(--sk-fontSize-display-1-lg)', {
|
|
29
|
+
lineHeight: 'var(--sk-lineHeight-display-1-lg)',
|
|
30
|
+
fontWeight: 700
|
|
31
|
+
}],
|
|
32
|
+
'display-1-md': ['var(--sk-fontSize-display-1-md)', {
|
|
33
|
+
lineHeight: 'var(--sk-lineHeight-display-1-md)',
|
|
34
|
+
fontWeight: 700
|
|
35
|
+
}],
|
|
36
|
+
'display-1-sm': ['var(--sk-fontSize-display-1-sm)', {
|
|
37
|
+
lineHeight: 'var(--sk-lineHeight-display-1-sm)',
|
|
38
|
+
fontWeight: 700
|
|
39
|
+
}],
|
|
40
|
+
'display-2': ['var(--sk-fontSize-display-2-DEFAULT)', {
|
|
41
|
+
lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)',
|
|
42
|
+
fontWeight: 700
|
|
43
|
+
}],
|
|
44
|
+
'display-2-lg': ['var(--sk-fontSize-display-2-lg)', {
|
|
45
|
+
lineHeight: 'var(--sk-lineHeight-display-2-lg)',
|
|
46
|
+
fontWeight: 700
|
|
47
|
+
}],
|
|
48
|
+
'display-2-md': ['var(--sk-fontSize-display-2-md)', {
|
|
49
|
+
lineHeight: 'var(--sk-lineHeight-display-2-md)',
|
|
50
|
+
fontWeight: 700
|
|
51
|
+
}],
|
|
52
|
+
'display-2-sm': ['var(--sk-fontSize-display-2-sm)', {
|
|
53
|
+
lineHeight: 'var(--sk-lineHeight-display-2-sm)',
|
|
54
|
+
fontWeight: 700
|
|
55
|
+
}],
|
|
56
|
+
'display-3': ['var(--sk-fontSize-display-3-DEFAULT)', {
|
|
57
|
+
lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)',
|
|
58
|
+
fontWeight: 700
|
|
59
|
+
}],
|
|
60
|
+
'display-3-lg': ['var(--sk-fontSize-display-3-lg)', {
|
|
61
|
+
lineHeight: 'var(--sk-lineHeight-display-3-lg)',
|
|
62
|
+
fontWeight: 700
|
|
63
|
+
}],
|
|
64
|
+
'display-3-md': ['var(--sk-fontSize-display-3-md)', {
|
|
65
|
+
lineHeight: 'var(--sk-lineHeight-display-3-md)',
|
|
66
|
+
fontWeight: 700
|
|
67
|
+
}],
|
|
68
|
+
'display-3-sm': ['var(--sk-fontSize-display-3-sm)', {
|
|
69
|
+
lineHeight: 'var(--sk-lineHeight-display-3-sm)',
|
|
70
|
+
fontWeight: 700
|
|
71
|
+
}],
|
|
72
|
+
h1: ['var(--sk-fontSize-h-1-DEFAULT)', {
|
|
73
|
+
lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)',
|
|
74
|
+
fontWeight: 700
|
|
75
|
+
}],
|
|
76
|
+
'h1-lg': ['var(--sk-fontSize-h-1-lg)', {
|
|
77
|
+
lineHeight: 'var(--sk-lineHeight-h-1-lg)',
|
|
78
|
+
fontWeight: 700
|
|
79
|
+
}],
|
|
80
|
+
'h1-md': ['var(--sk-fontSize-h-1-md)', {
|
|
81
|
+
lineHeight: 'var(--sk-lineHeight-h-1-md)',
|
|
82
|
+
fontWeight: 700
|
|
83
|
+
}],
|
|
84
|
+
'h1-sm': ['var(--sk-fontSize-h-1-sm)', {
|
|
85
|
+
lineHeight: 'var(--sk-lineHeight-h-1-sm)',
|
|
86
|
+
fontWeight: 700
|
|
87
|
+
}],
|
|
88
|
+
h2: ['var(--sk-fontSize-h-2-DEFAULT)', {
|
|
89
|
+
lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)',
|
|
90
|
+
fontWeight: 700
|
|
91
|
+
}],
|
|
92
|
+
'h2-lg': ['var(--sk-fontSize-h-2-lg)', {
|
|
93
|
+
lineHeight: 'var(--sk-lineHeight-h-2-lg)',
|
|
94
|
+
fontWeight: 700
|
|
95
|
+
}],
|
|
96
|
+
'h2-md': ['var(--sk-fontSize-h-2-md)', {
|
|
97
|
+
lineHeight: 'var(--sk-lineHeight-h-2-md)',
|
|
98
|
+
fontWeight: 700
|
|
99
|
+
}],
|
|
100
|
+
'h2-sm': ['var(--sk-fontSize-h-2-sm)', {
|
|
101
|
+
lineHeight: 'var(--sk-lineHeight-h-2-sm)',
|
|
102
|
+
fontWeight: 700
|
|
103
|
+
}],
|
|
104
|
+
h3: ['var(--sk-fontSize-h-3-DEFAULT)', {
|
|
105
|
+
lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)',
|
|
106
|
+
fontWeight: 700
|
|
107
|
+
}],
|
|
108
|
+
'h3-lg': ['var(--sk-fontSize-h-3-lg)', {
|
|
109
|
+
lineHeight: 'var(--sk-lineHeight-h-3-lg)',
|
|
110
|
+
fontWeight: 700
|
|
111
|
+
}],
|
|
112
|
+
'h3-md': ['var(--sk-fontSize-h-3-md)', {
|
|
113
|
+
lineHeight: 'var(--sk-lineHeight-h-3-md)',
|
|
114
|
+
fontWeight: 700
|
|
115
|
+
}],
|
|
116
|
+
'h3-sm': ['var(--sk-fontSize-h-3-sm)', {
|
|
117
|
+
lineHeight: 'var(--sk-lineHeight-h-3-sm)',
|
|
118
|
+
fontWeight: 700
|
|
119
|
+
}],
|
|
120
|
+
h4: ['var(--sk-fontSize-h-4-DEFAULT)', {
|
|
121
|
+
lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)',
|
|
122
|
+
fontWeight: 700
|
|
123
|
+
}],
|
|
124
|
+
'h4-lg': ['var(--sk-fontSize-h-4-lg)', {
|
|
125
|
+
lineHeight: 'var(--sk-lineHeight-h-4-lg)',
|
|
126
|
+
fontWeight: 700
|
|
127
|
+
}],
|
|
128
|
+
'h4-md': ['var(--sk-fontSize-h-4-md)', {
|
|
129
|
+
lineHeight: 'var(--sk-lineHeight-h-4-md)',
|
|
130
|
+
fontWeight: 700
|
|
131
|
+
}],
|
|
132
|
+
'h4-sm': ['var(--sk-fontSize-h-4-sm)', {
|
|
133
|
+
lineHeight: 'var(--sk-lineHeight-h-4-sm)',
|
|
134
|
+
fontWeight: 700
|
|
135
|
+
}],
|
|
136
|
+
'label-large': ['var(--sk-fontSize-label-large)', {
|
|
137
|
+
lineHeight: 'var(--sk-lineHeight-label-large)',
|
|
138
|
+
fontWeight: 700
|
|
139
|
+
}],
|
|
140
|
+
'label-medium': ['var(--sk-fontSize-label-medium)', {
|
|
141
|
+
lineHeight: 'var(--sk-lineHeight-label-medium)',
|
|
142
|
+
fontWeight: 700
|
|
143
|
+
}],
|
|
144
|
+
'label-small': ['var(--sk-fontSize-label-small)', {
|
|
145
|
+
lineHeight: 'var(--sk-lineHeight-label-small)',
|
|
146
|
+
fontWeight: 700
|
|
147
|
+
}],
|
|
148
|
+
'input-large': ['var(--sk-fontSize-input-large)', {
|
|
149
|
+
lineHeight: 'var(--sk-lineHeight-input-large)',
|
|
150
|
+
fontWeight: 400
|
|
151
|
+
}],
|
|
152
|
+
'input-medium': ['var(--sk-fontSize-input-medium)', {
|
|
153
|
+
lineHeight: 'var(--sk-lineHeight-input-medium)',
|
|
154
|
+
fontWeight: 400
|
|
155
|
+
}],
|
|
156
|
+
'input-small': ['var(--sk-fontSize-input-small)', {
|
|
157
|
+
lineHeight: 'var(--sk-lineHeight-input-small)',
|
|
158
|
+
fontWeight: 400
|
|
159
|
+
}],
|
|
160
|
+
lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],
|
|
161
|
+
base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],
|
|
162
|
+
large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],
|
|
163
|
+
small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)']
|
|
164
|
+
},
|
|
165
|
+
lineHeights: {
|
|
166
|
+
'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',
|
|
167
|
+
'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',
|
|
168
|
+
'display-1-md': 'var(--sk-lineHeight-display-1-md)',
|
|
169
|
+
'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',
|
|
170
|
+
'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',
|
|
171
|
+
'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',
|
|
172
|
+
'display-2-md': 'var(--sk-lineHeight-display-2-md)',
|
|
173
|
+
'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',
|
|
174
|
+
'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',
|
|
175
|
+
'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',
|
|
176
|
+
'display-3-md': 'var(--sk-lineHeight-display-3-md)',
|
|
177
|
+
'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',
|
|
178
|
+
h1: 'var(--sk-lineHeight-h-1-DEFAULT)',
|
|
179
|
+
'h1-lg': 'var(--sk-lineHeight-h-1-lg)',
|
|
180
|
+
'h1-md': 'var(--sk-lineHeight-h-1-md)',
|
|
181
|
+
'h1-sm': 'var(--sk-lineHeight-h-1-sm)',
|
|
182
|
+
h2: 'var(--sk-lineHeight-h-2-DEFAULT)',
|
|
183
|
+
'h2-lg': 'var(--sk-lineHeight-h-2-lg)',
|
|
184
|
+
'h2-md': 'var(--sk-lineHeight-h-2-md)',
|
|
185
|
+
'h2-sm': 'var(--sk-lineHeight-h-2-sm)',
|
|
186
|
+
h3: 'var(--sk-lineHeight-h-3-DEFAULT)',
|
|
187
|
+
'h3-lg': 'var(--sk-lineHeight-h-3-lg)',
|
|
188
|
+
'h3-md': 'var(--sk-lineHeight-h-3-md)',
|
|
189
|
+
'h3-sm': 'var(--sk-lineHeight-h-3-sm)',
|
|
190
|
+
h4: 'var(--sk-lineHeight-h-4-DEFAULT)',
|
|
191
|
+
'h4-lg': 'var(--sk-lineHeight-h-4-lg)',
|
|
192
|
+
'h4-md': 'var(--sk-lineHeight-h-4-md)',
|
|
193
|
+
'h4-sm': 'var(--sk-lineHeight-h-4-sm)',
|
|
194
|
+
'label-large': 'var(--sk-lineHeight-label-large)',
|
|
195
|
+
'label-medium': 'var(--sk-lineHeight-label-medium)',
|
|
196
|
+
'label-small': 'var(--sk-lineHeight-label-small)',
|
|
197
|
+
'input-large': 'var(--sk-lineHeight-input-large)',
|
|
198
|
+
'input-medium': 'var(--sk-lineHeight-input-medium)',
|
|
199
|
+
'input-small': 'var(--sk-lineHeight-input-small)',
|
|
200
|
+
lead: 'var(--sk-lineHeight-lead)',
|
|
201
|
+
base: 'var(--sk-lineHeight-base)',
|
|
202
|
+
large: 'var(--sk-lineHeight-large)',
|
|
203
|
+
small: 'var(--sk-lineHeight-small)'
|
|
204
|
+
},
|
|
205
|
+
radius: {
|
|
206
|
+
DEFAULT: 'var(--sk-radius-utility-DEFAULT)',
|
|
207
|
+
full: 'var(--sk-radius-circular-DEFAULT)',
|
|
208
|
+
none: 'var(--sk-spacing-0)',
|
|
209
|
+
circular: 'var(--sk-radius-circular-DEFAULT)',
|
|
210
|
+
'circular-lg': 'var(--sk-radius-circular-lg)',
|
|
211
|
+
'circular-md': 'var(--sk-radius-circular-md)',
|
|
212
|
+
'circular-sm': 'var(--sk-radius-circular-sm)',
|
|
213
|
+
button: 'var(--sk-radius-button-DEFAULT)',
|
|
214
|
+
'button-lg': 'var(--sk-radius-button-lg)',
|
|
215
|
+
'button-md': 'var(--sk-radius-button-md)',
|
|
216
|
+
'button-sm': 'var(--sk-radius-button-sm)',
|
|
217
|
+
cards: 'var(--sk-radius-cards-DEFAULT)',
|
|
218
|
+
'cards-lg': 'var(--sk-radius-cards-lg)',
|
|
219
|
+
'cards-md': 'var(--sk-radius-cards-md)',
|
|
220
|
+
'cards-sm': 'var(--sk-radius-cards-sm)',
|
|
221
|
+
utility: 'var(--sk-radius-utility-DEFAULT)',
|
|
222
|
+
'utility-lg': 'var(--sk-radius-utility-lg)',
|
|
223
|
+
'utility-md': 'var(--sk-radius-utility-md)',
|
|
224
|
+
'utility-sm': 'var(--sk-radius-utility-sm)',
|
|
225
|
+
groups: 'var(--sk-radius-groups-DEFAULT)',
|
|
226
|
+
'groups-lg': 'var(--sk-radius-groups-lg)',
|
|
227
|
+
'groups-md': 'var(--sk-radius-groups-md)',
|
|
228
|
+
'groups-sm': 'var(--sk-radius-groups-sm)',
|
|
229
|
+
0: 'var(--sk-spacing-0)',
|
|
230
|
+
2: 'var(--sk-spacing-2)',
|
|
231
|
+
4: 'var(--sk-spacing-4)',
|
|
232
|
+
6: 'var(--sk-spacing-6)',
|
|
233
|
+
8: 'var(--sk-spacing-8)',
|
|
234
|
+
10: 'var(--sk-spacing-10)',
|
|
235
|
+
12: 'var(--sk-spacing-12)',
|
|
236
|
+
14: 'var(--sk-spacing-14)',
|
|
237
|
+
16: 'var(--sk-spacing-16)',
|
|
238
|
+
18: 'var(--sk-spacing-18)',
|
|
239
|
+
20: 'var(--sk-spacing-20)',
|
|
240
|
+
24: 'var(--sk-spacing-24)',
|
|
241
|
+
32: 'var(--sk-spacing-32)',
|
|
242
|
+
40: 'var(--sk-spacing-40)',
|
|
243
|
+
48: 'var(--sk-spacing-48)',
|
|
244
|
+
56: 'var(--sk-spacing-56)',
|
|
245
|
+
64: 'var(--sk-spacing-64)',
|
|
246
|
+
72: 'var(--sk-spacing-72)',
|
|
247
|
+
80: 'var(--sk-spacing-80)'
|
|
248
|
+
}
|
|
249
|
+
};
|
|
250
|
+
//# sourceMappingURL=units.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"units.js","names":["module","exports","spacing","fontSizes","lineHeight","fontWeight","h1","h2","h3","h4","lead","base","large","small","lineHeights","radius","DEFAULT","full","none","circular","button","cards","utility","groups"],"sources":["../../src/units.js"],"sourcesContent":["module.exports = {\r\n spacing: {\r\n 0: 'var(--sk-spacing-0)',\r\n 2: 'var(--sk-spacing-2)',\r\n 4: 'var(--sk-spacing-4)',\r\n 6: 'var(--sk-spacing-6)',\r\n 8: 'var(--sk-spacing-8)',\r\n 10: 'var(--sk-spacing-10)',\r\n 12: 'var(--sk-spacing-12)',\r\n 14: 'var(--sk-spacing-14)',\r\n 16: 'var(--sk-spacing-16)',\r\n 18: 'var(--sk-spacing-18)',\r\n 20: 'var(--sk-spacing-20)',\r\n 24: 'var(--sk-spacing-24)',\r\n 32: 'var(--sk-spacing-32)',\r\n 40: 'var(--sk-spacing-40)',\r\n 48: 'var(--sk-spacing-48)',\r\n 56: 'var(--sk-spacing-56)',\r\n 64: 'var(--sk-spacing-64)',\r\n 72: 'var(--sk-spacing-72)',\r\n 80: 'var(--sk-spacing-80)',\r\n },\r\n\r\n fontSizes: {\r\n 'display-1': [\r\n 'var(--sk-fontSize-display-1-DEFAULT)',\r\n { lineHeight: 'var(--sk-lineHeight-display-1-DEFAULT)', fontWeight: 700 },\r\n ],\r\n 'display-1-lg': [\r\n 'var(--sk-fontSize-display-1-lg)',\r\n { lineHeight: 'var(--sk-lineHeight-display-1-lg)', fontWeight: 700 },\r\n ],\r\n 'display-1-md': [\r\n 'var(--sk-fontSize-display-1-md)',\r\n { lineHeight: 'var(--sk-lineHeight-display-1-md)', fontWeight: 700 },\r\n ],\r\n 'display-1-sm': [\r\n 'var(--sk-fontSize-display-1-sm)',\r\n { lineHeight: 'var(--sk-lineHeight-display-1-sm)', fontWeight: 700 },\r\n ],\r\n 'display-2': [\r\n 'var(--sk-fontSize-display-2-DEFAULT)',\r\n { lineHeight: 'var(--sk-lineHeight-display-2-DEFAULT)', fontWeight: 700 },\r\n ],\r\n 'display-2-lg': [\r\n 'var(--sk-fontSize-display-2-lg)',\r\n { lineHeight: 'var(--sk-lineHeight-display-2-lg)', fontWeight: 700 },\r\n ],\r\n 'display-2-md': [\r\n 'var(--sk-fontSize-display-2-md)',\r\n { lineHeight: 'var(--sk-lineHeight-display-2-md)', fontWeight: 700 },\r\n ],\r\n 'display-2-sm': [\r\n 'var(--sk-fontSize-display-2-sm)',\r\n { lineHeight: 'var(--sk-lineHeight-display-2-sm)', fontWeight: 700 },\r\n ],\r\n 'display-3': [\r\n 'var(--sk-fontSize-display-3-DEFAULT)',\r\n { lineHeight: 'var(--sk-lineHeight-display-3-DEFAULT)', fontWeight: 700 },\r\n ],\r\n 'display-3-lg': [\r\n 'var(--sk-fontSize-display-3-lg)',\r\n { lineHeight: 'var(--sk-lineHeight-display-3-lg)', fontWeight: 700 },\r\n ],\r\n 'display-3-md': [\r\n 'var(--sk-fontSize-display-3-md)',\r\n { lineHeight: 'var(--sk-lineHeight-display-3-md)', fontWeight: 700 },\r\n ],\r\n 'display-3-sm': [\r\n 'var(--sk-fontSize-display-3-sm)',\r\n { lineHeight: 'var(--sk-lineHeight-display-3-sm)', fontWeight: 700 },\r\n ],\r\n\r\n h1: ['var(--sk-fontSize-h-1-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-1-DEFAULT)', fontWeight: 700 }],\r\n 'h1-lg': ['var(--sk-fontSize-h-1-lg)', { lineHeight: 'var(--sk-lineHeight-h-1-lg)', fontWeight: 700 }],\r\n 'h1-md': ['var(--sk-fontSize-h-1-md)', { lineHeight: 'var(--sk-lineHeight-h-1-md)', fontWeight: 700 }],\r\n 'h1-sm': ['var(--sk-fontSize-h-1-sm)', { lineHeight: 'var(--sk-lineHeight-h-1-sm)', fontWeight: 700 }],\r\n h2: ['var(--sk-fontSize-h-2-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-2-DEFAULT)', fontWeight: 700 }],\r\n 'h2-lg': ['var(--sk-fontSize-h-2-lg)', { lineHeight: 'var(--sk-lineHeight-h-2-lg)', fontWeight: 700 }],\r\n 'h2-md': ['var(--sk-fontSize-h-2-md)', { lineHeight: 'var(--sk-lineHeight-h-2-md)', fontWeight: 700 }],\r\n 'h2-sm': ['var(--sk-fontSize-h-2-sm)', { lineHeight: 'var(--sk-lineHeight-h-2-sm)', fontWeight: 700 }],\r\n h3: ['var(--sk-fontSize-h-3-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-3-DEFAULT)', fontWeight: 700 }],\r\n 'h3-lg': ['var(--sk-fontSize-h-3-lg)', { lineHeight: 'var(--sk-lineHeight-h-3-lg)', fontWeight: 700 }],\r\n 'h3-md': ['var(--sk-fontSize-h-3-md)', { lineHeight: 'var(--sk-lineHeight-h-3-md)', fontWeight: 700 }],\r\n 'h3-sm': ['var(--sk-fontSize-h-3-sm)', { lineHeight: 'var(--sk-lineHeight-h-3-sm)', fontWeight: 700 }],\r\n h4: ['var(--sk-fontSize-h-4-DEFAULT)', { lineHeight: 'var(--sk-lineHeight-h-4-DEFAULT)', fontWeight: 700 }],\r\n 'h4-lg': ['var(--sk-fontSize-h-4-lg)', { lineHeight: 'var(--sk-lineHeight-h-4-lg)', fontWeight: 700 }],\r\n 'h4-md': ['var(--sk-fontSize-h-4-md)', { lineHeight: 'var(--sk-lineHeight-h-4-md)', fontWeight: 700 }],\r\n 'h4-sm': ['var(--sk-fontSize-h-4-sm)', { lineHeight: 'var(--sk-lineHeight-h-4-sm)', fontWeight: 700 }],\r\n\r\n 'label-large': [\r\n 'var(--sk-fontSize-label-large)',\r\n { lineHeight: 'var(--sk-lineHeight-label-large)', fontWeight: 700 },\r\n ],\r\n 'label-medium': [\r\n 'var(--sk-fontSize-label-medium)',\r\n { lineHeight: 'var(--sk-lineHeight-label-medium)', fontWeight: 700 },\r\n ],\r\n 'label-small': [\r\n 'var(--sk-fontSize-label-small)',\r\n { lineHeight: 'var(--sk-lineHeight-label-small)', fontWeight: 700 },\r\n ],\r\n\r\n 'input-large': [\r\n 'var(--sk-fontSize-input-large)',\r\n { lineHeight: 'var(--sk-lineHeight-input-large)', fontWeight: 400 },\r\n ],\r\n 'input-medium': [\r\n 'var(--sk-fontSize-input-medium)',\r\n { lineHeight: 'var(--sk-lineHeight-input-medium)', fontWeight: 400 },\r\n ],\r\n 'input-small': [\r\n 'var(--sk-fontSize-input-small)',\r\n { lineHeight: 'var(--sk-lineHeight-input-small)', fontWeight: 400 },\r\n ],\r\n\r\n lead: ['var(--sk-fontSize-lead)', 'var(--sk-lineHeight-lead)'],\r\n base: ['var(--sk-fontSize-base)', 'var(--sk-lineHeight-base)'],\r\n large: ['var(--sk-fontSize-large)', 'var(--sk-lineHeight-large)'],\r\n small: ['var(--sk-fontSize-small)', 'var(--sk-lineHeight-small)'],\r\n },\r\n lineHeights: {\r\n 'display-1': 'var(--sk-lineHeight-display-1-DEFAULT)',\r\n 'display-1-lg': 'var(--sk-lineHeight-display-1-lg)',\r\n 'display-1-md': 'var(--sk-lineHeight-display-1-md)',\r\n 'display-1-sm': 'var(--sk-lineHeight-display-1-sm)',\r\n 'display-2': 'var(--sk-lineHeight-display-2-DEFAULT)',\r\n 'display-2-lg': 'var(--sk-lineHeight-display-2-lg)',\r\n 'display-2-md': 'var(--sk-lineHeight-display-2-md)',\r\n 'display-2-sm': 'var(--sk-lineHeight-display-2-sm)',\r\n 'display-3': 'var(--sk-lineHeight-display-3-DEFAULT)',\r\n 'display-3-lg': 'var(--sk-lineHeight-display-3-lg)',\r\n 'display-3-md': 'var(--sk-lineHeight-display-3-md)',\r\n 'display-3-sm': 'var(--sk-lineHeight-display-3-sm)',\r\n\r\n h1: 'var(--sk-lineHeight-h-1-DEFAULT)',\r\n 'h1-lg': 'var(--sk-lineHeight-h-1-lg)',\r\n 'h1-md': 'var(--sk-lineHeight-h-1-md)',\r\n 'h1-sm': 'var(--sk-lineHeight-h-1-sm)',\r\n h2: 'var(--sk-lineHeight-h-2-DEFAULT)',\r\n 'h2-lg': 'var(--sk-lineHeight-h-2-lg)',\r\n 'h2-md': 'var(--sk-lineHeight-h-2-md)',\r\n 'h2-sm': 'var(--sk-lineHeight-h-2-sm)',\r\n h3: 'var(--sk-lineHeight-h-3-DEFAULT)',\r\n 'h3-lg': 'var(--sk-lineHeight-h-3-lg)',\r\n 'h3-md': 'var(--sk-lineHeight-h-3-md)',\r\n 'h3-sm': 'var(--sk-lineHeight-h-3-sm)',\r\n h4: 'var(--sk-lineHeight-h-4-DEFAULT)',\r\n 'h4-lg': 'var(--sk-lineHeight-h-4-lg)',\r\n 'h4-md': 'var(--sk-lineHeight-h-4-md)',\r\n 'h4-sm': 'var(--sk-lineHeight-h-4-sm)',\r\n\r\n 'label-large': 'var(--sk-lineHeight-label-large)',\r\n 'label-medium': 'var(--sk-lineHeight-label-medium)',\r\n 'label-small': 'var(--sk-lineHeight-label-small)',\r\n\r\n 'input-large': 'var(--sk-lineHeight-input-large)',\r\n 'input-medium': 'var(--sk-lineHeight-input-medium)',\r\n 'input-small': 'var(--sk-lineHeight-input-small)',\r\n\r\n lead: 'var(--sk-lineHeight-lead)',\r\n base: 'var(--sk-lineHeight-base)',\r\n large: 'var(--sk-lineHeight-large)',\r\n small: 'var(--sk-lineHeight-small)',\r\n },\r\n radius: {\r\n DEFAULT: 'var(--sk-radius-utility-DEFAULT)',\r\n full: 'var(--sk-radius-circular-DEFAULT)',\r\n none: 'var(--sk-spacing-0)',\r\n circular: 'var(--sk-radius-circular-DEFAULT)',\r\n 'circular-lg': 'var(--sk-radius-circular-lg)',\r\n 'circular-md': 'var(--sk-radius-circular-md)',\r\n 'circular-sm': 'var(--sk-radius-circular-sm)',\r\n\r\n button: 'var(--sk-radius-button-DEFAULT)',\r\n 'button-lg': 'var(--sk-radius-button-lg)',\r\n 'button-md': 'var(--sk-radius-button-md)',\r\n 'button-sm': 'var(--sk-radius-button-sm)',\r\n cards: 'var(--sk-radius-cards-DEFAULT)',\r\n 'cards-lg': 'var(--sk-radius-cards-lg)',\r\n 'cards-md': 'var(--sk-radius-cards-md)',\r\n 'cards-sm': 'var(--sk-radius-cards-sm)',\r\n utility: 'var(--sk-radius-utility-DEFAULT)',\r\n 'utility-lg': 'var(--sk-radius-utility-lg)',\r\n 'utility-md': 'var(--sk-radius-utility-md)',\r\n 'utility-sm': 'var(--sk-radius-utility-sm)',\r\n groups: 'var(--sk-radius-groups-DEFAULT)',\r\n 'groups-lg': 'var(--sk-radius-groups-lg)',\r\n 'groups-md': 'var(--sk-radius-groups-md)',\r\n 'groups-sm': 'var(--sk-radius-groups-sm)',\r\n\r\n 0: 'var(--sk-spacing-0)',\r\n 2: 'var(--sk-spacing-2)',\r\n 4: 'var(--sk-spacing-4)',\r\n 6: 'var(--sk-spacing-6)',\r\n 8: 'var(--sk-spacing-8)',\r\n 10: 'var(--sk-spacing-10)',\r\n 12: 'var(--sk-spacing-12)',\r\n 14: 'var(--sk-spacing-14)',\r\n 16: 'var(--sk-spacing-16)',\r\n 18: 'var(--sk-spacing-18)',\r\n 20: 'var(--sk-spacing-20)',\r\n 24: 'var(--sk-spacing-24)',\r\n 32: 'var(--sk-spacing-32)',\r\n 40: 'var(--sk-spacing-40)',\r\n 48: 'var(--sk-spacing-48)',\r\n 56: 'var(--sk-spacing-56)',\r\n 64: 'var(--sk-spacing-64)',\r\n 72: 'var(--sk-spacing-72)',\r\n 80: 'var(--sk-spacing-80)',\r\n },\r\n};\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAG;EACfC,OAAO,EAAE;IACP,CAAC,EAAE,qBAAqB;IACxB,CAAC,EAAE,qBAAqB;IACxB,CAAC,EAAE,qBAAqB;IACxB,CAAC,EAAE,qBAAqB;IACxB,CAAC,EAAE,qBAAqB;IACxB,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE;EACN,CAAC;EAEDC,SAAS,EAAE;IACT,WAAW,EAAE,CACX,sCAAsC,EACtC;MAAEC,UAAU,EAAE,wCAAwC;MAAEC,UAAU,EAAE;IAAI,CAAC,CAC1E;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IACD,WAAW,EAAE,CACX,sCAAsC,EACtC;MAAED,UAAU,EAAE,wCAAwC;MAAEC,UAAU,EAAE;IAAI,CAAC,CAC1E;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IACD,WAAW,EAAE,CACX,sCAAsC,EACtC;MAAED,UAAU,EAAE,wCAAwC;MAAEC,UAAU,EAAE;IAAI,CAAC,CAC1E;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IAEDC,EAAE,EAAE,CAAC,gCAAgC,EAAE;MAAEF,UAAU,EAAE,kCAAkC;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IAC3G,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtG,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtG,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtGE,EAAE,EAAE,CAAC,gCAAgC,EAAE;MAAEH,UAAU,EAAE,kCAAkC;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IAC3G,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtG,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtG,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtGG,EAAE,EAAE,CAAC,gCAAgC,EAAE;MAAEJ,UAAU,EAAE,kCAAkC;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IAC3G,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtG,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtG,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtGI,EAAE,EAAE,CAAC,gCAAgC,EAAE;MAAEL,UAAU,EAAE,kCAAkC;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IAC3G,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtG,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IACtG,OAAO,EAAE,CAAC,2BAA2B,EAAE;MAAED,UAAU,EAAE,6BAA6B;MAAEC,UAAU,EAAE;IAAI,CAAC,CAAC;IAEtG,aAAa,EAAE,CACb,gCAAgC,EAChC;MAAED,UAAU,EAAE,kCAAkC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACpE;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IACD,aAAa,EAAE,CACb,gCAAgC,EAChC;MAAED,UAAU,EAAE,kCAAkC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACpE;IAED,aAAa,EAAE,CACb,gCAAgC,EAChC;MAAED,UAAU,EAAE,kCAAkC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACpE;IACD,cAAc,EAAE,CACd,iCAAiC,EACjC;MAAED,UAAU,EAAE,mCAAmC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACrE;IACD,aAAa,EAAE,CACb,gCAAgC,EAChC;MAAED,UAAU,EAAE,kCAAkC;MAAEC,UAAU,EAAE;IAAI,CAAC,CACpE;IAEDK,IAAI,EAAE,CAAC,yBAAyB,EAAE,2BAA2B,CAAC;IAC9DC,IAAI,EAAE,CAAC,yBAAyB,EAAE,2BAA2B,CAAC;IAC9DC,KAAK,EAAE,CAAC,0BAA0B,EAAE,4BAA4B,CAAC;IACjEC,KAAK,EAAE,CAAC,0BAA0B,EAAE,4BAA4B;EAClE,CAAC;EACDC,WAAW,EAAE;IACX,WAAW,EAAE,wCAAwC;IACrD,cAAc,EAAE,mCAAmC;IACnD,cAAc,EAAE,mCAAmC;IACnD,cAAc,EAAE,mCAAmC;IACnD,WAAW,EAAE,wCAAwC;IACrD,cAAc,EAAE,mCAAmC;IACnD,cAAc,EAAE,mCAAmC;IACnD,cAAc,EAAE,mCAAmC;IACnD,WAAW,EAAE,wCAAwC;IACrD,cAAc,EAAE,mCAAmC;IACnD,cAAc,EAAE,mCAAmC;IACnD,cAAc,EAAE,mCAAmC;IAEnDR,EAAE,EAAE,kCAAkC;IACtC,OAAO,EAAE,6BAA6B;IACtC,OAAO,EAAE,6BAA6B;IACtC,OAAO,EAAE,6BAA6B;IACtCC,EAAE,EAAE,kCAAkC;IACtC,OAAO,EAAE,6BAA6B;IACtC,OAAO,EAAE,6BAA6B;IACtC,OAAO,EAAE,6BAA6B;IACtCC,EAAE,EAAE,kCAAkC;IACtC,OAAO,EAAE,6BAA6B;IACtC,OAAO,EAAE,6BAA6B;IACtC,OAAO,EAAE,6BAA6B;IACtCC,EAAE,EAAE,kCAAkC;IACtC,OAAO,EAAE,6BAA6B;IACtC,OAAO,EAAE,6BAA6B;IACtC,OAAO,EAAE,6BAA6B;IAEtC,aAAa,EAAE,kCAAkC;IACjD,cAAc,EAAE,mCAAmC;IACnD,aAAa,EAAE,kCAAkC;IAEjD,aAAa,EAAE,kCAAkC;IACjD,cAAc,EAAE,mCAAmC;IACnD,aAAa,EAAE,kCAAkC;IAEjDC,IAAI,EAAE,2BAA2B;IACjCC,IAAI,EAAE,2BAA2B;IACjCC,KAAK,EAAE,4BAA4B;IACnCC,KAAK,EAAE;EACT,CAAC;EACDE,MAAM,EAAE;IACNC,OAAO,EAAE,kCAAkC;IAC3CC,IAAI,EAAE,mCAAmC;IACzCC,IAAI,EAAE,qBAAqB;IAC3BC,QAAQ,EAAE,mCAAmC;IAC7C,aAAa,EAAE,8BAA8B;IAC7C,aAAa,EAAE,8BAA8B;IAC7C,aAAa,EAAE,8BAA8B;IAE7CC,MAAM,EAAE,iCAAiC;IACzC,WAAW,EAAE,4BAA4B;IACzC,WAAW,EAAE,4BAA4B;IACzC,WAAW,EAAE,4BAA4B;IACzCC,KAAK,EAAE,gCAAgC;IACvC,UAAU,EAAE,2BAA2B;IACvC,UAAU,EAAE,2BAA2B;IACvC,UAAU,EAAE,2BAA2B;IACvCC,OAAO,EAAE,kCAAkC;IAC3C,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;IAC3C,YAAY,EAAE,6BAA6B;IAC3CC,MAAM,EAAE,iCAAiC;IACzC,WAAW,EAAE,4BAA4B;IACzC,WAAW,EAAE,4BAA4B;IACzC,WAAW,EAAE,4BAA4B;IAEzC,CAAC,EAAE,qBAAqB;IACxB,CAAC,EAAE,qBAAqB;IACxB,CAAC,EAAE,qBAAqB;IACxB,CAAC,EAAE,qBAAqB;IACxB,CAAC,EAAE,qBAAqB;IACxB,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE,sBAAsB;IAC1B,EAAE,EAAE;EACN;AACF,CAAC"}
|
package/dist/esm/base.js
CHANGED
|
@@ -1,70 +1,51 @@
|
|
|
1
1
|
module.exports = {
|
|
2
2
|
html: {
|
|
3
|
-
'@apply text-
|
|
4
|
-
fontSize: '
|
|
5
|
-
lineHeight: '1.5',
|
|
3
|
+
'@apply text-base antialiased': {},
|
|
4
|
+
fontSize: '10px',
|
|
6
5
|
textRendering: 'optimizeLegibility',
|
|
7
|
-
textSizeAdjust: '100%',
|
|
8
6
|
touchAction: 'manipulation'
|
|
9
7
|
},
|
|
10
8
|
body: {
|
|
11
|
-
'@apply text-base
|
|
9
|
+
'@apply text-base bg-background-content': {},
|
|
10
|
+
'@apply text-body': {},
|
|
12
11
|
position: 'relative',
|
|
13
12
|
minHeight: '100%',
|
|
14
13
|
fontFeatureSettings: "'kern'"
|
|
15
14
|
},
|
|
16
|
-
'
|
|
17
|
-
'@apply
|
|
15
|
+
'*': {
|
|
16
|
+
'@apply focus-visible:ring-ring': {},
|
|
17
|
+
'@apply focus-visible:ring-offset-background-content': {},
|
|
18
|
+
'@apply focus-visible:outline-0': {}
|
|
18
19
|
},
|
|
19
20
|
small: {
|
|
20
|
-
|
|
21
|
+
'@apply text-small': {}
|
|
22
|
+
},
|
|
23
|
+
a: {
|
|
24
|
+
'@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {}
|
|
21
25
|
},
|
|
22
26
|
h1: {
|
|
23
|
-
'@apply text-
|
|
27
|
+
'@apply text-h1-sm md:text-h1-md xl:text-h1-lg': {},
|
|
28
|
+
'@apply mb-md': {}
|
|
24
29
|
},
|
|
25
30
|
h2: {
|
|
26
|
-
'@apply text-
|
|
31
|
+
'@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {}
|
|
27
32
|
},
|
|
28
33
|
h3: {
|
|
29
|
-
'@apply text-
|
|
30
|
-
},
|
|
31
|
-
h4: {
|
|
32
|
-
'@apply text-lg leading-lg': {}
|
|
34
|
+
'@apply text-h3-sm md:text-h3-md xl:text-h3-lg': {}
|
|
33
35
|
},
|
|
34
|
-
h5: {
|
|
35
|
-
'@apply text-
|
|
36
|
+
'h4,h5,h6': {
|
|
37
|
+
'@apply text-h4-sm md:text-h4-md xl:text-h4-lg': {}
|
|
36
38
|
},
|
|
37
|
-
|
|
38
|
-
'@apply text-
|
|
39
|
+
label: {
|
|
40
|
+
'@apply text-label-medium': {}
|
|
39
41
|
},
|
|
40
42
|
p: {
|
|
41
43
|
'@apply my-4': {}
|
|
42
44
|
},
|
|
43
45
|
'.text-content': {
|
|
44
46
|
'@apply max-w-[80rem]': {},
|
|
45
|
-
h1: {
|
|
46
|
-
'@apply mb-md': {},
|
|
47
|
-
'+ p': {
|
|
48
|
-
'@apply mb-[40px] mt-0': {}
|
|
49
|
-
}
|
|
50
|
-
},
|
|
51
|
-
h2: {
|
|
52
|
-
'@apply mt-lg': {}
|
|
53
|
-
},
|
|
54
|
-
h3: {
|
|
55
|
-
'@apply mt-lg': {}
|
|
56
|
-
},
|
|
57
|
-
h4: {
|
|
58
|
-
'@apply mt-lg': {}
|
|
59
|
-
},
|
|
60
|
-
h5: {
|
|
61
|
-
'@apply mt-lg': {}
|
|
62
|
-
},
|
|
63
|
-
h6: {
|
|
64
|
-
'@apply mt-lg': {}
|
|
65
|
-
},
|
|
66
47
|
p: {
|
|
67
|
-
'@apply mt-sm
|
|
48
|
+
'@apply mt-sm text-base': {}
|
|
68
49
|
}
|
|
69
50
|
}
|
|
70
51
|
};
|
package/dist/esm/base.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"base.js","names":["module","exports","html","fontSize","
|
|
1
|
+
{"version":3,"file":"base.js","names":["module","exports","html","fontSize","textRendering","touchAction","body","position","minHeight","fontFeatureSettings","small","a","h1","h2","h3","label","p"],"sources":["../../src/base.js"],"sourcesContent":["module.exports = {\r\n html: {\r\n '@apply text-base antialiased': {},\r\n fontSize: '10px',\r\n textRendering: 'optimizeLegibility',\r\n touchAction: 'manipulation',\r\n },\r\n body: {\r\n '@apply text-base bg-background-content': {},\r\n '@apply text-body': {},\r\n position: 'relative',\r\n minHeight: '100%',\r\n fontFeatureSettings: \"'kern'\",\r\n },\r\n '*': {\r\n '@apply focus-visible:ring-ring': {},\r\n '@apply focus-visible:ring-offset-background-content': {},\r\n '@apply focus-visible:outline-0': {},\r\n },\r\n small: {\r\n '@apply text-small': {},\r\n },\r\n a: { '@apply rounded-button-sm md:rounded-button-md xl:rounded-button-lg': {} },\r\n h1: {\r\n '@apply text-h1-sm md:text-h1-md xl:text-h1-lg': {},\r\n '@apply mb-md': {},\r\n },\r\n h2: {\r\n '@apply text-h2-sm md:text-h2-md xl:text-h2-lg': {},\r\n },\r\n h3: {\r\n '@apply text-h3-sm md:text-h3-md xl:text-h3-lg': {},\r\n },\r\n 'h4,h5,h6': {\r\n '@apply text-h4-sm md:text-h4-md xl:text-h4-lg': {},\r\n },\r\n label: {\r\n '@apply text-label-medium': {},\r\n },\r\n p: { '@apply my-4': {} },\r\n\r\n '.text-content': {\r\n '@apply max-w-[80rem]': {},\r\n\r\n p: { '@apply mt-sm text-base': {} },\r\n },\r\n};\r\n"],"mappings":"AAAAA,MAAM,CAACC,OAAO,GAAG;EACfC,IAAI,EAAE;IACJ,8BAA8B,EAAE,CAAC,CAAC;IAClCC,QAAQ,EAAE,MAAM;IAChBC,aAAa,EAAE,oBAAoB;IACnCC,WAAW,EAAE;EACf,CAAC;EACDC,IAAI,EAAE;IACJ,wCAAwC,EAAE,CAAC,CAAC;IAC5C,kBAAkB,EAAE,CAAC,CAAC;IACtBC,QAAQ,EAAE,UAAU;IACpBC,SAAS,EAAE,MAAM;IACjBC,mBAAmB,EAAE;EACvB,CAAC;EACD,GAAG,EAAE;IACH,gCAAgC,EAAE,CAAC,CAAC;IACpC,qDAAqD,EAAE,CAAC,CAAC;IACzD,gCAAgC,EAAE,CAAC;EACrC,CAAC;EACDC,KAAK,EAAE;IACL,mBAAmB,EAAE,CAAC;EACxB,CAAC;EACDC,CAAC,EAAE;IAAE,oEAAoE,EAAE,CAAC;EAAE,CAAC;EAC/EC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC,CAAC;IACnD,cAAc,EAAE,CAAC;EACnB,CAAC;EACDC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACDC,EAAE,EAAE;IACF,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACD,UAAU,EAAE;IACV,+CAA+C,EAAE,CAAC;EACpD,CAAC;EACDC,KAAK,EAAE;IACL,0BAA0B,EAAE,CAAC;EAC/B,CAAC;EACDC,CAAC,EAAE;IAAE,aAAa,EAAE,CAAC;EAAE,CAAC;EAExB,eAAe,EAAE;IACf,sBAAsB,EAAE,CAAC,CAAC;IAE1BA,CAAC,EAAE;MAAE,wBAAwB,EAAE,CAAC;IAAE;EACpC;AACF,CAAC"}
|