@sk-web-gui/core 3.9.1 → 3.11.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/aria-plugin.js +98 -43
- package/dist/cjs/aria-plugin.js.map +1 -1
- package/dist/cjs/base.js +55 -48
- package/dist/cjs/base.js.map +1 -1
- package/dist/cjs/colors.js +676 -599
- package/dist/cjs/colors.js.map +1 -1
- package/dist/cjs/components/accordion.js +203 -196
- package/dist/cjs/components/accordion.js.map +1 -1
- package/dist/cjs/components/ai/ai-corner-module.js +335 -278
- package/dist/cjs/components/ai/ai-corner-module.js.map +1 -1
- package/dist/cjs/components/ai/ai-feed.js +70 -63
- package/dist/cjs/components/ai/ai-feed.js.map +1 -1
- package/dist/cjs/components/ai/ai-service-module.js +218 -160
- package/dist/cjs/components/ai/ai-service-module.js.map +1 -1
- package/dist/cjs/components/ai/assistant-presentation.js +62 -55
- package/dist/cjs/components/ai/assistant-presentation.js.map +1 -1
- package/dist/cjs/components/ai/assistant-switch.js +54 -47
- package/dist/cjs/components/ai/assistant-switch.js.map +1 -1
- package/dist/cjs/components/ai/bubble.js +123 -66
- package/dist/cjs/components/ai/bubble.js.map +1 -1
- package/dist/cjs/components/ai/feedback.js +37 -30
- package/dist/cjs/components/ai/feedback.js.map +1 -1
- package/dist/cjs/components/ai/input-section.js +31 -24
- package/dist/cjs/components/ai/input-section.js.map +1 -1
- package/dist/cjs/components/ai/markdown-rendered.js +30 -23
- package/dist/cjs/components/ai/markdown-rendered.js.map +1 -1
- package/dist/cjs/components/ai/new-session-button.js +26 -19
- package/dist/cjs/components/ai/new-session-button.js.map +1 -1
- package/dist/cjs/components/ai/typing-bubble.js +28 -21
- package/dist/cjs/components/ai/typing-bubble.js.map +1 -1
- package/dist/cjs/components/ai/typing-sequence.js +87 -30
- package/dist/cjs/components/ai/typing-sequence.js.map +1 -1
- package/dist/cjs/components/avatar.js +101 -43
- package/dist/cjs/components/avatar.js.map +1 -1
- package/dist/cjs/components/badge.js +90 -32
- package/dist/cjs/components/badge.js.map +1 -1
- package/dist/cjs/components/breadcrumb.js +47 -27
- package/dist/cjs/components/breadcrumb.js.map +1 -1
- package/dist/cjs/components/button-group.js +35 -28
- package/dist/cjs/components/button-group.js.map +1 -1
- package/dist/cjs/components/button.js +290 -237
- package/dist/cjs/components/button.js.map +1 -1
- package/dist/cjs/components/callout.js +92 -35
- package/dist/cjs/components/callout.js.map +1 -1
- package/dist/cjs/components/card.js +273 -209
- package/dist/cjs/components/card.js.map +1 -1
- package/dist/cjs/components/checkbox.js +137 -113
- package/dist/cjs/components/checkbox.js.map +1 -1
- package/dist/cjs/components/chip.js +47 -40
- package/dist/cjs/components/chip.js.map +1 -1
- package/dist/cjs/components/code.js +19 -12
- package/dist/cjs/components/code.js.map +1 -1
- package/dist/cjs/components/combobox.js +97 -91
- package/dist/cjs/components/combobox.js.map +1 -1
- package/dist/cjs/components/cookie-consent.js +51 -46
- package/dist/cjs/components/cookie-consent.js.map +1 -1
- package/dist/cjs/components/dialog.js +78 -21
- package/dist/cjs/components/dialog.js.map +1 -1
- package/dist/cjs/components/divider.js +60 -53
- package/dist/cjs/components/divider.js.map +1 -1
- package/dist/cjs/components/dot.js +111 -56
- package/dist/cjs/components/dot.js.map +1 -1
- package/dist/cjs/components/file-upload.js +221 -214
- package/dist/cjs/components/file-upload.js.map +1 -1
- package/dist/cjs/components/filter.js +24 -17
- package/dist/cjs/components/filter.js.map +1 -1
- package/dist/cjs/components/footer.js +41 -34
- package/dist/cjs/components/footer.js.map +1 -1
- package/dist/cjs/components/forms.js +34 -27
- package/dist/cjs/components/forms.js.map +1 -1
- package/dist/cjs/components/header.js +38 -31
- package/dist/cjs/components/header.js.map +1 -1
- package/dist/cjs/components/icon.js +113 -55
- package/dist/cjs/components/icon.js.map +1 -1
- package/dist/cjs/components/input.js +285 -219
- package/dist/cjs/components/input.js.map +1 -1
- package/dist/cjs/components/kbd.js +17 -12
- package/dist/cjs/components/kbd.js.map +1 -1
- package/dist/cjs/components/label.js +93 -35
- package/dist/cjs/components/label.js.map +1 -1
- package/dist/cjs/components/link.js +59 -52
- package/dist/cjs/components/link.js.map +1 -1
- package/dist/cjs/components/list.js +63 -56
- package/dist/cjs/components/list.js.map +1 -1
- package/dist/cjs/components/logo.js +58 -51
- package/dist/cjs/components/logo.js.map +1 -1
- package/dist/cjs/components/menu-vertical.js +243 -204
- package/dist/cjs/components/menu-vertical.js.map +1 -1
- package/dist/cjs/components/menubar.js +100 -42
- package/dist/cjs/components/menubar.js.map +1 -1
- package/dist/cjs/components/modal.js +58 -51
- package/dist/cjs/components/modal.js.map +1 -1
- package/dist/cjs/components/pagination.js +108 -101
- package/dist/cjs/components/pagination.js.map +1 -1
- package/dist/cjs/components/popup-menu.js +148 -144
- package/dist/cjs/components/popup-menu.js.map +1 -1
- package/dist/cjs/components/progress-bar.js +80 -24
- package/dist/cjs/components/progress-bar.js.map +1 -1
- package/dist/cjs/components/progress-stepper.js +80 -73
- package/dist/cjs/components/progress-stepper.js.map +1 -1
- package/dist/cjs/components/radio.js +140 -134
- package/dist/cjs/components/radio.js.map +1 -1
- package/dist/cjs/components/search-field.js +44 -37
- package/dist/cjs/components/search-field.js.map +1 -1
- package/dist/cjs/components/select.js +256 -182
- package/dist/cjs/components/select.js.map +1 -1
- package/dist/cjs/components/snackbar.js +40 -33
- package/dist/cjs/components/snackbar.js.map +1 -1
- package/dist/cjs/components/spinner.js +80 -23
- package/dist/cjs/components/spinner.js.map +1 -1
- package/dist/cjs/components/switch.js +89 -66
- package/dist/cjs/components/switch.js.map +1 -1
- package/dist/cjs/components/table.js +297 -236
- package/dist/cjs/components/table.js.map +1 -1
- package/dist/cjs/components/tabs.js +124 -16
- package/dist/cjs/components/tabs.js.map +1 -1
- package/dist/cjs/components/tooltip.js +68 -61
- package/dist/cjs/components/tooltip.js.map +1 -1
- package/dist/cjs/components/user-menu.js +24 -17
- package/dist/cjs/components/user-menu.js.map +1 -1
- package/dist/cjs/components.js +377 -177
- package/dist/cjs/components.js.map +1 -1
- package/dist/cjs/data-plugin.js +64 -26
- package/dist/cjs/data-plugin.js.map +1 -1
- package/dist/cjs/fonts.js +17 -10
- package/dist/cjs/fonts.js.map +1 -1
- package/dist/cjs/index.js +36 -12
- package/dist/cjs/index.js.map +1 -1
- package/dist/cjs/plugin.js +136 -54
- package/dist/cjs/plugin.js.map +1 -1
- package/dist/cjs/preset.js +161 -25
- package/dist/cjs/preset.js.map +1 -1
- package/dist/cjs/theme.js +198 -137
- package/dist/cjs/theme.js.map +1 -1
- package/dist/cjs/units.js +412 -288
- package/dist/cjs/units.js.map +1 -1
- package/dist/cjs/with-opacity.js +16 -9
- package/dist/cjs/with-opacity.js.map +1 -1
- package/dist/esm/aria-plugin.js +83 -38
- package/dist/esm/aria-plugin.js.map +1 -1
- package/dist/esm/base.js +45 -44
- package/dist/esm/base.js.map +1 -1
- package/dist/esm/colors.js +667 -596
- package/dist/esm/colors.js.map +1 -1
- package/dist/esm/components/accordion.js +198 -195
- package/dist/esm/components/accordion.js.map +1 -1
- package/dist/esm/components/ai/ai-corner-module.js +327 -275
- package/dist/esm/components/ai/ai-corner-module.js.map +1 -1
- package/dist/esm/components/ai/ai-feed.js +63 -60
- package/dist/esm/components/ai/ai-feed.js.map +1 -1
- package/dist/esm/components/ai/ai-service-module.js +211 -167
- package/dist/esm/components/ai/ai-service-module.js.map +1 -1
- package/dist/esm/components/ai/assistant-presentation.js +54 -51
- package/dist/esm/components/ai/assistant-presentation.js.map +1 -1
- package/dist/esm/components/ai/assistant-switch.js +47 -44
- package/dist/esm/components/ai/assistant-switch.js.map +1 -1
- package/dist/esm/components/ai/bubble.js +112 -82
- package/dist/esm/components/ai/bubble.js.map +1 -1
- package/dist/esm/components/ai/feedback.js +29 -26
- package/dist/esm/components/ai/feedback.js.map +1 -1
- package/dist/esm/components/ai/input-section.js +24 -21
- package/dist/esm/components/ai/input-section.js.map +1 -1
- package/dist/esm/components/ai/markdown-rendered.js +23 -20
- package/dist/esm/components/ai/markdown-rendered.js.map +1 -1
- package/dist/esm/components/ai/new-session-button.js +19 -16
- package/dist/esm/components/ai/new-session-button.js.map +1 -1
- package/dist/esm/components/ai/typing-bubble.js +21 -18
- package/dist/esm/components/ai/typing-bubble.js.map +1 -1
- package/dist/esm/components/ai/typing-sequence.js +80 -32
- package/dist/esm/components/ai/typing-sequence.js.map +1 -1
- package/dist/esm/components/avatar.js +91 -41
- package/dist/esm/components/avatar.js.map +1 -1
- package/dist/esm/components/badge.js +80 -29
- package/dist/esm/components/badge.js.map +1 -1
- package/dist/esm/components/breadcrumb.js +38 -27
- package/dist/esm/components/breadcrumb.js.map +1 -1
- package/dist/esm/components/button-group.js +28 -25
- package/dist/esm/components/button-group.js.map +1 -1
- package/dist/esm/components/button.js +283 -255
- package/dist/esm/components/button.js.map +1 -1
- package/dist/esm/components/callout.js +82 -31
- package/dist/esm/components/callout.js.map +1 -1
- package/dist/esm/components/card.js +262 -235
- package/dist/esm/components/card.js.map +1 -1
- package/dist/esm/components/checkbox.js +130 -110
- package/dist/esm/components/checkbox.js.map +1 -1
- package/dist/esm/components/chip.js +40 -37
- package/dist/esm/components/chip.js.map +1 -1
- package/dist/esm/components/code.js +12 -9
- package/dist/esm/components/code.js.map +1 -1
- package/dist/esm/components/combobox.js +89 -87
- package/dist/esm/components/combobox.js.map +1 -1
- package/dist/esm/components/cookie-consent.js +43 -42
- package/dist/esm/components/cookie-consent.js.map +1 -1
- package/dist/esm/components/dialog.js +70 -18
- package/dist/esm/components/dialog.js.map +1 -1
- package/dist/esm/components/divider.js +52 -49
- package/dist/esm/components/divider.js.map +1 -1
- package/dist/esm/components/dot.js +104 -56
- package/dist/esm/components/dot.js.map +1 -1
- package/dist/esm/components/file-upload.js +214 -211
- package/dist/esm/components/file-upload.js.map +1 -1
- package/dist/esm/components/filter.js +17 -14
- package/dist/esm/components/filter.js.map +1 -1
- package/dist/esm/components/footer.js +33 -30
- package/dist/esm/components/footer.js.map +1 -1
- package/dist/esm/components/forms.js +27 -24
- package/dist/esm/components/forms.js.map +1 -1
- package/dist/esm/components/header.js +31 -28
- package/dist/esm/components/header.js.map +1 -1
- package/dist/esm/components/icon.js +103 -54
- package/dist/esm/components/icon.js.map +1 -1
- package/dist/esm/components/input.js +278 -216
- package/dist/esm/components/input.js.map +1 -1
- package/dist/esm/components/kbd.js +10 -9
- package/dist/esm/components/kbd.js.map +1 -1
- package/dist/esm/components/label.js +83 -35
- package/dist/esm/components/label.js.map +1 -1
- package/dist/esm/components/link.js +52 -49
- package/dist/esm/components/link.js.map +1 -1
- package/dist/esm/components/list.js +55 -52
- package/dist/esm/components/list.js.map +1 -1
- package/dist/esm/components/logo.js +51 -48
- package/dist/esm/components/logo.js.map +1 -1
- package/dist/esm/components/menu-vertical.js +233 -199
- package/dist/esm/components/menu-vertical.js.map +1 -1
- package/dist/esm/components/menubar.js +92 -45
- package/dist/esm/components/menubar.js.map +1 -1
- package/dist/esm/components/modal.js +50 -47
- package/dist/esm/components/modal.js.map +1 -1
- package/dist/esm/components/pagination.js +101 -98
- package/dist/esm/components/pagination.js.map +1 -1
- package/dist/esm/components/popup-menu.js +142 -142
- package/dist/esm/components/popup-menu.js.map +1 -1
- package/dist/esm/components/progress-bar.js +69 -21
- package/dist/esm/components/progress-bar.js.map +1 -1
- package/dist/esm/components/progress-stepper.js +72 -69
- package/dist/esm/components/progress-stepper.js.map +1 -1
- package/dist/esm/components/radio.js +132 -130
- package/dist/esm/components/radio.js.map +1 -1
- package/dist/esm/components/search-field.js +37 -34
- package/dist/esm/components/search-field.js.map +1 -1
- package/dist/esm/components/select.js +250 -180
- package/dist/esm/components/select.js.map +1 -1
- package/dist/esm/components/snackbar.js +33 -30
- package/dist/esm/components/snackbar.js.map +1 -1
- package/dist/esm/components/spinner.js +70 -18
- package/dist/esm/components/spinner.js.map +1 -1
- package/dist/esm/components/switch.js +80 -70
- package/dist/esm/components/switch.js.map +1 -1
- package/dist/esm/components/table.js +292 -236
- package/dist/esm/components/table.js.map +1 -1
- package/dist/esm/components/tabs.js +118 -14
- package/dist/esm/components/tabs.js.map +1 -1
- package/dist/esm/components/tooltip.js +61 -58
- package/dist/esm/components/tooltip.js.map +1 -1
- package/dist/esm/components/user-menu.js +17 -14
- package/dist/esm/components/user-menu.js.map +1 -1
- package/dist/esm/components.js +404 -206
- package/dist/esm/components.js.map +1 -1
- package/dist/esm/data-plugin.js +49 -23
- package/dist/esm/data-plugin.js.map +1 -1
- package/dist/esm/fonts.js +7 -6
- package/dist/esm/fonts.js.map +1 -1
- package/dist/esm/index.js +5 -4
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/plugin.js +114 -46
- package/dist/esm/plugin.js.map +1 -1
- package/dist/esm/preset.js +104 -17
- package/dist/esm/preset.js.map +1 -1
- package/dist/esm/theme.js +187 -139
- package/dist/esm/theme.js.map +1 -1
- package/dist/esm/units.js +402 -284
- package/dist/esm/units.js.map +1 -1
- package/dist/esm/with-opacity.js +6 -7
- package/dist/esm/with-opacity.js.map +1 -1
- package/dist/types/colors.d.ts +70 -0
- package/dist/types/components/checkbox.d.ts +23 -7
- package/dist/types/components/combobox.d.ts +1 -2
- package/dist/types/components/input.d.ts +29 -34
- package/dist/types/components/popup-menu.d.ts +3 -6
- package/dist/types/components/radio.d.ts +27 -29
- package/dist/types/components/select.d.ts +24 -23
- package/dist/types/components/switch.d.ts +9 -8
- package/dist/types/components/tabs.d.ts +45 -3
- package/dist/types/preset.d.ts +1 -1
- package/package.json +17 -14
package/dist/esm/theme.js
CHANGED
|
@@ -1,148 +1,196 @@
|
|
|
1
|
-
function
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
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';
|
|
5
56
|
import { screens } from '@sk-web-gui/theme';
|
|
6
|
-
import { fonts } from './fonts';
|
|
57
|
+
import { fonts } from './fonts.js';
|
|
7
58
|
var theme = {
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
100
|
-
|
|
101
|
-
|
|
102
|
-
|
|
103
|
-
|
|
104
|
-
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
|
|
110
|
-
|
|
111
|
-
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
popover: '1500',
|
|
117
|
-
skipLink: '1600',
|
|
118
|
-
toast: '1700',
|
|
119
|
-
tooltip: '1800'
|
|
120
|
-
},
|
|
121
|
-
keyframes: {
|
|
122
|
-
'reset-overflow': {
|
|
123
|
-
'from, to': {
|
|
124
|
-
overflow: 'hidden'
|
|
125
|
-
}
|
|
126
|
-
},
|
|
127
|
-
typingbounce: {
|
|
128
|
-
'0%': {
|
|
129
|
-
transform: 'translateY(0)'
|
|
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'
|
|
130
167
|
},
|
|
131
|
-
|
|
132
|
-
|
|
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
|
+
}
|
|
133
185
|
},
|
|
134
|
-
|
|
135
|
-
|
|
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'
|
|
136
191
|
}
|
|
137
|
-
}
|
|
138
|
-
},
|
|
139
|
-
animation: {
|
|
140
|
-
'reset-overflow': 'reset-overflow 180ms backwards',
|
|
141
|
-
'typing-bounce-1': 'typingbounce 1.5s ease-in-out 600ms infinite',
|
|
142
|
-
'typing-bounce-2': 'typingbounce 1.5s ease-in-out 800ms infinite',
|
|
143
|
-
'typing-bounce-3': 'typingbounce 1.5s ease-in-out 1s infinite'
|
|
144
192
|
}
|
|
145
|
-
}
|
|
146
193
|
};
|
|
147
194
|
export { theme };
|
|
195
|
+
|
|
148
196
|
//# sourceMappingURL=theme.js.map
|
package/dist/esm/theme.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"theme.js","names":["withOpacity","colors","units","screens","fonts","theme","extend","containers","Object","keys","reduce","screenKey","index","_extends","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"],"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"],"mappings":"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","ignoreList":[]}
|
|
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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"}
|