@sk-web-gui/core 4.1.2 → 4.2.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/components/ai/chat-input.js +91 -0
- package/dist/cjs/components/ai/chat-input.js.map +1 -0
- package/dist/cjs/components/alert.js +80 -0
- package/dist/cjs/components/alert.js.map +1 -0
- package/dist/cjs/components/input.js +41 -1
- package/dist/cjs/components/input.js.map +1 -1
- package/dist/cjs/components.js +12 -1
- package/dist/cjs/components.js.map +1 -1
- package/dist/esm/components/ai/chat-input.js +81 -0
- package/dist/esm/components/ai/chat-input.js.map +1 -0
- package/dist/esm/components/alert.js +70 -0
- package/dist/esm/components/alert.js.map +1 -0
- package/dist/esm/components/input.js +41 -1
- package/dist/esm/components/input.js.map +1 -1
- package/dist/esm/components.js +12 -1
- package/dist/esm/components.js.map +1 -1
- package/dist/types/components/ai/chat-input.d.ts +79 -0
- package/dist/types/components/alert.d.ts +68 -0
- package/dist/types/components/input.d.ts +106 -0
- package/package.json +2 -2
|
@@ -0,0 +1,91 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "ChatInput", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return ChatInput;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const ChatInput = ()=>({
|
|
12
|
+
'.sk-chat-input': {
|
|
13
|
+
'&-textarea': {
|
|
14
|
+
'@apply flex': {},
|
|
15
|
+
'@apply grow shrink': {},
|
|
16
|
+
'@apply self-start': {},
|
|
17
|
+
'&[data-wrap="true"]': {
|
|
18
|
+
'@apply w-full': {}
|
|
19
|
+
},
|
|
20
|
+
'&[data-wrap="false"]': {
|
|
21
|
+
'@apply w-auto': {}
|
|
22
|
+
},
|
|
23
|
+
'&-sm': {
|
|
24
|
+
'@apply min-h-34+1': {},
|
|
25
|
+
'@apply max-h-[11rem]': {},
|
|
26
|
+
'@apply mt-5': {}
|
|
27
|
+
},
|
|
28
|
+
'&-md': {
|
|
29
|
+
'@apply min-h-42': {},
|
|
30
|
+
'@apply max-h-[13.4rem]': {},
|
|
31
|
+
'@apply mt-4': {}
|
|
32
|
+
},
|
|
33
|
+
'&-lg': {
|
|
34
|
+
'@apply min-h-56': {},
|
|
35
|
+
'@apply max-h-[14.2rem]': {},
|
|
36
|
+
'@apply mt-6': {}
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
'&-wrapper': {
|
|
40
|
+
'@apply flex flex-row flex-wrap': {},
|
|
41
|
+
'@apply justify-end': {}
|
|
42
|
+
},
|
|
43
|
+
'&-submitbutton': {
|
|
44
|
+
'@apply shrink-0 flex justify-self-end': {},
|
|
45
|
+
'@apply relative': {},
|
|
46
|
+
'&-sm': {
|
|
47
|
+
'@apply py-5 px-7': {}
|
|
48
|
+
},
|
|
49
|
+
'&-md': {
|
|
50
|
+
'@apply py-7 px-9': {}
|
|
51
|
+
},
|
|
52
|
+
'&-lg': {
|
|
53
|
+
'@apply py-11 px-13': {}
|
|
54
|
+
},
|
|
55
|
+
'&-inner-wrapper': {
|
|
56
|
+
'@apply relative inline-flex items-center': {}
|
|
57
|
+
},
|
|
58
|
+
'&-tooltip': {
|
|
59
|
+
'@apply absolute right-full': {}
|
|
60
|
+
}
|
|
61
|
+
},
|
|
62
|
+
'&-toolbar': {
|
|
63
|
+
'@apply flex': {},
|
|
64
|
+
'@apply relative': {},
|
|
65
|
+
'@apply gap-6': {},
|
|
66
|
+
'@apply bg-transparent': {},
|
|
67
|
+
'@apply justify-start': {},
|
|
68
|
+
'@apply w-auto': {},
|
|
69
|
+
'@apply shrink grow': {},
|
|
70
|
+
'&-sm': {
|
|
71
|
+
'@apply py-5 px-7': {}
|
|
72
|
+
},
|
|
73
|
+
'&-md': {
|
|
74
|
+
'@apply py-7 px-9': {}
|
|
75
|
+
},
|
|
76
|
+
'&-lg': {
|
|
77
|
+
'@apply py-11 px-13': {}
|
|
78
|
+
},
|
|
79
|
+
'&-button': {
|
|
80
|
+
'&-wrapper': {
|
|
81
|
+
'@apply relative inline-flex justify-center overflow-visible': {}
|
|
82
|
+
},
|
|
83
|
+
'&-tooltip': {
|
|
84
|
+
'@apply absolute shrink-0 bottom-full w-max': {}
|
|
85
|
+
}
|
|
86
|
+
}
|
|
87
|
+
}
|
|
88
|
+
}
|
|
89
|
+
});
|
|
90
|
+
|
|
91
|
+
//# sourceMappingURL=chat-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/ai/chat-input.ts"],"sourcesContent":["export const ChatInput = () => ({\r\n '.sk-chat-input': {\r\n '&-textarea': {\r\n '@apply flex': {},\r\n '@apply grow shrink': {},\r\n '@apply self-start': {},\r\n '&[data-wrap=\"true\"]': {\r\n '@apply w-full': {},\r\n },\r\n '&[data-wrap=\"false\"]': {\r\n '@apply w-auto': {},\r\n },\r\n '&-sm': {\r\n '@apply min-h-34+1': {},\r\n '@apply max-h-[11rem]': {},\r\n '@apply mt-5': {},\r\n },\r\n '&-md': {\r\n '@apply min-h-42': {},\r\n '@apply max-h-[13.4rem]': {},\r\n '@apply mt-4': {},\r\n },\r\n '&-lg': {\r\n '@apply min-h-56': {},\r\n '@apply max-h-[14.2rem]': {},\r\n '@apply mt-6': {},\r\n },\r\n },\r\n\r\n '&-wrapper': {\r\n '@apply flex flex-row flex-wrap': {},\r\n '@apply justify-end': {},\r\n },\r\n\r\n '&-submitbutton': {\r\n '@apply shrink-0 flex justify-self-end': {},\r\n '@apply relative': {},\r\n '&-sm': {\r\n '@apply py-5 px-7': {},\r\n },\r\n '&-md': {\r\n '@apply py-7 px-9': {},\r\n },\r\n '&-lg': {\r\n '@apply py-11 px-13': {},\r\n },\r\n '&-inner-wrapper': {\r\n '@apply relative inline-flex items-center': {},\r\n },\r\n '&-tooltip': {\r\n '@apply absolute right-full': {},\r\n },\r\n },\r\n\r\n '&-toolbar': {\r\n '@apply flex': {},\r\n '@apply relative': {},\r\n '@apply gap-6': {},\r\n '@apply bg-transparent': {},\r\n '@apply justify-start': {},\r\n '@apply w-auto': {},\r\n '@apply shrink grow': {},\r\n '&-sm': {\r\n '@apply py-5 px-7': {},\r\n },\r\n '&-md': {\r\n '@apply py-7 px-9': {},\r\n },\r\n '&-lg': {\r\n '@apply py-11 px-13': {},\r\n },\r\n '&-button': {\r\n '&-wrapper': {\r\n '@apply relative inline-flex justify-center overflow-visible': {},\r\n },\r\n '&-tooltip': {\r\n '@apply absolute shrink-0 bottom-full w-max': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["ChatInput"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,YAAY,IAAO,CAAA;QAC9B,kBAAkB;YAChB,cAAc;gBACZ,eAAe,CAAC;gBAChB,sBAAsB,CAAC;gBACvB,qBAAqB,CAAC;gBACtB,uBAAuB;oBACrB,iBAAiB,CAAC;gBACpB;gBACA,wBAAwB;oBACtB,iBAAiB,CAAC;gBACpB;gBACA,QAAQ;oBACN,qBAAqB,CAAC;oBACtB,wBAAwB,CAAC;oBACzB,eAAe,CAAC;gBAClB;gBACA,QAAQ;oBACN,mBAAmB,CAAC;oBACpB,0BAA0B,CAAC;oBAC3B,eAAe,CAAC;gBAClB;gBACA,QAAQ;oBACN,mBAAmB,CAAC;oBACpB,0BAA0B,CAAC;oBAC3B,eAAe,CAAC;gBAClB;YACF;YAEA,aAAa;gBACX,kCAAkC,CAAC;gBACnC,sBAAsB,CAAC;YACzB;YAEA,kBAAkB;gBAChB,yCAAyC,CAAC;gBAC1C,mBAAmB,CAAC;gBACpB,QAAQ;oBACN,oBAAoB,CAAC;gBACvB;gBACA,QAAQ;oBACN,oBAAoB,CAAC;gBACvB;gBACA,QAAQ;oBACN,sBAAsB,CAAC;gBACzB;gBACA,mBAAmB;oBACjB,4CAA4C,CAAC;gBAC/C;gBACA,aAAa;oBACX,8BAA8B,CAAC;gBACjC;YACF;YAEA,aAAa;gBACX,eAAe,CAAC;gBAChB,mBAAmB,CAAC;gBACpB,gBAAgB,CAAC;gBACjB,yBAAyB,CAAC;gBAC1B,wBAAwB,CAAC;gBACzB,iBAAiB,CAAC;gBAClB,sBAAsB,CAAC;gBACvB,QAAQ;oBACN,oBAAoB,CAAC;gBACvB;gBACA,QAAQ;oBACN,oBAAoB,CAAC;gBACvB;gBACA,QAAQ;oBACN,sBAAsB,CAAC;gBACzB;gBACA,YAAY;oBACV,aAAa;wBACX,+DAA+D,CAAC;oBAClE;oBACA,aAAa;wBACX,8CAA8C,CAAC;oBACjD;gBACF;YACF;QACF;IACF,CAAA"}
|
|
@@ -0,0 +1,80 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
Object.defineProperty(exports, "__esModule", {
|
|
3
|
+
value: true
|
|
4
|
+
});
|
|
5
|
+
Object.defineProperty(exports, "Alert", {
|
|
6
|
+
enumerable: true,
|
|
7
|
+
get: function() {
|
|
8
|
+
return Alert;
|
|
9
|
+
}
|
|
10
|
+
});
|
|
11
|
+
const Alert = ()=>({
|
|
12
|
+
'.sk-alert': {
|
|
13
|
+
'@apply flex rounded-button': {},
|
|
14
|
+
'&-sm': {
|
|
15
|
+
'@apply rounded-xl gap-8 pl-10 pr-6': {},
|
|
16
|
+
'.sk-alert-icon': {
|
|
17
|
+
'@apply pt-6': {}
|
|
18
|
+
}
|
|
19
|
+
},
|
|
20
|
+
'&-md': {
|
|
21
|
+
'@apply gap-12 pl-16 pr-12 py-12': {},
|
|
22
|
+
'.sk-alert-icon': {
|
|
23
|
+
'@apply pt-6': {}
|
|
24
|
+
}
|
|
25
|
+
},
|
|
26
|
+
'&-lg': {
|
|
27
|
+
'@apply gap-12 pl-16 pr-12 py-12': {},
|
|
28
|
+
'.sk-alert-icon': {
|
|
29
|
+
'@apply pt-6': {}
|
|
30
|
+
}
|
|
31
|
+
},
|
|
32
|
+
'&-content': {
|
|
33
|
+
'@apply flex flex-col w-full grow': {},
|
|
34
|
+
'&-description': {
|
|
35
|
+
'@apply text-small': {}
|
|
36
|
+
},
|
|
37
|
+
'&-sm': {
|
|
38
|
+
'@apply py-6': {},
|
|
39
|
+
'.sk-alert-content-title': {
|
|
40
|
+
'@apply text-small m-0': {}
|
|
41
|
+
}
|
|
42
|
+
},
|
|
43
|
+
'&-md': {
|
|
44
|
+
'@apply py-4': {},
|
|
45
|
+
'.sk-alert-content-title': {
|
|
46
|
+
'@apply text-base': {}
|
|
47
|
+
}
|
|
48
|
+
},
|
|
49
|
+
'&-lg': {
|
|
50
|
+
'@apply py-4': {},
|
|
51
|
+
'.sk-alert-content-title': {
|
|
52
|
+
'@apply text-large': {}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
},
|
|
56
|
+
'&-icon': {
|
|
57
|
+
'@apply flex-none': {}
|
|
58
|
+
},
|
|
59
|
+
'&-button': {
|
|
60
|
+
'@apply flex-none justify-self-end': {}
|
|
61
|
+
},
|
|
62
|
+
'&-info': {
|
|
63
|
+
'@apply border-1 border-vattjom-surface-primary bg-vattjom-background-100': {}
|
|
64
|
+
},
|
|
65
|
+
'&-neutral': {
|
|
66
|
+
'@apply border-1 border-divider bg-background-100': {}
|
|
67
|
+
},
|
|
68
|
+
'&-success': {
|
|
69
|
+
'@apply border-1 border-gronsta-surface-primary bg-gronsta-background-100': {}
|
|
70
|
+
},
|
|
71
|
+
'&-warning': {
|
|
72
|
+
'@apply border-1 border-warning-surface-primary bg-warning-background-100': {}
|
|
73
|
+
},
|
|
74
|
+
'&-error': {
|
|
75
|
+
'@apply border-1 border-error-surface-primary bg-error-background-100': {}
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
});
|
|
79
|
+
|
|
80
|
+
//# sourceMappingURL=alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/alert.ts"],"sourcesContent":["export const Alert = () => ({\r\n '.sk-alert': {\r\n '@apply flex rounded-button': {},\r\n '&-sm': {\r\n '@apply rounded-xl gap-8 pl-10 pr-6': {},\r\n '.sk-alert-icon': {\r\n '@apply pt-6': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply gap-12 pl-16 pr-12 py-12': {},\r\n '.sk-alert-icon': {\r\n '@apply pt-6': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply gap-12 pl-16 pr-12 py-12': {},\r\n '.sk-alert-icon': {\r\n '@apply pt-6': {},\r\n },\r\n },\r\n '&-content': {\r\n '@apply flex flex-col w-full grow': {},\r\n '&-description': {\r\n '@apply text-small': {},\r\n },\r\n '&-sm': {\r\n '@apply py-6': {},\r\n '.sk-alert-content-title': {\r\n '@apply text-small m-0': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply py-4': {},\r\n '.sk-alert-content-title': {\r\n '@apply text-base': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply py-4': {},\r\n '.sk-alert-content-title': {\r\n '@apply text-large': {},\r\n },\r\n },\r\n },\r\n '&-icon': {\r\n '@apply flex-none': {},\r\n },\r\n '&-button': {\r\n '@apply flex-none justify-self-end': {},\r\n },\r\n '&-info': {\r\n '@apply border-1 border-vattjom-surface-primary bg-vattjom-background-100': {},\r\n },\r\n '&-neutral': {\r\n '@apply border-1 border-divider bg-background-100': {},\r\n },\r\n '&-success': {\r\n '@apply border-1 border-gronsta-surface-primary bg-gronsta-background-100': {},\r\n },\r\n '&-warning': {\r\n '@apply border-1 border-warning-surface-primary bg-warning-background-100': {},\r\n },\r\n '&-error': {\r\n '@apply border-1 border-error-surface-primary bg-error-background-100': {},\r\n },\r\n },\r\n});\r\n"],"names":["Alert"],"mappings":";;;;+BAAaA;;;eAAAA;;;AAAN,MAAMA,QAAQ,IAAO,CAAA;QAC1B,aAAa;YACX,8BAA8B,CAAC;YAC/B,QAAQ;gBACN,sCAAsC,CAAC;gBACvC,kBAAkB;oBAChB,eAAe,CAAC;gBAClB;YACF;YACA,QAAQ;gBACN,mCAAmC,CAAC;gBACpC,kBAAkB;oBAChB,eAAe,CAAC;gBAClB;YACF;YACA,QAAQ;gBACN,mCAAmC,CAAC;gBACpC,kBAAkB;oBAChB,eAAe,CAAC;gBAClB;YACF;YACA,aAAa;gBACX,oCAAoC,CAAC;gBACrC,iBAAiB;oBACf,qBAAqB,CAAC;gBACxB;gBACA,QAAQ;oBACN,eAAe,CAAC;oBAChB,2BAA2B;wBACzB,yBAAyB,CAAC;oBAC5B;gBACF;gBACA,QAAQ;oBACN,eAAe,CAAC;oBAChB,2BAA2B;wBACzB,oBAAoB,CAAC;oBACvB;gBACF;gBACA,QAAQ;oBACN,eAAe,CAAC;oBAChB,2BAA2B;wBACzB,qBAAqB,CAAC;oBACxB;gBACF;YACF;YACA,UAAU;gBACR,oBAAoB,CAAC;YACvB;YACA,YAAY;gBACV,qCAAqC,CAAC;YACxC;YACA,UAAU;gBACR,4EAA4E,CAAC;YAC/E;YACA,aAAa;gBACX,oDAAoD,CAAC;YACvD;YACA,aAAa;gBACX,4EAA4E,CAAC;YAC/E;YACA,aAAa;gBACX,4EAA4E,CAAC;YAC/E;YACA,WAAW;gBACT,wEAAwE,CAAC;YAC3E;QACF;IACF,CAAA"}
|
|
@@ -291,6 +291,45 @@ function timeAndDatePicker() {
|
|
|
291
291
|
}
|
|
292
292
|
};
|
|
293
293
|
}
|
|
294
|
+
function textareaGroup() {
|
|
295
|
+
return {
|
|
296
|
+
'&-textarea': {
|
|
297
|
+
...inputGroup(),
|
|
298
|
+
'&-group-inner': {
|
|
299
|
+
'@apply h-auto': {},
|
|
300
|
+
'@apply flex-wrap': {},
|
|
301
|
+
'.sk-form-input-textarea': {
|
|
302
|
+
'@apply w-full': {}
|
|
303
|
+
},
|
|
304
|
+
'.sk-form-textarea-counter': {
|
|
305
|
+
'@apply w-full': {},
|
|
306
|
+
'@apply border-t-divider border-t-1': {}
|
|
307
|
+
},
|
|
308
|
+
'&&-lg': {
|
|
309
|
+
'@apply min-h-48 h-auto': {},
|
|
310
|
+
'.sk-form-textarea-counter': {
|
|
311
|
+
'@apply px-20': {},
|
|
312
|
+
'@apply py-11': {}
|
|
313
|
+
}
|
|
314
|
+
},
|
|
315
|
+
'&&-md': {
|
|
316
|
+
'@apply min-h-40 h-auto': {},
|
|
317
|
+
'.sk-form-textarea-counter': {
|
|
318
|
+
'@apply px-16': {},
|
|
319
|
+
'@apply py-7': {}
|
|
320
|
+
}
|
|
321
|
+
},
|
|
322
|
+
'&&-sm': {
|
|
323
|
+
'@apply min-h-32 h-auto': {},
|
|
324
|
+
'.sk-form-textarea-counter': {
|
|
325
|
+
'@apply px-12': {},
|
|
326
|
+
'@apply py-5': {}
|
|
327
|
+
}
|
|
328
|
+
}
|
|
329
|
+
}
|
|
330
|
+
}
|
|
331
|
+
};
|
|
332
|
+
}
|
|
294
333
|
const Input = ()=>({
|
|
295
334
|
'.sk-form-input': {
|
|
296
335
|
'@apply grow-0': {},
|
|
@@ -349,7 +388,8 @@ const Input = ()=>({
|
|
|
349
388
|
...inputStandards(),
|
|
350
389
|
...inputGroup(),
|
|
351
390
|
...addin(),
|
|
352
|
-
...addon()
|
|
391
|
+
...addon(),
|
|
392
|
+
...textareaGroup()
|
|
353
393
|
}
|
|
354
394
|
});
|
|
355
395
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n return {\r\n '@apply border-1': {},\r\n '@apply border-input-field-outline': {},\r\n '@apply hover:border-input-field-outline-hover': {},\r\n\r\n '@apply placeholder:text-dark-placeholder': {},\r\n\r\n '@apply bg-input-field-surface': {},\r\n\r\n //Invalid\r\n '&:invalid, &[aria-invalid=\"true\"]': {\r\n '@apply border-2 border-error-surface-primary': {},\r\n },\r\n\r\n //Disabled\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '@apply bg-input-field-surface-disabled': {},\r\n '@apply border-input-field-outline-disabled': {},\r\n '@apply hover:border-input-field-outline-disabled': {},\r\n '@apply text-dark-disabled': {},\r\n },\r\n\r\n //readOnly\r\n '&:read-only': {\r\n '@apply bg-input-field-surface': {},\r\n '@apply border-input-field-outline-disabled': {},\r\n '@apply text-dark-secondary': {},\r\n '@apply placeholder:text-dark-secondary': {},\r\n },\r\n };\r\n}\r\n\r\nfunction addin() {\r\n return {\r\n '&-addin': {\r\n '@apply bg-transparent': {},\r\n '@apply flex': {},\r\n '@apply justify-start items-center': {},\r\n '&-sm': {\r\n '@apply px-6 gap-6': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-12': {},\r\n '@apply pl-10': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-12': {},\r\n '@apply pr-10': {},\r\n },\r\n svg: {\r\n '@apply w-16 h-16': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-16': {},\r\n '@apply pl-12': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-16': {},\r\n '@apply pr-12': {},\r\n },\r\n svg: {\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-20': {},\r\n '@apply pl-16': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-20': {},\r\n '@apply pr-16': {},\r\n },\r\n svg: {\r\n '@apply w-22 h-22': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction addon() {\r\n return {\r\n '&-addon': {\r\n '@apply flex flex-none relative': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-input-field-surface': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:border-input-field-surface': {},\r\n },\r\n\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n '@apply h-32': {},\r\n },\r\n '&&-left': {\r\n '@apply rounded-r-0': {},\r\n '@apply border-r-0': {},\r\n },\r\n '&&-right': {\r\n '@apply rounded-l-0': {},\r\n '@apply border-l-0': {},\r\n },\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n '.sk-form-select': {\r\n '@apply rounded-0': {},\r\n '@apply border-0 hover:border-0': {},\r\n '@apply focus:ring-0 focus:z-10': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent hover:bg-transparent': {},\r\n '@apply dark:bg-transparent hover:dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n '&&-left .sk-form-select': {\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply focus:border-r-transparent': {},\r\n },\r\n '&&-right .sk-form-select': {\r\n '@apply border-l-1 border-l-divider': {},\r\n '@apply focus:border-l-transparent': {},\r\n },\r\n '.sk-form-combobox': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus-within:ring-0': {},\r\n '@apply focus-within:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n },\r\n '&&-left .sk-form-combobox': {\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply focus:border-r-transparent': {},\r\n },\r\n '&&-right .sk-form-combobox': {\r\n '@apply border-l-1 border-l-divider': {},\r\n '@apply focus:border-l-transparent': {},\r\n },\r\n },\r\n };\r\n}\r\nfunction inputGroup() {\r\n return {\r\n '&-group': {\r\n '&-outer': {\r\n '@apply flex gap-0 max-w-full': {},\r\n '&[data-hasleftaddon=\"true\"]': {\r\n '.sk-form-input, .sk-form-input-group-inner': {\r\n '@apply rounded-l-0': {},\r\n '@apply border-l-0': {},\r\n },\r\n },\r\n '&[data-hasrightaddon=\"true\"]': {\r\n '.sk-form-input, .sk-form-input-group-inner': {\r\n '@apply rounded-r-0': {},\r\n '@apply border-r-0': {},\r\n },\r\n },\r\n },\r\n '&-inner': {\r\n '@apply flex relative grow': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-input-field-surface': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:border-input-field-surface': {},\r\n },\r\n\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n '@apply h-32': {},\r\n },\r\n\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n return {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply block': {},\r\n '@apply p-0': {},\r\n '@apply pl-6 md:pl-8': {},\r\n '@apply m-0': {},\r\n '@apply bg-none': {},\r\n '@apply bg-dark-secondary': {},\r\n '&.sk-form-input-sm': {\r\n '@apply w-16 h-16': {},\r\n '@apply -mr-2': {},\r\n },\r\n '&.sk-form-input-md': {\r\n '@apply -mr-4': {},\r\n '@apply w-18 h-18': {},\r\n },\r\n '&.sk-form-input-lg': {\r\n '@apply -mr-6': {},\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n\r\n '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply color-black-disabled': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nexport const Input = () => ({\r\n '.sk-form-input': {\r\n '@apply grow-0': {},\r\n '@apply text-dark-primary': {},\r\n\r\n '&[data-hideextra=\"true\"]': {\r\n '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n '-webkit-appearance': 'none',\r\n display: 'none',\r\n margin: '0px',\r\n },\r\n '-moz-appearance': 'textfield',\r\n },\r\n\r\n '&&-lg': {\r\n '@apply rounded-button-lg': {},\r\n '@apply px-20': {},\r\n '@apply py-11': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-large': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply rounded-button-md': {},\r\n '@apply px-16': {},\r\n '@apply py-7': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-medium': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply rounded-button-sm': {},\r\n '@apply px-12': {},\r\n '@apply py-5': {},\r\n '@apply gap-6': {},\r\n '@apply text-input-small': {},\r\n '@apply h-32': {},\r\n },\r\n '&&-textarea': {\r\n '@apply h-auto': {},\r\n '&-warning': {\r\n '@apply sr-only': {},\r\n },\r\n },\r\n\r\n //Focus\r\n '@apply focus:ring': {},\r\n '@apply focus:ring-ring': {},\r\n '@apply focus:ring-offset': {},\r\n '@apply focus:border-input-field-surface': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply focus-within:ring-offset': {},\r\n '@apply focus-within:border-input-field-surface': {},\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus:hover:border-input-field-surface': {},\r\n },\r\n ...timeAndDatePicker(),\r\n ...inputStandards(),\r\n ...inputGroup(),\r\n ...addin(),\r\n ...addon(),\r\n },\r\n});\r\n"],"names":["Input","calendar","clock","inputStandards","addin","svg","addon","inputGroup","timeAndDatePicker","mask","maskSize","display","margin"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n return {\r\n '@apply border-1': {},\r\n '@apply border-input-field-outline': {},\r\n '@apply hover:border-input-field-outline-hover': {},\r\n\r\n '@apply placeholder:text-dark-placeholder': {},\r\n\r\n '@apply bg-input-field-surface': {},\r\n\r\n //Invalid\r\n '&:invalid, &[aria-invalid=\"true\"]': {\r\n '@apply border-2 border-error-surface-primary': {},\r\n },\r\n\r\n //Disabled\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '@apply bg-input-field-surface-disabled': {},\r\n '@apply border-input-field-outline-disabled': {},\r\n '@apply hover:border-input-field-outline-disabled': {},\r\n '@apply text-dark-disabled': {},\r\n },\r\n\r\n //readOnly\r\n '&:read-only': {\r\n '@apply bg-input-field-surface': {},\r\n '@apply border-input-field-outline-disabled': {},\r\n '@apply text-dark-secondary': {},\r\n '@apply placeholder:text-dark-secondary': {},\r\n },\r\n };\r\n}\r\n\r\nfunction addin() {\r\n return {\r\n '&-addin': {\r\n '@apply bg-transparent': {},\r\n '@apply flex': {},\r\n '@apply justify-start items-center': {},\r\n '&-sm': {\r\n '@apply px-6 gap-6': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-12': {},\r\n '@apply pl-10': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-12': {},\r\n '@apply pr-10': {},\r\n },\r\n svg: {\r\n '@apply w-16 h-16': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-16': {},\r\n '@apply pl-12': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-16': {},\r\n '@apply pr-12': {},\r\n },\r\n svg: {\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-20': {},\r\n '@apply pl-16': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-20': {},\r\n '@apply pr-16': {},\r\n },\r\n svg: {\r\n '@apply w-22 h-22': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction addon() {\r\n return {\r\n '&-addon': {\r\n '@apply flex flex-none relative': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-input-field-surface': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:border-input-field-surface': {},\r\n },\r\n\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n '@apply h-32': {},\r\n },\r\n '&&-left': {\r\n '@apply rounded-r-0': {},\r\n '@apply border-r-0': {},\r\n },\r\n '&&-right': {\r\n '@apply rounded-l-0': {},\r\n '@apply border-l-0': {},\r\n },\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n '.sk-form-select': {\r\n '@apply rounded-0': {},\r\n '@apply border-0 hover:border-0': {},\r\n '@apply focus:ring-0 focus:z-10': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent hover:bg-transparent': {},\r\n '@apply dark:bg-transparent hover:dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n '&&-left .sk-form-select': {\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply focus:border-r-transparent': {},\r\n },\r\n '&&-right .sk-form-select': {\r\n '@apply border-l-1 border-l-divider': {},\r\n '@apply focus:border-l-transparent': {},\r\n },\r\n '.sk-form-combobox': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus-within:ring-0': {},\r\n '@apply focus-within:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n },\r\n '&&-left .sk-form-combobox': {\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply focus:border-r-transparent': {},\r\n },\r\n '&&-right .sk-form-combobox': {\r\n '@apply border-l-1 border-l-divider': {},\r\n '@apply focus:border-l-transparent': {},\r\n },\r\n },\r\n };\r\n}\r\nfunction inputGroup() {\r\n return {\r\n '&-group': {\r\n '&-outer': {\r\n '@apply flex gap-0 max-w-full': {},\r\n '&[data-hasleftaddon=\"true\"]': {\r\n '.sk-form-input, .sk-form-input-group-inner': {\r\n '@apply rounded-l-0': {},\r\n '@apply border-l-0': {},\r\n },\r\n },\r\n '&[data-hasrightaddon=\"true\"]': {\r\n '.sk-form-input, .sk-form-input-group-inner': {\r\n '@apply rounded-r-0': {},\r\n '@apply border-r-0': {},\r\n },\r\n },\r\n },\r\n '&-inner': {\r\n '@apply flex relative grow': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-input-field-surface': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:border-input-field-surface': {},\r\n },\r\n\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n '@apply h-32': {},\r\n },\r\n\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n return {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply block': {},\r\n '@apply p-0': {},\r\n '@apply pl-6 md:pl-8': {},\r\n '@apply m-0': {},\r\n '@apply bg-none': {},\r\n '@apply bg-dark-secondary': {},\r\n '&.sk-form-input-sm': {\r\n '@apply w-16 h-16': {},\r\n '@apply -mr-2': {},\r\n },\r\n '&.sk-form-input-md': {\r\n '@apply -mr-4': {},\r\n '@apply w-18 h-18': {},\r\n },\r\n '&.sk-form-input-lg': {\r\n '@apply -mr-6': {},\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n\r\n '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply color-black-disabled': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction textareaGroup() {\r\n return {\r\n '&-textarea': {\r\n ...inputGroup(),\r\n '&-group-inner': {\r\n '@apply h-auto': {},\r\n '@apply flex-wrap': {},\r\n '.sk-form-input-textarea': {\r\n '@apply w-full': {},\r\n },\r\n '.sk-form-textarea-counter': {\r\n '@apply w-full': {},\r\n '@apply border-t-divider border-t-1': {},\r\n },\r\n '&&-lg': {\r\n '@apply min-h-48 h-auto': {},\r\n '.sk-form-textarea-counter': {\r\n '@apply px-20': {},\r\n '@apply py-11': {},\r\n },\r\n },\r\n '&&-md': {\r\n '@apply min-h-40 h-auto': {},\r\n '.sk-form-textarea-counter': {\r\n '@apply px-16': {},\r\n '@apply py-7': {},\r\n },\r\n },\r\n '&&-sm': {\r\n '@apply min-h-32 h-auto': {},\r\n '.sk-form-textarea-counter': {\r\n '@apply px-12': {},\r\n '@apply py-5': {},\r\n },\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nexport const Input = () => ({\r\n '.sk-form-input': {\r\n '@apply grow-0': {},\r\n '@apply text-dark-primary': {},\r\n\r\n '&[data-hideextra=\"true\"]': {\r\n '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n '-webkit-appearance': 'none',\r\n display: 'none',\r\n margin: '0px',\r\n },\r\n '-moz-appearance': 'textfield',\r\n },\r\n\r\n '&&-lg': {\r\n '@apply rounded-button-lg': {},\r\n '@apply px-20': {},\r\n '@apply py-11': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-large': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply rounded-button-md': {},\r\n '@apply px-16': {},\r\n '@apply py-7': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-medium': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply rounded-button-sm': {},\r\n '@apply px-12': {},\r\n '@apply py-5': {},\r\n '@apply gap-6': {},\r\n '@apply text-input-small': {},\r\n '@apply h-32': {},\r\n },\r\n '&&-textarea': {\r\n '@apply h-auto': {},\r\n '&-warning': {\r\n '@apply sr-only': {},\r\n },\r\n },\r\n\r\n //Focus\r\n '@apply focus:ring': {},\r\n '@apply focus:ring-ring': {},\r\n '@apply focus:ring-offset': {},\r\n '@apply focus:border-input-field-surface': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply focus-within:ring-offset': {},\r\n '@apply focus-within:border-input-field-surface': {},\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus:hover:border-input-field-surface': {},\r\n },\r\n ...timeAndDatePicker(),\r\n ...inputStandards(),\r\n ...inputGroup(),\r\n ...addin(),\r\n ...addon(),\r\n ...textareaGroup(),\r\n },\r\n});\r\n"],"names":["Input","calendar","clock","inputStandards","addin","svg","addon","inputGroup","timeAndDatePicker","mask","maskSize","textareaGroup","display","margin"],"mappings":"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"}
|
package/dist/cjs/components.js
CHANGED
|
@@ -59,6 +59,7 @@ const _aiservicemodule = require("./components/ai/ai-service-module");
|
|
|
59
59
|
const _assistantpresentation = require("./components/ai/assistant-presentation");
|
|
60
60
|
const _assistantswitch = require("./components/ai/assistant-switch");
|
|
61
61
|
const _bubble = require("./components/ai/bubble");
|
|
62
|
+
const _chatinput = require("./components/ai/chat-input");
|
|
62
63
|
const _feedback = require("./components/ai/feedback");
|
|
63
64
|
const _inputsection = require("./components/ai/input-section");
|
|
64
65
|
const _markdownrendered = require("./components/ai/markdown-rendered");
|
|
@@ -386,6 +387,15 @@ const components = [
|
|
|
386
387
|
_icon.Icon
|
|
387
388
|
]
|
|
388
389
|
},
|
|
390
|
+
{
|
|
391
|
+
comp: _chatinput.ChatInput,
|
|
392
|
+
deps: [
|
|
393
|
+
_forms.Forms,
|
|
394
|
+
_icon.Icon,
|
|
395
|
+
_button.Button,
|
|
396
|
+
_divider.Divider
|
|
397
|
+
]
|
|
398
|
+
},
|
|
389
399
|
{
|
|
390
400
|
comp: _feedback.Feedback,
|
|
391
401
|
deps: [
|
|
@@ -398,7 +408,8 @@ const components = [
|
|
|
398
408
|
deps: [
|
|
399
409
|
_forms.Forms,
|
|
400
410
|
_button.Button,
|
|
401
|
-
_icon.Icon
|
|
411
|
+
_icon.Icon,
|
|
412
|
+
_chatinput.ChatInput
|
|
402
413
|
]
|
|
403
414
|
},
|
|
404
415
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components.ts"],"sourcesContent":["import { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\n\r\n// components\r\nimport { Accordion } from './components/accordion';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Callout } from './components/callout';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CountryCode } from './components/countrycode';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { FileUpload } from './components/file-upload';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { NavigationBar } from './components/navigation-bar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { Tabs } from './components/tabs';\r\nimport { TextEditor } from './components/text-editor';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\n//AI COMPONENTS\r\nimport { AIFeed } from './components/ai/ai-feed';\r\nimport { AICornerModule } from './components/ai/ai-corner-module';\r\nimport { AIServiceModule } from './components/ai/ai-service-module';\r\nimport { AssistantPresentation } from './components/ai/assistant-presentation';\r\nimport { AssistantSwitch } from './components/ai/assistant-switch';\r\nimport { Bubble } from './components/ai/bubble';\r\nimport { Feedback } from './components/ai/feedback';\r\nimport { InputSection } from './components/ai/input-section';\r\nimport { MarkdownRendered } from './components/ai/markdown-rendered';\r\nimport { NewSessionButton } from './components/ai/new-session-button';\r\nimport { TypingBubble } from './components/ai/typing-bubble';\r\nimport { TypingSequence } from './components/ai/typing-sequence';\r\n\r\nexport type Component = (colors: string[], theme: PluginAPI['theme']) => CSSRuleObject;\r\ninterface ComponentWithDeps {\r\n comp: Component;\r\n deps?: Component[];\r\n}\r\n\r\nexport const components: ComponentWithDeps[] = [\r\n { comp: Accordion, deps: [Button, Divider, Icon, Label] },\r\n { comp: Avatar },\r\n { comp: Badge },\r\n { comp: Breadcrumb, deps: [Link] },\r\n { comp: Button, deps: [Link, Spinner, ButtonGroup] },\r\n { comp: ButtonGroup },\r\n { comp: Callout },\r\n { comp: Card, deps: [Button, Link] },\r\n { comp: Checkbox },\r\n { comp: Chip, deps: [Icon] },\r\n { comp: ComboBox },\r\n { comp: CountryCode, deps: [Forms, ComboBox] },\r\n { comp: CookieConsent, deps: [Button, Forms] },\r\n { comp: Dialog, deps: [Modal] },\r\n { comp: Divider },\r\n { comp: Dot },\r\n { comp: FileUpload, deps: [Icon, Forms, Button, PopupMenu, Modal, Divider, Link] },\r\n { comp: Filter, deps: [Badge, Forms] },\r\n { comp: Footer, deps: [Divider, Link, Logo] },\r\n { comp: Forms, deps: [Icon, Checkbox, ComboBox, Select, Input, Radio, Switch, PopupMenu] },\r\n { comp: Header, deps: [Divider, Link, Logo] },\r\n { comp: Input },\r\n { comp: Label },\r\n { comp: Link, deps: [Icon] },\r\n { comp: List, deps: [Link] },\r\n { comp: Logo, deps: [Divider] },\r\n { comp: NavigationBar, deps: [PopupMenu] },\r\n { comp: Icon },\r\n { comp: MenuVertical, deps: [Button, Divider, Icon, Logo] },\r\n { comp: Modal, deps: [Button, Icon] },\r\n { comp: Pagination, deps: [Button, Forms, Icon] },\r\n { comp: PopupMenu, deps: [Button, Link] },\r\n { comp: ProgressBar },\r\n { comp: ProgressStepper, deps: [Divider, Icon] },\r\n { comp: SearchField, deps: [Button, Forms, Icon] },\r\n { comp: Select },\r\n { comp: Snackbar, deps: [Button, Icon] },\r\n { comp: Spinner },\r\n { comp: TextEditor },\r\n { comp: Radio },\r\n { comp: Switch, deps: [Icon] },\r\n { comp: Table, deps: [Forms, Icon, Pagination] },\r\n { comp: Tabs, deps: [Button, NavigationBar] },\r\n { comp: Tooltip },\r\n { comp: UserMenu, deps: [Avatar, Logo, PopupMenu] },\r\n\r\n //AI COMPONENTS\r\n\r\n { comp: AIFeed, deps: [Accordion, Button, Avatar, TypingBubble, Feedback, MarkdownRendered] },\r\n {\r\n comp: AICornerModule,\r\n deps: [\r\n AIFeed,\r\n AssistantPresentation,\r\n InputSection,\r\n Avatar,\r\n Bubble,\r\n Link,\r\n Button,\r\n Divider,\r\n Icon,\r\n Tooltip,\r\n NavigationBar,\r\n ],\r\n },\r\n { comp: AIServiceModule, deps: [AIFeed, Bubble, InputSection, Forms, Link, Button, Icon] },\r\n { comp: AssistantPresentation, deps: [Avatar] },\r\n { comp: AssistantSwitch, deps: [Avatar, Icon] },\r\n { comp: Bubble, deps: [Icon] },\r\n { comp: Feedback, deps: [Button, Icon] },\r\n { comp: InputSection, deps: [Forms, Button, Icon] },\r\n { comp: MarkdownRendered, deps: [Link] },\r\n { comp: NewSessionButton, deps: [Button, Icon] },\r\n { comp: TypingBubble, deps: [TypingSequence] },\r\n { comp: TypingSequence },\r\n];\r\n"],"names":["components","comp","Accordion","deps","Button","Divider","Icon","Label","Avatar","Badge","Breadcrumb","Link","Spinner","ButtonGroup","Callout","Card","Checkbox","Chip","ComboBox","CountryCode","Forms","CookieConsent","Dialog","Modal","Dot","FileUpload","PopupMenu","Filter","Footer","Logo","Select","Input","Radio","Switch","Header","List","NavigationBar","MenuVertical","Pagination","ProgressBar","ProgressStepper","SearchField","Snackbar","TextEditor","Table","Tabs","Tooltip","UserMenu","AIFeed","TypingBubble","Feedback","MarkdownRendered","AICornerModule","AssistantPresentation","InputSection","Bubble","AIServiceModule","AssistantSwitch","NewSessionButton","TypingSequence"],"mappings":";;;;+BAoEaA;;;eAAAA;;;2BAjEa;wBACH;uBACD;4BACK;wBACJ;6BACK;yBACJ;sBACH;0BACI;sBACJ;0BACI;6BACG;+BACE;wBACP;yBACC;qBACJ;4BACO;wBACJ;wBACA;uBACD;wBACC;sBACF;uBACC;uBACA;sBACD;sBACA;sBACA;8BACQ;+BACC;uBACR;4BACK;2BACD;6BACE;iCACI;uBACV;6BACM;wBACL;0BACE;yBACD;wBACD;uBACD;sBACD;4BACM;yBACH;0BACC;wBAEF;gCACQ;iCACC;uCACM;iCACN;wBACT;0BACE;8BACI;kCACI;kCACA;8BACJ;gCACE;AAQxB,MAAMA,aAAkC;IAC7C;QAAEC,MAAMC,oBAAS;QAAEC,MAAM;YAACC,cAAM;YAAEC,gBAAO;YAAEC,UAAI;YAAEC,YAAK;SAAC;IAAC;IACxD;QAAEN,MAAMO,cAAM;IAAC;IACf;QAAEP,MAAMQ,YAAK;IAAC;IACd;QAAER,MAAMS,sBAAU;QAAEP,MAAM;YAACQ,UAAI;SAAC;IAAC;IACjC;QAAEV,MAAMG,cAAM;QAAED,MAAM;YAACQ,UAAI;YAAEC,gBAAO;YAAEC,wBAAW;SAAC;IAAC;IACnD;QAAEZ,MAAMY,wBAAW;IAAC;IACpB;QAAEZ,MAAMa,gBAAO;IAAC;IAChB;QAAEb,MAAMc,UAAI;QAAEZ,MAAM;YAACC,cAAM;YAAEO,UAAI;SAAC;IAAC;IACnC;QAAEV,MAAMe,kBAAQ;IAAC;IACjB;QAAEf,MAAMgB,UAAI;QAAEd,MAAM;YAACG,UAAI;SAAC;IAAC;IAC3B;QAAEL,MAAMiB,kBAAQ;IAAC;IACjB;QAAEjB,MAAMkB,wBAAW;QAAEhB,MAAM;YAACiB,YAAK;YAAEF,kBAAQ;SAAC;IAAC;IAC7C;QAAEjB,MAAMoB,4BAAa;QAAElB,MAAM;YAACC,cAAM;YAAEgB,YAAK;SAAC;IAAC;IAC7C;QAAEnB,MAAMqB,cAAM;QAAEnB,MAAM;YAACoB,YAAK;SAAC;IAAC;IAC9B;QAAEtB,MAAMI,gBAAO;IAAC;IAChB;QAAEJ,MAAMuB,QAAG;IAAC;IACZ;QAAEvB,MAAMwB,sBAAU;QAAEtB,MAAM;YAACG,UAAI;YAAEc,YAAK;YAAEhB,cAAM;YAAEsB,oBAAS;YAAEH,YAAK;YAAElB,gBAAO;YAAEM,UAAI;SAAC;IAAC;IACjF;QAAEV,MAAM0B,cAAM;QAAExB,MAAM;YAACM,YAAK;YAAEW,YAAK;SAAC;IAAC;IACrC;QAAEnB,MAAM2B,cAAM;QAAEzB,MAAM;YAACE,gBAAO;YAAEM,UAAI;YAAEkB,UAAI;SAAC;IAAC;IAC5C;QAAE5B,MAAMmB,YAAK;QAAEjB,MAAM;YAACG,UAAI;YAAEU,kBAAQ;YAAEE,kBAAQ;YAAEY,cAAM;YAAEC,YAAK;YAAEC,YAAK;YAAEC,cAAM;YAAEP,oBAAS;SAAC;IAAC;IACzF;QAAEzB,MAAMiC,cAAM;QAAE/B,MAAM;YAACE,gBAAO;YAAEM,UAAI;YAAEkB,UAAI;SAAC;IAAC;IAC5C;QAAE5B,MAAM8B,YAAK;IAAC;IACd;QAAE9B,MAAMM,YAAK;IAAC;IACd;QAAEN,MAAMU,UAAI;QAAER,MAAM;YAACG,UAAI;SAAC;IAAC;IAC3B;QAAEL,MAAMkC,UAAI;QAAEhC,MAAM;YAACQ,UAAI;SAAC;IAAC;IAC3B;QAAEV,MAAM4B,UAAI;QAAE1B,MAAM;YAACE,gBAAO;SAAC;IAAC;IAC9B;QAAEJ,MAAMmC,4BAAa;QAAEjC,MAAM;YAACuB,oBAAS;SAAC;IAAC;IACzC;QAAEzB,MAAMK,UAAI;IAAC;IACb;QAAEL,MAAMoC,0BAAY;QAAElC,MAAM;YAACC,cAAM;YAAEC,gBAAO;YAAEC,UAAI;YAAEuB,UAAI;SAAC;IAAC;IAC1D;QAAE5B,MAAMsB,YAAK;QAAEpB,MAAM;YAACC,cAAM;YAAEE,UAAI;SAAC;IAAC;IACpC;QAAEL,MAAMqC,sBAAU;QAAEnC,MAAM;YAACC,cAAM;YAAEgB,YAAK;YAAEd,UAAI;SAAC;IAAC;IAChD;QAAEL,MAAMyB,oBAAS;QAAEvB,MAAM;YAACC,cAAM;YAAEO,UAAI;SAAC;IAAC;IACxC;QAAEV,MAAMsC,wBAAW;IAAC;IACpB;QAAEtC,MAAMuC,gCAAe;QAAErC,MAAM;YAACE,gBAAO;YAAEC,UAAI;SAAC;IAAC;IAC/C;QAAEL,MAAMwC,wBAAW;QAAEtC,MAAM;YAACC,cAAM;YAAEgB,YAAK;YAAEd,UAAI;SAAC;IAAC;IACjD;QAAEL,MAAM6B,cAAM;IAAC;IACf;QAAE7B,MAAMyC,kBAAQ;QAAEvC,MAAM;YAACC,cAAM;YAAEE,UAAI;SAAC;IAAC;IACvC;QAAEL,MAAMW,gBAAO;IAAC;IAChB;QAAEX,MAAM0C,sBAAU;IAAC;IACnB;QAAE1C,MAAM+B,YAAK;IAAC;IACd;QAAE/B,MAAMgC,cAAM;QAAE9B,MAAM;YAACG,UAAI;SAAC;IAAC;IAC7B;QAAEL,MAAM2C,YAAK;QAAEzC,MAAM;YAACiB,YAAK;YAAEd,UAAI;YAAEgC,sBAAU;SAAC;IAAC;IAC/C;QAAErC,MAAM4C,UAAI;QAAE1C,MAAM;YAACC,cAAM;YAAEgC,4BAAa;SAAC;IAAC;IAC5C;QAAEnC,MAAM6C,gBAAO;IAAC;IAChB;QAAE7C,MAAM8C,kBAAQ;QAAE5C,MAAM;YAACK,cAAM;YAAEqB,UAAI;YAAEH,oBAAS;SAAC;IAAC;IAElD,eAAe;IAEf;QAAEzB,MAAM+C,cAAM;QAAE7C,MAAM;YAACD,oBAAS;YAAEE,cAAM;YAAEI,cAAM;YAAEyC,0BAAY;YAAEC,kBAAQ;YAAEC,kCAAgB;SAAC;IAAC;IAC5F;QACElD,MAAMmD,8BAAc;QACpBjD,MAAM;YACJ6C,cAAM;YACNK,4CAAqB;YACrBC,0BAAY;YACZ9C,cAAM;YACN+C,cAAM;YACN5C,UAAI;YACJP,cAAM;YACNC,gBAAO;YACPC,UAAI;YACJwC,gBAAO;YACPV,4BAAa;SACd;IACH;IACA;QAAEnC,MAAMuD,gCAAe;QAAErD,MAAM;YAAC6C,cAAM;YAAEO,cAAM;YAAED,0BAAY;YAAElC,YAAK;YAAET,UAAI;YAAEP,cAAM;YAAEE,UAAI;SAAC;IAAC;IACzF;QAAEL,MAAMoD,4CAAqB;QAAElD,MAAM;YAACK,cAAM;SAAC;IAAC;IAC9C;QAAEP,MAAMwD,gCAAe;QAAEtD,MAAM;YAACK,cAAM;YAAEF,UAAI;SAAC;IAAC;IAC9C;QAAEL,MAAMsD,cAAM;QAAEpD,MAAM;YAACG,UAAI;SAAC;IAAC;IAC7B;QAAEL,MAAMiD,kBAAQ;QAAE/C,MAAM;YAACC,cAAM;YAAEE,UAAI;SAAC;IAAC;IACvC;QAAEL,MAAMqD,0BAAY;QAAEnD,MAAM;YAACiB,YAAK;YAAEhB,cAAM;YAAEE,UAAI;SAAC;IAAC;IAClD;QAAEL,MAAMkD,kCAAgB;QAAEhD,MAAM;YAACQ,UAAI;SAAC;IAAC;IACvC;QAAEV,MAAMyD,kCAAgB;QAAEvD,MAAM;YAACC,cAAM;YAAEE,UAAI;SAAC;IAAC;IAC/C;QAAEL,MAAMgD,0BAAY;QAAE9C,MAAM;YAACwD,8BAAc;SAAC;IAAC;IAC7C;QAAE1D,MAAM0D,8BAAc;IAAC;CACxB"}
|
|
1
|
+
{"version":3,"sources":["../../src/components.ts"],"sourcesContent":["import { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\n\r\n// components\r\nimport { Accordion } from './components/accordion';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Callout } from './components/callout';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CountryCode } from './components/countrycode';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { FileUpload } from './components/file-upload';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { NavigationBar } from './components/navigation-bar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { Tabs } from './components/tabs';\r\nimport { TextEditor } from './components/text-editor';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\n//AI COMPONENTS\r\nimport { AIFeed } from './components/ai/ai-feed';\r\nimport { AICornerModule } from './components/ai/ai-corner-module';\r\nimport { AIServiceModule } from './components/ai/ai-service-module';\r\nimport { AssistantPresentation } from './components/ai/assistant-presentation';\r\nimport { AssistantSwitch } from './components/ai/assistant-switch';\r\nimport { Bubble } from './components/ai/bubble';\r\nimport { ChatInput } from './components/ai/chat-input';\r\nimport { Feedback } from './components/ai/feedback';\r\nimport { InputSection } from './components/ai/input-section';\r\nimport { MarkdownRendered } from './components/ai/markdown-rendered';\r\nimport { NewSessionButton } from './components/ai/new-session-button';\r\nimport { TypingBubble } from './components/ai/typing-bubble';\r\nimport { TypingSequence } from './components/ai/typing-sequence';\r\n\r\nexport type Component = (colors: string[], theme: PluginAPI['theme']) => CSSRuleObject;\r\ninterface ComponentWithDeps {\r\n comp: Component;\r\n deps?: Component[];\r\n}\r\n\r\nexport const components: ComponentWithDeps[] = [\r\n { comp: Accordion, deps: [Button, Divider, Icon, Label] },\r\n { comp: Avatar },\r\n { comp: Badge },\r\n { comp: Breadcrumb, deps: [Link] },\r\n { comp: Button, deps: [Link, Spinner, ButtonGroup] },\r\n { comp: ButtonGroup },\r\n { comp: Callout },\r\n { comp: Card, deps: [Button, Link] },\r\n { comp: Checkbox },\r\n { comp: Chip, deps: [Icon] },\r\n { comp: ComboBox },\r\n { comp: CountryCode, deps: [Forms, ComboBox] },\r\n { comp: CookieConsent, deps: [Button, Forms] },\r\n { comp: Dialog, deps: [Modal] },\r\n { comp: Divider },\r\n { comp: Dot },\r\n { comp: FileUpload, deps: [Icon, Forms, Button, PopupMenu, Modal, Divider, Link] },\r\n { comp: Filter, deps: [Badge, Forms] },\r\n { comp: Footer, deps: [Divider, Link, Logo] },\r\n { comp: Forms, deps: [Icon, Checkbox, ComboBox, Select, Input, Radio, Switch, PopupMenu] },\r\n { comp: Header, deps: [Divider, Link, Logo] },\r\n { comp: Input },\r\n { comp: Label },\r\n { comp: Link, deps: [Icon] },\r\n { comp: List, deps: [Link] },\r\n { comp: Logo, deps: [Divider] },\r\n { comp: NavigationBar, deps: [PopupMenu] },\r\n { comp: Icon },\r\n { comp: MenuVertical, deps: [Button, Divider, Icon, Logo] },\r\n { comp: Modal, deps: [Button, Icon] },\r\n { comp: Pagination, deps: [Button, Forms, Icon] },\r\n { comp: PopupMenu, deps: [Button, Link] },\r\n { comp: ProgressBar },\r\n { comp: ProgressStepper, deps: [Divider, Icon] },\r\n { comp: SearchField, deps: [Button, Forms, Icon] },\r\n { comp: Select },\r\n { comp: Snackbar, deps: [Button, Icon] },\r\n { comp: Spinner },\r\n { comp: TextEditor },\r\n { comp: Radio },\r\n { comp: Switch, deps: [Icon] },\r\n { comp: Table, deps: [Forms, Icon, Pagination] },\r\n { comp: Tabs, deps: [Button, NavigationBar] },\r\n { comp: Tooltip },\r\n { comp: UserMenu, deps: [Avatar, Logo, PopupMenu] },\r\n\r\n //AI COMPONENTS\r\n\r\n { comp: AIFeed, deps: [Accordion, Button, Avatar, TypingBubble, Feedback, MarkdownRendered] },\r\n {\r\n comp: AICornerModule,\r\n deps: [\r\n AIFeed,\r\n AssistantPresentation,\r\n InputSection,\r\n Avatar,\r\n Bubble,\r\n Link,\r\n Button,\r\n Divider,\r\n Icon,\r\n Tooltip,\r\n NavigationBar,\r\n ],\r\n },\r\n { comp: AIServiceModule, deps: [AIFeed, Bubble, InputSection, Forms, Link, Button, Icon] },\r\n { comp: AssistantPresentation, deps: [Avatar] },\r\n { comp: AssistantSwitch, deps: [Avatar, Icon] },\r\n { comp: Bubble, deps: [Icon] },\r\n { comp: ChatInput, deps: [Forms, Icon, Button, Divider] },\r\n { comp: Feedback, deps: [Button, Icon] },\r\n { comp: InputSection, deps: [Forms, Button, Icon, ChatInput] },\r\n { comp: MarkdownRendered, deps: [Link] },\r\n { comp: NewSessionButton, deps: [Button, Icon] },\r\n { comp: TypingBubble, deps: [TypingSequence] },\r\n { comp: TypingSequence },\r\n];\r\n"],"names":["components","comp","Accordion","deps","Button","Divider","Icon","Label","Avatar","Badge","Breadcrumb","Link","Spinner","ButtonGroup","Callout","Card","Checkbox","Chip","ComboBox","CountryCode","Forms","CookieConsent","Dialog","Modal","Dot","FileUpload","PopupMenu","Filter","Footer","Logo","Select","Input","Radio","Switch","Header","List","NavigationBar","MenuVertical","Pagination","ProgressBar","ProgressStepper","SearchField","Snackbar","TextEditor","Table","Tabs","Tooltip","UserMenu","AIFeed","TypingBubble","Feedback","MarkdownRendered","AICornerModule","AssistantPresentation","InputSection","Bubble","AIServiceModule","AssistantSwitch","ChatInput","NewSessionButton","TypingSequence"],"mappings":"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"}
|
|
@@ -0,0 +1,81 @@
|
|
|
1
|
+
export const ChatInput = ()=>({
|
|
2
|
+
'.sk-chat-input': {
|
|
3
|
+
'&-textarea': {
|
|
4
|
+
'@apply flex': {},
|
|
5
|
+
'@apply grow shrink': {},
|
|
6
|
+
'@apply self-start': {},
|
|
7
|
+
'&[data-wrap="true"]': {
|
|
8
|
+
'@apply w-full': {}
|
|
9
|
+
},
|
|
10
|
+
'&[data-wrap="false"]': {
|
|
11
|
+
'@apply w-auto': {}
|
|
12
|
+
},
|
|
13
|
+
'&-sm': {
|
|
14
|
+
'@apply min-h-34+1': {},
|
|
15
|
+
'@apply max-h-[11rem]': {},
|
|
16
|
+
'@apply mt-5': {}
|
|
17
|
+
},
|
|
18
|
+
'&-md': {
|
|
19
|
+
'@apply min-h-42': {},
|
|
20
|
+
'@apply max-h-[13.4rem]': {},
|
|
21
|
+
'@apply mt-4': {}
|
|
22
|
+
},
|
|
23
|
+
'&-lg': {
|
|
24
|
+
'@apply min-h-56': {},
|
|
25
|
+
'@apply max-h-[14.2rem]': {},
|
|
26
|
+
'@apply mt-6': {}
|
|
27
|
+
}
|
|
28
|
+
},
|
|
29
|
+
'&-wrapper': {
|
|
30
|
+
'@apply flex flex-row flex-wrap': {},
|
|
31
|
+
'@apply justify-end': {}
|
|
32
|
+
},
|
|
33
|
+
'&-submitbutton': {
|
|
34
|
+
'@apply shrink-0 flex justify-self-end': {},
|
|
35
|
+
'@apply relative': {},
|
|
36
|
+
'&-sm': {
|
|
37
|
+
'@apply py-5 px-7': {}
|
|
38
|
+
},
|
|
39
|
+
'&-md': {
|
|
40
|
+
'@apply py-7 px-9': {}
|
|
41
|
+
},
|
|
42
|
+
'&-lg': {
|
|
43
|
+
'@apply py-11 px-13': {}
|
|
44
|
+
},
|
|
45
|
+
'&-inner-wrapper': {
|
|
46
|
+
'@apply relative inline-flex items-center': {}
|
|
47
|
+
},
|
|
48
|
+
'&-tooltip': {
|
|
49
|
+
'@apply absolute right-full': {}
|
|
50
|
+
}
|
|
51
|
+
},
|
|
52
|
+
'&-toolbar': {
|
|
53
|
+
'@apply flex': {},
|
|
54
|
+
'@apply relative': {},
|
|
55
|
+
'@apply gap-6': {},
|
|
56
|
+
'@apply bg-transparent': {},
|
|
57
|
+
'@apply justify-start': {},
|
|
58
|
+
'@apply w-auto': {},
|
|
59
|
+
'@apply shrink grow': {},
|
|
60
|
+
'&-sm': {
|
|
61
|
+
'@apply py-5 px-7': {}
|
|
62
|
+
},
|
|
63
|
+
'&-md': {
|
|
64
|
+
'@apply py-7 px-9': {}
|
|
65
|
+
},
|
|
66
|
+
'&-lg': {
|
|
67
|
+
'@apply py-11 px-13': {}
|
|
68
|
+
},
|
|
69
|
+
'&-button': {
|
|
70
|
+
'&-wrapper': {
|
|
71
|
+
'@apply relative inline-flex justify-center overflow-visible': {}
|
|
72
|
+
},
|
|
73
|
+
'&-tooltip': {
|
|
74
|
+
'@apply absolute shrink-0 bottom-full w-max': {}
|
|
75
|
+
}
|
|
76
|
+
}
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
});
|
|
80
|
+
|
|
81
|
+
//# sourceMappingURL=chat-input.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../../src/components/ai/chat-input.ts"],"sourcesContent":["export const ChatInput = () => ({\r\n '.sk-chat-input': {\r\n '&-textarea': {\r\n '@apply flex': {},\r\n '@apply grow shrink': {},\r\n '@apply self-start': {},\r\n '&[data-wrap=\"true\"]': {\r\n '@apply w-full': {},\r\n },\r\n '&[data-wrap=\"false\"]': {\r\n '@apply w-auto': {},\r\n },\r\n '&-sm': {\r\n '@apply min-h-34+1': {},\r\n '@apply max-h-[11rem]': {},\r\n '@apply mt-5': {},\r\n },\r\n '&-md': {\r\n '@apply min-h-42': {},\r\n '@apply max-h-[13.4rem]': {},\r\n '@apply mt-4': {},\r\n },\r\n '&-lg': {\r\n '@apply min-h-56': {},\r\n '@apply max-h-[14.2rem]': {},\r\n '@apply mt-6': {},\r\n },\r\n },\r\n\r\n '&-wrapper': {\r\n '@apply flex flex-row flex-wrap': {},\r\n '@apply justify-end': {},\r\n },\r\n\r\n '&-submitbutton': {\r\n '@apply shrink-0 flex justify-self-end': {},\r\n '@apply relative': {},\r\n '&-sm': {\r\n '@apply py-5 px-7': {},\r\n },\r\n '&-md': {\r\n '@apply py-7 px-9': {},\r\n },\r\n '&-lg': {\r\n '@apply py-11 px-13': {},\r\n },\r\n '&-inner-wrapper': {\r\n '@apply relative inline-flex items-center': {},\r\n },\r\n '&-tooltip': {\r\n '@apply absolute right-full': {},\r\n },\r\n },\r\n\r\n '&-toolbar': {\r\n '@apply flex': {},\r\n '@apply relative': {},\r\n '@apply gap-6': {},\r\n '@apply bg-transparent': {},\r\n '@apply justify-start': {},\r\n '@apply w-auto': {},\r\n '@apply shrink grow': {},\r\n '&-sm': {\r\n '@apply py-5 px-7': {},\r\n },\r\n '&-md': {\r\n '@apply py-7 px-9': {},\r\n },\r\n '&-lg': {\r\n '@apply py-11 px-13': {},\r\n },\r\n '&-button': {\r\n '&-wrapper': {\r\n '@apply relative inline-flex justify-center overflow-visible': {},\r\n },\r\n '&-tooltip': {\r\n '@apply absolute shrink-0 bottom-full w-max': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"names":["ChatInput"],"mappings":"AAAA,OAAO,MAAMA,YAAY,IAAO,CAAA;QAC9B,kBAAkB;YAChB,cAAc;gBACZ,eAAe,CAAC;gBAChB,sBAAsB,CAAC;gBACvB,qBAAqB,CAAC;gBACtB,uBAAuB;oBACrB,iBAAiB,CAAC;gBACpB;gBACA,wBAAwB;oBACtB,iBAAiB,CAAC;gBACpB;gBACA,QAAQ;oBACN,qBAAqB,CAAC;oBACtB,wBAAwB,CAAC;oBACzB,eAAe,CAAC;gBAClB;gBACA,QAAQ;oBACN,mBAAmB,CAAC;oBACpB,0BAA0B,CAAC;oBAC3B,eAAe,CAAC;gBAClB;gBACA,QAAQ;oBACN,mBAAmB,CAAC;oBACpB,0BAA0B,CAAC;oBAC3B,eAAe,CAAC;gBAClB;YACF;YAEA,aAAa;gBACX,kCAAkC,CAAC;gBACnC,sBAAsB,CAAC;YACzB;YAEA,kBAAkB;gBAChB,yCAAyC,CAAC;gBAC1C,mBAAmB,CAAC;gBACpB,QAAQ;oBACN,oBAAoB,CAAC;gBACvB;gBACA,QAAQ;oBACN,oBAAoB,CAAC;gBACvB;gBACA,QAAQ;oBACN,sBAAsB,CAAC;gBACzB;gBACA,mBAAmB;oBACjB,4CAA4C,CAAC;gBAC/C;gBACA,aAAa;oBACX,8BAA8B,CAAC;gBACjC;YACF;YAEA,aAAa;gBACX,eAAe,CAAC;gBAChB,mBAAmB,CAAC;gBACpB,gBAAgB,CAAC;gBACjB,yBAAyB,CAAC;gBAC1B,wBAAwB,CAAC;gBACzB,iBAAiB,CAAC;gBAClB,sBAAsB,CAAC;gBACvB,QAAQ;oBACN,oBAAoB,CAAC;gBACvB;gBACA,QAAQ;oBACN,oBAAoB,CAAC;gBACvB;gBACA,QAAQ;oBACN,sBAAsB,CAAC;gBACzB;gBACA,YAAY;oBACV,aAAa;wBACX,+DAA+D,CAAC;oBAClE;oBACA,aAAa;wBACX,8CAA8C,CAAC;oBACjD;gBACF;YACF;QACF;IACF,CAAA,EAAG"}
|
|
@@ -0,0 +1,70 @@
|
|
|
1
|
+
export const Alert = ()=>({
|
|
2
|
+
'.sk-alert': {
|
|
3
|
+
'@apply flex rounded-button': {},
|
|
4
|
+
'&-sm': {
|
|
5
|
+
'@apply rounded-xl gap-8 pl-10 pr-6': {},
|
|
6
|
+
'.sk-alert-icon': {
|
|
7
|
+
'@apply pt-6': {}
|
|
8
|
+
}
|
|
9
|
+
},
|
|
10
|
+
'&-md': {
|
|
11
|
+
'@apply gap-12 pl-16 pr-12 py-12': {},
|
|
12
|
+
'.sk-alert-icon': {
|
|
13
|
+
'@apply pt-6': {}
|
|
14
|
+
}
|
|
15
|
+
},
|
|
16
|
+
'&-lg': {
|
|
17
|
+
'@apply gap-12 pl-16 pr-12 py-12': {},
|
|
18
|
+
'.sk-alert-icon': {
|
|
19
|
+
'@apply pt-6': {}
|
|
20
|
+
}
|
|
21
|
+
},
|
|
22
|
+
'&-content': {
|
|
23
|
+
'@apply flex flex-col w-full grow': {},
|
|
24
|
+
'&-description': {
|
|
25
|
+
'@apply text-small': {}
|
|
26
|
+
},
|
|
27
|
+
'&-sm': {
|
|
28
|
+
'@apply py-6': {},
|
|
29
|
+
'.sk-alert-content-title': {
|
|
30
|
+
'@apply text-small m-0': {}
|
|
31
|
+
}
|
|
32
|
+
},
|
|
33
|
+
'&-md': {
|
|
34
|
+
'@apply py-4': {},
|
|
35
|
+
'.sk-alert-content-title': {
|
|
36
|
+
'@apply text-base': {}
|
|
37
|
+
}
|
|
38
|
+
},
|
|
39
|
+
'&-lg': {
|
|
40
|
+
'@apply py-4': {},
|
|
41
|
+
'.sk-alert-content-title': {
|
|
42
|
+
'@apply text-large': {}
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
},
|
|
46
|
+
'&-icon': {
|
|
47
|
+
'@apply flex-none': {}
|
|
48
|
+
},
|
|
49
|
+
'&-button': {
|
|
50
|
+
'@apply flex-none justify-self-end': {}
|
|
51
|
+
},
|
|
52
|
+
'&-info': {
|
|
53
|
+
'@apply border-1 border-vattjom-surface-primary bg-vattjom-background-100': {}
|
|
54
|
+
},
|
|
55
|
+
'&-neutral': {
|
|
56
|
+
'@apply border-1 border-divider bg-background-100': {}
|
|
57
|
+
},
|
|
58
|
+
'&-success': {
|
|
59
|
+
'@apply border-1 border-gronsta-surface-primary bg-gronsta-background-100': {}
|
|
60
|
+
},
|
|
61
|
+
'&-warning': {
|
|
62
|
+
'@apply border-1 border-warning-surface-primary bg-warning-background-100': {}
|
|
63
|
+
},
|
|
64
|
+
'&-error': {
|
|
65
|
+
'@apply border-1 border-error-surface-primary bg-error-background-100': {}
|
|
66
|
+
}
|
|
67
|
+
}
|
|
68
|
+
});
|
|
69
|
+
|
|
70
|
+
//# sourceMappingURL=alert.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"sources":["../../../src/components/alert.ts"],"sourcesContent":["export const Alert = () => ({\r\n '.sk-alert': {\r\n '@apply flex rounded-button': {},\r\n '&-sm': {\r\n '@apply rounded-xl gap-8 pl-10 pr-6': {},\r\n '.sk-alert-icon': {\r\n '@apply pt-6': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply gap-12 pl-16 pr-12 py-12': {},\r\n '.sk-alert-icon': {\r\n '@apply pt-6': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply gap-12 pl-16 pr-12 py-12': {},\r\n '.sk-alert-icon': {\r\n '@apply pt-6': {},\r\n },\r\n },\r\n '&-content': {\r\n '@apply flex flex-col w-full grow': {},\r\n '&-description': {\r\n '@apply text-small': {},\r\n },\r\n '&-sm': {\r\n '@apply py-6': {},\r\n '.sk-alert-content-title': {\r\n '@apply text-small m-0': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply py-4': {},\r\n '.sk-alert-content-title': {\r\n '@apply text-base': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply py-4': {},\r\n '.sk-alert-content-title': {\r\n '@apply text-large': {},\r\n },\r\n },\r\n },\r\n '&-icon': {\r\n '@apply flex-none': {},\r\n },\r\n '&-button': {\r\n '@apply flex-none justify-self-end': {},\r\n },\r\n '&-info': {\r\n '@apply border-1 border-vattjom-surface-primary bg-vattjom-background-100': {},\r\n },\r\n '&-neutral': {\r\n '@apply border-1 border-divider bg-background-100': {},\r\n },\r\n '&-success': {\r\n '@apply border-1 border-gronsta-surface-primary bg-gronsta-background-100': {},\r\n },\r\n '&-warning': {\r\n '@apply border-1 border-warning-surface-primary bg-warning-background-100': {},\r\n },\r\n '&-error': {\r\n '@apply border-1 border-error-surface-primary bg-error-background-100': {},\r\n },\r\n },\r\n});\r\n"],"names":["Alert"],"mappings":"AAAA,OAAO,MAAMA,QAAQ,IAAO,CAAA;QAC1B,aAAa;YACX,8BAA8B,CAAC;YAC/B,QAAQ;gBACN,sCAAsC,CAAC;gBACvC,kBAAkB;oBAChB,eAAe,CAAC;gBAClB;YACF;YACA,QAAQ;gBACN,mCAAmC,CAAC;gBACpC,kBAAkB;oBAChB,eAAe,CAAC;gBAClB;YACF;YACA,QAAQ;gBACN,mCAAmC,CAAC;gBACpC,kBAAkB;oBAChB,eAAe,CAAC;gBAClB;YACF;YACA,aAAa;gBACX,oCAAoC,CAAC;gBACrC,iBAAiB;oBACf,qBAAqB,CAAC;gBACxB;gBACA,QAAQ;oBACN,eAAe,CAAC;oBAChB,2BAA2B;wBACzB,yBAAyB,CAAC;oBAC5B;gBACF;gBACA,QAAQ;oBACN,eAAe,CAAC;oBAChB,2BAA2B;wBACzB,oBAAoB,CAAC;oBACvB;gBACF;gBACA,QAAQ;oBACN,eAAe,CAAC;oBAChB,2BAA2B;wBACzB,qBAAqB,CAAC;oBACxB;gBACF;YACF;YACA,UAAU;gBACR,oBAAoB,CAAC;YACvB;YACA,YAAY;gBACV,qCAAqC,CAAC;YACxC;YACA,UAAU;gBACR,4EAA4E,CAAC;YAC/E;YACA,aAAa;gBACX,oDAAoD,CAAC;YACvD;YACA,aAAa;gBACX,4EAA4E,CAAC;YAC/E;YACA,aAAa;gBACX,4EAA4E,CAAC;YAC/E;YACA,WAAW;gBACT,wEAAwE,CAAC;YAC3E;QACF;IACF,CAAA,EAAG"}
|
|
@@ -281,6 +281,45 @@ function timeAndDatePicker() {
|
|
|
281
281
|
}
|
|
282
282
|
};
|
|
283
283
|
}
|
|
284
|
+
function textareaGroup() {
|
|
285
|
+
return {
|
|
286
|
+
'&-textarea': {
|
|
287
|
+
...inputGroup(),
|
|
288
|
+
'&-group-inner': {
|
|
289
|
+
'@apply h-auto': {},
|
|
290
|
+
'@apply flex-wrap': {},
|
|
291
|
+
'.sk-form-input-textarea': {
|
|
292
|
+
'@apply w-full': {}
|
|
293
|
+
},
|
|
294
|
+
'.sk-form-textarea-counter': {
|
|
295
|
+
'@apply w-full': {},
|
|
296
|
+
'@apply border-t-divider border-t-1': {}
|
|
297
|
+
},
|
|
298
|
+
'&&-lg': {
|
|
299
|
+
'@apply min-h-48 h-auto': {},
|
|
300
|
+
'.sk-form-textarea-counter': {
|
|
301
|
+
'@apply px-20': {},
|
|
302
|
+
'@apply py-11': {}
|
|
303
|
+
}
|
|
304
|
+
},
|
|
305
|
+
'&&-md': {
|
|
306
|
+
'@apply min-h-40 h-auto': {},
|
|
307
|
+
'.sk-form-textarea-counter': {
|
|
308
|
+
'@apply px-16': {},
|
|
309
|
+
'@apply py-7': {}
|
|
310
|
+
}
|
|
311
|
+
},
|
|
312
|
+
'&&-sm': {
|
|
313
|
+
'@apply min-h-32 h-auto': {},
|
|
314
|
+
'.sk-form-textarea-counter': {
|
|
315
|
+
'@apply px-12': {},
|
|
316
|
+
'@apply py-5': {}
|
|
317
|
+
}
|
|
318
|
+
}
|
|
319
|
+
}
|
|
320
|
+
}
|
|
321
|
+
};
|
|
322
|
+
}
|
|
284
323
|
export const Input = ()=>({
|
|
285
324
|
'.sk-form-input': {
|
|
286
325
|
'@apply grow-0': {},
|
|
@@ -339,7 +378,8 @@ export const Input = ()=>({
|
|
|
339
378
|
...inputStandards(),
|
|
340
379
|
...inputGroup(),
|
|
341
380
|
...addin(),
|
|
342
|
-
...addon()
|
|
381
|
+
...addon(),
|
|
382
|
+
...textareaGroup()
|
|
343
383
|
}
|
|
344
384
|
});
|
|
345
385
|
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n return {\r\n '@apply border-1': {},\r\n '@apply border-input-field-outline': {},\r\n '@apply hover:border-input-field-outline-hover': {},\r\n\r\n '@apply placeholder:text-dark-placeholder': {},\r\n\r\n '@apply bg-input-field-surface': {},\r\n\r\n //Invalid\r\n '&:invalid, &[aria-invalid=\"true\"]': {\r\n '@apply border-2 border-error-surface-primary': {},\r\n },\r\n\r\n //Disabled\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '@apply bg-input-field-surface-disabled': {},\r\n '@apply border-input-field-outline-disabled': {},\r\n '@apply hover:border-input-field-outline-disabled': {},\r\n '@apply text-dark-disabled': {},\r\n },\r\n\r\n //readOnly\r\n '&:read-only': {\r\n '@apply bg-input-field-surface': {},\r\n '@apply border-input-field-outline-disabled': {},\r\n '@apply text-dark-secondary': {},\r\n '@apply placeholder:text-dark-secondary': {},\r\n },\r\n };\r\n}\r\n\r\nfunction addin() {\r\n return {\r\n '&-addin': {\r\n '@apply bg-transparent': {},\r\n '@apply flex': {},\r\n '@apply justify-start items-center': {},\r\n '&-sm': {\r\n '@apply px-6 gap-6': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-12': {},\r\n '@apply pl-10': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-12': {},\r\n '@apply pr-10': {},\r\n },\r\n svg: {\r\n '@apply w-16 h-16': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-16': {},\r\n '@apply pl-12': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-16': {},\r\n '@apply pr-12': {},\r\n },\r\n svg: {\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-20': {},\r\n '@apply pl-16': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-20': {},\r\n '@apply pr-16': {},\r\n },\r\n svg: {\r\n '@apply w-22 h-22': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction addon() {\r\n return {\r\n '&-addon': {\r\n '@apply flex flex-none relative': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-input-field-surface': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:border-input-field-surface': {},\r\n },\r\n\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n '@apply h-32': {},\r\n },\r\n '&&-left': {\r\n '@apply rounded-r-0': {},\r\n '@apply border-r-0': {},\r\n },\r\n '&&-right': {\r\n '@apply rounded-l-0': {},\r\n '@apply border-l-0': {},\r\n },\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n '.sk-form-select': {\r\n '@apply rounded-0': {},\r\n '@apply border-0 hover:border-0': {},\r\n '@apply focus:ring-0 focus:z-10': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent hover:bg-transparent': {},\r\n '@apply dark:bg-transparent hover:dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n '&&-left .sk-form-select': {\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply focus:border-r-transparent': {},\r\n },\r\n '&&-right .sk-form-select': {\r\n '@apply border-l-1 border-l-divider': {},\r\n '@apply focus:border-l-transparent': {},\r\n },\r\n '.sk-form-combobox': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus-within:ring-0': {},\r\n '@apply focus-within:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n },\r\n '&&-left .sk-form-combobox': {\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply focus:border-r-transparent': {},\r\n },\r\n '&&-right .sk-form-combobox': {\r\n '@apply border-l-1 border-l-divider': {},\r\n '@apply focus:border-l-transparent': {},\r\n },\r\n },\r\n };\r\n}\r\nfunction inputGroup() {\r\n return {\r\n '&-group': {\r\n '&-outer': {\r\n '@apply flex gap-0 max-w-full': {},\r\n '&[data-hasleftaddon=\"true\"]': {\r\n '.sk-form-input, .sk-form-input-group-inner': {\r\n '@apply rounded-l-0': {},\r\n '@apply border-l-0': {},\r\n },\r\n },\r\n '&[data-hasrightaddon=\"true\"]': {\r\n '.sk-form-input, .sk-form-input-group-inner': {\r\n '@apply rounded-r-0': {},\r\n '@apply border-r-0': {},\r\n },\r\n },\r\n },\r\n '&-inner': {\r\n '@apply flex relative grow': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-input-field-surface': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:border-input-field-surface': {},\r\n },\r\n\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n '@apply h-32': {},\r\n },\r\n\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n return {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply block': {},\r\n '@apply p-0': {},\r\n '@apply pl-6 md:pl-8': {},\r\n '@apply m-0': {},\r\n '@apply bg-none': {},\r\n '@apply bg-dark-secondary': {},\r\n '&.sk-form-input-sm': {\r\n '@apply w-16 h-16': {},\r\n '@apply -mr-2': {},\r\n },\r\n '&.sk-form-input-md': {\r\n '@apply -mr-4': {},\r\n '@apply w-18 h-18': {},\r\n },\r\n '&.sk-form-input-lg': {\r\n '@apply -mr-6': {},\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n\r\n '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply color-black-disabled': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nexport const Input = () => ({\r\n '.sk-form-input': {\r\n '@apply grow-0': {},\r\n '@apply text-dark-primary': {},\r\n\r\n '&[data-hideextra=\"true\"]': {\r\n '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n '-webkit-appearance': 'none',\r\n display: 'none',\r\n margin: '0px',\r\n },\r\n '-moz-appearance': 'textfield',\r\n },\r\n\r\n '&&-lg': {\r\n '@apply rounded-button-lg': {},\r\n '@apply px-20': {},\r\n '@apply py-11': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-large': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply rounded-button-md': {},\r\n '@apply px-16': {},\r\n '@apply py-7': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-medium': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply rounded-button-sm': {},\r\n '@apply px-12': {},\r\n '@apply py-5': {},\r\n '@apply gap-6': {},\r\n '@apply text-input-small': {},\r\n '@apply h-32': {},\r\n },\r\n '&&-textarea': {\r\n '@apply h-auto': {},\r\n '&-warning': {\r\n '@apply sr-only': {},\r\n },\r\n },\r\n\r\n //Focus\r\n '@apply focus:ring': {},\r\n '@apply focus:ring-ring': {},\r\n '@apply focus:ring-offset': {},\r\n '@apply focus:border-input-field-surface': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply focus-within:ring-offset': {},\r\n '@apply focus-within:border-input-field-surface': {},\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus:hover:border-input-field-surface': {},\r\n },\r\n ...timeAndDatePicker(),\r\n ...inputStandards(),\r\n ...inputGroup(),\r\n ...addin(),\r\n ...addon(),\r\n },\r\n});\r\n"],"names":["calendar","clock","inputStandards","addin","svg","addon","inputGroup","timeAndDatePicker","mask","maskSize","Input","display","margin"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../../src/components/input.ts"],"sourcesContent":["function calendar() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect width='18' height='18' x='3' y='4' rx='2' ry='2' /><line x1='16' x2='16' y1='2' y2='6' /><line x1='8' x2='8' y1='2' y2='6' /><line x1='3' x2='21' y1='10' y2='10' /></svg>`;\r\n}\r\nfunction clock() {\r\n return `<svg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><circle cx='12' cy='12' r='10' /><polyline points='12 6 12 12 16 14' /></svg>`;\r\n}\r\n\r\nfunction inputStandards() {\r\n return {\r\n '@apply border-1': {},\r\n '@apply border-input-field-outline': {},\r\n '@apply hover:border-input-field-outline-hover': {},\r\n\r\n '@apply placeholder:text-dark-placeholder': {},\r\n\r\n '@apply bg-input-field-surface': {},\r\n\r\n //Invalid\r\n '&:invalid, &[aria-invalid=\"true\"]': {\r\n '@apply border-2 border-error-surface-primary': {},\r\n },\r\n\r\n //Disabled\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '@apply bg-input-field-surface-disabled': {},\r\n '@apply border-input-field-outline-disabled': {},\r\n '@apply hover:border-input-field-outline-disabled': {},\r\n '@apply text-dark-disabled': {},\r\n },\r\n\r\n //readOnly\r\n '&:read-only': {\r\n '@apply bg-input-field-surface': {},\r\n '@apply border-input-field-outline-disabled': {},\r\n '@apply text-dark-secondary': {},\r\n '@apply placeholder:text-dark-secondary': {},\r\n },\r\n };\r\n}\r\n\r\nfunction addin() {\r\n return {\r\n '&-addin': {\r\n '@apply bg-transparent': {},\r\n '@apply flex': {},\r\n '@apply justify-start items-center': {},\r\n '&-sm': {\r\n '@apply px-6 gap-6': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-12': {},\r\n '@apply pl-10': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-12': {},\r\n '@apply pr-10': {},\r\n },\r\n svg: {\r\n '@apply w-16 h-16': {},\r\n },\r\n },\r\n '&-md': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-16': {},\r\n '@apply pl-12': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-16': {},\r\n '@apply pr-12': {},\r\n },\r\n svg: {\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n '&-lg': {\r\n '@apply md:px-8 md:gap-8': {},\r\n '&.sk-form-input-addin-left': {\r\n '@apply -mr-20': {},\r\n '@apply pl-16': {},\r\n },\r\n '&.sk-form-input-addin-right': {\r\n '@apply -ml-20': {},\r\n '@apply pr-16': {},\r\n },\r\n svg: {\r\n '@apply w-22 h-22': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction addon() {\r\n return {\r\n '&-addon': {\r\n '@apply flex flex-none relative': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-input-field-surface': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:border-input-field-surface': {},\r\n },\r\n\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n '@apply h-32': {},\r\n },\r\n '&&-left': {\r\n '@apply rounded-r-0': {},\r\n '@apply border-r-0': {},\r\n },\r\n '&&-right': {\r\n '@apply rounded-l-0': {},\r\n '@apply border-l-0': {},\r\n },\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n '.sk-form-select': {\r\n '@apply rounded-0': {},\r\n '@apply border-0 hover:border-0': {},\r\n '@apply focus:ring-0 focus:z-10': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent hover:bg-transparent': {},\r\n '@apply dark:bg-transparent hover:dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n '&&-left .sk-form-select': {\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply focus:border-r-transparent': {},\r\n },\r\n '&&-right .sk-form-select': {\r\n '@apply border-l-1 border-l-divider': {},\r\n '@apply focus:border-l-transparent': {},\r\n },\r\n '.sk-form-combobox': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus-within:ring-0': {},\r\n '@apply focus-within:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n },\r\n '&&-left .sk-form-combobox': {\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply focus:border-r-transparent': {},\r\n },\r\n '&&-right .sk-form-combobox': {\r\n '@apply border-l-1 border-l-divider': {},\r\n '@apply focus:border-l-transparent': {},\r\n },\r\n },\r\n };\r\n}\r\nfunction inputGroup() {\r\n return {\r\n '&-group': {\r\n '&-outer': {\r\n '@apply flex gap-0 max-w-full': {},\r\n '&[data-hasleftaddon=\"true\"]': {\r\n '.sk-form-input, .sk-form-input-group-inner': {\r\n '@apply rounded-l-0': {},\r\n '@apply border-l-0': {},\r\n },\r\n },\r\n '&[data-hasrightaddon=\"true\"]': {\r\n '.sk-form-input, .sk-form-input-group-inner': {\r\n '@apply rounded-r-0': {},\r\n '@apply border-r-0': {},\r\n },\r\n },\r\n },\r\n '&-inner': {\r\n '@apply flex relative grow': {},\r\n '@apply items-center': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply text-dark-secondary': {},\r\n //Focus\r\n '@apply focus-within:border-input-field-surface': {},\r\n\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus-within:border-input-field-surface': {},\r\n },\r\n\r\n '&&-lg': {\r\n '@apply text-input-large': {},\r\n '@apply rounded-button-lg': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply text-input-medium': {},\r\n '@apply rounded-button-md': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply text-input-small': {},\r\n '@apply rounded-button-sm': {},\r\n '@apply h-32': {},\r\n },\r\n\r\n ...inputStandards(),\r\n '.sk-form-input': {\r\n '@apply rounded-0': {},\r\n '@apply border-0': {},\r\n '@apply focus:ring-0': {},\r\n '@apply focus:ring-offset-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply dark:bg-transparent': {},\r\n '@apply grow': {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction timeAndDatePicker() {\r\n return {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply block': {},\r\n '@apply p-0': {},\r\n '@apply pl-6 md:pl-8': {},\r\n '@apply m-0': {},\r\n '@apply bg-none': {},\r\n '@apply bg-dark-secondary': {},\r\n '&.sk-form-input-sm': {\r\n '@apply w-16 h-16': {},\r\n '@apply -mr-2': {},\r\n },\r\n '&.sk-form-input-md': {\r\n '@apply -mr-4': {},\r\n '@apply w-18 h-18': {},\r\n },\r\n '&.sk-form-input-lg': {\r\n '@apply -mr-6': {},\r\n '@apply w-20 h-20': {},\r\n },\r\n },\r\n\r\n '&[type=\"date\"]::-webkit-inner-spin-button, &[type=\"date\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"datetime-local\"]::-webkit-inner-spin-button, &[type=\"datetime-local\"]::-webkit-calendar-picker-indicator':\r\n {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${calendar()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n '&[type=\"time\"]::-webkit-inner-spin-button, &[type=\"time\"]::-webkit-calendar-picker-indicator': {\r\n mask: [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n '-webkit-mask': [`url(\"data:image/svg+xml;utf-8,${clock()}\") no-repeat 100% 100%`],\r\n maskSize: 'contain',\r\n '-webkit-mask-size': 'contain',\r\n },\r\n\r\n '&:disabled, &[aria-disabled=\"true\"]': {\r\n '&::-webkit-inner-spin-button, &::-webkit-calendar-picker-indicator': {\r\n '@apply color-black-disabled': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction textareaGroup() {\r\n return {\r\n '&-textarea': {\r\n ...inputGroup(),\r\n '&-group-inner': {\r\n '@apply h-auto': {},\r\n '@apply flex-wrap': {},\r\n '.sk-form-input-textarea': {\r\n '@apply w-full': {},\r\n },\r\n '.sk-form-textarea-counter': {\r\n '@apply w-full': {},\r\n '@apply border-t-divider border-t-1': {},\r\n },\r\n '&&-lg': {\r\n '@apply min-h-48 h-auto': {},\r\n '.sk-form-textarea-counter': {\r\n '@apply px-20': {},\r\n '@apply py-11': {},\r\n },\r\n },\r\n '&&-md': {\r\n '@apply min-h-40 h-auto': {},\r\n '.sk-form-textarea-counter': {\r\n '@apply px-16': {},\r\n '@apply py-7': {},\r\n },\r\n },\r\n '&&-sm': {\r\n '@apply min-h-32 h-auto': {},\r\n '.sk-form-textarea-counter': {\r\n '@apply px-12': {},\r\n '@apply py-5': {},\r\n },\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nexport const Input = () => ({\r\n '.sk-form-input': {\r\n '@apply grow-0': {},\r\n '@apply text-dark-primary': {},\r\n\r\n '&[data-hideextra=\"true\"]': {\r\n '&::-webkit-outer-spin-button, &::-webkit-inner-spin-button': {\r\n '-webkit-appearance': 'none',\r\n display: 'none',\r\n margin: '0px',\r\n },\r\n '-moz-appearance': 'textfield',\r\n },\r\n\r\n '&&-lg': {\r\n '@apply rounded-button-lg': {},\r\n '@apply px-20': {},\r\n '@apply py-11': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-large': {},\r\n '@apply h-48': {},\r\n },\r\n '&&-md': {\r\n '@apply rounded-button-md': {},\r\n '@apply px-16': {},\r\n '@apply py-7': {},\r\n '@apply gap-8': {},\r\n '@apply text-input-medium': {},\r\n '@apply h-40': {},\r\n },\r\n '&&-sm': {\r\n '@apply rounded-button-sm': {},\r\n '@apply px-12': {},\r\n '@apply py-5': {},\r\n '@apply gap-6': {},\r\n '@apply text-input-small': {},\r\n '@apply h-32': {},\r\n },\r\n '&&-textarea': {\r\n '@apply h-auto': {},\r\n '&-warning': {\r\n '@apply sr-only': {},\r\n },\r\n },\r\n\r\n //Focus\r\n '@apply focus:ring': {},\r\n '@apply focus:ring-ring': {},\r\n '@apply focus:ring-offset': {},\r\n '@apply focus:border-input-field-surface': {},\r\n '@apply focus-within:ring': {},\r\n '@apply focus-within:ring-ring': {},\r\n '@apply focus-within:ring-offset': {},\r\n '@apply focus-within:border-input-field-surface': {},\r\n '&:not(:invalid):not([aria-invalid=\"true\"])': {\r\n '@apply focus:hover:border-input-field-surface': {},\r\n },\r\n ...timeAndDatePicker(),\r\n ...inputStandards(),\r\n ...inputGroup(),\r\n ...addin(),\r\n ...addon(),\r\n ...textareaGroup(),\r\n },\r\n});\r\n"],"names":["calendar","clock","inputStandards","addin","svg","addon","inputGroup","timeAndDatePicker","mask","maskSize","textareaGroup","Input","display","margin"],"mappings":"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"}
|
package/dist/esm/components.js
CHANGED
|
@@ -51,6 +51,7 @@ import { AIServiceModule } from './components/ai/ai-service-module.js';
|
|
|
51
51
|
import { AssistantPresentation } from './components/ai/assistant-presentation.js';
|
|
52
52
|
import { AssistantSwitch } from './components/ai/assistant-switch.js';
|
|
53
53
|
import { Bubble } from './components/ai/bubble.js';
|
|
54
|
+
import { ChatInput } from './components/ai/chat-input.js';
|
|
54
55
|
import { Feedback } from './components/ai/feedback.js';
|
|
55
56
|
import { InputSection } from './components/ai/input-section.js';
|
|
56
57
|
import { MarkdownRendered } from './components/ai/markdown-rendered.js';
|
|
@@ -378,6 +379,15 @@ export const components = [
|
|
|
378
379
|
Icon
|
|
379
380
|
]
|
|
380
381
|
},
|
|
382
|
+
{
|
|
383
|
+
comp: ChatInput,
|
|
384
|
+
deps: [
|
|
385
|
+
Forms,
|
|
386
|
+
Icon,
|
|
387
|
+
Button,
|
|
388
|
+
Divider
|
|
389
|
+
]
|
|
390
|
+
},
|
|
381
391
|
{
|
|
382
392
|
comp: Feedback,
|
|
383
393
|
deps: [
|
|
@@ -390,7 +400,8 @@ export const components = [
|
|
|
390
400
|
deps: [
|
|
391
401
|
Forms,
|
|
392
402
|
Button,
|
|
393
|
-
Icon
|
|
403
|
+
Icon,
|
|
404
|
+
ChatInput
|
|
394
405
|
]
|
|
395
406
|
},
|
|
396
407
|
{
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/components.ts"],"sourcesContent":["import { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\n\r\n// components\r\nimport { Accordion } from './components/accordion';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Callout } from './components/callout';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CountryCode } from './components/countrycode';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { FileUpload } from './components/file-upload';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { NavigationBar } from './components/navigation-bar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { Tabs } from './components/tabs';\r\nimport { TextEditor } from './components/text-editor';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\n//AI COMPONENTS\r\nimport { AIFeed } from './components/ai/ai-feed';\r\nimport { AICornerModule } from './components/ai/ai-corner-module';\r\nimport { AIServiceModule } from './components/ai/ai-service-module';\r\nimport { AssistantPresentation } from './components/ai/assistant-presentation';\r\nimport { AssistantSwitch } from './components/ai/assistant-switch';\r\nimport { Bubble } from './components/ai/bubble';\r\nimport { Feedback } from './components/ai/feedback';\r\nimport { InputSection } from './components/ai/input-section';\r\nimport { MarkdownRendered } from './components/ai/markdown-rendered';\r\nimport { NewSessionButton } from './components/ai/new-session-button';\r\nimport { TypingBubble } from './components/ai/typing-bubble';\r\nimport { TypingSequence } from './components/ai/typing-sequence';\r\n\r\nexport type Component = (colors: string[], theme: PluginAPI['theme']) => CSSRuleObject;\r\ninterface ComponentWithDeps {\r\n comp: Component;\r\n deps?: Component[];\r\n}\r\n\r\nexport const components: ComponentWithDeps[] = [\r\n { comp: Accordion, deps: [Button, Divider, Icon, Label] },\r\n { comp: Avatar },\r\n { comp: Badge },\r\n { comp: Breadcrumb, deps: [Link] },\r\n { comp: Button, deps: [Link, Spinner, ButtonGroup] },\r\n { comp: ButtonGroup },\r\n { comp: Callout },\r\n { comp: Card, deps: [Button, Link] },\r\n { comp: Checkbox },\r\n { comp: Chip, deps: [Icon] },\r\n { comp: ComboBox },\r\n { comp: CountryCode, deps: [Forms, ComboBox] },\r\n { comp: CookieConsent, deps: [Button, Forms] },\r\n { comp: Dialog, deps: [Modal] },\r\n { comp: Divider },\r\n { comp: Dot },\r\n { comp: FileUpload, deps: [Icon, Forms, Button, PopupMenu, Modal, Divider, Link] },\r\n { comp: Filter, deps: [Badge, Forms] },\r\n { comp: Footer, deps: [Divider, Link, Logo] },\r\n { comp: Forms, deps: [Icon, Checkbox, ComboBox, Select, Input, Radio, Switch, PopupMenu] },\r\n { comp: Header, deps: [Divider, Link, Logo] },\r\n { comp: Input },\r\n { comp: Label },\r\n { comp: Link, deps: [Icon] },\r\n { comp: List, deps: [Link] },\r\n { comp: Logo, deps: [Divider] },\r\n { comp: NavigationBar, deps: [PopupMenu] },\r\n { comp: Icon },\r\n { comp: MenuVertical, deps: [Button, Divider, Icon, Logo] },\r\n { comp: Modal, deps: [Button, Icon] },\r\n { comp: Pagination, deps: [Button, Forms, Icon] },\r\n { comp: PopupMenu, deps: [Button, Link] },\r\n { comp: ProgressBar },\r\n { comp: ProgressStepper, deps: [Divider, Icon] },\r\n { comp: SearchField, deps: [Button, Forms, Icon] },\r\n { comp: Select },\r\n { comp: Snackbar, deps: [Button, Icon] },\r\n { comp: Spinner },\r\n { comp: TextEditor },\r\n { comp: Radio },\r\n { comp: Switch, deps: [Icon] },\r\n { comp: Table, deps: [Forms, Icon, Pagination] },\r\n { comp: Tabs, deps: [Button, NavigationBar] },\r\n { comp: Tooltip },\r\n { comp: UserMenu, deps: [Avatar, Logo, PopupMenu] },\r\n\r\n //AI COMPONENTS\r\n\r\n { comp: AIFeed, deps: [Accordion, Button, Avatar, TypingBubble, Feedback, MarkdownRendered] },\r\n {\r\n comp: AICornerModule,\r\n deps: [\r\n AIFeed,\r\n AssistantPresentation,\r\n InputSection,\r\n Avatar,\r\n Bubble,\r\n Link,\r\n Button,\r\n Divider,\r\n Icon,\r\n Tooltip,\r\n NavigationBar,\r\n ],\r\n },\r\n { comp: AIServiceModule, deps: [AIFeed, Bubble, InputSection, Forms, Link, Button, Icon] },\r\n { comp: AssistantPresentation, deps: [Avatar] },\r\n { comp: AssistantSwitch, deps: [Avatar, Icon] },\r\n { comp: Bubble, deps: [Icon] },\r\n { comp: Feedback, deps: [Button, Icon] },\r\n { comp: InputSection, deps: [Forms, Button, Icon] },\r\n { comp: MarkdownRendered, deps: [Link] },\r\n { comp: NewSessionButton, deps: [Button, Icon] },\r\n { comp: TypingBubble, deps: [TypingSequence] },\r\n { comp: TypingSequence },\r\n];\r\n"],"names":["Accordion","Avatar","Badge","Breadcrumb","Button","ButtonGroup","Callout","Card","Checkbox","Chip","ComboBox","CountryCode","CookieConsent","Dialog","Divider","Dot","FileUpload","Filter","Footer","Forms","Header","Icon","Input","Label","Link","List","Logo","MenuVertical","NavigationBar","Modal","Pagination","PopupMenu","ProgressBar","ProgressStepper","Radio","SearchField","Select","Snackbar","Spinner","Switch","Table","Tabs","TextEditor","Tooltip","UserMenu","AIFeed","AICornerModule","AIServiceModule","AssistantPresentation","AssistantSwitch","Bubble","Feedback","InputSection","MarkdownRendered","NewSessionButton","TypingBubble","TypingSequence","components","comp","deps"],"mappings":"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"}
|
|
1
|
+
{"version":3,"sources":["../../src/components.ts"],"sourcesContent":["import { CSSRuleObject, PluginAPI } from 'tailwindcss/types/config';\r\n\r\n// components\r\nimport { Accordion } from './components/accordion';\r\nimport { Avatar } from './components/avatar';\r\nimport { Badge } from './components/badge';\r\nimport { Breadcrumb } from './components/breadcrumb';\r\nimport { Button } from './components/button';\r\nimport { ButtonGroup } from './components/button-group';\r\nimport { Callout } from './components/callout';\r\nimport { Card } from './components/card';\r\nimport { Checkbox } from './components/checkbox';\r\nimport { Chip } from './components/chip';\r\nimport { ComboBox } from './components/combobox';\r\nimport { CountryCode } from './components/countrycode';\r\nimport { CookieConsent } from './components/cookie-consent';\r\nimport { Dialog } from './components/dialog';\r\nimport { Divider } from './components/divider';\r\nimport { Dot } from './components/dot';\r\nimport { FileUpload } from './components/file-upload';\r\nimport { Filter } from './components/filter';\r\nimport { Footer } from './components/footer';\r\nimport { Forms } from './components/forms';\r\nimport { Header } from './components/header';\r\nimport { Icon } from './components/icon';\r\nimport { Input } from './components/input';\r\nimport { Label } from './components/label';\r\nimport { Link } from './components/link';\r\nimport { List } from './components/list';\r\nimport { Logo } from './components/logo';\r\nimport { MenuVertical } from './components/menu-vertical';\r\nimport { NavigationBar } from './components/navigation-bar';\r\nimport { Modal } from './components/modal';\r\nimport { Pagination } from './components/pagination';\r\nimport { PopupMenu } from './components/popup-menu';\r\nimport { ProgressBar } from './components/progress-bar';\r\nimport { ProgressStepper } from './components/progress-stepper';\r\nimport { Radio } from './components/radio';\r\nimport { SearchField } from './components/search-field';\r\nimport { Select } from './components/select';\r\nimport { Snackbar } from './components/snackbar';\r\nimport { Spinner } from './components/spinner';\r\nimport { Switch } from './components/switch';\r\nimport { Table } from './components/table';\r\nimport { Tabs } from './components/tabs';\r\nimport { TextEditor } from './components/text-editor';\r\nimport { Tooltip } from './components/tooltip';\r\nimport { UserMenu } from './components/user-menu';\r\n//AI COMPONENTS\r\nimport { AIFeed } from './components/ai/ai-feed';\r\nimport { AICornerModule } from './components/ai/ai-corner-module';\r\nimport { AIServiceModule } from './components/ai/ai-service-module';\r\nimport { AssistantPresentation } from './components/ai/assistant-presentation';\r\nimport { AssistantSwitch } from './components/ai/assistant-switch';\r\nimport { Bubble } from './components/ai/bubble';\r\nimport { ChatInput } from './components/ai/chat-input';\r\nimport { Feedback } from './components/ai/feedback';\r\nimport { InputSection } from './components/ai/input-section';\r\nimport { MarkdownRendered } from './components/ai/markdown-rendered';\r\nimport { NewSessionButton } from './components/ai/new-session-button';\r\nimport { TypingBubble } from './components/ai/typing-bubble';\r\nimport { TypingSequence } from './components/ai/typing-sequence';\r\n\r\nexport type Component = (colors: string[], theme: PluginAPI['theme']) => CSSRuleObject;\r\ninterface ComponentWithDeps {\r\n comp: Component;\r\n deps?: Component[];\r\n}\r\n\r\nexport const components: ComponentWithDeps[] = [\r\n { comp: Accordion, deps: [Button, Divider, Icon, Label] },\r\n { comp: Avatar },\r\n { comp: Badge },\r\n { comp: Breadcrumb, deps: [Link] },\r\n { comp: Button, deps: [Link, Spinner, ButtonGroup] },\r\n { comp: ButtonGroup },\r\n { comp: Callout },\r\n { comp: Card, deps: [Button, Link] },\r\n { comp: Checkbox },\r\n { comp: Chip, deps: [Icon] },\r\n { comp: ComboBox },\r\n { comp: CountryCode, deps: [Forms, ComboBox] },\r\n { comp: CookieConsent, deps: [Button, Forms] },\r\n { comp: Dialog, deps: [Modal] },\r\n { comp: Divider },\r\n { comp: Dot },\r\n { comp: FileUpload, deps: [Icon, Forms, Button, PopupMenu, Modal, Divider, Link] },\r\n { comp: Filter, deps: [Badge, Forms] },\r\n { comp: Footer, deps: [Divider, Link, Logo] },\r\n { comp: Forms, deps: [Icon, Checkbox, ComboBox, Select, Input, Radio, Switch, PopupMenu] },\r\n { comp: Header, deps: [Divider, Link, Logo] },\r\n { comp: Input },\r\n { comp: Label },\r\n { comp: Link, deps: [Icon] },\r\n { comp: List, deps: [Link] },\r\n { comp: Logo, deps: [Divider] },\r\n { comp: NavigationBar, deps: [PopupMenu] },\r\n { comp: Icon },\r\n { comp: MenuVertical, deps: [Button, Divider, Icon, Logo] },\r\n { comp: Modal, deps: [Button, Icon] },\r\n { comp: Pagination, deps: [Button, Forms, Icon] },\r\n { comp: PopupMenu, deps: [Button, Link] },\r\n { comp: ProgressBar },\r\n { comp: ProgressStepper, deps: [Divider, Icon] },\r\n { comp: SearchField, deps: [Button, Forms, Icon] },\r\n { comp: Select },\r\n { comp: Snackbar, deps: [Button, Icon] },\r\n { comp: Spinner },\r\n { comp: TextEditor },\r\n { comp: Radio },\r\n { comp: Switch, deps: [Icon] },\r\n { comp: Table, deps: [Forms, Icon, Pagination] },\r\n { comp: Tabs, deps: [Button, NavigationBar] },\r\n { comp: Tooltip },\r\n { comp: UserMenu, deps: [Avatar, Logo, PopupMenu] },\r\n\r\n //AI COMPONENTS\r\n\r\n { comp: AIFeed, deps: [Accordion, Button, Avatar, TypingBubble, Feedback, MarkdownRendered] },\r\n {\r\n comp: AICornerModule,\r\n deps: [\r\n AIFeed,\r\n AssistantPresentation,\r\n InputSection,\r\n Avatar,\r\n Bubble,\r\n Link,\r\n Button,\r\n Divider,\r\n Icon,\r\n Tooltip,\r\n NavigationBar,\r\n ],\r\n },\r\n { comp: AIServiceModule, deps: [AIFeed, Bubble, InputSection, Forms, Link, Button, Icon] },\r\n { comp: AssistantPresentation, deps: [Avatar] },\r\n { comp: AssistantSwitch, deps: [Avatar, Icon] },\r\n { comp: Bubble, deps: [Icon] },\r\n { comp: ChatInput, deps: [Forms, Icon, Button, Divider] },\r\n { comp: Feedback, deps: [Button, Icon] },\r\n { comp: InputSection, deps: [Forms, Button, Icon, ChatInput] },\r\n { comp: MarkdownRendered, deps: [Link] },\r\n { comp: NewSessionButton, deps: [Button, Icon] },\r\n { comp: TypingBubble, deps: [TypingSequence] },\r\n { comp: TypingSequence },\r\n];\r\n"],"names":["Accordion","Avatar","Badge","Breadcrumb","Button","ButtonGroup","Callout","Card","Checkbox","Chip","ComboBox","CountryCode","CookieConsent","Dialog","Divider","Dot","FileUpload","Filter","Footer","Forms","Header","Icon","Input","Label","Link","List","Logo","MenuVertical","NavigationBar","Modal","Pagination","PopupMenu","ProgressBar","ProgressStepper","Radio","SearchField","Select","Snackbar","Spinner","Switch","Table","Tabs","TextEditor","Tooltip","UserMenu","AIFeed","AICornerModule","AIServiceModule","AssistantPresentation","AssistantSwitch","Bubble","ChatInput","Feedback","InputSection","MarkdownRendered","NewSessionButton","TypingBubble","TypingSequence","components","comp","deps"],"mappings":"AAEA,aAAa;AACb,SAASA,SAAS,QAAQ,yBAAyB;AACnD,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,QAAQ,QAAQ,wBAAwB;AACjD,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,QAAQ,QAAQ,wBAAwB;AACjD,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,GAAG,QAAQ,mBAAmB;AACvC,SAASC,UAAU,QAAQ,2BAA2B;AACtD,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,YAAY,QAAQ,6BAA6B;AAC1D,SAASC,aAAa,QAAQ,8BAA8B;AAC5D,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,UAAU,QAAQ,0BAA0B;AACrD,SAASC,SAAS,QAAQ,0BAA0B;AACpD,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,WAAW,QAAQ,4BAA4B;AACxD,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,QAAQ,QAAQ,wBAAwB;AACjD,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,KAAK,QAAQ,qBAAqB;AAC3C,SAASC,IAAI,QAAQ,oBAAoB;AACzC,SAASC,UAAU,QAAQ,2BAA2B;AACtD,SAASC,OAAO,QAAQ,uBAAuB;AAC/C,SAASC,QAAQ,QAAQ,yBAAyB;AAClD,eAAe;AACf,SAASC,MAAM,QAAQ,0BAA0B;AACjD,SAASC,cAAc,QAAQ,mCAAmC;AAClE,SAASC,eAAe,QAAQ,oCAAoC;AACpE,SAASC,qBAAqB,QAAQ,yCAAyC;AAC/E,SAASC,eAAe,QAAQ,mCAAmC;AACnE,SAASC,MAAM,QAAQ,yBAAyB;AAChD,SAASC,SAAS,QAAQ,6BAA6B;AACvD,SAASC,QAAQ,QAAQ,2BAA2B;AACpD,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,gBAAgB,QAAQ,oCAAoC;AACrE,SAASC,gBAAgB,QAAQ,qCAAqC;AACtE,SAASC,YAAY,QAAQ,gCAAgC;AAC7D,SAASC,cAAc,QAAQ,kCAAkC;AAQjE,OAAO,MAAMC,aAAkC;IAC7C;QAAEC,MAAM3D;QAAW4D,MAAM;YAACxD;YAAQU;YAASO;YAAME;SAAM;IAAC;IACxD;QAAEoC,MAAM1D;IAAO;IACf;QAAE0D,MAAMzD;IAAM;IACd;QAAEyD,MAAMxD;QAAYyD,MAAM;YAACpC;SAAK;IAAC;IACjC;QAAEmC,MAAMvD;QAAQwD,MAAM;YAACpC;YAAMc;YAASjC;SAAY;IAAC;IACnD;QAAEsD,MAAMtD;IAAY;IACpB;QAAEsD,MAAMrD;IAAQ;IAChB;QAAEqD,MAAMpD;QAAMqD,MAAM;YAACxD;YAAQoB;SAAK;IAAC;IACnC;QAAEmC,MAAMnD;IAAS;IACjB;QAAEmD,MAAMlD;QAAMmD,MAAM;YAACvC;SAAK;IAAC;IAC3B;QAAEsC,MAAMjD;IAAS;IACjB;QAAEiD,MAAMhD;QAAaiD,MAAM;YAACzC;YAAOT;SAAS;IAAC;IAC7C;QAAEiD,MAAM/C;QAAegD,MAAM;YAACxD;YAAQe;SAAM;IAAC;IAC7C;QAAEwC,MAAM9C;QAAQ+C,MAAM;YAAC/B;SAAM;IAAC;IAC9B;QAAE8B,MAAM7C;IAAQ;IAChB;QAAE6C,MAAM5C;IAAI;IACZ;QAAE4C,MAAM3C;QAAY4C,MAAM;YAACvC;YAAMF;YAAOf;YAAQ2B;YAAWF;YAAOf;YAASU;SAAK;IAAC;IACjF;QAAEmC,MAAM1C;QAAQ2C,MAAM;YAAC1D;YAAOiB;SAAM;IAAC;IACrC;QAAEwC,MAAMzC;QAAQ0C,MAAM;YAAC9C;YAASU;YAAME;SAAK;IAAC;IAC5C;QAAEiC,MAAMxC;QAAOyC,MAAM;YAACvC;YAAMb;YAAUE;YAAU0B;YAAQd;YAAOY;YAAOK;YAAQR;SAAU;IAAC;IACzF;QAAE4B,MAAMvC;QAAQwC,MAAM;YAAC9C;YAASU;YAAME;SAAK;IAAC;IAC5C;QAAEiC,MAAMrC;IAAM;IACd;QAAEqC,MAAMpC;IAAM;IACd;QAAEoC,MAAMnC;QAAMoC,MAAM;YAACvC;SAAK;IAAC;IAC3B;QAAEsC,MAAMlC;QAAMmC,MAAM;YAACpC;SAAK;IAAC;IAC3B;QAAEmC,MAAMjC;QAAMkC,MAAM;YAAC9C;SAAQ;IAAC;IAC9B;QAAE6C,MAAM/B;QAAegC,MAAM;YAAC7B;SAAU;IAAC;IACzC;QAAE4B,MAAMtC;IAAK;IACb;QAAEsC,MAAMhC;QAAciC,MAAM;YAACxD;YAAQU;YAASO;YAAMK;SAAK;IAAC;IAC1D;QAAEiC,MAAM9B;QAAO+B,MAAM;YAACxD;YAAQiB;SAAK;IAAC;IACpC;QAAEsC,MAAM7B;QAAY8B,MAAM;YAACxD;YAAQe;YAAOE;SAAK;IAAC;IAChD;QAAEsC,MAAM5B;QAAW6B,MAAM;YAACxD;YAAQoB;SAAK;IAAC;IACxC;QAAEmC,MAAM3B;IAAY;IACpB;QAAE2B,MAAM1B;QAAiB2B,MAAM;YAAC9C;YAASO;SAAK;IAAC;IAC/C;QAAEsC,MAAMxB;QAAayB,MAAM;YAACxD;YAAQe;YAAOE;SAAK;IAAC;IACjD;QAAEsC,MAAMvB;IAAO;IACf;QAAEuB,MAAMtB;QAAUuB,MAAM;YAACxD;YAAQiB;SAAK;IAAC;IACvC;QAAEsC,MAAMrB;IAAQ;IAChB;QAAEqB,MAAMjB;IAAW;IACnB;QAAEiB,MAAMzB;IAAM;IACd;QAAEyB,MAAMpB;QAAQqB,MAAM;YAACvC;SAAK;IAAC;IAC7B;QAAEsC,MAAMnB;QAAOoB,MAAM;YAACzC;YAAOE;YAAMS;SAAW;IAAC;IAC/C;QAAE6B,MAAMlB;QAAMmB,MAAM;YAACxD;YAAQwB;SAAc;IAAC;IAC5C;QAAE+B,MAAMhB;IAAQ;IAChB;QAAEgB,MAAMf;QAAUgB,MAAM;YAAC3D;YAAQyB;YAAMK;SAAU;IAAC;IAElD,eAAe;IAEf;QAAE4B,MAAMd;QAAQe,MAAM;YAAC5D;YAAWI;YAAQH;YAAQuD;YAAcJ;YAAUE;SAAiB;IAAC;IAC5F;QACEK,MAAMb;QACNc,MAAM;YACJf;YACAG;YACAK;YACApD;YACAiD;YACA1B;YACApB;YACAU;YACAO;YACAsB;YACAf;SACD;IACH;IACA;QAAE+B,MAAMZ;QAAiBa,MAAM;YAACf;YAAQK;YAAQG;YAAclC;YAAOK;YAAMpB;YAAQiB;SAAK;IAAC;IACzF;QAAEsC,MAAMX;QAAuBY,MAAM;YAAC3D;SAAO;IAAC;IAC9C;QAAE0D,MAAMV;QAAiBW,MAAM;YAAC3D;YAAQoB;SAAK;IAAC;IAC9C;QAAEsC,MAAMT;QAAQU,MAAM;YAACvC;SAAK;IAAC;IAC7B;QAAEsC,MAAMR;QAAWS,MAAM;YAACzC;YAAOE;YAAMjB;YAAQU;SAAQ;IAAC;IACxD;QAAE6C,MAAMP;QAAUQ,MAAM;YAACxD;YAAQiB;SAAK;IAAC;IACvC;QAAEsC,MAAMN;QAAcO,MAAM;YAACzC;YAAOf;YAAQiB;YAAM8B;SAAU;IAAC;IAC7D;QAAEQ,MAAML;QAAkBM,MAAM;YAACpC;SAAK;IAAC;IACvC;QAAEmC,MAAMJ;QAAkBK,MAAM;YAACxD;YAAQiB;SAAK;IAAC;IAC/C;QAAEsC,MAAMH;QAAcI,MAAM;YAACH;SAAe;IAAC;IAC7C;QAAEE,MAAMF;IAAe;CACxB,CAAC"}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
export declare const ChatInput: () => {
|
|
2
|
+
'.sk-chat-input': {
|
|
3
|
+
'&-textarea': {
|
|
4
|
+
'@apply flex': {};
|
|
5
|
+
'@apply grow shrink': {};
|
|
6
|
+
'@apply self-start': {};
|
|
7
|
+
'&[data-wrap="true"]': {
|
|
8
|
+
'@apply w-full': {};
|
|
9
|
+
};
|
|
10
|
+
'&[data-wrap="false"]': {
|
|
11
|
+
'@apply w-auto': {};
|
|
12
|
+
};
|
|
13
|
+
'&-sm': {
|
|
14
|
+
'@apply min-h-34+1': {};
|
|
15
|
+
'@apply max-h-[11rem]': {};
|
|
16
|
+
'@apply mt-5': {};
|
|
17
|
+
};
|
|
18
|
+
'&-md': {
|
|
19
|
+
'@apply min-h-42': {};
|
|
20
|
+
'@apply max-h-[13.4rem]': {};
|
|
21
|
+
'@apply mt-4': {};
|
|
22
|
+
};
|
|
23
|
+
'&-lg': {
|
|
24
|
+
'@apply min-h-56': {};
|
|
25
|
+
'@apply max-h-[14.2rem]': {};
|
|
26
|
+
'@apply mt-6': {};
|
|
27
|
+
};
|
|
28
|
+
};
|
|
29
|
+
'&-wrapper': {
|
|
30
|
+
'@apply flex flex-row flex-wrap': {};
|
|
31
|
+
'@apply justify-end': {};
|
|
32
|
+
};
|
|
33
|
+
'&-submitbutton': {
|
|
34
|
+
'@apply shrink-0 flex justify-self-end': {};
|
|
35
|
+
'@apply relative': {};
|
|
36
|
+
'&-sm': {
|
|
37
|
+
'@apply py-5 px-7': {};
|
|
38
|
+
};
|
|
39
|
+
'&-md': {
|
|
40
|
+
'@apply py-7 px-9': {};
|
|
41
|
+
};
|
|
42
|
+
'&-lg': {
|
|
43
|
+
'@apply py-11 px-13': {};
|
|
44
|
+
};
|
|
45
|
+
'&-inner-wrapper': {
|
|
46
|
+
'@apply relative inline-flex items-center': {};
|
|
47
|
+
};
|
|
48
|
+
'&-tooltip': {
|
|
49
|
+
'@apply absolute right-full': {};
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
'&-toolbar': {
|
|
53
|
+
'@apply flex': {};
|
|
54
|
+
'@apply relative': {};
|
|
55
|
+
'@apply gap-6': {};
|
|
56
|
+
'@apply bg-transparent': {};
|
|
57
|
+
'@apply justify-start': {};
|
|
58
|
+
'@apply w-auto': {};
|
|
59
|
+
'@apply shrink grow': {};
|
|
60
|
+
'&-sm': {
|
|
61
|
+
'@apply py-5 px-7': {};
|
|
62
|
+
};
|
|
63
|
+
'&-md': {
|
|
64
|
+
'@apply py-7 px-9': {};
|
|
65
|
+
};
|
|
66
|
+
'&-lg': {
|
|
67
|
+
'@apply py-11 px-13': {};
|
|
68
|
+
};
|
|
69
|
+
'&-button': {
|
|
70
|
+
'&-wrapper': {
|
|
71
|
+
'@apply relative inline-flex justify-center overflow-visible': {};
|
|
72
|
+
};
|
|
73
|
+
'&-tooltip': {
|
|
74
|
+
'@apply absolute shrink-0 bottom-full w-max': {};
|
|
75
|
+
};
|
|
76
|
+
};
|
|
77
|
+
};
|
|
78
|
+
};
|
|
79
|
+
};
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
export declare const Alert: () => {
|
|
2
|
+
'.sk-alert': {
|
|
3
|
+
'@apply flex rounded-button': {};
|
|
4
|
+
'&-sm': {
|
|
5
|
+
'@apply rounded-xl gap-8 pl-10 pr-6': {};
|
|
6
|
+
'.sk-alert-icon': {
|
|
7
|
+
'@apply pt-6': {};
|
|
8
|
+
};
|
|
9
|
+
};
|
|
10
|
+
'&-md': {
|
|
11
|
+
'@apply gap-12 pl-16 pr-12 py-12': {};
|
|
12
|
+
'.sk-alert-icon': {
|
|
13
|
+
'@apply pt-6': {};
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
'&-lg': {
|
|
17
|
+
'@apply gap-12 pl-16 pr-12 py-12': {};
|
|
18
|
+
'.sk-alert-icon': {
|
|
19
|
+
'@apply pt-6': {};
|
|
20
|
+
};
|
|
21
|
+
};
|
|
22
|
+
'&-content': {
|
|
23
|
+
'@apply flex flex-col w-full grow': {};
|
|
24
|
+
'&-description': {
|
|
25
|
+
'@apply text-small': {};
|
|
26
|
+
};
|
|
27
|
+
'&-sm': {
|
|
28
|
+
'@apply py-6': {};
|
|
29
|
+
'.sk-alert-content-title': {
|
|
30
|
+
'@apply text-small m-0': {};
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
'&-md': {
|
|
34
|
+
'@apply py-4': {};
|
|
35
|
+
'.sk-alert-content-title': {
|
|
36
|
+
'@apply text-base': {};
|
|
37
|
+
};
|
|
38
|
+
};
|
|
39
|
+
'&-lg': {
|
|
40
|
+
'@apply py-4': {};
|
|
41
|
+
'.sk-alert-content-title': {
|
|
42
|
+
'@apply text-large': {};
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
'&-icon': {
|
|
47
|
+
'@apply flex-none': {};
|
|
48
|
+
};
|
|
49
|
+
'&-button': {
|
|
50
|
+
'@apply flex-none justify-self-end': {};
|
|
51
|
+
};
|
|
52
|
+
'&-info': {
|
|
53
|
+
'@apply border-1 border-vattjom-surface-primary bg-vattjom-background-100': {};
|
|
54
|
+
};
|
|
55
|
+
'&-neutral': {
|
|
56
|
+
'@apply border-1 border-divider bg-background-100': {};
|
|
57
|
+
};
|
|
58
|
+
'&-success': {
|
|
59
|
+
'@apply border-1 border-gronsta-surface-primary bg-gronsta-background-100': {};
|
|
60
|
+
};
|
|
61
|
+
'&-warning': {
|
|
62
|
+
'@apply border-1 border-warning-surface-primary bg-warning-background-100': {};
|
|
63
|
+
};
|
|
64
|
+
'&-error': {
|
|
65
|
+
'@apply border-1 border-error-surface-primary bg-error-background-100': {};
|
|
66
|
+
};
|
|
67
|
+
};
|
|
68
|
+
};
|
|
@@ -1,5 +1,111 @@
|
|
|
1
1
|
export declare const Input: () => {
|
|
2
2
|
'.sk-form-input': {
|
|
3
|
+
'&-textarea': {
|
|
4
|
+
'&-group-inner': {
|
|
5
|
+
'@apply h-auto': {};
|
|
6
|
+
'@apply flex-wrap': {};
|
|
7
|
+
'.sk-form-input-textarea': {
|
|
8
|
+
'@apply w-full': {};
|
|
9
|
+
};
|
|
10
|
+
'.sk-form-textarea-counter': {
|
|
11
|
+
'@apply w-full': {};
|
|
12
|
+
'@apply border-t-divider border-t-1': {};
|
|
13
|
+
};
|
|
14
|
+
'&&-lg': {
|
|
15
|
+
'@apply min-h-48 h-auto': {};
|
|
16
|
+
'.sk-form-textarea-counter': {
|
|
17
|
+
'@apply px-20': {};
|
|
18
|
+
'@apply py-11': {};
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
'&&-md': {
|
|
22
|
+
'@apply min-h-40 h-auto': {};
|
|
23
|
+
'.sk-form-textarea-counter': {
|
|
24
|
+
'@apply px-16': {};
|
|
25
|
+
'@apply py-7': {};
|
|
26
|
+
};
|
|
27
|
+
};
|
|
28
|
+
'&&-sm': {
|
|
29
|
+
'@apply min-h-32 h-auto': {};
|
|
30
|
+
'.sk-form-textarea-counter': {
|
|
31
|
+
'@apply px-12': {};
|
|
32
|
+
'@apply py-5': {};
|
|
33
|
+
};
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
'&-group': {
|
|
37
|
+
'&-outer': {
|
|
38
|
+
'@apply flex gap-0 max-w-full': {};
|
|
39
|
+
'&[data-hasleftaddon="true"]': {
|
|
40
|
+
'.sk-form-input, .sk-form-input-group-inner': {
|
|
41
|
+
'@apply rounded-l-0': {};
|
|
42
|
+
'@apply border-l-0': {};
|
|
43
|
+
};
|
|
44
|
+
};
|
|
45
|
+
'&[data-hasrightaddon="true"]': {
|
|
46
|
+
'.sk-form-input, .sk-form-input-group-inner': {
|
|
47
|
+
'@apply rounded-r-0': {};
|
|
48
|
+
'@apply border-r-0': {};
|
|
49
|
+
};
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
'&-inner': {
|
|
53
|
+
'.sk-form-input': {
|
|
54
|
+
'@apply rounded-0': {};
|
|
55
|
+
'@apply border-0': {};
|
|
56
|
+
'@apply focus:ring-0': {};
|
|
57
|
+
'@apply focus:ring-offset-0': {};
|
|
58
|
+
'@apply bg-transparent': {};
|
|
59
|
+
'@apply dark:bg-transparent': {};
|
|
60
|
+
'@apply grow': {};
|
|
61
|
+
};
|
|
62
|
+
'@apply border-1': {};
|
|
63
|
+
'@apply border-input-field-outline': {};
|
|
64
|
+
'@apply hover:border-input-field-outline-hover': {};
|
|
65
|
+
'@apply placeholder:text-dark-placeholder': {};
|
|
66
|
+
'@apply bg-input-field-surface': {};
|
|
67
|
+
'&:invalid, &[aria-invalid="true"]': {
|
|
68
|
+
'@apply border-2 border-error-surface-primary': {};
|
|
69
|
+
};
|
|
70
|
+
'&:disabled, &[aria-disabled="true"]': {
|
|
71
|
+
'@apply bg-input-field-surface-disabled': {};
|
|
72
|
+
'@apply border-input-field-outline-disabled': {};
|
|
73
|
+
'@apply hover:border-input-field-outline-disabled': {};
|
|
74
|
+
'@apply text-dark-disabled': {};
|
|
75
|
+
};
|
|
76
|
+
'&:read-only': {
|
|
77
|
+
'@apply bg-input-field-surface': {};
|
|
78
|
+
'@apply border-input-field-outline-disabled': {};
|
|
79
|
+
'@apply text-dark-secondary': {};
|
|
80
|
+
'@apply placeholder:text-dark-secondary': {};
|
|
81
|
+
};
|
|
82
|
+
'@apply flex relative grow': {};
|
|
83
|
+
'@apply items-center': {};
|
|
84
|
+
'@apply focus-within:ring': {};
|
|
85
|
+
'@apply focus-within:ring-ring': {};
|
|
86
|
+
'@apply text-dark-secondary': {};
|
|
87
|
+
'@apply focus-within:border-input-field-surface': {};
|
|
88
|
+
'&:not(:invalid):not([aria-invalid="true"])': {
|
|
89
|
+
'@apply focus-within:border-input-field-surface': {};
|
|
90
|
+
};
|
|
91
|
+
'&&-lg': {
|
|
92
|
+
'@apply text-input-large': {};
|
|
93
|
+
'@apply rounded-button-lg': {};
|
|
94
|
+
'@apply h-48': {};
|
|
95
|
+
};
|
|
96
|
+
'&&-md': {
|
|
97
|
+
'@apply text-input-medium': {};
|
|
98
|
+
'@apply rounded-button-md': {};
|
|
99
|
+
'@apply h-40': {};
|
|
100
|
+
};
|
|
101
|
+
'&&-sm': {
|
|
102
|
+
'@apply text-input-small': {};
|
|
103
|
+
'@apply rounded-button-sm': {};
|
|
104
|
+
'@apply h-32': {};
|
|
105
|
+
};
|
|
106
|
+
};
|
|
107
|
+
};
|
|
108
|
+
};
|
|
3
109
|
'&-addon': {
|
|
4
110
|
'.sk-form-input': {
|
|
5
111
|
'@apply rounded-0': {};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sk-web-gui/core",
|
|
3
|
-
"version": "4.
|
|
3
|
+
"version": "4.2.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"main": "./dist/cjs/index.js",
|
|
@@ -41,5 +41,5 @@
|
|
|
41
41
|
"mini-svg-data-uri": "^1.4.4",
|
|
42
42
|
"tailwindcss": "^3.4.17"
|
|
43
43
|
},
|
|
44
|
-
"gitHead": "
|
|
44
|
+
"gitHead": "9759cc8217a908dd19c3de4afbbcb41a552b2ded"
|
|
45
45
|
}
|