@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
|
@@ -1,26 +1,83 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "Spinner", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return Spinner;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
function _define_property(obj, key, value) {
|
|
12
|
+
if (key in obj) {
|
|
13
|
+
Object.defineProperty(obj, key, {
|
|
14
|
+
value: value,
|
|
15
|
+
enumerable: true,
|
|
16
|
+
configurable: true,
|
|
17
|
+
writable: true
|
|
18
|
+
});
|
|
19
|
+
} else {
|
|
20
|
+
obj[key] = value;
|
|
21
|
+
}
|
|
22
|
+
return obj;
|
|
23
|
+
}
|
|
24
|
+
function _object_spread(target) {
|
|
25
|
+
for(var i = 1; i < arguments.length; i++){
|
|
26
|
+
var source = arguments[i] != null ? arguments[i] : {};
|
|
27
|
+
var ownKeys = Object.keys(source);
|
|
28
|
+
if (typeof Object.getOwnPropertySymbols === "function") {
|
|
29
|
+
ownKeys = ownKeys.concat(Object.getOwnPropertySymbols(source).filter(function(sym) {
|
|
30
|
+
return Object.getOwnPropertyDescriptor(source, sym).enumerable;
|
|
31
|
+
}));
|
|
32
|
+
}
|
|
33
|
+
ownKeys.forEach(function(key) {
|
|
34
|
+
_define_property(target, key, source[key]);
|
|
35
|
+
});
|
|
36
|
+
}
|
|
37
|
+
return target;
|
|
38
|
+
}
|
|
39
|
+
function ownKeys(object, enumerableOnly) {
|
|
40
|
+
var keys = Object.keys(object);
|
|
41
|
+
if (Object.getOwnPropertySymbols) {
|
|
42
|
+
var symbols = Object.getOwnPropertySymbols(object);
|
|
43
|
+
if (enumerableOnly) {
|
|
44
|
+
symbols = symbols.filter(function(sym) {
|
|
45
|
+
return Object.getOwnPropertyDescriptor(object, sym).enumerable;
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
keys.push.apply(keys, symbols);
|
|
49
|
+
}
|
|
50
|
+
return keys;
|
|
51
|
+
}
|
|
52
|
+
function _object_spread_props(target, source) {
|
|
53
|
+
source = source != null ? source : {};
|
|
54
|
+
if (Object.getOwnPropertyDescriptors) {
|
|
55
|
+
Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
|
|
56
|
+
} else {
|
|
57
|
+
ownKeys(Object(source)).forEach(function(key) {
|
|
58
|
+
Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
|
|
59
|
+
});
|
|
60
|
+
}
|
|
61
|
+
return target;
|
|
62
|
+
}
|
|
63
|
+
var Spinner = function(colors) {
|
|
64
|
+
return {
|
|
65
|
+
'.sk-spinner': _object_spread({
|
|
66
|
+
'@apply box-border': {},
|
|
67
|
+
'@apply flex justify-center items-center object-center': {},
|
|
68
|
+
'@apply overflow-hidden': {},
|
|
69
|
+
'&-lottie': {
|
|
70
|
+
'@apply w-[200%] h-[200%] my-0 mr-0 ml-[-50%]': {}
|
|
71
|
+
},
|
|
72
|
+
path: {
|
|
73
|
+
'@apply stroke-dark-secondary': {}
|
|
74
|
+
}
|
|
75
|
+
}, colors.reduce(function(styles, color) {
|
|
76
|
+
return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), {
|
|
77
|
+
path: _define_property({}, "@apply stroke-".concat(color, "-surface-primary"), {})
|
|
78
|
+
}));
|
|
79
|
+
}, {}))
|
|
80
|
+
};
|
|
25
81
|
};
|
|
82
|
+
|
|
26
83
|
//# sourceMappingURL=spinner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/spinner.ts"],"sourcesContent":["export const Spinner = (colors: string[]) => ({\n '.sk-spinner': {\n '@apply box-border': {},\n '@apply flex justify-center items-center object-center': {},\n '@apply overflow-hidden': {},\n\n '&-lottie': {\n '@apply w-[200%] h-[200%] my-0 mr-0 ml-[-50%]': {},\n },\n path: {\n '@apply stroke-dark-secondary': {},\n },\n\n ...colors.reduce(\n (styles, color) => ({\n ...styles,\n [`&[data-color=\"${color}\"]`]: {\n path: {\n [`@apply stroke-${color}-surface-primary`]: {},\n },\n },\n }),\n {}\n ),\n },\n});\n"],"names":["Spinner","colors","path","reduce","styles","color"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAN,IAAMA,UAAU,SAACC;WAAsB;QAC5C,eAAe;YACb,qBAAqB,CAAC;YACtB,yDAAyD,CAAC;YAC1D,0BAA0B,CAAC;YAE3B,YAAY;gBACV,gDAAgD,CAAC;YACnD;YACAC,MAAM;gBACJ,gCAAgC,CAAC;YACnC;WAEGD,OAAOE,MAAM,CACd,SAACC,QAAQC;mBAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;gBAC5BH,MACE,qBAAC,AAAC,iBAAsB,OAANG,OAAM,qBAAoB,CAAC;YAEjD;WAEF,CAAC;IAGP"}
|
|
@@ -1,71 +1,94 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
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
|
-
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "Switch", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return Switch;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
function _define_property(obj, key, value) {
|
|
12
|
+
if (key in obj) {
|
|
13
|
+
Object.defineProperty(obj, key, {
|
|
14
|
+
value: value,
|
|
15
|
+
enumerable: true,
|
|
16
|
+
configurable: true,
|
|
17
|
+
writable: true
|
|
18
|
+
});
|
|
19
|
+
} else {
|
|
20
|
+
obj[key] = value;
|
|
21
|
+
}
|
|
22
|
+
return obj;
|
|
23
|
+
}
|
|
24
|
+
var Switch = function() {
|
|
25
|
+
var _obj, _obj1;
|
|
26
|
+
return {
|
|
27
|
+
'.sk-form-switch-label': {
|
|
28
|
+
'@apply inline-flex align-middle items-center': {},
|
|
29
|
+
'@apply flex-row gap-12': {},
|
|
30
|
+
'@apply font-normal text-base': {},
|
|
31
|
+
"&[type='hidden']": {
|
|
32
|
+
'@apply hidden': {},
|
|
33
|
+
'.sk-form-switch': {
|
|
34
|
+
'@apply hidden': {}
|
|
35
|
+
}
|
|
36
|
+
}
|
|
37
|
+
},
|
|
38
|
+
'.sk-form-switch': (_obj1 = {
|
|
39
|
+
'@apply rounded-full cursor-pointer focus:outline-none': {},
|
|
40
|
+
'@apply bg-switch-surface': {},
|
|
41
|
+
// Hover
|
|
42
|
+
'@apply hover:bg-switch-surface-hover': {},
|
|
43
|
+
// Focus
|
|
44
|
+
'input[type=checkbox]:focus-visible + &': {
|
|
45
|
+
'@apply ring ring-blue-500': {}
|
|
46
|
+
},
|
|
47
|
+
'&-input': {
|
|
48
|
+
'@apply sr-only': {}
|
|
49
|
+
},
|
|
50
|
+
// Checked
|
|
51
|
+
'input[type=checkbox]:checked + &': (_obj = {}, _define_property(_obj, '&[data-color="gronsta"]', {
|
|
52
|
+
'.sk-form-switch-box': {
|
|
53
|
+
'@apply bg-gronsta-surface-primary': {}
|
|
54
|
+
}
|
|
55
|
+
}), _define_property(_obj, '.sk-form-switch-icon', {
|
|
56
|
+
'@apply flex': {}
|
|
57
|
+
}), _define_property(_obj, '.sk-form-switch-box', {
|
|
58
|
+
transform: 'translateX(var(--sk-spacing-24))',
|
|
59
|
+
'@apply bg-switch-control-on': {}
|
|
60
|
+
}), _define_property(_obj, '@apply bg-switch-surface-on', {}), // Disabled
|
|
61
|
+
_define_property(_obj, '&[data-disabled="true"]', {
|
|
62
|
+
'.sk-form-switch-box': {
|
|
63
|
+
'@apply bg-switch-control-disabled': {},
|
|
64
|
+
'.sk-form-switch-icon': {
|
|
65
|
+
'@apply opacity-0': {},
|
|
66
|
+
'@apply text-light-primary': {}
|
|
67
|
+
}
|
|
68
|
+
}
|
|
69
|
+
}), _obj)
|
|
70
|
+
}, // Disabled not checked
|
|
71
|
+
_define_property(_obj1, '&[data-disabled="true"]', {
|
|
72
|
+
'@apply cursor-default': {},
|
|
73
|
+
'@apply bg-switch-surface-disabled': {},
|
|
74
|
+
'.sk-form-switch-box': {
|
|
75
|
+
'@apply bg-switch-control-disabled': {}
|
|
76
|
+
}
|
|
77
|
+
}), _define_property(_obj1, '@apply w-56', {}), _obj1),
|
|
78
|
+
// Knob
|
|
41
79
|
'.sk-form-switch-box': {
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
'@apply
|
|
45
|
-
'@apply
|
|
46
|
-
|
|
80
|
+
'@apply transition-transform ease-in-out duration-150 transform rounded-full shadow translate-x-0 m-6': {},
|
|
81
|
+
'@apply bg-switch-control': {},
|
|
82
|
+
'@apply h-20 w-20': {},
|
|
83
|
+
'@apply flex justify-center items-center object-center': {},
|
|
84
|
+
'.sk-form-switch-icon': {
|
|
85
|
+
'@apply bg-transparent': {},
|
|
86
|
+
'@apply hidden': {},
|
|
87
|
+
'@apply w-20 h-20': {},
|
|
88
|
+
'@apply text-light-primary': {}
|
|
89
|
+
}
|
|
47
90
|
}
|
|
48
|
-
|
|
49
|
-
}, _skFormSwitch["&[data-disabled=\"true\"]"] = {
|
|
50
|
-
'@apply cursor-default': {},
|
|
51
|
-
'@apply bg-primitives-overlay-darken-2 dark:bg-primitives-overlay-lighten-2': {},
|
|
52
|
-
'.sk-form-switch-box': {
|
|
53
|
-
'@apply bg-primitives-overlay-darken-6 dark:bg-primitives-overlay-lighten-6': {}
|
|
54
|
-
}
|
|
55
|
-
}, _skFormSwitch['@apply w-56'] = {}, _skFormSwitch),
|
|
56
|
-
// Knob
|
|
57
|
-
'.sk-form-switch-box': {
|
|
58
|
-
'@apply transition-transform ease-in-out duration-150 transform rounded-full shadow translate-x-0 m-6': {},
|
|
59
|
-
'@apply bg-primitives-overlay-darken-7 dark:bg-primitives-overlay-lighten-7': {},
|
|
60
|
-
'@apply h-20 w-20': {},
|
|
61
|
-
'@apply flex justify-center items-center object-center': {},
|
|
62
|
-
'.sk-form-switch-icon': {
|
|
63
|
-
'@apply bg-transparent': {},
|
|
64
|
-
'@apply hidden': {},
|
|
65
|
-
'@apply w-20 h-20': {},
|
|
66
|
-
'@apply text-light-primary': {}
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
};
|
|
91
|
+
};
|
|
70
92
|
};
|
|
93
|
+
|
|
71
94
|
//# sourceMappingURL=switch.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/switch.ts"],"sourcesContent":["export const Switch = () => ({\r\n '.sk-form-switch-label': {\r\n '@apply inline-flex align-middle items-center': {},\r\n '@apply flex-row gap-12': {},\r\n '@apply font-normal text-base': {},\r\n\r\n \"&[type='hidden']\": {\r\n '@apply hidden': {},\r\n\r\n '.sk-form-switch': {\r\n '@apply hidden': {},\r\n },\r\n },\r\n },\r\n '.sk-form-switch': {\r\n '@apply rounded-full cursor-pointer focus:outline-none': {},\r\n '@apply bg-switch-surface': {},\r\n\r\n // Hover\r\n '@apply hover:bg-switch-surface-hover': {},\r\n\r\n // Focus\r\n 'input[type=checkbox]:focus-visible + &': {\r\n '@apply ring ring-blue-500': {},\r\n },\r\n\r\n '&-input': {\r\n '@apply sr-only': {},\r\n },\r\n\r\n // Checked\r\n 'input[type=checkbox]:checked + &': {\r\n [`&[data-color=\"gronsta\"]`]: {\r\n '.sk-form-switch-box': {\r\n '@apply bg-gronsta-surface-primary': {},\r\n },\r\n },\r\n\r\n '.sk-form-switch-icon': {\r\n '@apply flex': {},\r\n },\r\n\r\n '.sk-form-switch-box': {\r\n transform: 'translateX(var(--sk-spacing-24))',\r\n '@apply bg-switch-control-on': {},\r\n },\r\n\r\n '@apply bg-switch-surface-on': {},\r\n\r\n // Disabled\r\n [`&[data-disabled=\"true\"]`]: {\r\n '.sk-form-switch-box': {\r\n '@apply bg-switch-control-disabled': {},\r\n\r\n '.sk-form-switch-icon': {\r\n '@apply opacity-0': {},\r\n '@apply text-light-primary': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n // Disabled not checked\r\n [`&[data-disabled=\"true\"]`]: {\r\n '@apply cursor-default': {},\r\n '@apply bg-switch-surface-disabled': {},\r\n\r\n '.sk-form-switch-box': {\r\n '@apply bg-switch-control-disabled': {},\r\n },\r\n },\r\n\r\n '@apply w-56': {},\r\n },\r\n\r\n // Knob\r\n '.sk-form-switch-box': {\r\n '@apply transition-transform ease-in-out duration-150 transform rounded-full shadow translate-x-0 m-6': {},\r\n '@apply bg-switch-control': {},\r\n '@apply h-20 w-20': {},\r\n '@apply flex justify-center items-center object-center': {},\r\n\r\n '.sk-form-switch-icon': {\r\n '@apply bg-transparent': {},\r\n '@apply hidden': {},\r\n '@apply w-20 h-20': {},\r\n '@apply text-light-primary': {},\r\n },\r\n },\r\n});\r\n"],"names":["Switch","transform"],"mappings":";;;;+BAAaA;;;eAAAA;;;;;;;;;;;;;;;;AAAN,IAAMA,SAAS;QA+BkB,MAjBnB;WAdQ;QAC3B,yBAAyB;YACvB,gDAAgD,CAAC;YACjD,0BAA0B,CAAC;YAC3B,gCAAgC,CAAC;YAEjC,oBAAoB;gBAClB,iBAAiB,CAAC;gBAElB,mBAAmB;oBACjB,iBAAiB,CAAC;gBACpB;YACF;QACF;QACA,iBAAiB,GAAE;YACjB,yDAAyD,CAAC;YAC1D,4BAA4B,CAAC;YAE7B,QAAQ;YACR,wCAAwC,CAAC;YAEzC,QAAQ;YACR,0CAA0C;gBACxC,6BAA6B,CAAC;YAChC;YAEA,WAAW;gBACT,kBAAkB,CAAC;YACrB;YAEA,UAAU;YACV,kCAAkC,GAAE,WAClC,iBADkC,MAChC,2BAA2B;gBAC3B,uBAAuB;oBACrB,qCAAqC,CAAC;gBACxC;YACF,IAEA,iBAPkC,MAOlC,wBAAwB;gBACtB,eAAe,CAAC;YAClB,IAEA,iBAXkC,MAWlC,uBAAuB;gBACrBC,WAAW;gBACX,+BAA+B,CAAC;YAClC,IAEA,iBAhBkC,MAgBlC,+BAA+B,CAAC,IAEhC,WAAW;YACX,iBAnBkC,MAmBhC,2BAA2B;gBAC3B,uBAAuB;oBACrB,qCAAqC,CAAC;oBAEtC,wBAAwB;wBACtB,oBAAoB,CAAC;wBACrB,6BAA6B,CAAC;oBAChC;gBACF;YACF,IA5BkC;WA+BpC,uBAAuB;QACvB,iBAjDiB,OAiDf,2BAA2B;YAC3B,yBAAyB,CAAC;YAC1B,qCAAqC,CAAC;YAEtC,uBAAuB;gBACrB,qCAAqC,CAAC;YACxC;QACF,IAEA,iBA1DiB,OA0DjB,eAAe,CAAC,IA1DC;QA6DnB,OAAO;QACP,uBAAuB;YACrB,wGAAwG,CAAC;YACzG,4BAA4B,CAAC;YAC7B,oBAAoB,CAAC;YACrB,yDAAyD,CAAC;YAE1D,wBAAwB;gBACtB,yBAAyB,CAAC;gBAC1B,iBAAiB,CAAC;gBAClB,oBAAoB,CAAC;gBACrB,6BAA6B,CAAC;YAChC;QACF;IACF"}
|