@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.
@@ -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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"}
@@ -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":"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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":["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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"}
@@ -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":"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"}
@@ -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.1.2",
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": "114df0d9913ebce239a93a786a55b21842ba2693"
44
+ "gitHead": "9759cc8217a908dd19c3de4afbbcb41a552b2ded"
45
45
  }