@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,15 +1,119 @@
|
|
|
1
|
-
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
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
|
+
export var Tabs = function(colors) {
|
|
54
|
+
return {
|
|
55
|
+
'.sk-tabs': {
|
|
56
|
+
'@apply w-full': {},
|
|
57
|
+
'&-list': {
|
|
58
|
+
'@apply flex items-center gap-20 border-b-1 border-transparent': {},
|
|
59
|
+
'&[data-underline="true"]': {
|
|
60
|
+
'@apply border-divider': {}
|
|
61
|
+
},
|
|
62
|
+
'&-item': _object_spread_props(_object_spread({
|
|
63
|
+
'@apply flex flex-col gap-y-10': {},
|
|
64
|
+
'&[data-size="sm"]': {
|
|
65
|
+
'> button': {
|
|
66
|
+
'@apply text-small': {}
|
|
67
|
+
}
|
|
68
|
+
},
|
|
69
|
+
'&-button': {
|
|
70
|
+
'@apply h-auto border-0 py-0 px-2': {},
|
|
71
|
+
// ring
|
|
72
|
+
'@apply rounded-4': {},
|
|
73
|
+
'&[aria-readonly="true"]': {
|
|
74
|
+
'@apply text-dark-disabled cursor-default': {}
|
|
75
|
+
},
|
|
76
|
+
'&[aria-readonly="false"]:hover,&:focus-visible': {
|
|
77
|
+
// hover
|
|
78
|
+
'@apply ring-[.3rem]': {},
|
|
79
|
+
'@apply ring-ring': {},
|
|
80
|
+
'@apply ring-offset-background-content': {},
|
|
81
|
+
'@apply outline-0': {}
|
|
82
|
+
},
|
|
83
|
+
'.sk-callout': {
|
|
84
|
+
'@apply absolute self-end': {}
|
|
85
|
+
}
|
|
86
|
+
},
|
|
87
|
+
'.sk-tabs-list-item-divider': {
|
|
88
|
+
'@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {}
|
|
89
|
+
},
|
|
90
|
+
'&[data-current="true"]': {
|
|
91
|
+
'.sk-tabs-list-item-divider': {
|
|
92
|
+
'@apply opacity-100': {}
|
|
93
|
+
}
|
|
94
|
+
}
|
|
95
|
+
}, colors.reduce(function(styles, color) {
|
|
96
|
+
return _object_spread_props(_object_spread({}, styles), _define_property({}, '&[data-color="'.concat(color, '"]'), {
|
|
97
|
+
'.sk-tabs-list-item-divider': _define_property({}, "@apply bg-".concat(color, "-surface-primary"), {})
|
|
98
|
+
}));
|
|
99
|
+
}, {})), {
|
|
100
|
+
"&[data-color='tertiary']": {
|
|
101
|
+
'.sk-tabs-list-item-divider': {
|
|
102
|
+
'@apply bg-primary-surface': {}
|
|
103
|
+
}
|
|
104
|
+
}
|
|
105
|
+
})
|
|
106
|
+
},
|
|
107
|
+
'&-panels': {
|
|
108
|
+
'@apply mt-20': {}
|
|
109
|
+
},
|
|
110
|
+
'&-content': {
|
|
111
|
+
'&:not([data-selected="true"])': {
|
|
112
|
+
'@apply hidden': {}
|
|
113
|
+
}
|
|
114
|
+
}
|
|
115
|
+
}
|
|
116
|
+
};
|
|
117
|
+
};
|
|
118
|
+
|
|
15
119
|
//# sourceMappingURL=tabs.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/tabs.ts"],"sourcesContent":["export const Tabs = (colors: string[]) => ({\n '.sk-tabs': {\n '@apply w-full': {},\n\n '&-list': {\n '@apply flex items-center gap-20 border-b-1 border-transparent': {},\n\n '&[data-underline=\"true\"]': {\n '@apply border-divider': {},\n },\n\n '&-item': {\n '@apply flex flex-col gap-y-10': {},\n\n '&[data-size=\"sm\"]': {\n '> button': {\n '@apply text-small': {},\n },\n },\n\n '&-button': {\n '@apply h-auto border-0 py-0 px-2': {},\n // ring\n '@apply rounded-4': {},\n\n '&[aria-readonly=\"true\"]': {\n '@apply text-dark-disabled cursor-default': {},\n },\n\n '&[aria-readonly=\"false\"]:hover,&:focus-visible': {\n // hover\n '@apply ring-[.3rem]': {},\n '@apply ring-ring': {},\n '@apply ring-offset-background-content': {},\n '@apply outline-0': {},\n },\n\n '.sk-callout': {\n '@apply absolute self-end': {},\n },\n },\n\n '.sk-tabs-list-item-divider': {\n '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {},\n },\n\n '&[data-current=\"true\"]': {\n '.sk-tabs-list-item-divider': {\n '@apply opacity-100': {},\n },\n },\n\n ...colors.reduce(\n (styles, color) => ({\n ...styles,\n [`&[data-color=\"${color}\"]`]: {\n '.sk-tabs-list-item-divider': {\n [`@apply bg-${color}-surface-primary`]: {},\n },\n },\n }),\n {}\n ),\n \"&[data-color='tertiary']\": {\n '.sk-tabs-list-item-divider': {\n '@apply bg-primary-surface': {},\n },\n },\n },\n },\n\n '&-panels': {\n '@apply mt-20': {},\n },\n\n '&-content': {\n '&:not([data-selected=\"true\"])': {\n '@apply hidden': {},\n },\n },\n },\n});\n"],"names":["Tabs","colors","reduce","styles","color"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,OAAO,IAAMA,OAAO,SAACC;WAAsB;QACzC,YAAY;YACV,iBAAiB,CAAC;YAElB,UAAU;gBACR,iEAAiE,CAAC;gBAElE,4BAA4B;oBAC1B,yBAAyB,CAAC;gBAC5B;gBAEA,UAAU;oBACR,iCAAiC,CAAC;oBAElC,qBAAqB;wBACnB,YAAY;4BACV,qBAAqB,CAAC;wBACxB;oBACF;oBAEA,YAAY;wBACV,oCAAoC,CAAC;wBACrC,OAAO;wBACP,oBAAoB,CAAC;wBAErB,2BAA2B;4BACzB,4CAA4C,CAAC;wBAC/C;wBAEA,kDAAkD;4BAChD,QAAQ;4BACR,uBAAuB,CAAC;4BACxB,oBAAoB,CAAC;4BACrB,yCAAyC,CAAC;4BAC1C,oBAAoB,CAAC;wBACvB;wBAEA,eAAe;4BACb,4BAA4B,CAAC;wBAC/B;oBACF;oBAEA,8BAA8B;wBAC5B,iDAAiD,CAAC;oBACpD;oBAEA,0BAA0B;wBACxB,8BAA8B;4BAC5B,sBAAsB,CAAC;wBACzB;oBACF;mBAEGA,OAAOC,MAAM,CACd,SAACC,QAAQC;2BAAW,wCACfD,SACH,qBAAC,AAAC,iBAAsB,OAANC,OAAM,OAAM;wBAC5B,8BACE,qBAAC,AAAC,aAAkB,OAANA,OAAM,qBAAoB,CAAC;oBAE7C;mBAEF,CAAC;oBAEH,4BAA4B;wBAC1B,8BAA8B;4BAC5B,6BAA6B,CAAC;wBAChC;oBACF;;YAEJ;YAEA,YAAY;gBACV,gBAAgB,CAAC;YACnB;YAEA,aAAa;gBACX,iCAAiC;oBAC/B,iBAAiB,CAAC;gBACpB;YACF;QACF;IACF;EAAG"}
|
|
@@ -1,59 +1,62 @@
|
|
|
1
|
-
export var Tooltip = ()
|
|
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
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
}
|
|
1
|
+
export var Tooltip = function() {
|
|
2
|
+
return {
|
|
3
|
+
'.sk-tooltip': {
|
|
4
|
+
'@apply inline-flex justify-center items-center': {},
|
|
5
|
+
'@apply w-fit h-fit': {},
|
|
6
|
+
'@apply grow-0': {},
|
|
7
|
+
'&-text': {
|
|
8
|
+
'@apply inline-flex': {},
|
|
9
|
+
'@apply bg-primary-surface shadow': {},
|
|
10
|
+
'@apply px-16 py-8': {},
|
|
11
|
+
'@apply rounded-utility': {},
|
|
12
|
+
'@apply text-light-primary text-small': {},
|
|
13
|
+
'@apply font-bold': {},
|
|
14
|
+
'@apply w-fit h-fit': {},
|
|
15
|
+
'@apply grow-0': {},
|
|
16
|
+
'@apply min-h-34': {}
|
|
17
|
+
},
|
|
18
|
+
//Arrow
|
|
19
|
+
'&::after, &::before': {
|
|
20
|
+
'@apply h-0 w-0 overflow-hidden': {}
|
|
21
|
+
},
|
|
22
|
+
// Above
|
|
23
|
+
'&[data-position="above"]': {
|
|
24
|
+
'@apply flex-col': {},
|
|
25
|
+
'@apply pb-2': {},
|
|
26
|
+
'&::after': {
|
|
27
|
+
'@apply content-[""] border-solid border-6 border-b-0': {},
|
|
28
|
+
'@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {}
|
|
29
|
+
}
|
|
30
|
+
},
|
|
31
|
+
// Below
|
|
32
|
+
'&[data-position="below"]': {
|
|
33
|
+
'@apply flex-col': {},
|
|
34
|
+
'@apply pt-2': {},
|
|
35
|
+
'&::before': {
|
|
36
|
+
'@apply content-[""] border-solid border-6 border-t-0': {},
|
|
37
|
+
'@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {}
|
|
38
|
+
}
|
|
39
|
+
},
|
|
40
|
+
// Left
|
|
41
|
+
'&[data-position="left"]': {
|
|
42
|
+
'@apply flex-row': {},
|
|
43
|
+
'@apply pr-2 py-3': {},
|
|
44
|
+
'&::after': {
|
|
45
|
+
'@apply content-[""] border-solid border-6 border-r-0': {},
|
|
46
|
+
'@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {}
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
// Right
|
|
50
|
+
'&[data-position="right"]': {
|
|
51
|
+
'@apply flex-row': {},
|
|
52
|
+
'@apply pl-2 py-3': {},
|
|
53
|
+
'&::before': {
|
|
54
|
+
'@apply content-[""] border-solid border-6 border-l-0': {},
|
|
55
|
+
'@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {}
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
};
|
|
60
|
+
};
|
|
61
|
+
|
|
59
62
|
//# sourceMappingURL=tooltip.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/tooltip.ts"],"sourcesContent":["export const Tooltip = () => ({\n '.sk-tooltip': {\n '@apply inline-flex justify-center items-center': {},\n '@apply w-fit h-fit': {},\n '@apply grow-0': {},\n\n '&-text': {\n '@apply inline-flex': {},\n '@apply bg-primary-surface shadow': {},\n '@apply px-16 py-8': {},\n '@apply rounded-utility': {},\n '@apply text-light-primary text-small': {},\n '@apply font-bold': {},\n '@apply w-fit h-fit': {},\n '@apply grow-0': {},\n '@apply min-h-34': {},\n },\n\n //Arrow\n '&::after, &::before': {\n '@apply h-0 w-0 overflow-hidden': {},\n },\n\n // Above\n '&[data-position=\"above\"]': {\n '@apply flex-col': {},\n '@apply pb-2': {},\n '&::after': {\n '@apply content-[\"\"] border-solid border-6 border-b-0': {},\n '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {},\n },\n },\n\n // Below\n '&[data-position=\"below\"]': {\n '@apply flex-col': {},\n '@apply pt-2': {},\n '&::before': {\n '@apply content-[\"\"] border-solid border-6 border-t-0': {},\n '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {},\n },\n },\n\n // Left\n '&[data-position=\"left\"]': {\n '@apply flex-row': {},\n '@apply pr-2 py-3': {},\n '&::after': {\n '@apply content-[\"\"] border-solid border-6 border-r-0': {},\n '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {},\n },\n },\n\n // Right\n '&[data-position=\"right\"]': {\n '@apply flex-row': {},\n '@apply pl-2 py-3': {},\n '&::before': {\n '@apply content-[\"\"] border-solid border-6 border-l-0': {},\n '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {},\n },\n },\n },\n});\n"],"names":["Tooltip"],"mappings":"AAAA,OAAO,IAAMA,UAAU;WAAO;QAC5B,eAAe;YACb,kDAAkD,CAAC;YACnD,sBAAsB,CAAC;YACvB,iBAAiB,CAAC;YAElB,UAAU;gBACR,sBAAsB,CAAC;gBACvB,oCAAoC,CAAC;gBACrC,qBAAqB,CAAC;gBACtB,0BAA0B,CAAC;gBAC3B,wCAAwC,CAAC;gBACzC,oBAAoB,CAAC;gBACrB,sBAAsB,CAAC;gBACvB,iBAAiB,CAAC;gBAClB,mBAAmB,CAAC;YACtB;YAEA,OAAO;YACP,uBAAuB;gBACrB,kCAAkC,CAAC;YACrC;YAEA,QAAQ;YACR,4BAA4B;gBAC1B,mBAAmB,CAAC;gBACpB,eAAe,CAAC;gBAChB,YAAY;oBACV,wDAAwD,CAAC;oBACzD,kGAAkG,CAAC;gBACrG;YACF;YAEA,QAAQ;YACR,4BAA4B;gBAC1B,mBAAmB,CAAC;gBACpB,eAAe,CAAC;gBAChB,aAAa;oBACX,wDAAwD,CAAC;oBACzD,kGAAkG,CAAC;gBACrG;YACF;YAEA,OAAO;YACP,2BAA2B;gBACzB,mBAAmB,CAAC;gBACpB,oBAAoB,CAAC;gBACrB,YAAY;oBACV,wDAAwD,CAAC;oBACzD,kGAAkG,CAAC;gBACrG;YACF;YAEA,QAAQ;YACR,4BAA4B;gBAC1B,mBAAmB,CAAC;gBACpB,oBAAoB,CAAC;gBACrB,aAAa;oBACX,wDAAwD,CAAC;oBACzD,kGAAkG,CAAC;gBACrG;YACF;QACF;IACF;EAAG"}
|
|
@@ -1,15 +1,18 @@
|
|
|
1
|
-
export var UserMenu = ()
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
}
|
|
1
|
+
export var UserMenu = function() {
|
|
2
|
+
return {
|
|
3
|
+
'.sk-usermenu': {
|
|
4
|
+
'@apply relative': {},
|
|
5
|
+
'&-button': {
|
|
6
|
+
'@apply p-0 bg-transparent hover:bg-transparent': {},
|
|
7
|
+
'@apply border-0': {},
|
|
8
|
+
'@apply hover:border-0': {},
|
|
9
|
+
'.sk-avatar': {
|
|
10
|
+
height: 'inherit',
|
|
11
|
+
width: 'inherit'
|
|
12
|
+
}
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
};
|
|
16
|
+
};
|
|
17
|
+
|
|
15
18
|
//# sourceMappingURL=user-menu.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"
|
|
1
|
+
{"version":3,"sources":["../../../src/components/user-menu.ts"],"sourcesContent":["export const UserMenu = () => ({\r\n '.sk-usermenu': {\r\n '@apply relative': {},\r\n '&-button': {\r\n '@apply p-0 bg-transparent hover:bg-transparent': {},\r\n '@apply border-0': {},\r\n '@apply hover:border-0': {},\r\n '.sk-avatar': {\r\n height: 'inherit',\r\n width: 'inherit',\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["UserMenu","height","width"],"mappings":"AAAA,OAAO,IAAMA,WAAW;WAAO;QAC7B,gBAAgB;YACd,mBAAmB,CAAC;YACpB,YAAY;gBACV,kDAAkD,CAAC;gBACnD,mBAAmB,CAAC;gBACpB,yBAAyB,CAAC;gBAC1B,cAAc;oBACZC,QAAQ;oBACRC,OAAO;gBACT;YACF;QACF;IACF;EAAG"}
|