@sk-web-gui/core 1.0.2 → 1.1.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 +6 -1
- package/dist/cjs/base.js.map +1 -1
- package/dist/cjs/colors.js +5 -1
- package/dist/cjs/colors.js.map +1 -1
- package/dist/cjs/components/accordion.js +97 -20
- package/dist/cjs/components/accordion.js.map +1 -1
- package/dist/cjs/components/alert.js +5 -1
- package/dist/cjs/components/alert.js.map +1 -1
- package/dist/cjs/components/avatar.js +5 -1
- package/dist/cjs/components/avatar.js.map +1 -1
- package/dist/cjs/components/badge.js +5 -1
- package/dist/cjs/components/badge.js.map +1 -1
- package/dist/cjs/components/breadcrumb.js +5 -1
- package/dist/cjs/components/breadcrumb.js.map +1 -1
- package/dist/cjs/components/button-group.js +5 -1
- package/dist/cjs/components/button-group.js.map +1 -1
- package/dist/cjs/components/button.js +5 -1
- package/dist/cjs/components/button.js.map +1 -1
- package/dist/cjs/components/card.js +5 -1
- package/dist/cjs/components/card.js.map +1 -1
- package/dist/cjs/components/checkbox.js +5 -1
- package/dist/cjs/components/checkbox.js.map +1 -1
- package/dist/cjs/components/chip.js +41 -0
- package/dist/cjs/components/chip.js.map +1 -0
- package/dist/cjs/components/code.js +5 -1
- package/dist/cjs/components/code.js.map +1 -1
- package/dist/cjs/components/combobox.js +10 -1
- package/dist/cjs/components/combobox.js.map +1 -1
- package/dist/cjs/components/cookie-consent.js +5 -1
- package/dist/cjs/components/cookie-consent.js.map +1 -1
- package/dist/cjs/components/dialog.js +5 -1
- package/dist/cjs/components/dialog.js.map +1 -1
- package/dist/cjs/components/divider.js +5 -1
- package/dist/cjs/components/divider.js.map +1 -1
- package/dist/cjs/components/dot.js +5 -1
- package/dist/cjs/components/dot.js.map +1 -1
- package/dist/cjs/components/filter.js +5 -1
- package/dist/cjs/components/filter.js.map +1 -1
- package/dist/cjs/components/footer.js +5 -1
- package/dist/cjs/components/footer.js.map +1 -1
- package/dist/cjs/components/forms.js +5 -1
- package/dist/cjs/components/forms.js.map +1 -1
- package/dist/cjs/components/header.js +10 -2
- package/dist/cjs/components/header.js.map +1 -1
- package/dist/cjs/components/icon.js +5 -1
- package/dist/cjs/components/icon.js.map +1 -1
- package/dist/cjs/components/input.js +17 -10
- package/dist/cjs/components/input.js.map +1 -1
- package/dist/cjs/components/kbd.js +5 -1
- package/dist/cjs/components/kbd.js.map +1 -1
- package/dist/cjs/components/label.js +5 -1
- package/dist/cjs/components/label.js.map +1 -1
- package/dist/cjs/components/link.js +5 -1
- package/dist/cjs/components/link.js.map +1 -1
- package/dist/cjs/components/list.js +5 -1
- package/dist/cjs/components/list.js.map +1 -1
- package/dist/cjs/components/logo.js +5 -1
- package/dist/cjs/components/logo.js.map +1 -1
- package/dist/cjs/components/menu-vertical.js +7 -6
- package/dist/cjs/components/menu-vertical.js.map +1 -1
- package/dist/cjs/components/menubar.js +7 -3
- package/dist/cjs/components/menubar.js.map +1 -1
- package/dist/cjs/components/modal.js +5 -1
- package/dist/cjs/components/modal.js.map +1 -1
- package/dist/cjs/components/pagination.js +5 -1
- package/dist/cjs/components/pagination.js.map +1 -1
- package/dist/cjs/components/popup-menu.js +5 -1
- package/dist/cjs/components/popup-menu.js.map +1 -1
- package/dist/cjs/components/progress-bar.js +5 -1
- package/dist/cjs/components/progress-bar.js.map +1 -1
- package/dist/cjs/components/progress-stepper.js +5 -1
- package/dist/cjs/components/progress-stepper.js.map +1 -1
- package/dist/cjs/components/radio.js +5 -1
- package/dist/cjs/components/radio.js.map +1 -1
- package/dist/cjs/components/search-field.js +5 -1
- package/dist/cjs/components/search-field.js.map +1 -1
- package/dist/cjs/components/select.js +5 -1
- package/dist/cjs/components/select.js.map +1 -1
- package/dist/cjs/components/snackbar.js +5 -1
- package/dist/cjs/components/snackbar.js.map +1 -1
- package/dist/cjs/components/spinner.js +5 -1
- package/dist/cjs/components/spinner.js.map +1 -1
- package/dist/cjs/components/switch.js +5 -1
- package/dist/cjs/components/switch.js.map +1 -1
- package/dist/cjs/components/table.js +5 -1
- package/dist/cjs/components/table.js.map +1 -1
- package/dist/cjs/components/tabs.js +12 -57
- package/dist/cjs/components/tabs.js.map +1 -1
- package/dist/cjs/components/tooltip.js +5 -1
- package/dist/cjs/components/tooltip.js.map +1 -1
- package/dist/cjs/components/user-menu.js +5 -1
- package/dist/cjs/components/user-menu.js.map +1 -1
- package/dist/cjs/components/zebratable.js +18 -5
- package/dist/cjs/components/zebratable.js.map +1 -1
- package/dist/cjs/index.js +10 -7
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/plugin.js +56 -56
- package/dist/cjs/plugin.js.map +1 -1
- package/dist/cjs/preset.js +10 -2
- package/dist/cjs/preset.js.map +1 -1
- package/dist/cjs/theme.js +70 -66
- package/dist/cjs/theme.js.map +1 -1
- package/dist/cjs/units.js +44 -39
- package/dist/cjs/units.js.map +1 -1
- package/dist/cjs/with-opacity.js +6 -1
- package/dist/cjs/with-opacity.js.map +1 -1
- package/dist/esm/base.js +3 -1
- package/dist/esm/base.js.map +1 -1
- package/dist/esm/colors.js +2 -1
- package/dist/esm/colors.js.map +1 -1
- package/dist/esm/components/accordion.js +93 -20
- package/dist/esm/components/accordion.js.map +1 -1
- package/dist/esm/components/alert.js +1 -1
- package/dist/esm/components/alert.js.map +1 -1
- package/dist/esm/components/avatar.js +1 -1
- package/dist/esm/components/avatar.js.map +1 -1
- package/dist/esm/components/badge.js +1 -1
- package/dist/esm/components/badge.js.map +1 -1
- package/dist/esm/components/breadcrumb.js +1 -1
- package/dist/esm/components/breadcrumb.js.map +1 -1
- package/dist/esm/components/button-group.js +1 -1
- package/dist/esm/components/button-group.js.map +1 -1
- package/dist/esm/components/button.js +1 -1
- package/dist/esm/components/button.js.map +1 -1
- package/dist/esm/components/card.js +1 -1
- package/dist/esm/components/card.js.map +1 -1
- package/dist/esm/components/checkbox.js +1 -1
- package/dist/esm/components/checkbox.js.map +1 -1
- package/dist/esm/components/chip.js +35 -0
- package/dist/esm/components/chip.js.map +1 -0
- package/dist/esm/components/code.js +1 -1
- package/dist/esm/components/code.js.map +1 -1
- package/dist/esm/components/combobox.js +6 -1
- package/dist/esm/components/combobox.js.map +1 -1
- package/dist/esm/components/cookie-consent.js +1 -1
- package/dist/esm/components/cookie-consent.js.map +1 -1
- package/dist/esm/components/dialog.js +1 -1
- package/dist/esm/components/dialog.js.map +1 -1
- package/dist/esm/components/divider.js +1 -1
- package/dist/esm/components/divider.js.map +1 -1
- package/dist/esm/components/dot.js +1 -1
- package/dist/esm/components/dot.js.map +1 -1
- package/dist/esm/components/filter.js +1 -1
- package/dist/esm/components/filter.js.map +1 -1
- package/dist/esm/components/footer.js +1 -1
- package/dist/esm/components/footer.js.map +1 -1
- package/dist/esm/components/forms.js +1 -1
- package/dist/esm/components/forms.js.map +1 -1
- package/dist/esm/components/header.js +6 -2
- package/dist/esm/components/header.js.map +1 -1
- package/dist/esm/components/icon.js +1 -1
- package/dist/esm/components/icon.js.map +1 -1
- package/dist/esm/components/input.js +13 -10
- package/dist/esm/components/input.js.map +1 -1
- package/dist/esm/components/kbd.js +1 -1
- package/dist/esm/components/kbd.js.map +1 -1
- package/dist/esm/components/label.js +1 -1
- package/dist/esm/components/label.js.map +1 -1
- package/dist/esm/components/link.js +1 -1
- package/dist/esm/components/link.js.map +1 -1
- package/dist/esm/components/list.js +1 -1
- package/dist/esm/components/list.js.map +1 -1
- package/dist/esm/components/logo.js +1 -1
- package/dist/esm/components/logo.js.map +1 -1
- package/dist/esm/components/menu-vertical.js +3 -6
- package/dist/esm/components/menu-vertical.js.map +1 -1
- package/dist/esm/components/menubar.js +3 -3
- package/dist/esm/components/menubar.js.map +1 -1
- package/dist/esm/components/modal.js +1 -1
- package/dist/esm/components/modal.js.map +1 -1
- package/dist/esm/components/pagination.js +1 -1
- package/dist/esm/components/pagination.js.map +1 -1
- package/dist/esm/components/popup-menu.js +1 -1
- package/dist/esm/components/popup-menu.js.map +1 -1
- package/dist/esm/components/progress-bar.js +1 -1
- package/dist/esm/components/progress-bar.js.map +1 -1
- package/dist/esm/components/progress-stepper.js +1 -1
- package/dist/esm/components/progress-stepper.js.map +1 -1
- package/dist/esm/components/radio.js +1 -1
- package/dist/esm/components/radio.js.map +1 -1
- package/dist/esm/components/search-field.js +1 -1
- package/dist/esm/components/search-field.js.map +1 -1
- package/dist/esm/components/select.js +1 -1
- package/dist/esm/components/select.js.map +1 -1
- package/dist/esm/components/snackbar.js +1 -1
- package/dist/esm/components/snackbar.js.map +1 -1
- package/dist/esm/components/spinner.js +1 -1
- package/dist/esm/components/spinner.js.map +1 -1
- package/dist/esm/components/switch.js +1 -1
- package/dist/esm/components/switch.js.map +1 -1
- package/dist/esm/components/table.js +1 -1
- package/dist/esm/components/table.js.map +1 -1
- package/dist/esm/components/tabs.js +8 -57
- package/dist/esm/components/tabs.js.map +1 -1
- package/dist/esm/components/tooltip.js +1 -1
- package/dist/esm/components/tooltip.js.map +1 -1
- package/dist/esm/components/user-menu.js +1 -1
- package/dist/esm/components/user-menu.js.map +1 -1
- package/dist/esm/components/zebratable.js +14 -5
- package/dist/esm/components/zebratable.js.map +1 -1
- package/dist/esm/index.js +4 -7
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/plugin.js +50 -54
- package/dist/esm/plugin.js.map +1 -1
- package/dist/esm/preset.js +5 -2
- package/dist/esm/preset.js.map +1 -1
- package/dist/esm/theme.js +25 -26
- package/dist/esm/theme.js.map +1 -1
- package/dist/esm/units.js +41 -39
- package/dist/esm/units.js.map +1 -1
- package/dist/esm/with-opacity.js +2 -1
- package/dist/esm/with-opacity.js.map +1 -1
- package/dist/types/base.d.ts +53 -0
- package/dist/types/colors.d.ts +643 -0
- package/dist/types/components/accordion.d.ts +169 -0
- package/dist/types/components/alert-banner.d.ts +24 -0
- package/dist/types/components/alert.d.ts +21 -0
- package/dist/types/components/avatar.d.ts +26 -0
- package/dist/types/components/badge.d.ts +21 -0
- package/dist/types/components/breadcrumb.d.ts +28 -0
- package/dist/types/components/button-group.d.ts +25 -0
- package/dist/types/components/button.d.ts +198 -0
- package/dist/types/components/card.d.ts +135 -0
- package/dist/types/components/checkbox.d.ts +105 -0
- package/dist/types/components/chip.d.ts +34 -0
- package/dist/types/components/code.d.ts +8 -0
- package/dist/types/components/combobox.d.ts +69 -0
- package/dist/types/components/comments.d.ts +30 -0
- package/dist/types/components/context-menu.d.ts +39 -0
- package/dist/types/components/cookie-consent.d.ts +35 -0
- package/dist/types/components/dialog.d.ts +5 -0
- package/dist/types/components/divider.d.ts +50 -0
- package/dist/types/components/dot.d.ts +43 -0
- package/dist/types/components/dropdown-filter.d.ts +58 -0
- package/dist/types/components/filter.d.ts +14 -0
- package/dist/types/components/footer.d.ts +27 -0
- package/dist/types/components/forms.d.ts +24 -0
- package/dist/types/components/header.d.ts +28 -0
- package/dist/types/components/icon.d.ts +38 -0
- package/dist/types/components/input.d.ts +209 -0
- package/dist/types/components/kbd.d.ts +7 -0
- package/dist/types/components/label.d.ts +19 -0
- package/dist/types/components/link.d.ts +43 -0
- package/dist/types/components/list.d.ts +52 -0
- package/dist/types/components/logo.d.ts +48 -0
- package/dist/types/components/menu-vertical.d.ts +215 -0
- package/dist/types/components/menubar.d.ts +35 -0
- package/dist/types/components/modal.d.ts +41 -0
- package/dist/types/components/notification.d.ts +48 -0
- package/dist/types/components/pagination.d.ts +100 -0
- package/dist/types/components/popup-menu.d.ts +105 -0
- package/dist/types/components/progress-bar.d.ts +13 -0
- package/dist/types/components/progress-stepper.d.ts +50 -0
- package/dist/types/components/radio.d.ts +125 -0
- package/dist/types/components/search-field.d.ts +20 -0
- package/dist/types/components/select.d.ts +141 -0
- package/dist/types/components/side-menu.d.ts +219 -0
- package/dist/types/components/snackbar.d.ts +30 -0
- package/dist/types/components/spinner.d.ts +10 -0
- package/dist/types/components/switch.d.ts +64 -0
- package/dist/types/components/tab-menu.d.ts +57 -0
- package/dist/types/components/table.d.ts +11 -0
- package/dist/types/components/tabs.d.ts +14 -0
- package/dist/types/components/tooltip.d.ts +53 -0
- package/dist/types/components/user-menu.d.ts +13 -0
- package/dist/types/components/zebratable.d.ts +134 -0
- package/dist/types/index.d.ts +4 -0
- package/dist/types/plugin.d.ts +12 -0
- package/dist/types/preset.d.ts +15 -0
- package/dist/types/theme.d.ts +4 -0
- package/dist/types/units.d.ts +251 -0
- package/dist/types/with-opacity.d.ts +4 -0
- package/package.json +20 -13
- package/dist/cjs/components/calendar.js +0 -67
- package/dist/cjs/components/calendar.js.map +0 -1
- package/dist/cjs/components/form-control.js +0 -8
- package/dist/cjs/components/form-control.js.map +0 -1
- package/dist/cjs/components/message.js +0 -52
- package/dist/cjs/components/message.js.map +0 -1
- package/dist/cjs/components/profile-picture.js +0 -15
- package/dist/cjs/components/profile-picture.js.map +0 -1
- package/dist/cjs/components/profile.js +0 -34
- package/dist/cjs/components/profile.js.map +0 -1
- package/dist/cjs/components/search-bar.js +0 -8
- package/dist/cjs/components/search-bar.js.map +0 -1
- package/dist/cjs/components/tag.js +0 -72
- package/dist/cjs/components/tag.js.map +0 -1
- package/dist/esm/components/calendar.js +0 -65
- package/dist/esm/components/calendar.js.map +0 -1
- package/dist/esm/components/form-control.js +0 -6
- package/dist/esm/components/form-control.js.map +0 -1
- package/dist/esm/components/message.js +0 -50
- package/dist/esm/components/message.js.map +0 -1
- package/dist/esm/components/profile-picture.js +0 -13
- package/dist/esm/components/profile-picture.js.map +0 -1
- package/dist/esm/components/profile.js +0 -32
- package/dist/esm/components/profile.js.map +0 -1
- package/dist/esm/components/search-bar.js +0 -6
- package/dist/esm/components/search-bar.js.map +0 -1
- package/dist/esm/components/tag.js +0 -79
- package/dist/esm/components/tag.js.map +0 -1
- package/src/base.js +0 -47
- package/src/colors.js +0 -645
- package/src/components/accordion.js +0 -103
- package/src/components/alert-banner.js +0 -29
- package/src/components/alert.js +0 -90
- package/src/components/avatar.js +0 -39
- package/src/components/badge.js +0 -41
- package/src/components/breadcrumb.js +0 -33
- package/src/components/button-group.js +0 -31
- package/src/components/button.js +0 -309
- package/src/components/card.js +0 -293
- package/src/components/checkbox.js +0 -136
- package/src/components/code.js +0 -9
- package/src/components/combobox.js +0 -66
- package/src/components/comments.js +0 -38
- package/src/components/context-menu.js +0 -49
- package/src/components/cookie-consent.js +0 -45
- package/src/components/dialog.js +0 -5
- package/src/components/divider.js +0 -52
- package/src/components/dot.js +0 -83
- package/src/components/dropdown-filter.js +0 -66
- package/src/components/filter.js +0 -16
- package/src/components/footer.js +0 -29
- package/src/components/forms.js +0 -27
- package/src/components/header.js +0 -28
- package/src/components/icon.js +0 -78
- package/src/components/input.js +0 -244
- package/src/components/kbd.js +0 -9
- package/src/components/label.js +0 -37
- package/src/components/link.js +0 -53
- package/src/components/list.js +0 -61
- package/src/components/logo.js +0 -49
- package/src/components/menu-vertical.js +0 -293
- package/src/components/menubar.js +0 -56
- package/src/components/modal.js +0 -47
- package/src/components/notification.js +0 -56
- package/src/components/pagination.js +0 -116
- package/src/components/popup-menu.js +0 -111
- package/src/components/progress-bar.js +0 -31
- package/src/components/progress-stepper.js +0 -50
- package/src/components/radio.js +0 -138
- package/src/components/search-field.js +0 -20
- package/src/components/select.js +0 -203
- package/src/components/side-menu.js +0 -272
- package/src/components/snackbar.js +0 -34
- package/src/components/spinner.js +0 -23
- package/src/components/switch.js +0 -85
- package/src/components/tab-menu.js +0 -58
- package/src/components/table.js +0 -13
- package/src/components/tabs.js +0 -64
- package/src/components/tooltip.js +0 -64
- package/src/components/user-menu.js +0 -13
- package/src/components/zebratable.js +0 -140
- package/src/index.js +0 -8
- package/src/plugin.js +0 -142
- package/src/preset.js +0 -5
- package/src/theme.js +0 -158
- package/src/units.js +0 -212
- package/src/with-opacity.js +0 -6
package/dist/cjs/plugin.js
CHANGED
|
@@ -1,60 +1,59 @@
|
|
|
1
|
-
|
|
2
|
-
var base = require('./base');
|
|
3
|
-
var theme = require('./theme');
|
|
1
|
+
"use strict";
|
|
4
2
|
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports["default"] = void 0;
|
|
5
|
+
var _plugin = _interopRequireDefault(require("tailwindcss/plugin"));
|
|
6
|
+
var _base = require("./base");
|
|
7
|
+
var _theme = require("./theme");
|
|
8
|
+
var _accordion = require("./components/accordion");
|
|
9
|
+
var _alert = require("./components/alert");
|
|
10
|
+
var _avatar = require("./components/avatar");
|
|
11
|
+
var _badge = require("./components/badge");
|
|
12
|
+
var _breadcrumb = require("./components/breadcrumb");
|
|
13
|
+
var _button = require("./components/button");
|
|
14
|
+
var _buttonGroup = require("./components/button-group");
|
|
15
|
+
var _card = require("./components/card");
|
|
16
|
+
var _checkbox = require("./components/checkbox");
|
|
17
|
+
var _chip = require("./components/chip");
|
|
18
|
+
var _combobox = require("./components/combobox");
|
|
19
|
+
var _cookieConsent = require("./components/cookie-consent");
|
|
20
|
+
var _dialog = require("./components/dialog");
|
|
21
|
+
var _divider = require("./components/divider");
|
|
22
|
+
var _dot = require("./components/dot");
|
|
23
|
+
var _filter = require("./components/filter");
|
|
24
|
+
var _footer = require("./components/footer");
|
|
25
|
+
var _forms = require("./components/forms");
|
|
26
|
+
var _header = require("./components/header");
|
|
27
|
+
var _icon = require("./components/icon");
|
|
28
|
+
var _input = require("./components/input");
|
|
29
|
+
var _label = require("./components/label");
|
|
30
|
+
var _link = require("./components/link");
|
|
31
|
+
var _list = require("./components/list");
|
|
32
|
+
var _logo = require("./components/logo");
|
|
33
|
+
var _menuVertical = require("./components/menu-vertical");
|
|
34
|
+
var _menubar = require("./components/menubar");
|
|
35
|
+
var _modal = require("./components/modal");
|
|
36
|
+
var _pagination = require("./components/pagination");
|
|
37
|
+
var _popupMenu = require("./components/popup-menu");
|
|
38
|
+
var _progressBar = require("./components/progress-bar");
|
|
39
|
+
var _progressStepper = require("./components/progress-stepper");
|
|
40
|
+
var _radio = require("./components/radio");
|
|
41
|
+
var _searchField = require("./components/search-field");
|
|
42
|
+
var _select = require("./components/select");
|
|
43
|
+
var _snackbar = require("./components/snackbar");
|
|
44
|
+
var _spinner = require("./components/spinner");
|
|
45
|
+
var _switch = require("./components/switch");
|
|
46
|
+
var _table = require("./components/table");
|
|
47
|
+
var _tabs = require("./components/tabs");
|
|
48
|
+
var _tooltip = require("./components/tooltip");
|
|
49
|
+
var _userMenu = require("./components/user-menu");
|
|
50
|
+
var _zebratable = require("./components/zebratable");
|
|
51
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
5
52
|
// components
|
|
6
|
-
|
|
7
|
-
var
|
|
8
|
-
var Badge = require('./components/badge');
|
|
9
|
-
var Breadcrumb = require('./components/breadcrumb');
|
|
10
|
-
var ButtonGroup = require('./components/button-group');
|
|
11
|
-
var ComboBox = require('./components/combobox');
|
|
12
|
-
var Comments = require('./components/comments');
|
|
13
|
-
var Checkbox = require('./components/checkbox');
|
|
14
|
-
var ContextMenu = require('./components/context-menu');
|
|
15
|
-
var Dialog = require('./components/dialog');
|
|
16
|
-
var Dot = require('./components/dot');
|
|
17
|
-
var Forms = require('./components/forms');
|
|
18
|
-
var Filter = require('./components/filter');
|
|
19
|
-
var Icon = require('./components/icon');
|
|
20
|
-
var Input = require('./components/input');
|
|
21
|
-
var Label = require('./components/label');
|
|
22
|
-
var Link = require('./components/link');
|
|
23
|
-
var List = require('./components/list');
|
|
24
|
-
var Logo = require('./components/logo');
|
|
25
|
-
var Menubar = require('./components/menubar');
|
|
26
|
-
var MenuVertical = require('./components/menu-vertical');
|
|
27
|
-
var Select = require('./components/select');
|
|
28
|
-
var Snackbar = require('./components/snackbar');
|
|
29
|
-
var Spinner = require('./components/spinner');
|
|
30
|
-
var Notification = require('./components/notification');
|
|
31
|
-
var Radio = require('./components/radio');
|
|
32
|
-
var Switch = require('./components/switch');
|
|
33
|
-
var Button = require('./components/button');
|
|
34
|
-
var Accordion = require('./components/accordion');
|
|
35
|
-
var Avatar = require('./components/avatar');
|
|
36
|
-
var Card = require('./components/card');
|
|
37
|
-
var Table = require('./components/table');
|
|
38
|
-
var ZebraTable = require('./components/zebratable');
|
|
39
|
-
var Modal = require('./components/modal');
|
|
40
|
-
var CookieConsent = require('./components/cookie-consent');
|
|
41
|
-
var Divider = require('./components/divider');
|
|
42
|
-
var SideMenu = require('./components/side-menu');
|
|
43
|
-
var TabMenu = require('./components/tab-menu');
|
|
44
|
-
var Tabs = require('./components/tabs');
|
|
45
|
-
var Tooltip = require('./components/tooltip');
|
|
46
|
-
var UserMenu = require('./components/user-menu');
|
|
47
|
-
var DropdownFilter = require('./components/dropdown-filter');
|
|
48
|
-
var Pagination = require('./components/pagination');
|
|
49
|
-
var PopupMenu = require('./components/popup-menu');
|
|
50
|
-
var Footer = require('./components/footer');
|
|
51
|
-
var Header = require('./components/header');
|
|
52
|
-
var SearchField = require('./components/search-field');
|
|
53
|
-
var ProgressStepper = require('./components/progress-stepper');
|
|
54
|
-
var ProgressBar = require('./components/progress-bar');
|
|
55
|
-
var components = [Alert, AlertBanner, Badge, Breadcrumb, ButtonGroup, Button, Checkbox, Comments, ContextMenu, Dialog, Dot, Forms, Filter, Icon, Input, Label, Link, List, Logo, Menubar, MenuVertical, Select, Snackbar, Spinner, Notification, Radio, Switch, Table, ZebraTable, CookieConsent, Modal, Accordion, Avatar, Card, Divider, SideMenu, TabMenu, Tabs, Tooltip, UserMenu, DropdownFilter, SearchField, Pagination, PopupMenu, Footer, Header, ProgressStepper, ProgressBar, ComboBox];
|
|
53
|
+
|
|
54
|
+
var components = [_alert.Alert, _badge.Badge, _breadcrumb.Breadcrumb, _buttonGroup.ButtonGroup, _button.Button, _checkbox.Checkbox, _chip.Chip, _dialog.Dialog, _dot.Dot, _forms.Forms, _filter.Filter, _icon.Icon, _input.Input, _label.Label, _link.Link, _list.List, _logo.Logo, _menubar.MenuBar, _menuVertical.MenuVertical, _select.Select, _snackbar.Snackbar, _spinner.Spinner, _radio.Radio, _switch.Switch, _table.Table, _tabs.Tabs, _zebratable.ZebraTable, _cookieConsent.CookieConsent, _modal.Modal, _accordion.Accordion, _avatar.Avatar, _card.Card, _divider.Divider, _tooltip.Tooltip, _userMenu.UserMenu, _searchField.SearchField, _pagination.Pagination, _popupMenu.PopupMenu, _footer.Footer, _header.Header, _progressStepper.ProgressStepper, _progressBar.ProgressBar, _combobox.ComboBox];
|
|
56
55
|
var defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];
|
|
57
|
-
|
|
56
|
+
var plugin = _plugin["default"].withOptions(function (options) {
|
|
58
57
|
if (options === void 0) {
|
|
59
58
|
options = {
|
|
60
59
|
colors: [],
|
|
@@ -67,7 +66,7 @@ module.exports = plugin.withOptions(function (options) {
|
|
|
67
66
|
theme = _ref.theme;
|
|
68
67
|
var optionColors = [].concat(defaultColors, options.colors || []);
|
|
69
68
|
if (options.cssBase) {
|
|
70
|
-
addBase(base);
|
|
69
|
+
addBase(_base.base);
|
|
71
70
|
}
|
|
72
71
|
addComponents(components.map(function (component) {
|
|
73
72
|
return component(optionColors, theme);
|
|
@@ -75,7 +74,8 @@ module.exports = plugin.withOptions(function (options) {
|
|
|
75
74
|
};
|
|
76
75
|
}, function () {
|
|
77
76
|
return {
|
|
78
|
-
theme: theme
|
|
77
|
+
theme: _theme.theme
|
|
79
78
|
};
|
|
80
79
|
});
|
|
80
|
+
var _default = exports["default"] = plugin;
|
|
81
81
|
//# sourceMappingURL=plugin.js.map
|
package/dist/cjs/plugin.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"plugin.js","names":["
|
|
1
|
+
{"version":3,"file":"plugin.js","names":["_plugin","_interopRequireDefault","require","_base","_theme","_accordion","_alert","_avatar","_badge","_breadcrumb","_button","_buttonGroup","_card","_checkbox","_chip","_combobox","_cookieConsent","_dialog","_divider","_dot","_filter","_footer","_forms","_header","_icon","_input","_label","_link","_list","_logo","_menuVertical","_menubar","_modal","_pagination","_popupMenu","_progressBar","_progressStepper","_radio","_searchField","_select","_snackbar","_spinner","_switch","_table","_tabs","_tooltip","_userMenu","_zebratable","obj","__esModule","components","Alert","Badge","Breadcrumb","ButtonGroup","Button","Checkbox","Chip","Dialog","Dot","Forms","Filter","Icon","Input","Label","Link","List","Logo","MenuBar","MenuVertical","Select","Snackbar","Spinner","Radio","Switch","Table","Tabs","ZebraTable","CookieConsent","Modal","Accordion","Avatar","Card","Divider","Tooltip","UserMenu","SearchField","Pagination","PopupMenu","Footer","Header","ProgressStepper","ProgressBar","ComboBox","defaultColors","plugin","TailwindPlugin","withOptions","options","colors","cssBase","_ref","addComponents","addBase","theme","optionColors","concat","base","map","component","_default","exports"],"sources":["../../src/plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\nimport { base } from './base';\r\nimport { theme } from './theme';\r\n\r\n// components\r\nimport { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\nimport { Accordion } from './components/accordion';\r\nimport { Alert } from './components/alert';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { MenuBar } from './components/menubar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { Tabs } from './components/tabs';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\nimport { ZebraTable } from './components/zebratable';\r\n\r\nconst components: ((colors: string[], theme: PluginAPI['theme']) => CSSRuleObject)[] = [\r\n Alert,\r\n Badge,\r\n Breadcrumb,\r\n ButtonGroup,\r\n Button,\r\n Checkbox,\r\n Chip,\r\n Dialog,\r\n Dot,\r\n Forms,\r\n Filter,\r\n Icon,\r\n Input,\r\n Label,\r\n Link,\r\n List,\r\n Logo,\r\n MenuBar,\r\n MenuVertical,\r\n Select,\r\n Snackbar,\r\n Spinner,\r\n Radio,\r\n Switch,\r\n Table,\r\n Tabs,\r\n ZebraTable,\r\n CookieConsent,\r\n Modal,\r\n Accordion,\r\n Avatar,\r\n Card,\r\n Divider,\r\n Tooltip,\r\n UserMenu,\r\n SearchField,\r\n Pagination,\r\n PopupMenu,\r\n Footer,\r\n Header,\r\n ProgressStepper,\r\n ProgressBar,\r\n ComboBox,\r\n];\r\n\r\ninterface PluginOptions {\r\n colors: string[];\r\n cssBase: boolean;\r\n}\r\n\r\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\r\n\r\nconst plugin = TailwindPlugin.withOptions<PluginOptions>(\r\n function (options = { colors: [], cssBase: true }) {\r\n return function ({ addComponents, addBase, theme }: PluginAPI) {\r\n const optionColors = [...defaultColors, ...(options.colors || [])];\r\n\r\n if (options.cssBase) {\r\n addBase(base);\r\n }\r\n\r\n addComponents(components.map((component) => component(optionColors, theme)));\r\n };\r\n },\r\n function () {\r\n return {\r\n theme: theme,\r\n };\r\n }\r\n);\r\n\r\nexport default plugin;\r\n"],"mappings":"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"}
|
package/dist/cjs/preset.js
CHANGED
|
@@ -1,4 +1,11 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports["default"] = void 0;
|
|
5
|
+
var _forms = _interopRequireDefault(require("@tailwindcss/forms"));
|
|
6
|
+
var _plugin = _interopRequireDefault(require("./plugin"));
|
|
7
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
8
|
+
var preset = function preset(options) {
|
|
2
9
|
if (options === void 0) {
|
|
3
10
|
options = {
|
|
4
11
|
tailwindForms: true,
|
|
@@ -9,7 +16,8 @@ module.exports = function (options) {
|
|
|
9
16
|
};
|
|
10
17
|
}
|
|
11
18
|
return {
|
|
12
|
-
plugins: [].concat(options.tailwindForms ? [
|
|
19
|
+
plugins: [].concat(options.tailwindForms ? [(0, _forms["default"])()] : [], [(0, _plugin["default"])(options.plugin)])
|
|
13
20
|
};
|
|
14
21
|
};
|
|
22
|
+
var _default = exports["default"] = preset;
|
|
15
23
|
//# sourceMappingURL=preset.js.map
|
package/dist/cjs/preset.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"preset.js","names":["
|
|
1
|
+
{"version":3,"file":"preset.js","names":["_forms","_interopRequireDefault","require","_plugin","obj","__esModule","preset","options","tailwindForms","plugin","colors","cssBase","plugins","concat","_default","exports"],"sources":["../../src/preset.ts"],"sourcesContent":["import tailwindForms from '@tailwindcss/forms';\r\nimport plugin from './plugin';\r\n\r\nconst preset = function (options = { tailwindForms: true, plugin: { colors: [], cssBase: true } }) {\r\n return {\r\n plugins: [...(options.tailwindForms ? [tailwindForms()] : []), plugin(options.plugin)],\r\n };\r\n};\r\nexport default preset;\r\n"],"mappings":";;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,OAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA8B,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAE9B,IAAME,MAAM,GAAG,SAATA,MAAMA,CAAaC,OAAO,EAAmE;EAAA,IAA1EA,OAAO;IAAPA,OAAO,GAAG;MAAEC,aAAa,EAAE,IAAI;MAAEC,MAAM,EAAE;QAAEC,MAAM,EAAE,EAAE;QAAEC,OAAO,EAAE;MAAK;IAAE,CAAC;EAAA;EAC/F,OAAO;IACLC,OAAO,KAAAC,MAAA,CAAON,OAAO,CAACC,aAAa,GAAG,CAAC,IAAAA,iBAAa,EAAC,CAAC,CAAC,GAAG,EAAE,GAAG,IAAAC,kBAAM,EAACF,OAAO,CAACE,MAAM,CAAC;EACvF,CAAC;AACH,CAAC;AAAC,IAAAK,QAAA,GAAAC,OAAA,cACaT,MAAM"}
|
package/dist/cjs/theme.js
CHANGED
|
@@ -1,18 +1,22 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.theme = void 0;
|
|
5
|
+
var _withOpacity = _interopRequireDefault(require("./with-opacity"));
|
|
6
|
+
var _colors = require("./colors");
|
|
7
|
+
var _units = require("./units");
|
|
8
|
+
var _theme = require("@sk-web-gui/theme");
|
|
9
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
|
|
1
10
|
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
|
|
3
|
-
|
|
4
|
-
var units = require('./units');
|
|
5
|
-
var _require = require('@sk-web-gui/theme'),
|
|
6
|
-
screens = _require.screens;
|
|
7
|
-
module.exports = {
|
|
8
|
-
fontSize: _extends({}, units.fontSizes, {
|
|
11
|
+
var theme = exports.theme = {
|
|
12
|
+
fontSize: _extends({}, _units.units.fontSizes, {
|
|
9
13
|
tiny: '1rem',
|
|
10
14
|
xs: '1.2rem',
|
|
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']
|
|
15
|
+
xl: _units.units.fontSizes['h4'],
|
|
16
|
+
'2xl': _units.units.fontSizes['h3'],
|
|
17
|
+
'3xl': _units.units.fontSizes['h2'],
|
|
18
|
+
'4xl': _units.units.fontSizes['h1'],
|
|
19
|
+
'5xl': _units.units.fontSizes['h3']
|
|
16
20
|
}),
|
|
17
21
|
fontFamily: {
|
|
18
22
|
DEFAULT: ['Arial', 'Helvetica', 'sans-serif'],
|
|
@@ -20,22 +24,22 @@ module.exports = {
|
|
|
20
24
|
header: ['Raleway', 'Arial', 'Helvetica', 'sans-serif'],
|
|
21
25
|
display: ['Raleway', 'Arial', 'Helvetica', 'sans-serif']
|
|
22
26
|
},
|
|
23
|
-
screens: screens,
|
|
24
|
-
borderRadius: _extends({}, units.radius, {
|
|
27
|
+
screens: _theme.screens,
|
|
28
|
+
borderRadius: _extends({}, _units.units.radius, {
|
|
25
29
|
base: 'var(--sk-spacing-0)'
|
|
26
30
|
}),
|
|
27
31
|
extend: {
|
|
28
|
-
backgroundPosition: _extends({}, Object.keys(units.spacing).reduce(function (positions, spaceKey) {
|
|
32
|
+
backgroundPosition: _extends({}, Object.keys(_units.units.spacing).reduce(function (positions, spaceKey) {
|
|
29
33
|
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));
|
|
34
|
+
return _extends({}, positions, (_extends2 = {}, _extends2["top-" + spaceKey] = "center top " + _units.units.spacing[spaceKey], _extends2["right-" + spaceKey] = "center right " + _units.units.spacing[spaceKey], _extends2["bottom-" + spaceKey] = "center bottom " + _units.units.spacing[spaceKey], _extends2["left-" + spaceKey] = "center left " + _units.units.spacing[spaceKey], _extends2));
|
|
31
35
|
}, {})),
|
|
32
36
|
boxShadow: {
|
|
33
|
-
100:
|
|
34
|
-
200:
|
|
37
|
+
'100': "\n '0 0.6rem 1.6rem 0 rgba(13,13,14, 0.07)',\n '0 0.181rem 1.2rem 0 rgba(13,13,14, 0.15)',\n '0 0.075rem 0.2rem 0 rgba(13,13,14, 0.085)',\n '0 0.027rem 0.072rem 0 rgba(13,13,14, 0.0583)',\n ",
|
|
38
|
+
'200': "\n '0 1.5rem 2.7rem 0 rgba(13,13,14, 0.1)',\n '0 0.452rem 1.2rem 0 rgba(13,13,14, 0.06)',\n '0 0.188rem 0.338rem 0 rgba(13,13,14, 0.03)',\n '0 0.068rem 0.122rem 0 rgba(13,13,14, 0.02)',\n "
|
|
35
39
|
},
|
|
36
40
|
ringColor: _extends({
|
|
37
|
-
DEFAULT: colors.ring
|
|
38
|
-
}, colors),
|
|
41
|
+
DEFAULT: _colors.colors.ring
|
|
42
|
+
}, _colors.colors),
|
|
39
43
|
ringOffsetWidth: {
|
|
40
44
|
DEFAULT: '0.2rem'
|
|
41
45
|
},
|
|
@@ -44,77 +48,77 @@ module.exports = {
|
|
|
44
48
|
0: '0px'
|
|
45
49
|
},
|
|
46
50
|
ringOpacity: {
|
|
47
|
-
DEFAULT:
|
|
51
|
+
DEFAULT: '1px'
|
|
48
52
|
},
|
|
49
|
-
colors: _extends({}, colors, {
|
|
53
|
+
colors: _extends({}, _colors.colors, {
|
|
50
54
|
current: 'currentColor',
|
|
51
55
|
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]
|
|
56
|
+
DEFAULT: _colors.colors.primitives.gray[600],
|
|
57
|
+
stroke: _colors.colors.divider,
|
|
58
|
+
middle: _colors.colors.primitives.gray[600],
|
|
59
|
+
light: _colors.colors.primitives.gray[300],
|
|
60
|
+
lighter: _colors.colors.primitives.gray[200]
|
|
61
|
+
}, _colors.colors.primitives.gray),
|
|
62
|
+
hover: _colors.colors.primitives.gray[600],
|
|
63
|
+
background: _extends({}, _colors.colors.background, {
|
|
64
|
+
one: _colors.colors.background[100],
|
|
65
|
+
two: _colors.colors.background[200]
|
|
62
66
|
})
|
|
63
67
|
}),
|
|
64
68
|
cursor: {
|
|
65
69
|
base: 'var(--tw-cursor)'
|
|
66
70
|
},
|
|
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]
|
|
71
|
+
spacing: _extends({}, _units.units.spacing, {
|
|
72
|
+
xs: _units.units.spacing[4],
|
|
73
|
+
sm: _units.units.spacing[8],
|
|
74
|
+
md: _units.units.spacing[16],
|
|
75
|
+
lg: _units.units.spacing[24],
|
|
76
|
+
xl: _units.units.spacing[48]
|
|
73
77
|
}),
|
|
74
78
|
maxWidth: {
|
|
75
|
-
content: screens['desktop-max']
|
|
79
|
+
content: _theme.screens['desktop-max']
|
|
76
80
|
},
|
|
77
|
-
borderRadius: _extends({}, units.radius, {
|
|
81
|
+
borderRadius: _extends({}, _units.units.radius, {
|
|
78
82
|
base: 'var(--sk-spacing-0)'
|
|
79
83
|
}),
|
|
80
|
-
lineHeight: _extends({}, units.lineHeights, {
|
|
84
|
+
lineHeight: _extends({}, _units.units.lineHeights, {
|
|
81
85
|
xs: '1.6rem',
|
|
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']
|
|
86
|
+
xl: _units.units.lineHeights['h4'],
|
|
87
|
+
'2xl': _units.units.lineHeights['h3'],
|
|
88
|
+
'3xl': _units.units.lineHeights['h2'],
|
|
89
|
+
'4xl': _units.units.lineHeights['h1'],
|
|
90
|
+
'5xl': _units.units.lineHeights['display-3']
|
|
87
91
|
}),
|
|
88
92
|
opacity: {
|
|
89
|
-
15: '0.15'
|
|
93
|
+
'15': '0.15'
|
|
90
94
|
},
|
|
91
95
|
borderWidth: {
|
|
92
96
|
DEFAULT: '0.2rem',
|
|
93
|
-
1: '0.1rem',
|
|
94
|
-
2: '0.2rem'
|
|
97
|
+
'1': '0.1rem',
|
|
98
|
+
'2': '0.2rem'
|
|
95
99
|
},
|
|
96
100
|
backgroundColor: {
|
|
97
|
-
base:
|
|
98
|
-
fill:
|
|
101
|
+
base: (0, _withOpacity["default"])('--sk-colors-primary-surface'),
|
|
102
|
+
fill: (0, _withOpacity["default"])('--sk-colors-bg-fill')
|
|
99
103
|
},
|
|
100
104
|
textColor: {
|
|
101
|
-
foreground:
|
|
102
|
-
muted:
|
|
105
|
+
foreground: (0, _withOpacity["default"])('--sk-colors-primary-DEFAULT'),
|
|
106
|
+
muted: (0, _withOpacity["default"])('--sk-colors-xt-muted')
|
|
103
107
|
},
|
|
104
108
|
zIndex: {
|
|
105
|
-
hide: -1,
|
|
106
|
-
none: 0,
|
|
107
|
-
base: 1,
|
|
108
|
-
docked: 10,
|
|
109
|
-
dropdown: 1000,
|
|
110
|
-
sticky: 1100,
|
|
111
|
-
banner: 1200,
|
|
112
|
-
overlay: 1300,
|
|
113
|
-
modal: 1400,
|
|
114
|
-
popover: 1500,
|
|
115
|
-
skipLink: 1600,
|
|
116
|
-
toast: 1700,
|
|
117
|
-
tooltip: 1800
|
|
109
|
+
hide: '-1',
|
|
110
|
+
none: '0',
|
|
111
|
+
base: '1',
|
|
112
|
+
docked: '10',
|
|
113
|
+
dropdown: '1000',
|
|
114
|
+
sticky: '1100',
|
|
115
|
+
banner: '1200',
|
|
116
|
+
overlay: '1300',
|
|
117
|
+
modal: '1400',
|
|
118
|
+
popover: '1500',
|
|
119
|
+
skipLink: '1600',
|
|
120
|
+
toast: '1700',
|
|
121
|
+
tooltip: '1800'
|
|
118
122
|
},
|
|
119
123
|
keyframes: {
|
|
120
124
|
'reset-overflow': {
|
package/dist/cjs/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
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: screens['desktop-max'],\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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"}
|
|
1
|
+
{"version":3,"file":"theme.js","names":["_withOpacity","_interopRequireDefault","require","_colors","_units","_theme","obj","__esModule","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","theme","exports","fontSize","units","fontSizes","tiny","xs","xl","fontFamily","DEFAULT","sans","header","display","screens","borderRadius","radius","base","extend","backgroundPosition","keys","spacing","reduce","positions","spaceKey","_extends2","boxShadow","ringColor","colors","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","withOpacity","fill","textColor","foreground","muted","zIndex","hide","none","docked","dropdown","sticky","banner","overlay","modal","popover","skipLink","toast","tooltip","keyframes","overflow","animation"],"sources":["../../src/theme.ts"],"sourcesContent":["import withOpacity from './with-opacity';\r\nimport { colors } from './colors';\r\nimport { units } from './units';\r\nimport { RecursiveObject, screens } from '@sk-web-gui/theme';\r\nimport { Config } from 'tailwindcss/types/config';\r\n\r\nconst theme: RecursiveObject<Config['theme'] | string | string[]> = {\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) as Array<keyof typeof 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: '1px',\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: screens['desktop-max'],\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\nexport { theme };\r\n"],"mappings":"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"}
|
package/dist/cjs/units.js
CHANGED
|
@@ -1,24 +1,28 @@
|
|
|
1
|
-
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
exports.__esModule = true;
|
|
4
|
+
exports.units = void 0;
|
|
5
|
+
var _units = {
|
|
2
6
|
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)'
|
|
7
|
+
'0': 'var(--sk-spacing-0)',
|
|
8
|
+
'2': 'var(--sk-spacing-2)',
|
|
9
|
+
'4': 'var(--sk-spacing-4)',
|
|
10
|
+
'6': 'var(--sk-spacing-6)',
|
|
11
|
+
'8': 'var(--sk-spacing-8)',
|
|
12
|
+
'10': 'var(--sk-spacing-10)',
|
|
13
|
+
'12': 'var(--sk-spacing-12)',
|
|
14
|
+
'14': 'var(--sk-spacing-14)',
|
|
15
|
+
'16': 'var(--sk-spacing-16)',
|
|
16
|
+
'18': 'var(--sk-spacing-18)',
|
|
17
|
+
'20': 'var(--sk-spacing-20)',
|
|
18
|
+
'24': 'var(--sk-spacing-24)',
|
|
19
|
+
'32': 'var(--sk-spacing-32)',
|
|
20
|
+
'40': 'var(--sk-spacing-40)',
|
|
21
|
+
'48': 'var(--sk-spacing-48)',
|
|
22
|
+
'56': 'var(--sk-spacing-56)',
|
|
23
|
+
'64': 'var(--sk-spacing-64)',
|
|
24
|
+
'72': 'var(--sk-spacing-72)',
|
|
25
|
+
'80': 'var(--sk-spacing-80)'
|
|
22
26
|
},
|
|
23
27
|
fontSizes: {
|
|
24
28
|
'display-1': ['var(--sk-fontSize-display-1-DEFAULT)', {
|
|
@@ -226,25 +230,26 @@ module.exports = {
|
|
|
226
230
|
'groups-lg': 'var(--sk-radius-groups-lg)',
|
|
227
231
|
'groups-md': 'var(--sk-radius-groups-md)',
|
|
228
232
|
'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)'
|
|
233
|
+
'0': 'var(--sk-spacing-0)',
|
|
234
|
+
'2': 'var(--sk-spacing-2)',
|
|
235
|
+
'4': 'var(--sk-spacing-4)',
|
|
236
|
+
'6': 'var(--sk-spacing-6)',
|
|
237
|
+
'8': 'var(--sk-spacing-8)',
|
|
238
|
+
'10': 'var(--sk-spacing-10)',
|
|
239
|
+
'12': 'var(--sk-spacing-12)',
|
|
240
|
+
'14': 'var(--sk-spacing-14)',
|
|
241
|
+
'16': 'var(--sk-spacing-16)',
|
|
242
|
+
'18': 'var(--sk-spacing-18)',
|
|
243
|
+
'20': 'var(--sk-spacing-20)',
|
|
244
|
+
'24': 'var(--sk-spacing-24)',
|
|
245
|
+
'32': 'var(--sk-spacing-32)',
|
|
246
|
+
'40': 'var(--sk-spacing-40)',
|
|
247
|
+
'48': 'var(--sk-spacing-48)',
|
|
248
|
+
'56': 'var(--sk-spacing-56)',
|
|
249
|
+
'64': 'var(--sk-spacing-64)',
|
|
250
|
+
'72': 'var(--sk-spacing-72)',
|
|
251
|
+
'80': 'var(--sk-spacing-80)'
|
|
248
252
|
}
|
|
249
253
|
};
|
|
254
|
+
var units = exports.units = _units;
|
|
250
255
|
//# sourceMappingURL=units.js.map
|