@sk-web-gui/core 3.10.0 → 3.11.1
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/aria-plugin.js +101 -1
- package/dist/cjs/aria-plugin.js.map +1 -1
- package/dist/cjs/base.js +60 -1
- package/dist/cjs/base.js.map +1 -1
- package/dist/cjs/colors.js +724 -1
- package/dist/cjs/colors.js.map +1 -1
- package/dist/cjs/components/accordion.js +211 -1
- package/dist/cjs/components/accordion.js.map +1 -1
- package/dist/cjs/components/ai/ai-corner-module.js +344 -1
- package/dist/cjs/components/ai/ai-corner-module.js.map +1 -1
- package/dist/cjs/components/ai/ai-feed.js +74 -1
- package/dist/cjs/components/ai/ai-feed.js.map +1 -1
- package/dist/cjs/components/ai/ai-service-module.js +225 -1
- package/dist/cjs/components/ai/ai-service-module.js.map +1 -1
- package/dist/cjs/components/ai/assistant-presentation.js +65 -1
- package/dist/cjs/components/ai/assistant-presentation.js.map +1 -1
- package/dist/cjs/components/ai/assistant-switch.js +58 -1
- package/dist/cjs/components/ai/assistant-switch.js.map +1 -1
- package/dist/cjs/components/ai/bubble.js +127 -1
- package/dist/cjs/components/ai/bubble.js.map +1 -1
- package/dist/cjs/components/ai/feedback.js +40 -1
- package/dist/cjs/components/ai/feedback.js.map +1 -1
- package/dist/cjs/components/ai/input-section.js +34 -1
- package/dist/cjs/components/ai/input-section.js.map +1 -1
- package/dist/cjs/components/ai/markdown-rendered.js +33 -1
- package/dist/cjs/components/ai/markdown-rendered.js.map +1 -1
- package/dist/cjs/components/ai/new-session-button.js +29 -1
- package/dist/cjs/components/ai/new-session-button.js.map +1 -1
- package/dist/cjs/components/ai/typing-bubble.js +31 -1
- package/dist/cjs/components/ai/typing-bubble.js.map +1 -1
- package/dist/cjs/components/ai/typing-sequence.js +91 -1
- package/dist/cjs/components/ai/typing-sequence.js.map +1 -1
- package/dist/cjs/components/avatar.js +104 -1
- package/dist/cjs/components/avatar.js.map +1 -1
- package/dist/cjs/components/badge.js +93 -1
- package/dist/cjs/components/badge.js.map +1 -1
- package/dist/cjs/components/breadcrumb.js +49 -1
- package/dist/cjs/components/breadcrumb.js.map +1 -1
- package/dist/cjs/components/button-group.js +38 -1
- package/dist/cjs/components/button-group.js.map +1 -1
- package/dist/cjs/components/button.js +306 -1
- package/dist/cjs/components/button.js.map +1 -1
- package/dist/cjs/components/callout.js +96 -1
- package/dist/cjs/components/callout.js.map +1 -1
- package/dist/cjs/components/card.js +282 -1
- package/dist/cjs/components/card.js.map +1 -1
- package/dist/cjs/components/checkbox.js +141 -1
- package/dist/cjs/components/checkbox.js.map +1 -1
- package/dist/cjs/components/chip.js +50 -1
- package/dist/cjs/components/chip.js.map +1 -1
- package/dist/cjs/components/code.js +22 -1
- package/dist/cjs/components/code.js.map +1 -1
- package/dist/cjs/components/combobox.js +102 -1
- package/dist/cjs/components/combobox.js.map +1 -1
- package/dist/cjs/components/cookie-consent.js +54 -1
- package/dist/cjs/components/cookie-consent.js.map +1 -1
- package/dist/cjs/components/dialog.js +82 -1
- package/dist/cjs/components/dialog.js.map +1 -1
- package/dist/cjs/components/divider.js +63 -1
- package/dist/cjs/components/divider.js.map +1 -1
- package/dist/cjs/components/dot.js +115 -1
- package/dist/cjs/components/dot.js.map +1 -1
- package/dist/cjs/components/file-upload.js +230 -1
- package/dist/cjs/components/file-upload.js.map +1 -1
- package/dist/cjs/components/filter.js +27 -1
- package/dist/cjs/components/filter.js.map +1 -1
- package/dist/cjs/components/footer.js +44 -1
- package/dist/cjs/components/footer.js.map +1 -1
- package/dist/cjs/components/forms.js +37 -1
- package/dist/cjs/components/forms.js.map +1 -1
- package/dist/cjs/components/header.js +41 -1
- package/dist/cjs/components/header.js.map +1 -1
- package/dist/cjs/components/icon.js +117 -1
- package/dist/cjs/components/icon.js.map +1 -1
- package/dist/cjs/components/input.js +302 -1
- package/dist/cjs/components/input.js.map +1 -1
- package/dist/cjs/components/kbd.js +20 -1
- package/dist/cjs/components/kbd.js.map +1 -1
- package/dist/cjs/components/label.js +96 -1
- package/dist/cjs/components/label.js.map +1 -1
- package/dist/cjs/components/link.js +62 -1
- package/dist/cjs/components/link.js.map +1 -1
- package/dist/cjs/components/list.js +66 -1
- package/dist/cjs/components/list.js.map +1 -1
- package/dist/cjs/components/logo.js +61 -1
- package/dist/cjs/components/logo.js.map +1 -1
- package/dist/cjs/components/menu-vertical.js +256 -1
- package/dist/cjs/components/menu-vertical.js.map +1 -1
- package/dist/cjs/components/menubar.js +104 -1
- package/dist/cjs/components/menubar.js.map +1 -1
- package/dist/cjs/components/modal.js +61 -1
- package/dist/cjs/components/modal.js.map +1 -1
- package/dist/cjs/components/pagination.js +114 -1
- package/dist/cjs/components/pagination.js.map +1 -1
- package/dist/cjs/components/popup-menu.js +153 -1
- package/dist/cjs/components/popup-menu.js.map +1 -1
- package/dist/cjs/components/progress-bar.js +82 -1
- package/dist/cjs/components/progress-bar.js.map +1 -1
- package/dist/cjs/components/progress-stepper.js +83 -1
- package/dist/cjs/components/progress-stepper.js.map +1 -1
- package/dist/cjs/components/radio.js +143 -1
- package/dist/cjs/components/radio.js.map +1 -1
- package/dist/cjs/components/search-field.js +48 -1
- package/dist/cjs/components/search-field.js.map +1 -1
- package/dist/cjs/components/select.js +267 -1
- package/dist/cjs/components/select.js.map +1 -1
- package/dist/cjs/components/snackbar.js +43 -1
- package/dist/cjs/components/snackbar.js.map +1 -1
- package/dist/cjs/components/spinner.js +82 -1
- package/dist/cjs/components/spinner.js.map +1 -1
- package/dist/cjs/components/switch.js +93 -1
- package/dist/cjs/components/switch.js.map +1 -1
- package/dist/cjs/components/table.js +308 -1
- package/dist/cjs/components/table.js.map +1 -1
- package/dist/cjs/components/tabs.js +134 -1
- package/dist/cjs/components/tabs.js.map +1 -1
- package/dist/cjs/components/tooltip.js +71 -1
- package/dist/cjs/components/tooltip.js.map +1 -1
- package/dist/cjs/components/user-menu.js +27 -1
- package/dist/cjs/components/user-menu.js.map +1 -1
- package/dist/cjs/components.js +415 -1
- package/dist/cjs/components.js.map +1 -1
- package/dist/cjs/data-plugin.js +67 -1
- package/dist/cjs/data-plugin.js.map +1 -1
- package/dist/cjs/fonts.js +19 -1
- package/dist/cjs/fonts.js.map +1 -1
- package/dist/cjs/index.js +38 -1
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/plugin.js +144 -1
- package/dist/cjs/plugin.js.map +1 -1
- package/dist/cjs/preset.js +164 -1
- package/dist/cjs/preset.js.map +1 -1
- package/dist/cjs/theme.js +209 -1
- package/dist/cjs/theme.js.map +1 -1
- package/dist/cjs/units.js +415 -1
- package/dist/cjs/units.js.map +1 -1
- package/dist/cjs/with-opacity.js +19 -1
- package/dist/cjs/with-opacity.js.map +1 -1
- package/dist/esm/aria-plugin.js +86 -1
- package/dist/esm/aria-plugin.js.map +1 -1
- package/dist/esm/base.js +51 -1
- package/dist/esm/base.js.map +1 -1
- package/dist/esm/colors.js +715 -1
- package/dist/esm/colors.js.map +1 -1
- package/dist/esm/components/accordion.js +201 -1
- package/dist/esm/components/accordion.js.map +1 -1
- package/dist/esm/components/ai/ai-corner-module.js +334 -1
- package/dist/esm/components/ai/ai-corner-module.js.map +1 -1
- package/dist/esm/components/ai/ai-feed.js +64 -1
- package/dist/esm/components/ai/ai-feed.js.map +1 -1
- package/dist/esm/components/ai/ai-service-module.js +215 -1
- package/dist/esm/components/ai/ai-service-module.js.map +1 -1
- package/dist/esm/components/ai/assistant-presentation.js +55 -1
- package/dist/esm/components/ai/assistant-presentation.js.map +1 -1
- package/dist/esm/components/ai/assistant-switch.js +48 -1
- package/dist/esm/components/ai/assistant-switch.js.map +1 -1
- package/dist/esm/components/ai/bubble.js +117 -1
- package/dist/esm/components/ai/bubble.js.map +1 -1
- package/dist/esm/components/ai/feedback.js +30 -1
- package/dist/esm/components/ai/feedback.js.map +1 -1
- package/dist/esm/components/ai/input-section.js +24 -1
- package/dist/esm/components/ai/input-section.js.map +1 -1
- package/dist/esm/components/ai/markdown-rendered.js +23 -1
- package/dist/esm/components/ai/markdown-rendered.js.map +1 -1
- package/dist/esm/components/ai/new-session-button.js +19 -1
- package/dist/esm/components/ai/new-session-button.js.map +1 -1
- package/dist/esm/components/ai/typing-bubble.js +21 -1
- package/dist/esm/components/ai/typing-bubble.js.map +1 -1
- package/dist/esm/components/ai/typing-sequence.js +81 -1
- package/dist/esm/components/ai/typing-sequence.js.map +1 -1
- package/dist/esm/components/avatar.js +94 -1
- package/dist/esm/components/avatar.js.map +1 -1
- package/dist/esm/components/badge.js +83 -1
- package/dist/esm/components/badge.js.map +1 -1
- package/dist/esm/components/breadcrumb.js +39 -1
- package/dist/esm/components/breadcrumb.js.map +1 -1
- package/dist/esm/components/button-group.js +28 -1
- package/dist/esm/components/button-group.js.map +1 -1
- package/dist/esm/components/button.js +296 -1
- package/dist/esm/components/button.js.map +1 -1
- package/dist/esm/components/callout.js +86 -1
- package/dist/esm/components/callout.js.map +1 -1
- package/dist/esm/components/card.js +272 -1
- package/dist/esm/components/card.js.map +1 -1
- package/dist/esm/components/checkbox.js +131 -1
- package/dist/esm/components/checkbox.js.map +1 -1
- package/dist/esm/components/chip.js +40 -1
- package/dist/esm/components/chip.js.map +1 -1
- package/dist/esm/components/code.js +12 -1
- package/dist/esm/components/code.js.map +1 -1
- package/dist/esm/components/combobox.js +92 -1
- package/dist/esm/components/combobox.js.map +1 -1
- package/dist/esm/components/cookie-consent.js +44 -1
- package/dist/esm/components/cookie-consent.js.map +1 -1
- package/dist/esm/components/dialog.js +72 -1
- package/dist/esm/components/dialog.js.map +1 -1
- package/dist/esm/components/divider.js +53 -1
- package/dist/esm/components/divider.js.map +1 -1
- package/dist/esm/components/dot.js +105 -1
- package/dist/esm/components/dot.js.map +1 -1
- package/dist/esm/components/file-upload.js +220 -1
- package/dist/esm/components/file-upload.js.map +1 -1
- package/dist/esm/components/filter.js +17 -1
- package/dist/esm/components/filter.js.map +1 -1
- package/dist/esm/components/footer.js +34 -1
- package/dist/esm/components/footer.js.map +1 -1
- package/dist/esm/components/forms.js +27 -1
- package/dist/esm/components/forms.js.map +1 -1
- package/dist/esm/components/header.js +31 -1
- package/dist/esm/components/header.js.map +1 -1
- package/dist/esm/components/icon.js +107 -1
- package/dist/esm/components/icon.js.map +1 -1
- package/dist/esm/components/input.js +292 -1
- package/dist/esm/components/input.js.map +1 -1
- package/dist/esm/components/kbd.js +10 -1
- package/dist/esm/components/kbd.js.map +1 -1
- package/dist/esm/components/label.js +86 -1
- package/dist/esm/components/label.js.map +1 -1
- package/dist/esm/components/link.js +52 -1
- package/dist/esm/components/link.js.map +1 -1
- package/dist/esm/components/list.js +56 -1
- package/dist/esm/components/list.js.map +1 -1
- package/dist/esm/components/logo.js +51 -1
- package/dist/esm/components/logo.js.map +1 -1
- package/dist/esm/components/menu-vertical.js +241 -1
- package/dist/esm/components/menu-vertical.js.map +1 -1
- package/dist/esm/components/menubar.js +94 -1
- package/dist/esm/components/menubar.js.map +1 -1
- package/dist/esm/components/modal.js +51 -1
- package/dist/esm/components/modal.js.map +1 -1
- package/dist/esm/components/pagination.js +104 -1
- package/dist/esm/components/pagination.js.map +1 -1
- package/dist/esm/components/popup-menu.js +143 -1
- package/dist/esm/components/popup-menu.js.map +1 -1
- package/dist/esm/components/progress-bar.js +72 -1
- package/dist/esm/components/progress-bar.js.map +1 -1
- package/dist/esm/components/progress-stepper.js +73 -1
- package/dist/esm/components/progress-stepper.js.map +1 -1
- package/dist/esm/components/radio.js +133 -1
- package/dist/esm/components/radio.js.map +1 -1
- package/dist/esm/components/search-field.js +38 -1
- package/dist/esm/components/search-field.js.map +1 -1
- package/dist/esm/components/select.js +257 -1
- package/dist/esm/components/select.js.map +1 -1
- package/dist/esm/components/snackbar.js +33 -1
- package/dist/esm/components/snackbar.js.map +1 -1
- package/dist/esm/components/spinner.js +72 -1
- package/dist/esm/components/spinner.js.map +1 -1
- package/dist/esm/components/switch.js +83 -1
- package/dist/esm/components/switch.js.map +1 -1
- package/dist/esm/components/table.js +298 -1
- package/dist/esm/components/table.js.map +1 -1
- package/dist/esm/components/tabs.js +124 -1
- package/dist/esm/components/tabs.js.map +1 -1
- package/dist/esm/components/tooltip.js +61 -1
- package/dist/esm/components/tooltip.js.map +1 -1
- package/dist/esm/components/user-menu.js +17 -1
- package/dist/esm/components/user-menu.js.map +1 -1
- package/dist/esm/components.js +407 -1
- package/dist/esm/components.js.map +1 -1
- package/dist/esm/data-plugin.js +52 -1
- package/dist/esm/data-plugin.js.map +1 -1
- package/dist/esm/fonts.js +9 -1
- package/dist/esm/fonts.js.map +1 -1
- package/dist/esm/index.js +7 -1
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/plugin.js +121 -1
- package/dist/esm/plugin.js.map +1 -1
- package/dist/esm/preset.js +109 -1
- package/dist/esm/preset.js.map +1 -1
- package/dist/esm/theme.js +195 -1
- package/dist/esm/theme.js.map +1 -1
- package/dist/esm/units.js +406 -1
- package/dist/esm/units.js.map +1 -1
- package/dist/esm/with-opacity.js +9 -1
- package/dist/esm/with-opacity.js.map +1 -1
- package/dist/types/components/checkbox.d.ts +19 -3
- package/dist/types/components/input.d.ts +12 -0
- package/dist/types/components/radio.d.ts +8 -0
- package/dist/types/components/select.d.ts +7 -0
- package/dist/types/components/tabs.d.ts +6 -1
- package/package.json +10 -8
package/dist/esm/plugin.js
CHANGED
|
@@ -1,2 +1,122 @@
|
|
|
1
|
-
function _array_like_to_array(arr,
|
|
1
|
+
function _array_like_to_array(arr, len) {
|
|
2
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
3
|
+
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
|
4
|
+
return arr2;
|
|
5
|
+
}
|
|
6
|
+
function _array_without_holes(arr) {
|
|
7
|
+
if (Array.isArray(arr)) return _array_like_to_array(arr);
|
|
8
|
+
}
|
|
9
|
+
function _define_property(obj, key, value) {
|
|
10
|
+
if (key in obj) {
|
|
11
|
+
Object.defineProperty(obj, key, {
|
|
12
|
+
value: value,
|
|
13
|
+
enumerable: true,
|
|
14
|
+
configurable: true,
|
|
15
|
+
writable: true
|
|
16
|
+
});
|
|
17
|
+
} else {
|
|
18
|
+
obj[key] = value;
|
|
19
|
+
}
|
|
20
|
+
return obj;
|
|
21
|
+
}
|
|
22
|
+
function _iterable_to_array(iter) {
|
|
23
|
+
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
|
24
|
+
}
|
|
25
|
+
function _non_iterable_spread() {
|
|
26
|
+
throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
27
|
+
}
|
|
28
|
+
function _object_spread(target) {
|
|
29
|
+
for(var i = 1; i < arguments.length; i++){
|
|
30
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
31
|
+
var ownKeys = Object.keys(source);
|
|
32
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
33
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
34
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
35
|
+
}));
|
|
36
|
+
}
|
|
37
|
+
ownKeys.forEach(function(key) {
|
|
38
|
+
_define_property(target, key, source[key]);
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
return target;
|
|
42
|
+
}
|
|
43
|
+
function _to_consumable_array(arr) {
|
|
44
|
+
return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
|
|
45
|
+
}
|
|
46
|
+
function _unsupported_iterable_to_array(o, minLen) {
|
|
47
|
+
if (!o) return;
|
|
48
|
+
if (typeof o === "string") return _array_like_to_array(o, minLen);
|
|
49
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
50
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
51
|
+
if (n === "Map" || n === "Set") return Array.from(n);
|
|
52
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
53
|
+
}
|
|
54
|
+
import TailwindPlugin from 'tailwindcss/plugin';
|
|
55
|
+
import { base } from './base.js';
|
|
56
|
+
import { theme } from './theme.js';
|
|
57
|
+
import { components } from './components.js';
|
|
58
|
+
export var pluginDefaults = {
|
|
59
|
+
cssBase: true,
|
|
60
|
+
colors: []
|
|
61
|
+
};
|
|
62
|
+
var defaultColors = [
|
|
63
|
+
'warning',
|
|
64
|
+
'error',
|
|
65
|
+
'success',
|
|
66
|
+
'info',
|
|
67
|
+
'vattjom',
|
|
68
|
+
'juniskar',
|
|
69
|
+
'bjornstigen',
|
|
70
|
+
'gronsta'
|
|
71
|
+
];
|
|
72
|
+
var getComponentWithDependencies = function(compName) {
|
|
73
|
+
var compWithDeps = components.find(function(comp) {
|
|
74
|
+
return comp.comp.name === compName;
|
|
75
|
+
});
|
|
76
|
+
if (!compWithDeps) return [];
|
|
77
|
+
var comps = [
|
|
78
|
+
compWithDeps.comp
|
|
79
|
+
];
|
|
80
|
+
if (compWithDeps === null || compWithDeps === void 0 ? void 0 : compWithDeps.deps) {
|
|
81
|
+
for(var index = 0; index < (compWithDeps === null || compWithDeps === void 0 ? void 0 : compWithDeps.deps.length); index++){
|
|
82
|
+
comps = _to_consumable_array(getComponentWithDependencies(compWithDeps.deps[index].name)).concat(_to_consumable_array(comps));
|
|
83
|
+
}
|
|
84
|
+
}
|
|
85
|
+
return comps;
|
|
86
|
+
};
|
|
87
|
+
var plugin = TailwindPlugin.withOptions(function(_options) {
|
|
88
|
+
var options = _object_spread({}, pluginDefaults, _options);
|
|
89
|
+
var pickedComponents = components.reduce(function(comps, compWithDeps) {
|
|
90
|
+
if ((options === null || options === void 0 ? void 0 : options.components) && !options.components.includes(compWithDeps.comp.name)) {
|
|
91
|
+
return comps;
|
|
92
|
+
}
|
|
93
|
+
var deps = [];
|
|
94
|
+
if (compWithDeps === null || compWithDeps === void 0 ? void 0 : compWithDeps.deps) {
|
|
95
|
+
for(var index = 0; index < compWithDeps.deps.length; index++){
|
|
96
|
+
deps = _to_consumable_array(getComponentWithDependencies(compWithDeps.deps[index].name)).concat(_to_consumable_array(deps));
|
|
97
|
+
}
|
|
98
|
+
}
|
|
99
|
+
return _to_consumable_array(comps).concat(_to_consumable_array(deps), [
|
|
100
|
+
compWithDeps.comp
|
|
101
|
+
]);
|
|
102
|
+
}, []).filter(function(val, index, arr) {
|
|
103
|
+
return arr.indexOf(val) === index;
|
|
104
|
+
});
|
|
105
|
+
return function(param) {
|
|
106
|
+
var addComponents = param.addComponents, addBase = param.addBase, theme = param.theme;
|
|
107
|
+
var optionColors = _to_consumable_array(defaultColors).concat(_to_consumable_array(options.colors || []));
|
|
108
|
+
if (options.cssBase) {
|
|
109
|
+
addBase(base);
|
|
110
|
+
}
|
|
111
|
+
addComponents(pickedComponents.map(function(component) {
|
|
112
|
+
return component(optionColors, theme);
|
|
113
|
+
}));
|
|
114
|
+
};
|
|
115
|
+
}, function() {
|
|
116
|
+
return {
|
|
117
|
+
theme: theme
|
|
118
|
+
};
|
|
119
|
+
});
|
|
120
|
+
export default plugin;
|
|
121
|
+
|
|
2
122
|
//# sourceMappingURL=plugin.js.map
|
package/dist/esm/plugin.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\nimport { base } from './base';\nimport { theme } from './theme';\nimport { Component, components } from './components';\nimport { PluginAPI } from 'tailwindcss/types/config';\n\nexport interface PluginOptions {\n colors?: string[];\n cssBase?: boolean;\n components?: string[];\n}\n\nexport const pluginDefaults = { cssBase: true, colors: [] };\n\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\n\nconst getComponentWithDependencies = (compName: string): Component[] => {\n const compWithDeps = components.find((comp) => comp.comp.name === compName);\n if (!compWithDeps) return [];\n\n let comps: Component[] = [compWithDeps.comp];\n if (compWithDeps?.deps) {\n for (let index = 0; index < compWithDeps?.deps.length; index++) {\n comps = [...getComponentWithDependencies(compWithDeps.deps[index].name), ...comps];\n }\n }\n\n return comps;\n};\n\nconst plugin = TailwindPlugin.withOptions<PluginOptions>(\n function (_options) {\n const options = { ...pluginDefaults, ..._options };\n\n const pickedComponents = components\n .reduce((comps: Component[], compWithDeps) => {\n if (options?.components && !options.components.includes(compWithDeps.comp.name)) {\n return comps;\n }\n\n let deps: Component[] = [];\n if (compWithDeps?.deps) {\n for (let index = 0; index < compWithDeps.deps.length; index++) {\n deps = [...getComponentWithDependencies(compWithDeps.deps[index].name), ...deps];\n }\n }\n\n return [...comps, ...deps, compWithDeps.comp];\n }, [])\n .filter((val, index, arr) => arr.indexOf(val) === index);\n\n return function ({ addComponents, addBase, theme }: PluginAPI) {\n const optionColors = [...defaultColors, ...(options.colors || [])];\n\n if (options.cssBase) {\n addBase(base);\n }\n\n addComponents(pickedComponents.map((component) => component(optionColors, theme)));\n };\n },\n function () {\n return {\n theme: theme,\n };\n }\n);\n\nexport default plugin;\n"],"names":["TailwindPlugin","base","theme","components","pluginDefaults","cssBase","colors","defaultColors","getComponentWithDependencies","compName","compWithDeps","find","comp","name","comps","deps","index","length","plugin","withOptions","_options","options","pickedComponents","reduce","includes","filter","val","arr","indexOf","addComponents","addBase","optionColors","map","component"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../src/plugin.ts"],"sourcesContent":["import TailwindPlugin from 'tailwindcss/plugin';\r\nimport { base } from './base';\r\nimport { theme } from './theme';\r\nimport { Component, components } from './components';\r\nimport { PluginAPI } from 'tailwindcss/types/config';\r\n\r\nexport interface PluginOptions {\r\n colors?: string[];\r\n cssBase?: boolean;\r\n components?: string[];\r\n}\r\n\r\nexport const pluginDefaults = { cssBase: true, colors: [] };\r\n\r\nconst defaultColors = ['warning', 'error', 'success', 'info', 'vattjom', 'juniskar', 'bjornstigen', 'gronsta'];\r\n\r\nconst getComponentWithDependencies = (compName: string): Component[] => {\r\n const compWithDeps = components.find((comp) => comp.comp.name === compName);\r\n if (!compWithDeps) return [];\r\n\r\n let comps: Component[] = [compWithDeps.comp];\r\n if (compWithDeps?.deps) {\r\n for (let index = 0; index < compWithDeps?.deps.length; index++) {\r\n comps = [...getComponentWithDependencies(compWithDeps.deps[index].name), ...comps];\r\n }\r\n }\r\n\r\n return comps;\r\n};\r\n\r\nconst plugin = TailwindPlugin.withOptions<PluginOptions>(\r\n function (_options) {\r\n const options = { ...pluginDefaults, ..._options };\r\n\r\n const pickedComponents = components\r\n .reduce((comps: Component[], compWithDeps) => {\r\n if (options?.components && !options.components.includes(compWithDeps.comp.name)) {\r\n return comps;\r\n }\r\n\r\n let deps: Component[] = [];\r\n if (compWithDeps?.deps) {\r\n for (let index = 0; index < compWithDeps.deps.length; index++) {\r\n deps = [...getComponentWithDependencies(compWithDeps.deps[index].name), ...deps];\r\n }\r\n }\r\n\r\n return [...comps, ...deps, compWithDeps.comp];\r\n }, [])\r\n .filter((val, index, arr) => arr.indexOf(val) === index);\r\n\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(pickedComponents.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"],"names":["TailwindPlugin","base","theme","components","pluginDefaults","cssBase","colors","defaultColors","getComponentWithDependencies","compName","compWithDeps","find","comp","name","comps","deps","index","length","plugin","withOptions","_options","options","pickedComponents","reduce","includes","filter","val","arr","indexOf","addComponents","addBase","optionColors","map","component"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,oBAAoB,qBAAqB;AAChD,SAASC,IAAI,QAAQ,SAAS;AAC9B,SAASC,KAAK,QAAQ,UAAU;AAChC,SAAoBC,UAAU,QAAQ,eAAe;AASrD,OAAO,IAAMC,iBAAiB;IAAEC,SAAS;IAAMC,QAAQ,EAAE;AAAC,EAAE;AAE5D,IAAMC,gBAAgB;IAAC;IAAW;IAAS;IAAW;IAAQ;IAAW;IAAY;IAAe;CAAU;AAE9G,IAAMC,+BAA+B,SAACC;IACpC,IAAMC,eAAeP,WAAWQ,IAAI,CAAC,SAACC;eAASA,KAAKA,IAAI,CAACC,IAAI,KAAKJ;;IAClE,IAAI,CAACC,cAAc,OAAO,EAAE;IAE5B,IAAII,QAAqB;QAACJ,aAAaE,IAAI;KAAC;IAC5C,IAAIF,yBAAAA,mCAAAA,aAAcK,IAAI,EAAE;QACtB,IAAK,IAAIC,QAAQ,GAAGA,SAAQN,yBAAAA,mCAAAA,aAAcK,IAAI,CAACE,MAAM,GAAED,QAAS;YAC9DF,QAAQ,AAAC,qBAAGN,6BAA6BE,aAAaK,IAAI,CAACC,MAAM,CAACH,IAAI,UAAG,qBAAGC;QAC9E;IACF;IAEA,OAAOA;AACT;AAEA,IAAMI,SAASlB,eAAemB,WAAW,CACvC,SAAUC,QAAQ;IAChB,IAAMC,UAAU,mBAAKjB,gBAAmBgB;IAExC,IAAME,mBAAmBnB,WACtBoB,MAAM,CAAC,SAACT,OAAoBJ;QAC3B,IAAIW,CAAAA,oBAAAA,8BAAAA,QAASlB,UAAU,KAAI,CAACkB,QAAQlB,UAAU,CAACqB,QAAQ,CAACd,aAAaE,IAAI,CAACC,IAAI,GAAG;YAC/E,OAAOC;QACT;QAEA,IAAIC,OAAoB,EAAE;QAC1B,IAAIL,yBAAAA,mCAAAA,aAAcK,IAAI,EAAE;YACtB,IAAK,IAAIC,QAAQ,GAAGA,QAAQN,aAAaK,IAAI,CAACE,MAAM,EAAED,QAAS;gBAC7DD,OAAO,AAAC,qBAAGP,6BAA6BE,aAAaK,IAAI,CAACC,MAAM,CAACH,IAAI,UAAG,qBAAGE;YAC7E;QACF;QAEA,OAAO,AAAC,qBAAGD,cAAO,qBAAGC,OAAd;YAAoBL,aAAaE,IAAI;SAAC;IAC/C,GAAG,EAAE,EACJa,MAAM,CAAC,SAACC,KAAKV,OAAOW;eAAQA,IAAIC,OAAO,CAACF,SAASV;;IAEpD,OAAO,SAAU,KAA4C;YAA1Ca,gBAAF,MAAEA,eAAeC,UAAjB,MAAiBA,SAAS5B,QAA1B,MAA0BA;QACzC,IAAM6B,eAAe,AAAC,qBAAGxB,sBAAe,qBAAIc,QAAQf,MAAM,IAAI,EAAE;QAEhE,IAAIe,QAAQhB,OAAO,EAAE;YACnByB,QAAQ7B;QACV;QAEA4B,cAAcP,iBAAiBU,GAAG,CAAC,SAACC;mBAAcA,UAAUF,cAAc7B;;IAC5E;AACF,GACA;IACE,OAAO;QACLA,OAAOA;IACT;AACF;AAGF,eAAegB,OAAO"}
|
package/dist/esm/preset.js
CHANGED
|
@@ -1,2 +1,110 @@
|
|
|
1
|
-
function _array_like_to_array(arr,
|
|
1
|
+
function _array_like_to_array(arr, len) {
|
|
2
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
3
|
+
for(var i = 0, arr2 = new Array(len); i < len; i++)arr2[i] = arr[i];
|
|
4
|
+
return arr2;
|
|
5
|
+
}
|
|
6
|
+
function _array_without_holes(arr) {
|
|
7
|
+
if (Array.isArray(arr)) return _array_like_to_array(arr);
|
|
8
|
+
}
|
|
9
|
+
function _define_property(obj, key, value) {
|
|
10
|
+
if (key in obj) {
|
|
11
|
+
Object.defineProperty(obj, key, {
|
|
12
|
+
value: value,
|
|
13
|
+
enumerable: true,
|
|
14
|
+
configurable: true,
|
|
15
|
+
writable: true
|
|
16
|
+
});
|
|
17
|
+
} else {
|
|
18
|
+
obj[key] = value;
|
|
19
|
+
}
|
|
20
|
+
return obj;
|
|
21
|
+
}
|
|
22
|
+
function _iterable_to_array(iter) {
|
|
23
|
+
if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter);
|
|
24
|
+
}
|
|
25
|
+
function _non_iterable_spread() {
|
|
26
|
+
throw new TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
27
|
+
}
|
|
28
|
+
function _object_spread(target) {
|
|
29
|
+
for(var i = 1; i < arguments.length; i++){
|
|
30
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
31
|
+
var ownKeys = Object.keys(source);
|
|
32
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
33
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
34
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
35
|
+
}));
|
|
36
|
+
}
|
|
37
|
+
ownKeys.forEach(function(key) {
|
|
38
|
+
_define_property(target, key, source[key]);
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
return target;
|
|
42
|
+
}
|
|
43
|
+
function ownKeys(object, enumerableOnly) {
|
|
44
|
+
var keys = Object.keys(object);
|
|
45
|
+
if (Object.getOwnPropertySymbols) {
|
|
46
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
47
|
+
if (enumerableOnly) {
|
|
48
|
+
symbols = symbols.filter(function(sym) {
|
|
49
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
keys.push.apply(keys, symbols);
|
|
53
|
+
}
|
|
54
|
+
return keys;
|
|
55
|
+
}
|
|
56
|
+
function _object_spread_props(target, source) {
|
|
57
|
+
source = source != null ? source : {};
|
|
58
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
59
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
60
|
+
} else {
|
|
61
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
62
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
63
|
+
});
|
|
64
|
+
}
|
|
65
|
+
return target;
|
|
66
|
+
}
|
|
67
|
+
function _to_consumable_array(arr) {
|
|
68
|
+
return _array_without_holes(arr) || _iterable_to_array(arr) || _unsupported_iterable_to_array(arr) || _non_iterable_spread();
|
|
69
|
+
}
|
|
70
|
+
function _unsupported_iterable_to_array(o, minLen) {
|
|
71
|
+
if (!o) return;
|
|
72
|
+
if (typeof o === "string") return _array_like_to_array(o, minLen);
|
|
73
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
74
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
75
|
+
if (n === "Map" || n === "Set") return Array.from(n);
|
|
76
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _array_like_to_array(o, minLen);
|
|
77
|
+
}
|
|
78
|
+
import tailwindForms from '@tailwindcss/forms';
|
|
79
|
+
import tailwindContainerQueries from '@tailwindcss/container-queries';
|
|
80
|
+
import plugin from './plugin.js';
|
|
81
|
+
import { pluginDefaults } from './plugin.js';
|
|
82
|
+
import { DataAttributes } from './data-plugin.js';
|
|
83
|
+
import { AriaAttributes } from './aria-plugin.js';
|
|
84
|
+
var preset = function preset(_options) {
|
|
85
|
+
var defaults = {
|
|
86
|
+
tailwindForms: true,
|
|
87
|
+
tailwindContainers: true,
|
|
88
|
+
dataAttributes: true,
|
|
89
|
+
ariaAttributes: true
|
|
90
|
+
};
|
|
91
|
+
var options = _object_spread_props(_object_spread({}, defaults, _options), {
|
|
92
|
+
plugin: _object_spread({}, pluginDefaults, (_options === null || _options === void 0 ? void 0 : _options.plugin) || {})
|
|
93
|
+
});
|
|
94
|
+
return {
|
|
95
|
+
plugins: _to_consumable_array(options.tailwindForms ? [
|
|
96
|
+
tailwindForms()
|
|
97
|
+
] : []).concat(_to_consumable_array(options.tailwindContainers ? [
|
|
98
|
+
tailwindContainerQueries
|
|
99
|
+
] : []), _to_consumable_array(options.dataAttributes ? [
|
|
100
|
+
DataAttributes
|
|
101
|
+
] : []), _to_consumable_array(options.ariaAttributes ? [
|
|
102
|
+
AriaAttributes
|
|
103
|
+
] : []), [
|
|
104
|
+
plugin(options === null || options === void 0 ? void 0 : options.plugin)
|
|
105
|
+
])
|
|
106
|
+
};
|
|
107
|
+
};
|
|
108
|
+
export default preset;
|
|
109
|
+
|
|
2
110
|
//# sourceMappingURL=preset.js.map
|
package/dist/esm/preset.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/preset.ts"],"sourcesContent":["import tailwindForms from '@tailwindcss/forms';\r\nimport tailwindContainerQueries from '@tailwindcss/container-queries';\r\nimport plugin from './plugin';\r\nimport { type PluginOptions, pluginDefaults } from './plugin';\r\nimport { DataAttributes } from './data-plugin';\r\nimport { AriaAttributes } from './aria-plugin';\r\n\r\ninterface PresetOptions {\r\n tailwindForms?: boolean;\r\n tailwindContainers?: boolean;\r\n dataAttributes?: boolean;\r\n ariaAttributes?: boolean;\r\n plugin?: PluginOptions;\r\n}\r\n\r\nconst preset = function (_options?: PresetOptions) {\r\n const defaults: PresetOptions = {\r\n tailwindForms: true,\r\n tailwindContainers: true,\r\n dataAttributes: true,\r\n ariaAttributes: true,\r\n };\r\n\r\n const options = {\r\n ...defaults,\r\n ..._options,\r\n plugin: { ...pluginDefaults, ...(_options?.plugin || {}) },\r\n };\r\n\r\n return {\r\n plugins: [\r\n ...(options.tailwindForms ? [tailwindForms()] : []),\r\n ...(options.tailwindContainers ? [tailwindContainerQueries] : []),\r\n ...(options.dataAttributes ? [DataAttributes] : []),\r\n ...(options.ariaAttributes ? [AriaAttributes] : []),\r\n plugin(options?.plugin),\r\n ],\r\n };\r\n};\r\nexport default preset;\r\n"],"names":["tailwindForms","tailwindContainerQueries","plugin","pluginDefaults","DataAttributes","AriaAttributes","preset","_options","defaults","tailwindContainers","dataAttributes","ariaAttributes","options","plugins"],"mappings":"
|
|
1
|
+
{"version":3,"sources":["../../src/preset.ts"],"sourcesContent":["import tailwindForms from '@tailwindcss/forms';\r\nimport tailwindContainerQueries from '@tailwindcss/container-queries';\r\nimport plugin from './plugin';\r\nimport { type PluginOptions, pluginDefaults } from './plugin';\r\nimport { DataAttributes } from './data-plugin';\r\nimport { AriaAttributes } from './aria-plugin';\r\n\r\ninterface PresetOptions {\r\n tailwindForms?: boolean;\r\n tailwindContainers?: boolean;\r\n dataAttributes?: boolean;\r\n ariaAttributes?: boolean;\r\n plugin?: PluginOptions;\r\n}\r\n\r\nconst preset = function (_options?: PresetOptions) {\r\n const defaults: PresetOptions = {\r\n tailwindForms: true,\r\n tailwindContainers: true,\r\n dataAttributes: true,\r\n ariaAttributes: true,\r\n };\r\n\r\n const options = {\r\n ...defaults,\r\n ..._options,\r\n plugin: { ...pluginDefaults, ...(_options?.plugin || {}) },\r\n };\r\n\r\n return {\r\n plugins: [\r\n ...(options.tailwindForms ? [tailwindForms()] : []),\r\n ...(options.tailwindContainers ? [tailwindContainerQueries] : []),\r\n ...(options.dataAttributes ? [DataAttributes] : []),\r\n ...(options.ariaAttributes ? [AriaAttributes] : []),\r\n plugin(options?.plugin),\r\n ],\r\n };\r\n};\r\nexport default preset;\r\n"],"names":["tailwindForms","tailwindContainerQueries","plugin","pluginDefaults","DataAttributes","AriaAttributes","preset","_options","defaults","tailwindContainers","dataAttributes","ariaAttributes","options","plugins"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAOA,mBAAmB,qBAAqB;AAC/C,OAAOC,8BAA8B,iCAAiC;AACtE,OAAOC,YAAY,WAAW;AAC9B,SAA6BC,cAAc,QAAQ,WAAW;AAC9D,SAASC,cAAc,QAAQ,gBAAgB;AAC/C,SAASC,cAAc,QAAQ,gBAAgB;AAU/C,IAAMC,SAAS,gBAAUC,QAAwB;IAC/C,IAAMC,WAA0B;QAC9BR,eAAe;QACfS,oBAAoB;QACpBC,gBAAgB;QAChBC,gBAAgB;IAClB;IAEA,IAAMC,UAAU,wCACXJ,UACAD;QACHL,QAAQ,mBAAKC,gBAAoBI,CAAAA,qBAAAA,+BAAAA,SAAUL,MAAM,KAAI,CAAC;;IAGxD,OAAO;QACLW,SAAS,AACP,qBAAID,QAAQZ,aAAa,GAAG;YAACA;SAAgB,GAAG,EAAE,SAClD,qBAAIY,QAAQH,kBAAkB,GAAG;YAACR;SAAyB,GAAG,EAAE,GAChE,qBAAIW,QAAQF,cAAc,GAAG;YAACN;SAAe,GAAG,EAAE,GAClD,qBAAIQ,QAAQD,cAAc,GAAG;YAACN;SAAe,GAAG,EAAE,GAJ3C;YAKPH,OAAOU,oBAAAA,8BAAAA,QAASV,MAAM;SACvB;IACH;AACF;AACA,eAAeI,OAAO"}
|
package/dist/esm/theme.js
CHANGED
|
@@ -1,2 +1,196 @@
|
|
|
1
|
-
function _define_property(obj,key,
|
|
1
|
+
function _define_property(obj, key, value) {
|
|
2
|
+
if (key in obj) {
|
|
3
|
+
Object.defineProperty(obj, key, {
|
|
4
|
+
value: value,
|
|
5
|
+
enumerable: true,
|
|
6
|
+
configurable: true,
|
|
7
|
+
writable: true
|
|
8
|
+
});
|
|
9
|
+
} else {
|
|
10
|
+
obj[key] = value;
|
|
11
|
+
}
|
|
12
|
+
return obj;
|
|
13
|
+
}
|
|
14
|
+
function _object_spread(target) {
|
|
15
|
+
for(var i = 1; i < arguments.length; i++){
|
|
16
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
17
|
+
var ownKeys = Object.keys(source);
|
|
18
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
19
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
20
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
21
|
+
}));
|
|
22
|
+
}
|
|
23
|
+
ownKeys.forEach(function(key) {
|
|
24
|
+
_define_property(target, key, source[key]);
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
return target;
|
|
28
|
+
}
|
|
29
|
+
function ownKeys(object, enumerableOnly) {
|
|
30
|
+
var keys = Object.keys(object);
|
|
31
|
+
if (Object.getOwnPropertySymbols) {
|
|
32
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
33
|
+
if (enumerableOnly) {
|
|
34
|
+
symbols = symbols.filter(function(sym) {
|
|
35
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
36
|
+
});
|
|
37
|
+
}
|
|
38
|
+
keys.push.apply(keys, symbols);
|
|
39
|
+
}
|
|
40
|
+
return keys;
|
|
41
|
+
}
|
|
42
|
+
function _object_spread_props(target, source) {
|
|
43
|
+
source = source != null ? source : {};
|
|
44
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
45
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
46
|
+
} else {
|
|
47
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
48
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
49
|
+
});
|
|
50
|
+
}
|
|
51
|
+
return target;
|
|
52
|
+
}
|
|
53
|
+
import withOpacity from './with-opacity.js';
|
|
54
|
+
import { colors } from './colors.js';
|
|
55
|
+
import { units } from './units.js';
|
|
56
|
+
import { screens } from '@sk-web-gui/theme';
|
|
57
|
+
import { fonts } from './fonts.js';
|
|
58
|
+
var theme = {
|
|
59
|
+
extend: {
|
|
60
|
+
containers: Object.keys(screens).reduce(function(containers, screenKey, index) {
|
|
61
|
+
return _object_spread_props(_object_spread({}, containers), _define_property({}, "screen-".concat(screenKey), Object.values(screens)[index]));
|
|
62
|
+
}, {}),
|
|
63
|
+
fontSize: _object_spread_props(_object_spread({}, units.fontSizes), {
|
|
64
|
+
tiny: 'var(--sk-spacing-10)',
|
|
65
|
+
xs: 'var(--sk-spacing-12)',
|
|
66
|
+
xl: units.fontSizes['h4'],
|
|
67
|
+
'2xl': units.fontSizes['h3'],
|
|
68
|
+
'3xl': units.fontSizes['h2'],
|
|
69
|
+
'4xl': units.fontSizes['h1'],
|
|
70
|
+
'5xl': units.fontSizes['h3']
|
|
71
|
+
}),
|
|
72
|
+
fontFamily: _object_spread({}, fonts),
|
|
73
|
+
screens: screens,
|
|
74
|
+
borderRadius: _object_spread_props(_object_spread({}, units.radius), {
|
|
75
|
+
base: 'var(--sk-spacing-0)'
|
|
76
|
+
}),
|
|
77
|
+
backgroundPosition: _object_spread({}, Object.keys(units.spacing).reduce(function(positions, spaceKey) {
|
|
78
|
+
var _obj;
|
|
79
|
+
return _object_spread_props(_object_spread({}, positions), (_obj = {}, _define_property(_obj, "top-".concat(spaceKey), "center top ".concat(units.spacing[spaceKey])), _define_property(_obj, "right-".concat(spaceKey), "center right ".concat(units.spacing[spaceKey])), _define_property(_obj, "bottom-".concat(spaceKey), "center bottom ".concat(units.spacing[spaceKey])), _define_property(_obj, "left-".concat(spaceKey), "center left ".concat(units.spacing[spaceKey])), _obj));
|
|
80
|
+
}, {})),
|
|
81
|
+
boxShadow: {
|
|
82
|
+
'50': "\n 0 0 3px 0 rgba(10, 12, 15, 0.08),\n 0 1px 8px 0 rgba(10, 12, 15, 0.13)\n ",
|
|
83
|
+
'100': "\n 0 6px 16px 0 rgba(13,13,14, 0.07),\n 0 1.81px 12px 0 rgba(13,13,14, 0.15),\n 0 0.75px 2px 0 rgba(13,13,14, 0.085),\n 0 0.27px 0.72px 0 rgba(13,13,14, 0.0583)\n ",
|
|
84
|
+
'200': "\n 0 0 2px 0 rgba(13,13,14, 0.15),\n 0 15px 27px 0 rgba(13,13,14, 0.1),\n 0 4.52px 8.14px 0 rgba(13,13,14, 0.06),\n 0 1.88px 3.38px 0 rgba(13,13,14, 0.03),\n 0 0.68px 1.22px 0 rgba(13,13,14, 0.02)\n ",
|
|
85
|
+
insetring: "0 0 0 0.25rem ".concat(colors.ring, " inset")
|
|
86
|
+
},
|
|
87
|
+
ringColor: _object_spread({
|
|
88
|
+
DEFAULT: colors.ring
|
|
89
|
+
}, colors),
|
|
90
|
+
ringOffsetWidth: _object_spread({
|
|
91
|
+
DEFAULT: 'var(--sk-spacing-2)'
|
|
92
|
+
}, units.spacing),
|
|
93
|
+
ringWidth: {
|
|
94
|
+
DEFAULT: 'var(--sk-spacing-3)',
|
|
95
|
+
0: '0px'
|
|
96
|
+
},
|
|
97
|
+
ringOpacity: {
|
|
98
|
+
DEFAULT: '1'
|
|
99
|
+
},
|
|
100
|
+
colors: _object_spread_props(_object_spread({}, colors), {
|
|
101
|
+
current: 'currentColor',
|
|
102
|
+
gray: _object_spread({
|
|
103
|
+
DEFAULT: colors.primitives.gray[600],
|
|
104
|
+
stroke: colors.divider,
|
|
105
|
+
middle: colors.primitives.gray[600],
|
|
106
|
+
light: colors.primitives.gray[300],
|
|
107
|
+
lighter: colors.primitives.gray[200]
|
|
108
|
+
}, colors.primitives.gray),
|
|
109
|
+
hover: colors.primitives.gray[600],
|
|
110
|
+
background: _object_spread_props(_object_spread({}, colors.background), {
|
|
111
|
+
one: colors.background[100],
|
|
112
|
+
two: colors.background[200]
|
|
113
|
+
})
|
|
114
|
+
}),
|
|
115
|
+
cursor: {
|
|
116
|
+
base: 'var(--tw-cursor)'
|
|
117
|
+
},
|
|
118
|
+
spacing: _object_spread_props(_object_spread({}, units.spacing, Object.keys(units.spacing).reduce(function(smallerSpacings, spacingkey) {
|
|
119
|
+
var _obj;
|
|
120
|
+
return _object_spread_props(_object_spread({}, smallerSpacings), (_obj = {}, _define_property(_obj, "".concat(spacingkey, "-1"), "calc(".concat(units.spacing[spacingkey], " - var(--sk-spacing-1))")), _define_property(_obj, "".concat(spacingkey, "-2"), "calc(".concat(units.spacing[spacingkey], " - var(--sk-spacing-2))")), _define_property(_obj, "".concat(spacingkey, "+1"), "calc(".concat(units.spacing[spacingkey], " + var(--sk-spacing-1))")), _define_property(_obj, "".concat(spacingkey, "+2"), "calc(".concat(units.spacing[spacingkey], " + var(--sk-spacing-2))")), _obj));
|
|
121
|
+
}, {})), {
|
|
122
|
+
xs: units.spacing[4],
|
|
123
|
+
sm: units.spacing[8],
|
|
124
|
+
md: units.spacing[16],
|
|
125
|
+
lg: units.spacing[24],
|
|
126
|
+
xl: units.spacing[48]
|
|
127
|
+
}),
|
|
128
|
+
maxWidth: {
|
|
129
|
+
content: screens['desktop-max']
|
|
130
|
+
},
|
|
131
|
+
lineHeight: _object_spread_props(_object_spread({}, units.lineHeights, units.spacing), {
|
|
132
|
+
xs: 'var(-sk-spacing-16)',
|
|
133
|
+
xl: units.lineHeights['h4'],
|
|
134
|
+
'2xl': units.lineHeights['h3'],
|
|
135
|
+
'3xl': units.lineHeights['h2'],
|
|
136
|
+
'4xl': units.lineHeights['h1'],
|
|
137
|
+
'5xl': units.lineHeights['display-3']
|
|
138
|
+
}),
|
|
139
|
+
opacity: {
|
|
140
|
+
'15': '0.15'
|
|
141
|
+
},
|
|
142
|
+
borderWidth: _object_spread({
|
|
143
|
+
DEFAULT: 'var(--sk-spacing-2)'
|
|
144
|
+
}, units.spacing),
|
|
145
|
+
backgroundColor: {
|
|
146
|
+
base: withOpacity('--sk-colors-primary-surface'),
|
|
147
|
+
fill: withOpacity('--sk-colors-bg-fill')
|
|
148
|
+
},
|
|
149
|
+
textColor: {
|
|
150
|
+
foreground: withOpacity('--sk-colors-primary-DEFAULT'),
|
|
151
|
+
muted: withOpacity('--sk-colors-xt-muted')
|
|
152
|
+
},
|
|
153
|
+
zIndex: {
|
|
154
|
+
hide: '-1',
|
|
155
|
+
none: '0',
|
|
156
|
+
base: '1',
|
|
157
|
+
docked: '10',
|
|
158
|
+
dropdown: '1000',
|
|
159
|
+
sticky: '1100',
|
|
160
|
+
banner: '1200',
|
|
161
|
+
overlay: '1300',
|
|
162
|
+
modal: '1400',
|
|
163
|
+
popover: '1500',
|
|
164
|
+
skipLink: '1600',
|
|
165
|
+
toast: '1700',
|
|
166
|
+
tooltip: '1800'
|
|
167
|
+
},
|
|
168
|
+
keyframes: {
|
|
169
|
+
'reset-overflow': {
|
|
170
|
+
'from, to': {
|
|
171
|
+
overflow: 'hidden'
|
|
172
|
+
}
|
|
173
|
+
},
|
|
174
|
+
typingbounce: {
|
|
175
|
+
'0%': {
|
|
176
|
+
transform: 'translateY(0)'
|
|
177
|
+
},
|
|
178
|
+
'10%': {
|
|
179
|
+
transform: 'translateY(-0.8rem)'
|
|
180
|
+
},
|
|
181
|
+
'20%, 100%': {
|
|
182
|
+
transform: 'translateY(0rem)'
|
|
183
|
+
}
|
|
184
|
+
}
|
|
185
|
+
},
|
|
186
|
+
animation: {
|
|
187
|
+
'reset-overflow': 'reset-overflow 180ms backwards',
|
|
188
|
+
'typing-bounce-1': 'typingbounce 1.5s ease-in-out 600ms infinite',
|
|
189
|
+
'typing-bounce-2': 'typingbounce 1.5s ease-in-out 800ms infinite',
|
|
190
|
+
'typing-bounce-3': 'typingbounce 1.5s ease-in-out 1s infinite'
|
|
191
|
+
}
|
|
192
|
+
}
|
|
193
|
+
};
|
|
194
|
+
export { theme };
|
|
195
|
+
|
|
2
196
|
//# sourceMappingURL=theme.js.map
|
package/dist/esm/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/theme.ts"],"sourcesContent":["import withOpacity from './with-opacity';\nimport { colors } from './colors';\nimport { units } from './units';\nimport { RecursiveObject, screens } from '@sk-web-gui/theme';\nimport { Config } from 'tailwindcss/types/config';\nimport { fonts } from './fonts';\n\nconst theme: RecursiveObject<Config['theme'] | string | string[]> = {\n extend: {\n containers: Object.keys(screens).reduce(\n (containers, screenKey, index) => ({ ...containers, [`screen-${screenKey}`]: Object.values(screens)[index] }),\n {}\n ),\n fontSize: {\n ...units.fontSizes,\n\n tiny: 'var(--sk-spacing-10)',\n xs: 'var(--sk-spacing-12)',\n xl: units.fontSizes['h4'],\n '2xl': units.fontSizes['h3'],\n '3xl': units.fontSizes['h2'],\n '4xl': units.fontSizes['h1'],\n '5xl': units.fontSizes['h3'],\n },\n fontFamily: {\n ...fonts,\n },\n screens,\n borderRadius: {\n ...units.radius,\n base: 'var(--sk-spacing-0)',\n },\n backgroundPosition: {\n ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\n (positions, spaceKey) => ({\n ...positions,\n [`top-${spaceKey}`]: `center top ${units.spacing[spaceKey]}`,\n [`right-${spaceKey}`]: `center right ${units.spacing[spaceKey]}`,\n [`bottom-${spaceKey}`]: `center bottom ${units.spacing[spaceKey]}`,\n [`left-${spaceKey}`]: `center left ${units.spacing[spaceKey]}`,\n }),\n {}\n ),\n },\n boxShadow: {\n '50': `\n 0 0 3px 0 rgba(10, 12, 15, 0.08),\n 0 1px 8px 0 rgba(10, 12, 15, 0.13)\n `,\n '100': `\n 0 6px 16px 0 rgba(13,13,14, 0.07),\n 0 1.81px 12px 0 rgba(13,13,14, 0.15),\n 0 0.75px 2px 0 rgba(13,13,14, 0.085),\n 0 0.27px 0.72px 0 rgba(13,13,14, 0.0583)\n `,\n '200': `\n 0 0 2px 0 rgba(13,13,14, 0.15),\n 0 15px 27px 0 rgba(13,13,14, 0.1),\n 0 4.52px 8.14px 0 rgba(13,13,14, 0.06),\n 0 1.88px 3.38px 0 rgba(13,13,14, 0.03),\n 0 0.68px 1.22px 0 rgba(13,13,14, 0.02)\n `,\n insetring: `0 0 0 0.25rem ${colors.ring} inset`,\n },\n ringColor: {\n DEFAULT: colors.ring,\n ...colors,\n },\n ringOffsetWidth: {\n DEFAULT: 'var(--sk-spacing-2)',\n ...units.spacing,\n },\n ringWidth: {\n DEFAULT: 'var(--sk-spacing-3)',\n 0: '0px',\n },\n ringOpacity: {\n DEFAULT: '1',\n },\n colors: {\n ...colors,\n current: 'currentColor',\n gray: {\n DEFAULT: colors.primitives.gray[600],\n stroke: colors.divider,\n middle: colors.primitives.gray[600],\n light: colors.primitives.gray[300],\n lighter: colors.primitives.gray[200],\n ...colors.primitives.gray,\n },\n hover: colors.primitives.gray[600],\n background: {\n ...colors.background,\n one: colors.background[100],\n two: colors.background[200],\n },\n },\n cursor: {\n base: 'var(--tw-cursor)',\n },\n spacing: {\n ...units.spacing,\n ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\n (smallerSpacings, spacingkey) => ({\n ...smallerSpacings,\n [`${spacingkey}-1`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-1))`,\n [`${spacingkey}-2`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-2))`,\n [`${spacingkey}+1`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-1))`,\n [`${spacingkey}+2`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-2))`,\n }),\n {}\n ),\n xs: units.spacing[4],\n sm: units.spacing[8],\n md: units.spacing[16],\n lg: units.spacing[24],\n xl: units.spacing[48],\n },\n maxWidth: {\n content: screens['desktop-max'],\n },\n lineHeight: {\n ...units.lineHeights,\n ...units.spacing,\n xs: 'var(-sk-spacing-16)',\n xl: units.lineHeights['h4'],\n '2xl': units.lineHeights['h3'],\n '3xl': units.lineHeights['h2'],\n '4xl': units.lineHeights['h1'],\n '5xl': units.lineHeights['display-3'],\n },\n opacity: {\n '15': '0.15',\n },\n borderWidth: {\n DEFAULT: 'var(--sk-spacing-2)',\n ...units.spacing,\n },\n backgroundColor: {\n base: withOpacity('--sk-colors-primary-surface'),\n fill: withOpacity('--sk-colors-bg-fill'),\n },\n textColor: {\n foreground: withOpacity('--sk-colors-primary-DEFAULT'),\n muted: withOpacity('--sk-colors-xt-muted'),\n },\n\n zIndex: {\n hide: '-1',\n none: '0',\n base: '1',\n docked: '10',\n dropdown: '1000',\n sticky: '1100',\n banner: '1200',\n overlay: '1300',\n modal: '1400',\n popover: '1500',\n skipLink: '1600',\n toast: '1700',\n tooltip: '1800',\n },\n keyframes: {\n 'reset-overflow': {\n 'from, to': {\n overflow: 'hidden',\n },\n },\n typingbounce: {\n '0%': { transform: 'translateY(0)' },\n '10%': { transform: 'translateY(-0.8rem)' },\n '20%, 100%': { transform: 'translateY(0rem)' },\n },\n },\n animation: {\n 'reset-overflow': 'reset-overflow 180ms backwards',\n 'typing-bounce-1': 'typingbounce 1.5s ease-in-out 600ms infinite',\n 'typing-bounce-2': 'typingbounce 1.5s ease-in-out 800ms infinite',\n 'typing-bounce-3': 'typingbounce 1.5s ease-in-out 1s infinite',\n },\n },\n};\nexport { theme };\n"],"names":["withOpacity","colors","units","screens","fonts","theme","extend","containers","Object","keys","reduce","screenKey","index","values","fontSize","fontSizes","tiny","xs","xl","fontFamily","borderRadius","radius","base","backgroundPosition","spacing","positions","spaceKey","boxShadow","insetring","ring","ringColor","DEFAULT","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","smallerSpacings","spacingkey","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","typingbounce","transform","animation"],"mappings":"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"}
|
|
1
|
+
{"version":3,"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\nimport { fonts } from './fonts';\r\n\r\nconst theme: RecursiveObject<Config['theme'] | string | string[]> = {\r\n extend: {\r\n containers: Object.keys(screens).reduce(\r\n (containers, screenKey, index) => ({ ...containers, [`screen-${screenKey}`]: Object.values(screens)[index] }),\r\n {}\r\n ),\r\n fontSize: {\r\n ...units.fontSizes,\r\n\r\n tiny: 'var(--sk-spacing-10)',\r\n xs: 'var(--sk-spacing-12)',\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 ...fonts,\r\n },\r\n screens,\r\n borderRadius: {\r\n ...units.radius,\r\n base: 'var(--sk-spacing-0)',\r\n },\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 '50': `\r\n 0 0 3px 0 rgba(10, 12, 15, 0.08),\r\n 0 1px 8px 0 rgba(10, 12, 15, 0.13)\r\n `,\r\n '100': `\r\n 0 6px 16px 0 rgba(13,13,14, 0.07),\r\n 0 1.81px 12px 0 rgba(13,13,14, 0.15),\r\n 0 0.75px 2px 0 rgba(13,13,14, 0.085),\r\n 0 0.27px 0.72px 0 rgba(13,13,14, 0.0583)\r\n `,\r\n '200': `\r\n 0 0 2px 0 rgba(13,13,14, 0.15),\r\n 0 15px 27px 0 rgba(13,13,14, 0.1),\r\n 0 4.52px 8.14px 0 rgba(13,13,14, 0.06),\r\n 0 1.88px 3.38px 0 rgba(13,13,14, 0.03),\r\n 0 0.68px 1.22px 0 rgba(13,13,14, 0.02)\r\n `,\r\n insetring: `0 0 0 0.25rem ${colors.ring} inset`,\r\n },\r\n ringColor: {\r\n DEFAULT: colors.ring,\r\n ...colors,\r\n },\r\n ringOffsetWidth: {\r\n DEFAULT: 'var(--sk-spacing-2)',\r\n ...units.spacing,\r\n },\r\n ringWidth: {\r\n DEFAULT: 'var(--sk-spacing-3)',\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 ...(Object.keys(units.spacing) as Array<keyof typeof units.spacing>).reduce(\r\n (smallerSpacings, spacingkey) => ({\r\n ...smallerSpacings,\r\n [`${spacingkey}-1`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-1))`,\r\n [`${spacingkey}-2`]: `calc(${units.spacing[spacingkey]} - var(--sk-spacing-2))`,\r\n [`${spacingkey}+1`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-1))`,\r\n [`${spacingkey}+2`]: `calc(${units.spacing[spacingkey]} + var(--sk-spacing-2))`,\r\n }),\r\n {}\r\n ),\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 lineHeight: {\r\n ...units.lineHeights,\r\n ...units.spacing,\r\n xs: 'var(-sk-spacing-16)',\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: 'var(--sk-spacing-2)',\r\n ...units.spacing,\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 typingbounce: {\r\n '0%': { transform: 'translateY(0)' },\r\n '10%': { transform: 'translateY(-0.8rem)' },\r\n '20%, 100%': { transform: 'translateY(0rem)' },\r\n },\r\n },\r\n animation: {\r\n 'reset-overflow': 'reset-overflow 180ms backwards',\r\n 'typing-bounce-1': 'typingbounce 1.5s ease-in-out 600ms infinite',\r\n 'typing-bounce-2': 'typingbounce 1.5s ease-in-out 800ms infinite',\r\n 'typing-bounce-3': 'typingbounce 1.5s ease-in-out 1s infinite',\r\n },\r\n },\r\n};\r\nexport { theme };\r\n"],"names":["withOpacity","colors","units","screens","fonts","theme","extend","containers","Object","keys","reduce","screenKey","index","values","fontSize","fontSizes","tiny","xs","xl","fontFamily","borderRadius","radius","base","backgroundPosition","spacing","positions","spaceKey","boxShadow","insetring","ring","ringColor","DEFAULT","ringOffsetWidth","ringWidth","ringOpacity","current","gray","primitives","stroke","divider","middle","light","lighter","hover","background","one","two","cursor","smallerSpacings","spacingkey","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","typingbounce","transform","animation"],"mappings":"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"}
|