@sk-web-gui/core 3.2.0 → 3.3.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.
Files changed (26) hide show
  1. package/dist/cjs/components/ai/ai-module.js +15 -4
  2. package/dist/cjs/components/ai/ai-module.js.map +1 -1
  3. package/dist/cjs/components/ai/bubble.js +1 -0
  4. package/dist/cjs/components/ai/bubble.js.map +1 -1
  5. package/dist/cjs/components/ai/markdown-rendered.js +1 -1
  6. package/dist/cjs/components/ai/markdown-rendered.js.map +1 -1
  7. package/dist/cjs/components/button.js +1 -4
  8. package/dist/cjs/components/button.js.map +1 -1
  9. package/dist/cjs/components/table-autotable.js +1 -1
  10. package/dist/cjs/components/table-autotable.js.map +1 -1
  11. package/dist/esm/components/ai/ai-module.js +15 -4
  12. package/dist/esm/components/ai/ai-module.js.map +1 -1
  13. package/dist/esm/components/ai/bubble.js +1 -0
  14. package/dist/esm/components/ai/bubble.js.map +1 -1
  15. package/dist/esm/components/ai/markdown-rendered.js +1 -1
  16. package/dist/esm/components/ai/markdown-rendered.js.map +1 -1
  17. package/dist/esm/components/button.js +1 -4
  18. package/dist/esm/components/button.js.map +1 -1
  19. package/dist/esm/components/table-autotable.js +1 -1
  20. package/dist/esm/components/table-autotable.js.map +1 -1
  21. package/dist/types/components/ai/ai-module.d.ts +13 -2
  22. package/dist/types/components/ai/bubble.d.ts +1 -0
  23. package/dist/types/components/ai/markdown-rendered.d.ts +1 -1
  24. package/dist/types/components/button.d.ts +0 -3
  25. package/dist/types/components/table-autotable.d.ts +1 -1
  26. package/package.json +2 -2
package/dist/cjs/components/ai/ai-module.js CHANGED
@@ -7,19 +7,22 @@ var AIModule = exports.AIModule = function AIModule(colors) {
7
7
  return {
8
8
  '.sk-ai-module': {
9
9
  '@apply fixed': {},
10
+ '@apply z-50': {},
10
11
  '@apply overflow-hidden': {},
11
12
  '@apply flex flex-col gap-0 items-center justify-start': {},
12
13
  '@apply shadow-200': {},
13
14
  '@apply transition-all': {},
15
+ '@apply duration-300': {},
14
16
  '@apply bottom-0 right-0': {},
15
17
  '&-content': {
16
18
  '@apply flex w-full gap-0 h-full justify-between': {},
17
19
  '@apply overflow-hidden': {},
18
20
  '&-row': {
19
- '@apply flex flex-col': {}
21
+ '@apply flex flex-col': {},
22
+ '@apply bg-background-content': {}
20
23
  },
21
24
  '&-main': {
22
- '@apply grow shrink max-h-full items-center': {}
25
+ '@apply grow shrink max-h-full max-w-full items-center': {}
23
26
  }
24
27
  },
25
28
  '&-sidebar': {
@@ -41,6 +44,7 @@ var AIModule = exports.AIModule = function AIModule(colors) {
41
44
  '@apply px-16 pt-16 pb-24 gap-16': {},
42
45
  '@apply w-full': {},
43
46
  '@apply max-h-full overflow-y-auto': {},
47
+ '@apply max-w-full overflow-x-hidden': {},
44
48
  '&-questions': {
45
49
  '@apply flex flex-col gap-8 w-full': {},
46
50
  '&-title': {
@@ -60,7 +64,7 @@ var AIModule = exports.AIModule = function AIModule(colors) {
60
64
  '@apply w-[26em]': {},
61
65
  '@apply max-h-[44em]': {},
62
66
  '&[data-docked="false"]': {
63
- '@apply h-full': {}
67
+ '@apply h-[44em]': {}
64
68
  }
65
69
  },
66
70
  '.sk-ai-feed': {
@@ -85,6 +89,9 @@ var AIModule = exports.AIModule = function AIModule(colors) {
85
89
  '@apply pt-20 pb-32': {}
86
90
  }
87
91
  },
92
+ '&[data-docked="true"]': {
93
+ '@apply h-64 w-[19em]': {}
94
+ },
88
95
  '&-header': _extends({
89
96
  '@apply flex items-center justify-between': {},
90
97
  '@apply w-full': {},
@@ -94,7 +101,8 @@ var AIModule = exports.AIModule = function AIModule(colors) {
94
101
  '@apply bg-inverted-background-content': {},
95
102
  '@apply text-inverted-dark-primary': {},
96
103
  '&[data-docked="true"]': {
97
- '@apply px-12 pt-10 pb-12': {}
104
+ '@apply px-12 pt-10 pb-12': {},
105
+ '@apply cursor-pointer': {}
98
106
  },
99
107
  '&-title': {
100
108
  '@apply flex justify-start items-center': {},
@@ -144,6 +152,9 @@ var AIModule = exports.AIModule = function AIModule(colors) {
144
152
  '@apply flex flex-col p-0 gap-8': {}
145
153
  }
146
154
  }
155
+ },
156
+ '.sk-avatar': {
157
+ '@apply transition-all duration-500': {}
147
158
  }
148
159
  }
149
160
  };
package/dist/cjs/components/ai/ai-module.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ai-module.js","names":["AIModule","exports","colors","_extends","reduce","styles","color","_ref","_extends2"],"sources":["../../../../src/components/ai/ai-module.ts"],"sourcesContent":["export const AIModule = (colors: string[]) => ({\r\n '.sk-ai-module': {\r\n '@apply fixed': {},\r\n '@apply overflow-hidden': {},\r\n '@apply flex flex-col gap-0 items-center justify-start': {},\r\n '@apply shadow-200': {},\r\n '@apply transition-all': {},\r\n '@apply bottom-0 right-0': {},\r\n\r\n '&-content': {\r\n '@apply flex w-full gap-0 h-full justify-between': {},\r\n '@apply overflow-hidden': {},\r\n '&-row': {\r\n '@apply flex flex-col': {},\r\n },\r\n '&-main': {\r\n '@apply grow shrink max-h-full items-center': {},\r\n },\r\n },\r\n\r\n '&-sidebar': {\r\n '@apply flex flex-col': {},\r\n '@apply min-w-[22em]': {},\r\n '@apply h-full': {},\r\n '@apply overflow-hidden': {},\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply pt-20 px-0 gap-16': {},\r\n '&-sessions': {\r\n '@apply flex flex-col': {},\r\n '@apply grow w-full': {},\r\n '@apply overflow-y-auto': {},\r\n '@apply px-24 pb-20 gap-16': {},\r\n },\r\n },\r\n '&-feed': {\r\n '@apply flex flex-col grow': {},\r\n '@apply px-16 pt-16 pb-24 gap-16': {},\r\n '@apply w-full': {},\r\n '@apply max-h-full overflow-y-auto': {},\r\n '&-questions': {\r\n '@apply flex flex-col gap-8 w-full': {},\r\n '&-title': {\r\n '@apply text-label-medium text-dark-primary': {},\r\n },\r\n '&-wrapper': {\r\n '@apply flex flex-col gap-16 w-full': {},\r\n },\r\n },\r\n },\r\n '.sk-ai-inputsection': {\r\n '@apply shrink-0': {},\r\n },\r\n '&[data-fullscreen=\"false\"]': {\r\n '@apply rounded-tl-groups': {},\r\n '@apply max-w-[26em]': {},\r\n '@apply w-[26em]': {},\r\n '@apply max-h-[44em]': {},\r\n '&[data-docked=\"false\"]': {\r\n '@apply h-full': {},\r\n },\r\n },\r\n '.sk-ai-feed': {\r\n '@apply w-full': {},\r\n },\r\n '&[data-fullscreen=\"true\"]': {\r\n '@apply w-full': {},\r\n '.sk-ai-module-feed': {\r\n '@apply gap-40 grow w-full items-center': {},\r\n '.sk-ai-feed': {\r\n '@apply text-base max-w-[50em]': {},\r\n },\r\n '&-questions': {\r\n '@apply flex-row gap-16': {},\r\n '&-wrapper': {\r\n '@apply text-base max-w-[50em]': {},\r\n },\r\n },\r\n },\r\n '.sk-ai-inputsection': {\r\n '@apply text-base max-w-[50em]': {},\r\n '@apply pt-20 pb-32': {},\r\n },\r\n },\r\n\r\n '&-header': {\r\n '@apply flex items-center justify-between': {},\r\n '@apply w-full': {},\r\n '@apply shrink-0': {},\r\n '@apply px-14 py-16': {},\r\n '@apply transition-all': {},\r\n '@apply bg-inverted-background-content': {},\r\n '@apply text-inverted-dark-primary': {},\r\n\r\n '&[data-docked=\"true\"]': {\r\n '@apply px-12 pt-10 pb-12': {},\r\n },\r\n\r\n '&-title': {\r\n '@apply flex justify-start items-center': {},\r\n '@apply gap-12 pr-16': {},\r\n },\r\n '&-heading': {\r\n '@apply flex flex-col gap-0': {},\r\n '&-name': {\r\n '@apply text-label-medium': {},\r\n },\r\n '&-subtitle': {\r\n '@apply text-small text-inverted-dark-secondary': {},\r\n },\r\n },\r\n\r\n '&-menu': {\r\n '@apply flex justify-center items-center': {},\r\n '@apply gap-12': {},\r\n },\r\n\r\n '&[data-variant=\"alt\"]': {\r\n '@apply pt-0 px-24': {},\r\n '@apply bg-transparent': {},\r\n '.sk-avatar': {\r\n '@apply w-56 h-56': {},\r\n },\r\n '.sk-ai-module-header-heading-name': {\r\n '@apply text-label-large text-dark-primary': {},\r\n },\r\n '.sk-ai-module-header-heading-subtitle': {\r\n '@apply text-small text-dark-secondary': {},\r\n },\r\n },\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-surface-primary`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n '&[data-fullscreen=\"true\"]': {\r\n '@apply bg-background-content': {},\r\n '@apply text-dark-primary': {},\r\n '@apply px-20 pt-20 pb-12': {},\r\n },\r\n },\r\n '&-sessions': {\r\n '@apply px-20': {},\r\n '&-history': {\r\n '@apply flex flex-col p-8 gap-16': {},\r\n '&-list': {\r\n '@apply flex flex-col p-0 gap-8': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"ai-module.js","names":["AIModule","exports","colors","_extends","reduce","styles","color","_ref","_extends2"],"sources":["../../../../src/components/ai/ai-module.ts"],"sourcesContent":["export const AIModule = (colors: string[]) => ({\r\n '.sk-ai-module': {\r\n '@apply fixed': {},\r\n '@apply z-50': {},\r\n '@apply overflow-hidden': {},\r\n '@apply flex flex-col gap-0 items-center justify-start': {},\r\n '@apply shadow-200': {},\r\n '@apply transition-all': {},\r\n '@apply duration-300': {},\r\n '@apply bottom-0 right-0': {},\r\n\r\n '&-content': {\r\n '@apply flex w-full gap-0 h-full justify-between': {},\r\n '@apply overflow-hidden': {},\r\n '&-row': {\r\n '@apply flex flex-col': {},\r\n '@apply bg-background-content': {},\r\n },\r\n '&-main': {\r\n '@apply grow shrink max-h-full max-w-full items-center': {},\r\n },\r\n },\r\n\r\n '&-sidebar': {\r\n '@apply flex flex-col': {},\r\n '@apply min-w-[22em]': {},\r\n '@apply h-full': {},\r\n '@apply overflow-hidden': {},\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply pt-20 px-0 gap-16': {},\r\n '&-sessions': {\r\n '@apply flex flex-col': {},\r\n '@apply grow w-full': {},\r\n '@apply overflow-y-auto': {},\r\n '@apply px-24 pb-20 gap-16': {},\r\n },\r\n },\r\n '&-feed': {\r\n '@apply flex flex-col grow': {},\r\n '@apply px-16 pt-16 pb-24 gap-16': {},\r\n '@apply w-full': {},\r\n '@apply max-h-full overflow-y-auto': {},\r\n '@apply max-w-full overflow-x-hidden': {},\r\n '&-questions': {\r\n '@apply flex flex-col gap-8 w-full': {},\r\n '&-title': {\r\n '@apply text-label-medium text-dark-primary': {},\r\n },\r\n '&-wrapper': {\r\n '@apply flex flex-col gap-16 w-full': {},\r\n },\r\n },\r\n },\r\n '.sk-ai-inputsection': {\r\n '@apply shrink-0': {},\r\n },\r\n '&[data-fullscreen=\"false\"]': {\r\n '@apply rounded-tl-groups': {},\r\n '@apply max-w-[26em]': {},\r\n '@apply w-[26em]': {},\r\n '@apply max-h-[44em]': {},\r\n '&[data-docked=\"false\"]': {\r\n '@apply h-[44em]': {},\r\n },\r\n },\r\n\r\n '.sk-ai-feed': {\r\n '@apply w-full': {},\r\n },\r\n '&[data-fullscreen=\"true\"]': {\r\n '@apply w-full': {},\r\n '.sk-ai-module-feed': {\r\n '@apply gap-40 grow w-full items-center': {},\r\n '.sk-ai-feed': {\r\n '@apply text-base max-w-[50em]': {},\r\n },\r\n '&-questions': {\r\n '@apply flex-row gap-16': {},\r\n '&-wrapper': {\r\n '@apply text-base max-w-[50em]': {},\r\n },\r\n },\r\n },\r\n '.sk-ai-inputsection': {\r\n '@apply text-base max-w-[50em]': {},\r\n '@apply pt-20 pb-32': {},\r\n },\r\n },\r\n '&[data-docked=\"true\"]': {\r\n '@apply h-64 w-[19em]': {},\r\n },\r\n '&-header': {\r\n '@apply flex items-center justify-between': {},\r\n '@apply w-full': {},\r\n '@apply shrink-0': {},\r\n '@apply px-14 py-16': {},\r\n '@apply transition-all': {},\r\n '@apply bg-inverted-background-content': {},\r\n '@apply text-inverted-dark-primary': {},\r\n\r\n '&[data-docked=\"true\"]': {\r\n '@apply px-12 pt-10 pb-12': {},\r\n '@apply cursor-pointer': {},\r\n },\r\n\r\n '&-title': {\r\n '@apply flex justify-start items-center': {},\r\n '@apply gap-12 pr-16': {},\r\n },\r\n '&-heading': {\r\n '@apply flex flex-col gap-0': {},\r\n '&-name': {\r\n '@apply text-label-medium': {},\r\n },\r\n '&-subtitle': {\r\n '@apply text-small text-inverted-dark-secondary': {},\r\n },\r\n },\r\n\r\n '&-menu': {\r\n '@apply flex justify-center items-center': {},\r\n '@apply gap-12': {},\r\n },\r\n\r\n '&[data-variant=\"alt\"]': {\r\n '@apply pt-0 px-24': {},\r\n '@apply bg-transparent': {},\r\n '.sk-avatar': {\r\n '@apply w-56 h-56': {},\r\n },\r\n '.sk-ai-module-header-heading-name': {\r\n '@apply text-label-large text-dark-primary': {},\r\n },\r\n '.sk-ai-module-header-heading-subtitle': {\r\n '@apply text-small text-dark-secondary': {},\r\n },\r\n },\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-surface-primary`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n '&[data-fullscreen=\"true\"]': {\r\n '@apply bg-background-content': {},\r\n '@apply text-dark-primary': {},\r\n '@apply px-20 pt-20 pb-12': {},\r\n },\r\n },\r\n '&-sessions': {\r\n '@apply px-20': {},\r\n '&-history': {\r\n '@apply flex flex-col p-8 gap-16': {},\r\n '&-list': {\r\n '@apply flex flex-col p-0 gap-8': {},\r\n },\r\n },\r\n },\r\n '.sk-avatar': {\r\n '@apply transition-all duration-500': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
package/dist/cjs/components/ai/bubble.js CHANGED
@@ -8,6 +8,7 @@ var Bubble = exports.Bubble = function Bubble(colors) {
8
8
  '.sk-ai-bubble': _extends({
9
9
  '@apply inline-flex text-left items-center justify-start': {},
10
10
  '@apply w-fit': {},
11
+ '@apply focus-visible:ring ring-ring': {},
11
12
  '@apply relative': {},
12
13
  '@apply rounded-t-button rounded-br-button': {},
13
14
  '@apply pt-10 pr-12 pb-10 pl-14': {},
package/dist/cjs/components/ai/bubble.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"bubble.js","names":["Bubble","exports","colors","_extends","reduce","styles","color","_skAiBubbleTail","_skAiBubbleTail2","_ref","_extends2"],"sources":["../../../../src/components/ai/bubble.ts"],"sourcesContent":["export const Bubble = (colors: string[]) => ({\r\n '.sk-ai-bubble': {\r\n '@apply inline-flex text-left items-center justify-start': {},\r\n '@apply w-fit': {},\r\n '@apply relative': {},\r\n '@apply rounded-t-button rounded-br-button': {},\r\n '@apply pt-10 pr-12 pb-10 pl-14': {},\r\n '@apply gap-16': {},\r\n '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},\r\n '@apply text-small': {},\r\n '@apply text-dark-secondary': {},\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-surface-accent hover:bg-${color}-surface-accent-hover`]: {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-accent`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-accent-hover`]: {},\r\n },\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n '&-tail': {\r\n '@apply text-base': {},\r\n '@apply absolute left-0 bottom-[-1.25em]': {},\r\n '@apply w-32 h-32': {},\r\n '@apply rounded-tl-16 rounded-bl-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},\r\n '@apply scale-y-[25%]': {},\r\n '&:before': {\r\n '@apply content-[\"\"]': {},\r\n '@apply absolute left-0 bottom-[-0.15625em]': {},\r\n '@apply w-32 h-32': {},\r\n '@apply rounded-tl-16 rounded-bl-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply shadow-[0_-0.15625em_0_0_rgb(0,0,0,0.2)]': {},\r\n 'clip-path': 'polygon(0 0, 0 1em, 0.25em 1em, 0.59375em 0)',\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAIE,MAAgB;EAAA,OAAM;IAC3C,eAAe,EAAAC,QAAA;MACb,yDAAyD,EAAE,CAAC,CAAC;MAC7D,cAAc,EAAE,CAAC,CAAC;MAClB,iBAAiB,EAAE,CAAC,CAAC;MACrB,2CAA2C,EAAE,CAAC,CAAC;MAC/C,gCAAgC,EAAE,CAAC,CAAC;MACpC,eAAe,EAAE,CAAC,CAAC;MACnB,2CAA2C,EAAE,CAAC,CAAC;MAC/C,mBAAmB,EAAE,CAAC,CAAC;MACvB,4BAA4B,EAAE,CAAC;IAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAP,QAAA,KACTE,MAAM,GAAAK,SAAA,OAAAA,SAAA,qBAESJ,KAAK,aAAAG,IAAA,OAAAA,IAAA,gBACPH,KAAK,iCAA4BA,KAAK,8BAA0B,CAAC,CAAC,EAAAG,IAAA,CAChF,oBAAoB,KAAAF,eAAA,OAAAA,eAAA,oBACAD,KAAK,wBAAoB,CAAC,CAAC,EAAAC,eAAA,GAAAE,IAAA,CAE/C,SAAS,IAAE;QACT,oBAAoB,GAAAD,gBAAA,OAAAA,gBAAA,oBACAF,KAAK,8BAA0B,CAAC,CAAC,EAAAE,gBAAA;MAEvD,CAAC,EAAAC,IAAA,GAAAC,SAAA;IAAA,CAEH,EACF,CAAC,CACH,CAAC;MACD,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC,CAAC;QACtB,yCAAyC,EAAE,CAAC,CAAC;QAC7C,kBAAkB,EAAE,CAAC,CAAC;QACtB,mCAAmC,EAAE,CAAC,CAAC;QACvC,uBAAuB,EAAE,CAAC,CAAC;QAC3B,mDAAmD,EAAE,CAAC,CAAC;QACvD,sBAAsB,EAAE,CAAC,CAAC;QAC1B,UAAU,EAAE;UACV,qBAAqB,EAAE,CAAC,CAAC;UACzB,4CAA4C,EAAE,CAAC,CAAC;UAChD,kBAAkB,EAAE,CAAC,CAAC;UACtB,mCAAmC,EAAE,CAAC,CAAC;UACvC,uBAAuB,EAAE,CAAC,CAAC;UAC3B,iDAAiD,EAAE,CAAC,CAAC;UACrD,WAAW,EAAE;QACf;MACF;IAAC;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"bubble.js","names":["Bubble","exports","colors","_extends","reduce","styles","color","_skAiBubbleTail","_skAiBubbleTail2","_ref","_extends2"],"sources":["../../../../src/components/ai/bubble.ts"],"sourcesContent":["export const Bubble = (colors: string[]) => ({\r\n '.sk-ai-bubble': {\r\n '@apply inline-flex text-left items-center justify-start': {},\r\n '@apply w-fit': {},\r\n '@apply focus-visible:ring ring-ring': {},\r\n '@apply relative': {},\r\n '@apply rounded-t-button rounded-br-button': {},\r\n '@apply pt-10 pr-12 pb-10 pl-14': {},\r\n '@apply gap-16': {},\r\n '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},\r\n '@apply text-small': {},\r\n '@apply text-dark-secondary': {},\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-surface-accent hover:bg-${color}-surface-accent-hover`]: {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-accent`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-accent-hover`]: {},\r\n },\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n '&-tail': {\r\n '@apply text-base': {},\r\n '@apply absolute left-0 bottom-[-1.25em]': {},\r\n '@apply w-32 h-32': {},\r\n '@apply rounded-tl-16 rounded-bl-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},\r\n '@apply scale-y-[25%]': {},\r\n '&:before': {\r\n '@apply content-[\"\"]': {},\r\n '@apply absolute left-0 bottom-[-0.15625em]': {},\r\n '@apply w-32 h-32': {},\r\n '@apply rounded-tl-16 rounded-bl-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply shadow-[0_-0.15625em_0_0_rgb(0,0,0,0.2)]': {},\r\n 'clip-path': 'polygon(0 0, 0 1em, 0.25em 1em, 0.59375em 0)',\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";;;;;AAAO,IAAMA,MAAM,GAAAC,OAAA,CAAAD,MAAA,GAAG,SAATA,MAAMA,CAAIE,MAAgB;EAAA,OAAM;IAC3C,eAAe,EAAAC,QAAA;MACb,yDAAyD,EAAE,CAAC,CAAC;MAC7D,cAAc,EAAE,CAAC,CAAC;MAClB,qCAAqC,EAAE,CAAC,CAAC;MACzC,iBAAiB,EAAE,CAAC,CAAC;MACrB,2CAA2C,EAAE,CAAC,CAAC;MAC/C,gCAAgC,EAAE,CAAC,CAAC;MACpC,eAAe,EAAE,CAAC,CAAC;MACnB,2CAA2C,EAAE,CAAC,CAAC;MAC/C,mBAAmB,EAAE,CAAC,CAAC;MACvB,4BAA4B,EAAE,CAAC;IAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,UAACC,MAAM,EAAEC,KAAK;MAAA,IAAAC,eAAA,EAAAC,gBAAA,EAAAC,IAAA,EAAAC,SAAA;MAAA,OAAAP,QAAA,KACTE,MAAM,GAAAK,SAAA,OAAAA,SAAA,qBAESJ,KAAK,aAAAG,IAAA,OAAAA,IAAA,gBACPH,KAAK,iCAA4BA,KAAK,8BAA0B,CAAC,CAAC,EAAAG,IAAA,CAChF,oBAAoB,KAAAF,eAAA,OAAAA,eAAA,oBACAD,KAAK,wBAAoB,CAAC,CAAC,EAAAC,eAAA,GAAAE,IAAA,CAE/C,SAAS,IAAE;QACT,oBAAoB,GAAAD,gBAAA,OAAAA,gBAAA,oBACAF,KAAK,8BAA0B,CAAC,CAAC,EAAAE,gBAAA;MAEvD,CAAC,EAAAC,IAAA,GAAAC,SAAA;IAAA,CAEH,EACF,CAAC,CACH,CAAC;MACD,QAAQ,EAAE;QACR,kBAAkB,EAAE,CAAC,CAAC;QACtB,yCAAyC,EAAE,CAAC,CAAC;QAC7C,kBAAkB,EAAE,CAAC,CAAC;QACtB,mCAAmC,EAAE,CAAC,CAAC;QACvC,uBAAuB,EAAE,CAAC,CAAC;QAC3B,mDAAmD,EAAE,CAAC,CAAC;QACvD,sBAAsB,EAAE,CAAC,CAAC;QAC1B,UAAU,EAAE;UACV,qBAAqB,EAAE,CAAC,CAAC;UACzB,4CAA4C,EAAE,CAAC,CAAC;UAChD,kBAAkB,EAAE,CAAC,CAAC;UACtB,mCAAmC,EAAE,CAAC,CAAC;UACvC,uBAAuB,EAAE,CAAC,CAAC;UAC3B,iDAAiD,EAAE,CAAC,CAAC;UACrD,WAAW,EAAE;QACf;MACF;IAAC;EAEL,CAAC;AAAA,CAAC","ignoreList":[]}
package/dist/cjs/components/ai/markdown-rendered.js CHANGED
@@ -7,7 +7,7 @@ var MarkdownRendered = exports.MarkdownRendered = function MarkdownRendered() {
7
7
  '.sk-ai-markdown': {
8
8
  '@apply flex flex-col gap-32': {},
9
9
  '&-p': {
10
- '@apply mb-0 my-0': {}
10
+ '@apply mb-0 my-0 break-words': {}
11
11
  },
12
12
  '&-a': {
13
13
  '@apply my-8': {}
package/dist/cjs/components/ai/markdown-rendered.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"markdown-rendered.js","names":["MarkdownRendered","exports"],"sources":["../../../../src/components/ai/markdown-rendered.ts"],"sourcesContent":["export const MarkdownRendered = () => ({\r\n '.sk-ai-markdown': {\r\n '@apply flex flex-col gap-32': {},\r\n '&-p': {\r\n '@apply mb-0 my-0': {},\r\n },\r\n '&-a': {\r\n '@apply my-8': {},\r\n },\r\n '&-ol': {\r\n '@apply list-decimal ml-24 my-0': {},\r\n },\r\n '&-ul': {\r\n '@apply list-disc ml-24 my-0': {},\r\n },\r\n '&-li': {\r\n '@apply my-16': {},\r\n },\r\n },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,OAAU;IACrC,iBAAiB,EAAE;MACjB,6BAA6B,EAAE,CAAC,CAAC;MACjC,KAAK,EAAE;QACL,kBAAkB,EAAE,CAAC;MACvB,CAAC;MACD,KAAK,EAAE;QACL,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,MAAM,EAAE;QACN,gCAAgC,EAAE,CAAC;MACrC,CAAC;MACD,MAAM,EAAE;QACN,6BAA6B,EAAE,CAAC;MAClC,CAAC;MACD,MAAM,EAAE;QACN,cAAc,EAAE,CAAC;MACnB;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"markdown-rendered.js","names":["MarkdownRendered","exports"],"sources":["../../../../src/components/ai/markdown-rendered.ts"],"sourcesContent":["export const MarkdownRendered = () => ({\r\n '.sk-ai-markdown': {\r\n '@apply flex flex-col gap-32': {},\r\n '&-p': {\r\n '@apply mb-0 my-0 break-words': {},\r\n },\r\n '&-a': {\r\n '@apply my-8': {},\r\n },\r\n '&-ol': {\r\n '@apply list-decimal ml-24 my-0': {},\r\n },\r\n '&-ul': {\r\n '@apply list-disc ml-24 my-0': {},\r\n },\r\n '&-li': {\r\n '@apply my-16': {},\r\n },\r\n },\r\n});\r\n"],"mappings":";;;;AAAO,IAAMA,gBAAgB,GAAAC,OAAA,CAAAD,gBAAA,GAAG,SAAnBA,gBAAgBA,CAAA;EAAA,OAAU;IACrC,iBAAiB,EAAE;MACjB,6BAA6B,EAAE,CAAC,CAAC;MACjC,KAAK,EAAE;QACL,8BAA8B,EAAE,CAAC;MACnC,CAAC;MACD,KAAK,EAAE;QACL,aAAa,EAAE,CAAC;MAClB,CAAC;MACD,MAAM,EAAE;QACN,gCAAgC,EAAE,CAAC;MACrC,CAAC;MACD,MAAM,EAAE;QACN,6BAA6B,EAAE,CAAC;MAClC,CAAC;MACD,MAAM,EAAE;QACN,cAAc,EAAE,CAAC;MACnB;IACF;EACF,CAAC;AAAA,CAAC","ignoreList":[]}
package/dist/cjs/components/button.js CHANGED
@@ -173,10 +173,7 @@ var Button = exports.Button = function Button(colors) {
173
173
  // State
174
174
  '&-disabled, &[aria-disabled="true"]': {
175
175
  '@apply shadow-none disabled:shadow-none disabled:cursor-default cursor-default': {},
176
- '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important': {},
177
- '&[data-inverted="true"]': {
178
- '@apply disabled:text-inverted-dark-disabled text-inverted-dark-disabled disabled:bg-inverted-primary-surface-disabled bg-inverted-primary-surface-disabled disabled:border-transparent border-transparent !important': {}
179
- }
176
+ '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important': {}
180
177
  }
181
178
  }, buttonPrimary(colors), buttonSecondary(), buttonTertiary(), buttonGhost(), buttonLink(colors), {
182
179
  '&[data-background="false"]:not(:hover)': {
package/dist/cjs/components/button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","names":["buttonPrimary","colors","_dataInvertedTru2","_dataColorPrimar","_extends","reduce","styles","color","_active","_active2","_dataInvertedTru","_ref","_extends2","buttonSecondary","buttonTertiary","buttonGhost","buttonLink","_ref2","_extends3","Button","exports","transitionProperty"],"sources":["../../../src/components/button.ts"],"sourcesContent":["function buttonPrimary(colors: string[]) {\r\n return {\r\n '&-primary': {\r\n '@apply text-light-primary': {},\r\n /* hover */\r\n '@apply hover:bg-primary-surface-hover': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-surface-primary text-${color}-text-secondary`]: {},\r\n // hover\r\n [`@apply hover:bg-${color}-surface-primary-hover hover:text-light-primary`]: {},\r\n // keyboard active\r\n '&.active': {\r\n [`@apply bg-${color}-surface-primary-hover`]: {},\r\n },\r\n [`@apply active:bg-${color}-surface-primary-hover`]: {},\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-light-primary': {},\r\n [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n // hover\r\n [`@apply hover:bg-inverted-${color}-surface-primary-hover hover:text-inverted-light-primary`]: {},\r\n // keyboard active\r\n '&.active': {\r\n [`@apply bg-inverted-${color}-surface-primary-hover`]: {},\r\n },\r\n [`@apply active:bg-inverted-${color}-surface-primary-hover`]: {},\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n \"&[data-color='primary']\": {\r\n '@apply bg-primary-surface': {},\r\n '@apply hover:bg-primary-surface-hover': {},\r\n '&.active': {\r\n '@apply bg-primary-surface-hover': {},\r\n },\r\n [`@apply active:bg-primary-surface-hover`]: {},\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-light-primary': {},\r\n '@apply bg-inverted-primary-surface': {},\r\n '@apply hover:bg-inverted-primary-surface-hover': {},\r\n '&.active': {\r\n '@apply bg-inverted-primary-surface-hover': {},\r\n },\r\n [`@apply active:bg-inverted-primary-surface-hover`]: {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\nfunction buttonSecondary() {\r\n return {\r\n '&-secondary': {\r\n '@apply border-secondary-outline': {},\r\n '@apply text-dark-secondary': {},\r\n '@apply bg-secondary-surface': {},\r\n /* hover */\r\n '@apply hover:border-secondary-outline-hover': {},\r\n '@apply hover:bg-secondary-surface-hover': {},\r\n /* focus */\r\n '@apply focus-visible:border-background-content': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-secondary-surface-disabled bg-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply border-inverted-secondary-outline': {},\r\n '@apply text-inverted-dark-secondary': {},\r\n '@apply bg-inverted-secondary-surface': {},\r\n /* hover */\r\n '@apply hover:border-inverted-secondary-outline-hover': {},\r\n '@apply hover:bg-inverted-secondary-surface-hover': {},\r\n /* focus */\r\n '@apply focus-visible:border-inverted-background-content': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-inverted-secondary-surface-disabled bg-inverted-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction buttonTertiary() {\r\n return {\r\n '&-tertiary': {\r\n '@apply text-dark-secondary': {},\r\n '@apply bg-tertiary-surface': {},\r\n /* hover */\r\n '@apply hover:bg-tertiary-surface-hover': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-tertiary-surface-disabled bg-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-secondary': {},\r\n '@apply bg-inverted-tertiary-surface': {},\r\n /* hover */\r\n '@apply hover:bg-inverted-tertiary-surface-hover': {},\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-inverted-tertiary-surface-disabled bg-inverted-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\nfunction buttonGhost() {\r\n return {\r\n '&-ghost': {\r\n '@apply text-dark-secondary': {},\r\n '@apply bg-transparent': {},\r\n '@apply border-transparent': {},\r\n /* hover */\r\n '@apply hover:bg-transparent': {},\r\n '@apply hover:border-transparent': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-transparent bg-transparent disabled:border-transparent border-transparent !important': {},\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-secondary': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction buttonLink(colors: string[]) {\r\n return {\r\n '&-link': {\r\n '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n '&.active': {\r\n '@apply underline': {},\r\n },\r\n // dark colors\r\n '@apply dark:text-neutral-200': {},\r\n '@apply dark:active:text-neutral-500': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply text-${color}-text active:text-${color}-text`]: {},\r\n // dark colors\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n };\r\n}\r\n\r\nexport const Button = (colors: string[]) => ({\r\n '.sk-btn': {\r\n '@apply box-border': {},\r\n '@apply border-2 border-transparent': {},\r\n '@apply cursor-pointer': {},\r\n '@apply relative': {},\r\n '@apply m-0': {},\r\n '@apply px-24 py-8 gap-8': {},\r\n '@apply inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n '@apply rounded-button': {},\r\n transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n '@apply\tduration-75 ease-out': {},\r\n '@apply outline-none appearance-none select-none whitespace-nowrap': {},\r\n '@apply focus-visible:outline-none': {},\r\n '@apply focus-visible:ring': {},\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-circular': {},\r\n },\r\n\r\n // sizing\r\n '&-sm': {\r\n '@apply text-label-small': {},\r\n '@apply px-14 py-8 gap-6': {},\r\n '@apply max-h-32 h-32': {},\r\n '@apply rounded-button-sm': {},\r\n 'svg, .sk-icon': {\r\n '@apply h-16 w-16': {},\r\n },\r\n },\r\n\r\n '&-md': {\r\n '@apply text-label-medium': {},\r\n '@apply px-18 py-8 gap-8': {},\r\n '@apply max-h-40 h-40': {},\r\n '@apply rounded-button-md': {},\r\n 'svg, .sk-icon': {\r\n '@apply h-18 w-18': {},\r\n },\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-label-large': {},\r\n '@apply px-24 py-8 gap-8': {},\r\n '@apply max-h-48 h-48': {},\r\n '@apply rounded-button-lg': {},\r\n 'svg, .sk-icon': {\r\n '@apply h-20 w-20': {},\r\n },\r\n },\r\n\r\n // State\r\n '&-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply shadow-none disabled:shadow-none disabled:cursor-default cursor-default': {},\r\n '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n '&[data-inverted=\"true\"]': {\r\n '@apply disabled:text-inverted-dark-disabled text-inverted-dark-disabled disabled:bg-inverted-primary-surface-disabled bg-inverted-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n },\r\n\r\n // variants\r\n ...buttonPrimary(colors),\r\n ...buttonSecondary(),\r\n ...buttonTertiary(),\r\n ...buttonGhost(),\r\n ...buttonLink(colors),\r\n\r\n '&[data-background=\"false\"]:not(:hover)': {\r\n '@apply bg-transparent': {},\r\n },\r\n '.btn-has-icon': {\r\n '&-left': {\r\n '@apply h-full flex items-center justify-center -ml-2': {},\r\n '.sk-icon': {\r\n '@apply bg-transparent': {},\r\n color: 'currentColor',\r\n },\r\n },\r\n '&-right': {\r\n '@apply h-full flex items-center justify-center -mr-2': {},\r\n '.sk-icon': {\r\n '@apply bg-transparent': {},\r\n color: 'currentColor',\r\n },\r\n },\r\n },\r\n '&-lg .btn-has-icon-left': {\r\n '@apply -ml-4': {},\r\n },\r\n '&-lg .btn-has-icon-right': {\r\n '@apply -mr-4': {},\r\n },\r\n '&[data-icon=true]': {\r\n '@apply p-0': {},\r\n\r\n '.sk-icon': {\r\n '@apply bg-transparent': {},\r\n color: 'currentColor',\r\n },\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-full': {},\r\n },\r\n\r\n '&.sk-btn-sm': {\r\n '@apply w-32 min-w-32 max-w-32': {},\r\n 'svg, .sk-icon': {\r\n '@apply h-20 w-20': {},\r\n },\r\n },\r\n\r\n '&.sk-btn-md': {\r\n '@apply w-40 min-w-40 max-w-40': {},\r\n\r\n 'svg, .sk-icon': {\r\n '@apply h-20 w-20': {},\r\n },\r\n },\r\n\r\n '&.sk-btn-lg': {\r\n '@apply w-48 min-w-48 max-w-48': {},\r\n\r\n 'svg, .sk-icon': {\r\n '@apply h-24 w-24': {},\r\n },\r\n },\r\n '.btn-has-icon': {\r\n '&-left': {\r\n '@apply m-0': {},\r\n },\r\n '&-right': {\r\n '@apply m-0': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"button.js","names":["buttonPrimary","colors","_dataInvertedTru2","_dataColorPrimar","_extends","reduce","styles","color","_active","_active2","_dataInvertedTru","_ref","_extends2","buttonSecondary","buttonTertiary","buttonGhost","buttonLink","_ref2","_extends3","Button","exports","transitionProperty"],"sources":["../../../src/components/button.ts"],"sourcesContent":["function buttonPrimary(colors: string[]) {\r\n return {\r\n '&-primary': {\r\n '@apply text-light-primary': {},\r\n /* hover */\r\n '@apply hover:bg-primary-surface-hover': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-surface-primary text-${color}-text-secondary`]: {},\r\n // hover\r\n [`@apply hover:bg-${color}-surface-primary-hover hover:text-light-primary`]: {},\r\n // keyboard active\r\n '&.active': {\r\n [`@apply bg-${color}-surface-primary-hover`]: {},\r\n },\r\n [`@apply active:bg-${color}-surface-primary-hover`]: {},\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-light-primary': {},\r\n [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n // hover\r\n [`@apply hover:bg-inverted-${color}-surface-primary-hover hover:text-inverted-light-primary`]: {},\r\n // keyboard active\r\n '&.active': {\r\n [`@apply bg-inverted-${color}-surface-primary-hover`]: {},\r\n },\r\n [`@apply active:bg-inverted-${color}-surface-primary-hover`]: {},\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n \"&[data-color='primary']\": {\r\n '@apply bg-primary-surface': {},\r\n '@apply hover:bg-primary-surface-hover': {},\r\n '&.active': {\r\n '@apply bg-primary-surface-hover': {},\r\n },\r\n [`@apply active:bg-primary-surface-hover`]: {},\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-light-primary': {},\r\n '@apply bg-inverted-primary-surface': {},\r\n '@apply hover:bg-inverted-primary-surface-hover': {},\r\n '&.active': {\r\n '@apply bg-inverted-primary-surface-hover': {},\r\n },\r\n [`@apply active:bg-inverted-primary-surface-hover`]: {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\nfunction buttonSecondary() {\r\n return {\r\n '&-secondary': {\r\n '@apply border-secondary-outline': {},\r\n '@apply text-dark-secondary': {},\r\n '@apply bg-secondary-surface': {},\r\n /* hover */\r\n '@apply hover:border-secondary-outline-hover': {},\r\n '@apply hover:bg-secondary-surface-hover': {},\r\n /* focus */\r\n '@apply focus-visible:border-background-content': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-secondary-surface-disabled bg-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply border-inverted-secondary-outline': {},\r\n '@apply text-inverted-dark-secondary': {},\r\n '@apply bg-inverted-secondary-surface': {},\r\n /* hover */\r\n '@apply hover:border-inverted-secondary-outline-hover': {},\r\n '@apply hover:bg-inverted-secondary-surface-hover': {},\r\n /* focus */\r\n '@apply focus-visible:border-inverted-background-content': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-inverted-secondary-surface-disabled bg-inverted-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction buttonTertiary() {\r\n return {\r\n '&-tertiary': {\r\n '@apply text-dark-secondary': {},\r\n '@apply bg-tertiary-surface': {},\r\n /* hover */\r\n '@apply hover:bg-tertiary-surface-hover': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-tertiary-surface-disabled bg-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-secondary': {},\r\n '@apply bg-inverted-tertiary-surface': {},\r\n /* hover */\r\n '@apply hover:bg-inverted-tertiary-surface-hover': {},\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-inverted-tertiary-surface-disabled bg-inverted-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\nfunction buttonGhost() {\r\n return {\r\n '&-ghost': {\r\n '@apply text-dark-secondary': {},\r\n '@apply bg-transparent': {},\r\n '@apply border-transparent': {},\r\n /* hover */\r\n '@apply hover:bg-transparent': {},\r\n '@apply hover:border-transparent': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-transparent bg-transparent disabled:border-transparent border-transparent !important': {},\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-secondary': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction buttonLink(colors: string[]) {\r\n return {\r\n '&-link': {\r\n '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n '&.active': {\r\n '@apply underline': {},\r\n },\r\n // dark colors\r\n '@apply dark:text-neutral-200': {},\r\n '@apply dark:active:text-neutral-500': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply text-${color}-text active:text-${color}-text`]: {},\r\n // dark colors\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n };\r\n}\r\n\r\nexport const Button = (colors: string[]) => ({\r\n '.sk-btn': {\r\n '@apply box-border': {},\r\n '@apply border-2 border-transparent': {},\r\n '@apply cursor-pointer': {},\r\n '@apply relative': {},\r\n '@apply m-0': {},\r\n '@apply px-24 py-8 gap-8': {},\r\n '@apply inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n '@apply rounded-button': {},\r\n transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n '@apply\tduration-75 ease-out': {},\r\n '@apply outline-none appearance-none select-none whitespace-nowrap': {},\r\n '@apply focus-visible:outline-none': {},\r\n '@apply focus-visible:ring': {},\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-circular': {},\r\n },\r\n\r\n // sizing\r\n '&-sm': {\r\n '@apply text-label-small': {},\r\n '@apply px-14 py-8 gap-6': {},\r\n '@apply max-h-32 h-32': {},\r\n '@apply rounded-button-sm': {},\r\n 'svg, .sk-icon': {\r\n '@apply h-16 w-16': {},\r\n },\r\n },\r\n\r\n '&-md': {\r\n '@apply text-label-medium': {},\r\n '@apply px-18 py-8 gap-8': {},\r\n '@apply max-h-40 h-40': {},\r\n '@apply rounded-button-md': {},\r\n 'svg, .sk-icon': {\r\n '@apply h-18 w-18': {},\r\n },\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-label-large': {},\r\n '@apply px-24 py-8 gap-8': {},\r\n '@apply max-h-48 h-48': {},\r\n '@apply rounded-button-lg': {},\r\n 'svg, .sk-icon': {\r\n '@apply h-20 w-20': {},\r\n },\r\n },\r\n\r\n // State\r\n '&-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply shadow-none disabled:shadow-none disabled:cursor-default cursor-default': {},\r\n '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n\r\n // variants\r\n ...buttonPrimary(colors),\r\n ...buttonSecondary(),\r\n ...buttonTertiary(),\r\n ...buttonGhost(),\r\n ...buttonLink(colors),\r\n\r\n '&[data-background=\"false\"]:not(:hover)': {\r\n '@apply bg-transparent': {},\r\n },\r\n '.btn-has-icon': {\r\n '&-left': {\r\n '@apply h-full flex items-center justify-center -ml-2': {},\r\n '.sk-icon': {\r\n '@apply bg-transparent': {},\r\n color: 'currentColor',\r\n },\r\n },\r\n '&-right': {\r\n '@apply h-full flex items-center justify-center -mr-2': {},\r\n '.sk-icon': {\r\n '@apply bg-transparent': {},\r\n color: 'currentColor',\r\n },\r\n },\r\n },\r\n '&-lg .btn-has-icon-left': {\r\n '@apply -ml-4': {},\r\n },\r\n '&-lg .btn-has-icon-right': {\r\n '@apply -mr-4': {},\r\n },\r\n '&[data-icon=true]': {\r\n '@apply p-0': {},\r\n\r\n '.sk-icon': {\r\n '@apply bg-transparent': {},\r\n color: 'currentColor',\r\n },\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-full': {},\r\n },\r\n\r\n '&.sk-btn-sm': {\r\n '@apply w-32 min-w-32 max-w-32': {},\r\n 'svg, .sk-icon': {\r\n '@apply h-20 w-20': {},\r\n },\r\n },\r\n\r\n '&.sk-btn-md': {\r\n '@apply w-40 min-w-40 max-w-40': {},\r\n\r\n 'svg, .sk-icon': {\r\n '@apply h-20 w-20': {},\r\n },\r\n },\r\n\r\n '&.sk-btn-lg': {\r\n '@apply w-48 min-w-48 max-w-48': {},\r\n\r\n 'svg, .sk-icon': {\r\n '@apply h-24 w-24': {},\r\n },\r\n },\r\n '.btn-has-icon': {\r\n '&-left': {\r\n '@apply m-0': {},\r\n },\r\n '&-right': {\r\n '@apply m-0': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
package/dist/cjs/components/table-autotable.js CHANGED
@@ -25,7 +25,7 @@ var TableAutoTable = exports.TableAutoTable = function TableAutoTable() {
25
25
  '@apply overflow-auto': {}
26
26
  }
27
27
  },
28
- '&:not([data-background="true"])': {
28
+ '&:not([data-background="true"]):not([data-wrappingborder="true"])': {
29
29
  '@apply border-0': {},
30
30
  '@apply bg-transparent': {}
31
31
  },
package/dist/cjs/components/table-autotable.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"table-autotable.js","names":["TableAutoTable","exports","svg","td","th"],"sources":["../../../src/components/table-autotable.ts"],"sourcesContent":["export const TableAutoTable = () => ({\r\n '.sk-table-wrapper': {\r\n '@apply text-base': {},\r\n '@apply rounded-groups': {},\r\n '@apply border-1 border-divider': {},\r\n '@apply bg-background-content': {},\r\n '@apply relative': {},\r\n\r\n '&-inside': {\r\n '@apply border-0 rounded-t-groups': {},\r\n '@apply overflow-hidden': {},\r\n '@apply w-full': {},\r\n '@apply h-full max-h-full': {},\r\n '&[data-scroll=\"x\"]': {\r\n '@apply overflow-x-auto': {},\r\n },\r\n '&[data-scroll=\"y\"]': {\r\n '@apply overflow-y-auto': {},\r\n },\r\n '&[data-scroll=\"true\"]': {\r\n '@apply overflow-auto': {},\r\n },\r\n },\r\n '&:not([data-background=\"true\"])': {\r\n '@apply border-0': {},\r\n '@apply bg-transparent': {},\r\n },\r\n '.sk-table-wrapper-inside': {\r\n '@apply border-0 rounded-b-groups': {},\r\n },\r\n },\r\n '.sk-table': {\r\n '@apply w-full text-left table-auto': {},\r\n '@apply text-dark-secondary': {},\r\n\r\n '&-thead': {\r\n '@apply border-b-1 border-dark-primary': {},\r\n '&[data-stickyheader=\"true\"]': {\r\n '@apply sticky top-0': {},\r\n '@apply bg-background-content': {},\r\n '@apply border-b-0': {},\r\n '.sk-table-col-content': {\r\n '@apply border-b-1 border-dark-primary': {},\r\n },\r\n },\r\n\r\n '&-tr': {\r\n '@apply table-row': {},\r\n '@apply text-label-small': {},\r\n },\r\n\r\n '.sk-table-th': {\r\n '@apply h-56': {},\r\n '@apply p-0': {},\r\n '&:first-of-type': {\r\n '.sk-table-sticky-col': {\r\n '@apply rounded-tl-groups': {},\r\n },\r\n },\r\n '&:last-of-type': {\r\n '.sk-table-sticky-col': {\r\n '@apply rounded-tr-groups': {},\r\n },\r\n },\r\n '.sk-table-col-content': {\r\n '@apply py-4': {},\r\n '@apply px-16': {},\r\n },\r\n\r\n \"&[data-isColumnSortable='true']\": {\r\n '@apply cursor-pointer': {},\r\n },\r\n },\r\n '@apply bg-transparent': {},\r\n '&[data-background=\"true\"]': {\r\n '@apply border-b-0': {},\r\n '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n '.sk-table-col-content': {\r\n '@apply border-b-0': {},\r\n },\r\n '[data-sticky=\"true\"]': {\r\n '@apply bg-vattjom-background-200': {},\r\n },\r\n },\r\n },\r\n\r\n '&-sortbutton': {\r\n '@apply flex items-center': {},\r\n '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n '@apply focus-visible:bg-vattjom-background-200': {},\r\n '@apply rounded-utility': {},\r\n '@apply pr-16': {},\r\n '@apply h-40': {},\r\n\r\n '&-icon': {\r\n '@apply inline-flex pl-sm': {},\r\n\r\n '&-sort': {\r\n '@apply text-dark-secondary': {},\r\n '@apply flex flex-col': {},\r\n\r\n svg: {\r\n '@apply h-16 w-16': {},\r\n '@apply first-of-type:-mb-4': {},\r\n '@apply last-of-type:-mt-4': {},\r\n },\r\n\r\n \"&[data-sortmode='ascending']\": {\r\n '> *': {\r\n '@apply last-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n\r\n \"&[data-sortmode='descending']\": {\r\n '> *': {\r\n '@apply first-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-tbody': {\r\n '@apply text-dark-secondary bg-transparent': {},\r\n\r\n '&-tr': {\r\n '@apply bg-transparent': {},\r\n '@apply hover:bg-background-100': {},\r\n '@apply border-b-1 border-divider': {},\r\n '@apply last-of-type:border-b-transparent': {},\r\n '@apply focus-visible:shadow-insetring': {},\r\n '&:hover': {\r\n td: {\r\n '@apply bg-background-100': {},\r\n },\r\n },\r\n },\r\n\r\n '&-td, .sk-table-th': {\r\n '@apply p-0': {},\r\n '@apply text-small': {},\r\n '@apply h-64-1': {},\r\n '@apply min-h-64-1': {},\r\n\r\n '@apply focus-visible:shadow-insetring': {},\r\n '.sk-table-col-content': {\r\n '@apply py-8 px-18': {},\r\n '@apply gap-8': {},\r\n },\r\n },\r\n },\r\n\r\n '&-col-content': {\r\n '@apply flex': {},\r\n '@apply w-full': {},\r\n '@apply justify-start items-center': {},\r\n '@apply h-full': {},\r\n },\r\n\r\n '&[data-dense=\"dense\"]': {\r\n '.sk-table': {\r\n '&-col-content': {\r\n '@apply py-0': {},\r\n },\r\n '&-thead': {\r\n th: {\r\n '@apply h-48': {},\r\n },\r\n },\r\n '&-tbody': {\r\n '&-td, .sk-table-th': {\r\n '@apply h-48-1': {},\r\n '@apply min-h-48-1': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '[data-sticky=\"true\"]': {\r\n '@apply sticky': {},\r\n '@apply bg-background-content': {},\r\n\r\n '&:first-of-type': {\r\n '@apply left-0': {},\r\n },\r\n '&:last-of-type': {\r\n '@apply right-0': {},\r\n },\r\n },\r\n\r\n '&[data-hasscroll=\"true\"]': {\r\n '[data-sticky=\"true\"]': {\r\n '&:first-of-type': {\r\n '.sk-table-col-content': {\r\n '@apply border-r-1 border-r-divider': {},\r\n },\r\n },\r\n '&:last-of-type': {\r\n '.sk-table-col-content': {\r\n '@apply border-l-1 border-r-divider': {},\r\n },\r\n },\r\n '.sk-table-col-content': {},\r\n },\r\n },\r\n '&-paginationwrapper': {\r\n '@apply max-w-[37.5em]': {},\r\n '@apply shrink grow': {},\r\n '@apply hidden @screen-md/footer:flex': {},\r\n },\r\n\r\n '&-bottom': {\r\n '@apply @container/footer': {},\r\n '@apply py-14 px-16': {},\r\n '@apply border-t-1 border-divider': {},\r\n '@apply flex flex-row': {},\r\n '@apply flex-wrap': {},\r\n '@apply @screen-lg/footer:gap-32': {},\r\n '@apply @screen-md/footer:gap-16': {},\r\n '@apply gap-8': {},\r\n '@apply justify-between items-center': {},\r\n '&-section': {\r\n '@apply shrink-0': {},\r\n '@apply flex flex-col': {},\r\n '@apply justify-start items-center': {},\r\n '@apply @screen-sm/footer:flex-row': {},\r\n '@apply gap-8': {},\r\n '&.sk-table-pagination-mobile': {\r\n '@apply @screen-md/footer:hidden': {},\r\n },\r\n '&-label': {\r\n '@apply font-normal': {},\r\n '@apply text-small': {},\r\n '@apply shrink-0': {},\r\n },\r\n },\r\n '&-pagination': {\r\n '@apply grow': {},\r\n '@apply shrink': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"table-autotable.js","names":["TableAutoTable","exports","svg","td","th"],"sources":["../../../src/components/table-autotable.ts"],"sourcesContent":["export const TableAutoTable = () => ({\r\n '.sk-table-wrapper': {\r\n '@apply text-base': {},\r\n '@apply rounded-groups': {},\r\n '@apply border-1 border-divider': {},\r\n '@apply bg-background-content': {},\r\n '@apply relative': {},\r\n\r\n '&-inside': {\r\n '@apply border-0 rounded-t-groups': {},\r\n '@apply overflow-hidden': {},\r\n '@apply w-full': {},\r\n '@apply h-full max-h-full': {},\r\n '&[data-scroll=\"x\"]': {\r\n '@apply overflow-x-auto': {},\r\n },\r\n '&[data-scroll=\"y\"]': {\r\n '@apply overflow-y-auto': {},\r\n },\r\n '&[data-scroll=\"true\"]': {\r\n '@apply overflow-auto': {},\r\n },\r\n },\r\n '&:not([data-background=\"true\"]):not([data-wrappingborder=\"true\"])': {\r\n '@apply border-0': {},\r\n '@apply bg-transparent': {},\r\n },\r\n '.sk-table-wrapper-inside': {\r\n '@apply border-0 rounded-b-groups': {},\r\n },\r\n },\r\n '.sk-table': {\r\n '@apply w-full text-left table-auto': {},\r\n '@apply text-dark-secondary': {},\r\n\r\n '&-thead': {\r\n '@apply border-b-1 border-dark-primary': {},\r\n '&[data-stickyheader=\"true\"]': {\r\n '@apply sticky top-0': {},\r\n '@apply bg-background-content': {},\r\n '@apply border-b-0': {},\r\n '.sk-table-col-content': {\r\n '@apply border-b-1 border-dark-primary': {},\r\n },\r\n },\r\n\r\n '&-tr': {\r\n '@apply table-row': {},\r\n '@apply text-label-small': {},\r\n },\r\n\r\n '.sk-table-th': {\r\n '@apply h-56': {},\r\n '@apply p-0': {},\r\n '&:first-of-type': {\r\n '.sk-table-sticky-col': {\r\n '@apply rounded-tl-groups': {},\r\n },\r\n },\r\n '&:last-of-type': {\r\n '.sk-table-sticky-col': {\r\n '@apply rounded-tr-groups': {},\r\n },\r\n },\r\n '.sk-table-col-content': {\r\n '@apply py-4': {},\r\n '@apply px-16': {},\r\n },\r\n\r\n \"&[data-isColumnSortable='true']\": {\r\n '@apply cursor-pointer': {},\r\n },\r\n },\r\n '@apply bg-transparent': {},\r\n '&[data-background=\"true\"]': {\r\n '@apply border-b-0': {},\r\n '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n '.sk-table-col-content': {\r\n '@apply border-b-0': {},\r\n },\r\n '[data-sticky=\"true\"]': {\r\n '@apply bg-vattjom-background-200': {},\r\n },\r\n },\r\n },\r\n\r\n '&-sortbutton': {\r\n '@apply flex items-center': {},\r\n '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n '@apply focus-visible:bg-vattjom-background-200': {},\r\n '@apply rounded-utility': {},\r\n '@apply pr-16': {},\r\n '@apply h-40': {},\r\n\r\n '&-icon': {\r\n '@apply inline-flex pl-sm': {},\r\n\r\n '&-sort': {\r\n '@apply text-dark-secondary': {},\r\n '@apply flex flex-col': {},\r\n\r\n svg: {\r\n '@apply h-16 w-16': {},\r\n '@apply first-of-type:-mb-4': {},\r\n '@apply last-of-type:-mt-4': {},\r\n },\r\n\r\n \"&[data-sortmode='ascending']\": {\r\n '> *': {\r\n '@apply last-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n\r\n \"&[data-sortmode='descending']\": {\r\n '> *': {\r\n '@apply first-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-tbody': {\r\n '@apply text-dark-secondary bg-transparent': {},\r\n\r\n '&-tr': {\r\n '@apply bg-transparent': {},\r\n '@apply hover:bg-background-100': {},\r\n '@apply border-b-1 border-divider': {},\r\n '@apply last-of-type:border-b-transparent': {},\r\n '@apply focus-visible:shadow-insetring': {},\r\n '&:hover': {\r\n td: {\r\n '@apply bg-background-100': {},\r\n },\r\n },\r\n },\r\n\r\n '&-td, .sk-table-th': {\r\n '@apply p-0': {},\r\n '@apply text-small': {},\r\n '@apply h-64-1': {},\r\n '@apply min-h-64-1': {},\r\n\r\n '@apply focus-visible:shadow-insetring': {},\r\n '.sk-table-col-content': {\r\n '@apply py-8 px-18': {},\r\n '@apply gap-8': {},\r\n },\r\n },\r\n },\r\n\r\n '&-col-content': {\r\n '@apply flex': {},\r\n '@apply w-full': {},\r\n '@apply justify-start items-center': {},\r\n '@apply h-full': {},\r\n },\r\n\r\n '&[data-dense=\"dense\"]': {\r\n '.sk-table': {\r\n '&-col-content': {\r\n '@apply py-0': {},\r\n },\r\n '&-thead': {\r\n th: {\r\n '@apply h-48': {},\r\n },\r\n },\r\n '&-tbody': {\r\n '&-td, .sk-table-th': {\r\n '@apply h-48-1': {},\r\n '@apply min-h-48-1': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '[data-sticky=\"true\"]': {\r\n '@apply sticky': {},\r\n '@apply bg-background-content': {},\r\n\r\n '&:first-of-type': {\r\n '@apply left-0': {},\r\n },\r\n '&:last-of-type': {\r\n '@apply right-0': {},\r\n },\r\n },\r\n\r\n '&[data-hasscroll=\"true\"]': {\r\n '[data-sticky=\"true\"]': {\r\n '&:first-of-type': {\r\n '.sk-table-col-content': {\r\n '@apply border-r-1 border-r-divider': {},\r\n },\r\n },\r\n '&:last-of-type': {\r\n '.sk-table-col-content': {\r\n '@apply border-l-1 border-r-divider': {},\r\n },\r\n },\r\n '.sk-table-col-content': {},\r\n },\r\n },\r\n '&-paginationwrapper': {\r\n '@apply max-w-[37.5em]': {},\r\n '@apply shrink grow': {},\r\n '@apply hidden @screen-md/footer:flex': {},\r\n },\r\n\r\n '&-bottom': {\r\n '@apply @container/footer': {},\r\n '@apply py-14 px-16': {},\r\n '@apply border-t-1 border-divider': {},\r\n '@apply flex flex-row': {},\r\n '@apply flex-wrap': {},\r\n '@apply @screen-lg/footer:gap-32': {},\r\n '@apply @screen-md/footer:gap-16': {},\r\n '@apply gap-8': {},\r\n '@apply justify-between items-center': {},\r\n '&-section': {\r\n '@apply shrink-0': {},\r\n '@apply flex flex-col': {},\r\n '@apply justify-start items-center': {},\r\n '@apply @screen-sm/footer:flex-row': {},\r\n '@apply gap-8': {},\r\n '&.sk-table-pagination-mobile': {\r\n '@apply @screen-md/footer:hidden': {},\r\n },\r\n '&-label': {\r\n '@apply font-normal': {},\r\n '@apply text-small': {},\r\n '@apply shrink-0': {},\r\n },\r\n },\r\n '&-pagination': {\r\n '@apply grow': {},\r\n '@apply shrink': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
package/dist/esm/components/ai/ai-module.js CHANGED
@@ -2,19 +2,22 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
2
2
  export var AIModule = colors => ({
3
3
  '.sk-ai-module': {
4
4
  '@apply fixed': {},
5
+ '@apply z-50': {},
5
6
  '@apply overflow-hidden': {},
6
7
  '@apply flex flex-col gap-0 items-center justify-start': {},
7
8
  '@apply shadow-200': {},
8
9
  '@apply transition-all': {},
10
+ '@apply duration-300': {},
9
11
  '@apply bottom-0 right-0': {},
10
12
  '&-content': {
11
13
  '@apply flex w-full gap-0 h-full justify-between': {},
12
14
  '@apply overflow-hidden': {},
13
15
  '&-row': {
14
- '@apply flex flex-col': {}
16
+ '@apply flex flex-col': {},
17
+ '@apply bg-background-content': {}
15
18
  },
16
19
  '&-main': {
17
- '@apply grow shrink max-h-full items-center': {}
20
+ '@apply grow shrink max-h-full max-w-full items-center': {}
18
21
  }
19
22
  },
20
23
  '&-sidebar': {
@@ -36,6 +39,7 @@ export var AIModule = colors => ({
36
39
  '@apply px-16 pt-16 pb-24 gap-16': {},
37
40
  '@apply w-full': {},
38
41
  '@apply max-h-full overflow-y-auto': {},
42
+ '@apply max-w-full overflow-x-hidden': {},
39
43
  '&-questions': {
40
44
  '@apply flex flex-col gap-8 w-full': {},
41
45
  '&-title': {
@@ -55,7 +59,7 @@ export var AIModule = colors => ({
55
59
  '@apply w-[26em]': {},
56
60
  '@apply max-h-[44em]': {},
57
61
  '&[data-docked="false"]': {
58
- '@apply h-full': {}
62
+ '@apply h-[44em]': {}
59
63
  }
60
64
  },
61
65
  '.sk-ai-feed': {
@@ -80,6 +84,9 @@ export var AIModule = colors => ({
80
84
  '@apply pt-20 pb-32': {}
81
85
  }
82
86
  },
87
+ '&[data-docked="true"]': {
88
+ '@apply h-64 w-[19em]': {}
89
+ },
83
90
  '&-header': _extends({
84
91
  '@apply flex items-center justify-between': {},
85
92
  '@apply w-full': {},
@@ -89,7 +96,8 @@ export var AIModule = colors => ({
89
96
  '@apply bg-inverted-background-content': {},
90
97
  '@apply text-inverted-dark-primary': {},
91
98
  '&[data-docked="true"]': {
92
- '@apply px-12 pt-10 pb-12': {}
99
+ '@apply px-12 pt-10 pb-12': {},
100
+ '@apply cursor-pointer': {}
93
101
  },
94
102
  '&-title': {
95
103
  '@apply flex justify-start items-center': {},
@@ -140,6 +148,9 @@ export var AIModule = colors => ({
140
148
  '@apply flex flex-col p-0 gap-8': {}
141
149
  }
142
150
  }
151
+ },
152
+ '.sk-avatar': {
153
+ '@apply transition-all duration-500': {}
143
154
  }
144
155
  }
145
156
  });
package/dist/esm/components/ai/ai-module.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"ai-module.js","names":["AIModule","colors","_extends","reduce","styles","color"],"sources":["../../../../src/components/ai/ai-module.ts"],"sourcesContent":["export const AIModule = (colors: string[]) => ({\r\n '.sk-ai-module': {\r\n '@apply fixed': {},\r\n '@apply overflow-hidden': {},\r\n '@apply flex flex-col gap-0 items-center justify-start': {},\r\n '@apply shadow-200': {},\r\n '@apply transition-all': {},\r\n '@apply bottom-0 right-0': {},\r\n\r\n '&-content': {\r\n '@apply flex w-full gap-0 h-full justify-between': {},\r\n '@apply overflow-hidden': {},\r\n '&-row': {\r\n '@apply flex flex-col': {},\r\n },\r\n '&-main': {\r\n '@apply grow shrink max-h-full items-center': {},\r\n },\r\n },\r\n\r\n '&-sidebar': {\r\n '@apply flex flex-col': {},\r\n '@apply min-w-[22em]': {},\r\n '@apply h-full': {},\r\n '@apply overflow-hidden': {},\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply pt-20 px-0 gap-16': {},\r\n '&-sessions': {\r\n '@apply flex flex-col': {},\r\n '@apply grow w-full': {},\r\n '@apply overflow-y-auto': {},\r\n '@apply px-24 pb-20 gap-16': {},\r\n },\r\n },\r\n '&-feed': {\r\n '@apply flex flex-col grow': {},\r\n '@apply px-16 pt-16 pb-24 gap-16': {},\r\n '@apply w-full': {},\r\n '@apply max-h-full overflow-y-auto': {},\r\n '&-questions': {\r\n '@apply flex flex-col gap-8 w-full': {},\r\n '&-title': {\r\n '@apply text-label-medium text-dark-primary': {},\r\n },\r\n '&-wrapper': {\r\n '@apply flex flex-col gap-16 w-full': {},\r\n },\r\n },\r\n },\r\n '.sk-ai-inputsection': {\r\n '@apply shrink-0': {},\r\n },\r\n '&[data-fullscreen=\"false\"]': {\r\n '@apply rounded-tl-groups': {},\r\n '@apply max-w-[26em]': {},\r\n '@apply w-[26em]': {},\r\n '@apply max-h-[44em]': {},\r\n '&[data-docked=\"false\"]': {\r\n '@apply h-full': {},\r\n },\r\n },\r\n '.sk-ai-feed': {\r\n '@apply w-full': {},\r\n },\r\n '&[data-fullscreen=\"true\"]': {\r\n '@apply w-full': {},\r\n '.sk-ai-module-feed': {\r\n '@apply gap-40 grow w-full items-center': {},\r\n '.sk-ai-feed': {\r\n '@apply text-base max-w-[50em]': {},\r\n },\r\n '&-questions': {\r\n '@apply flex-row gap-16': {},\r\n '&-wrapper': {\r\n '@apply text-base max-w-[50em]': {},\r\n },\r\n },\r\n },\r\n '.sk-ai-inputsection': {\r\n '@apply text-base max-w-[50em]': {},\r\n '@apply pt-20 pb-32': {},\r\n },\r\n },\r\n\r\n '&-header': {\r\n '@apply flex items-center justify-between': {},\r\n '@apply w-full': {},\r\n '@apply shrink-0': {},\r\n '@apply px-14 py-16': {},\r\n '@apply transition-all': {},\r\n '@apply bg-inverted-background-content': {},\r\n '@apply text-inverted-dark-primary': {},\r\n\r\n '&[data-docked=\"true\"]': {\r\n '@apply px-12 pt-10 pb-12': {},\r\n },\r\n\r\n '&-title': {\r\n '@apply flex justify-start items-center': {},\r\n '@apply gap-12 pr-16': {},\r\n },\r\n '&-heading': {\r\n '@apply flex flex-col gap-0': {},\r\n '&-name': {\r\n '@apply text-label-medium': {},\r\n },\r\n '&-subtitle': {\r\n '@apply text-small text-inverted-dark-secondary': {},\r\n },\r\n },\r\n\r\n '&-menu': {\r\n '@apply flex justify-center items-center': {},\r\n '@apply gap-12': {},\r\n },\r\n\r\n '&[data-variant=\"alt\"]': {\r\n '@apply pt-0 px-24': {},\r\n '@apply bg-transparent': {},\r\n '.sk-avatar': {\r\n '@apply w-56 h-56': {},\r\n },\r\n '.sk-ai-module-header-heading-name': {\r\n '@apply text-label-large text-dark-primary': {},\r\n },\r\n '.sk-ai-module-header-heading-subtitle': {\r\n '@apply text-small text-dark-secondary': {},\r\n },\r\n },\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-surface-primary`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n '&[data-fullscreen=\"true\"]': {\r\n '@apply bg-background-content': {},\r\n '@apply text-dark-primary': {},\r\n '@apply px-20 pt-20 pb-12': {},\r\n },\r\n },\r\n '&-sessions': {\r\n '@apply px-20': {},\r\n '&-history': {\r\n '@apply flex flex-col p-8 gap-16': {},\r\n '&-list': {\r\n '@apply flex flex-col p-0 gap-8': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,QAAQ,GAAIC,MAAgB,KAAM;EAC7C,eAAe,EAAE;IACf,cAAc,EAAE,CAAC,CAAC;IAClB,wBAAwB,EAAE,CAAC,CAAC;IAC5B,uDAAuD,EAAE,CAAC,CAAC;IAC3D,mBAAmB,EAAE,CAAC,CAAC;IACvB,uBAAuB,EAAE,CAAC,CAAC;IAC3B,yBAAyB,EAAE,CAAC,CAAC;IAE7B,WAAW,EAAE;MACX,iDAAiD,EAAE,CAAC,CAAC;MACrD,wBAAwB,EAAE,CAAC,CAAC;MAC5B,OAAO,EAAE;QACP,sBAAsB,EAAE,CAAC;MAC3B,CAAC;MACD,QAAQ,EAAE;QACR,4CAA4C,EAAE,CAAC;MACjD;IACF,CAAC;IAED,WAAW,EAAE;MACX,sBAAsB,EAAE,CAAC,CAAC;MAC1B,qBAAqB,EAAE,CAAC,CAAC;MACzB,eAAe,EAAE,CAAC,CAAC;MACnB,wBAAwB,EAAE,CAAC,CAAC;MAC5B,oCAAoC,EAAE,CAAC,CAAC;MACxC,0BAA0B,EAAE,CAAC,CAAC;MAC9B,YAAY,EAAE;QACZ,sBAAsB,EAAE,CAAC,CAAC;QAC1B,oBAAoB,EAAE,CAAC,CAAC;QACxB,wBAAwB,EAAE,CAAC,CAAC;QAC5B,2BAA2B,EAAE,CAAC;MAChC;IACF,CAAC;IACD,QAAQ,EAAE;MACR,2BAA2B,EAAE,CAAC,CAAC;MAC/B,iCAAiC,EAAE,CAAC,CAAC;MACrC,eAAe,EAAE,CAAC,CAAC;MACnB,mCAAmC,EAAE,CAAC,CAAC;MACvC,aAAa,EAAE;QACb,mCAAmC,EAAE,CAAC,CAAC;QACvC,SAAS,EAAE;UACT,4CAA4C,EAAE,CAAC;QACjD,CAAC;QACD,WAAW,EAAE;UACX,oCAAoC,EAAE,CAAC;QACzC;MACF;IACF,CAAC;IACD,qBAAqB,EAAE;MACrB,iBAAiB,EAAE,CAAC;IACtB,CAAC;IACD,4BAA4B,EAAE;MAC5B,0BAA0B,EAAE,CAAC,CAAC;MAC9B,qBAAqB,EAAE,CAAC,CAAC;MACzB,iBAAiB,EAAE,CAAC,CAAC;MACrB,qBAAqB,EAAE,CAAC,CAAC;MACzB,wBAAwB,EAAE;QACxB,eAAe,EAAE,CAAC;MACpB;IACF,CAAC;IACD,aAAa,EAAE;MACb,eAAe,EAAE,CAAC;IACpB,CAAC;IACD,2BAA2B,EAAE;MAC3B,eAAe,EAAE,CAAC,CAAC;MACnB,oBAAoB,EAAE;QACpB,wCAAwC,EAAE,CAAC,CAAC;QAC5C,aAAa,EAAE;UACb,+BAA+B,EAAE,CAAC;QACpC,CAAC;QACD,aAAa,EAAE;UACb,wBAAwB,EAAE,CAAC,CAAC;UAC5B,WAAW,EAAE;YACX,+BAA+B,EAAE,CAAC;UACpC;QACF;MACF,CAAC;MACD,qBAAqB,EAAE;QACrB,+BAA+B,EAAE,CAAC,CAAC;QACnC,oBAAoB,EAAE,CAAC;MACzB;IACF,CAAC;IAED,UAAU,EAAAC,QAAA;MACR,0CAA0C,EAAE,CAAC,CAAC;MAC9C,eAAe,EAAE,CAAC,CAAC;MACnB,iBAAiB,EAAE,CAAC,CAAC;MACrB,oBAAoB,EAAE,CAAC,CAAC;MACxB,uBAAuB,EAAE,CAAC,CAAC;MAC3B,uCAAuC,EAAE,CAAC,CAAC;MAC3C,mCAAmC,EAAE,CAAC,CAAC;MAEvC,uBAAuB,EAAE;QACvB,0BAA0B,EAAE,CAAC;MAC/B,CAAC;MAED,SAAS,EAAE;QACT,wCAAwC,EAAE,CAAC,CAAC;QAC5C,qBAAqB,EAAE,CAAC;MAC1B,CAAC;MACD,WAAW,EAAE;QACX,4BAA4B,EAAE,CAAC,CAAC;QAChC,QAAQ,EAAE;UACR,0BAA0B,EAAE,CAAC;QAC/B,CAAC;QACD,YAAY,EAAE;UACZ,gDAAgD,EAAE,CAAC;QACrD;MACF,CAAC;MAED,QAAQ,EAAE;QACR,yCAAyC,EAAE,CAAC,CAAC;QAC7C,eAAe,EAAE,CAAC;MACpB,CAAC;MAED,uBAAuB,EAAE;QACvB,mBAAmB,EAAE,CAAC,CAAC;QACvB,uBAAuB,EAAE,CAAC,CAAC;QAC3B,YAAY,EAAE;UACZ,kBAAkB,EAAE,CAAC;QACvB,CAAC;QACD,mCAAmC,EAAE;UACnC,2CAA2C,EAAE,CAAC;QAChD,CAAC;QACD,uCAAuC,EAAE;UACvC,uCAAuC,EAAE,CAAC;QAC5C;MACF;IAAC,GAEED,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;MAET,qBAAkBC,KAAK,WAAO;QAC5B,gBAAcA,KAAK,wBAAqB,CAAC;MAC3C;IAAC,EACD,EACF,CAAC,CACH,CAAC;MACD,2BAA2B,EAAE;QAC3B,8BAA8B,EAAE,CAAC,CAAC;QAClC,0BAA0B,EAAE,CAAC,CAAC;QAC9B,0BAA0B,EAAE,CAAC;MAC/B;IAAC,EACF;IACD,YAAY,EAAE;MACZ,cAAc,EAAE,CAAC,CAAC;MAClB,WAAW,EAAE;QACX,iCAAiC,EAAE,CAAC,CAAC;QACrC,QAAQ,EAAE;UACR,gCAAgC,EAAE,CAAC;QACrC;MACF;IACF;EACF;AACF,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"ai-module.js","names":["AIModule","colors","_extends","reduce","styles","color"],"sources":["../../../../src/components/ai/ai-module.ts"],"sourcesContent":["export const AIModule = (colors: string[]) => ({\r\n '.sk-ai-module': {\r\n '@apply fixed': {},\r\n '@apply z-50': {},\r\n '@apply overflow-hidden': {},\r\n '@apply flex flex-col gap-0 items-center justify-start': {},\r\n '@apply shadow-200': {},\r\n '@apply transition-all': {},\r\n '@apply duration-300': {},\r\n '@apply bottom-0 right-0': {},\r\n\r\n '&-content': {\r\n '@apply flex w-full gap-0 h-full justify-between': {},\r\n '@apply overflow-hidden': {},\r\n '&-row': {\r\n '@apply flex flex-col': {},\r\n '@apply bg-background-content': {},\r\n },\r\n '&-main': {\r\n '@apply grow shrink max-h-full max-w-full items-center': {},\r\n },\r\n },\r\n\r\n '&-sidebar': {\r\n '@apply flex flex-col': {},\r\n '@apply min-w-[22em]': {},\r\n '@apply h-full': {},\r\n '@apply overflow-hidden': {},\r\n '@apply border-r-1 border-r-divider': {},\r\n '@apply pt-20 px-0 gap-16': {},\r\n '&-sessions': {\r\n '@apply flex flex-col': {},\r\n '@apply grow w-full': {},\r\n '@apply overflow-y-auto': {},\r\n '@apply px-24 pb-20 gap-16': {},\r\n },\r\n },\r\n '&-feed': {\r\n '@apply flex flex-col grow': {},\r\n '@apply px-16 pt-16 pb-24 gap-16': {},\r\n '@apply w-full': {},\r\n '@apply max-h-full overflow-y-auto': {},\r\n '@apply max-w-full overflow-x-hidden': {},\r\n '&-questions': {\r\n '@apply flex flex-col gap-8 w-full': {},\r\n '&-title': {\r\n '@apply text-label-medium text-dark-primary': {},\r\n },\r\n '&-wrapper': {\r\n '@apply flex flex-col gap-16 w-full': {},\r\n },\r\n },\r\n },\r\n '.sk-ai-inputsection': {\r\n '@apply shrink-0': {},\r\n },\r\n '&[data-fullscreen=\"false\"]': {\r\n '@apply rounded-tl-groups': {},\r\n '@apply max-w-[26em]': {},\r\n '@apply w-[26em]': {},\r\n '@apply max-h-[44em]': {},\r\n '&[data-docked=\"false\"]': {\r\n '@apply h-[44em]': {},\r\n },\r\n },\r\n\r\n '.sk-ai-feed': {\r\n '@apply w-full': {},\r\n },\r\n '&[data-fullscreen=\"true\"]': {\r\n '@apply w-full': {},\r\n '.sk-ai-module-feed': {\r\n '@apply gap-40 grow w-full items-center': {},\r\n '.sk-ai-feed': {\r\n '@apply text-base max-w-[50em]': {},\r\n },\r\n '&-questions': {\r\n '@apply flex-row gap-16': {},\r\n '&-wrapper': {\r\n '@apply text-base max-w-[50em]': {},\r\n },\r\n },\r\n },\r\n '.sk-ai-inputsection': {\r\n '@apply text-base max-w-[50em]': {},\r\n '@apply pt-20 pb-32': {},\r\n },\r\n },\r\n '&[data-docked=\"true\"]': {\r\n '@apply h-64 w-[19em]': {},\r\n },\r\n '&-header': {\r\n '@apply flex items-center justify-between': {},\r\n '@apply w-full': {},\r\n '@apply shrink-0': {},\r\n '@apply px-14 py-16': {},\r\n '@apply transition-all': {},\r\n '@apply bg-inverted-background-content': {},\r\n '@apply text-inverted-dark-primary': {},\r\n\r\n '&[data-docked=\"true\"]': {\r\n '@apply px-12 pt-10 pb-12': {},\r\n '@apply cursor-pointer': {},\r\n },\r\n\r\n '&-title': {\r\n '@apply flex justify-start items-center': {},\r\n '@apply gap-12 pr-16': {},\r\n },\r\n '&-heading': {\r\n '@apply flex flex-col gap-0': {},\r\n '&-name': {\r\n '@apply text-label-medium': {},\r\n },\r\n '&-subtitle': {\r\n '@apply text-small text-inverted-dark-secondary': {},\r\n },\r\n },\r\n\r\n '&-menu': {\r\n '@apply flex justify-center items-center': {},\r\n '@apply gap-12': {},\r\n },\r\n\r\n '&[data-variant=\"alt\"]': {\r\n '@apply pt-0 px-24': {},\r\n '@apply bg-transparent': {},\r\n '.sk-avatar': {\r\n '@apply w-56 h-56': {},\r\n },\r\n '.sk-ai-module-header-heading-name': {\r\n '@apply text-label-large text-dark-primary': {},\r\n },\r\n '.sk-ai-module-header-heading-subtitle': {\r\n '@apply text-small text-dark-secondary': {},\r\n },\r\n },\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-surface-primary`]: {},\r\n },\r\n }),\r\n {}\r\n ),\r\n '&[data-fullscreen=\"true\"]': {\r\n '@apply bg-background-content': {},\r\n '@apply text-dark-primary': {},\r\n '@apply px-20 pt-20 pb-12': {},\r\n },\r\n },\r\n '&-sessions': {\r\n '@apply px-20': {},\r\n '&-history': {\r\n '@apply flex flex-col p-8 gap-16': {},\r\n '&-list': {\r\n '@apply flex flex-col p-0 gap-8': {},\r\n },\r\n },\r\n },\r\n '.sk-avatar': {\r\n '@apply transition-all duration-500': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
package/dist/esm/components/ai/bubble.js CHANGED
@@ -3,6 +3,7 @@ export var Bubble = colors => ({
3
3
  '.sk-ai-bubble': _extends({
4
4
  '@apply inline-flex text-left items-center justify-start': {},
5
5
  '@apply w-fit': {},
6
+ '@apply focus-visible:ring ring-ring': {},
6
7
  '@apply relative': {},
7
8
  '@apply rounded-t-button rounded-br-button': {},
8
9
  '@apply pt-10 pr-12 pb-10 pl-14': {},
package/dist/esm/components/ai/bubble.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"bubble.js","names":["Bubble","colors","_extends","reduce","styles","color"],"sources":["../../../../src/components/ai/bubble.ts"],"sourcesContent":["export const Bubble = (colors: string[]) => ({\r\n '.sk-ai-bubble': {\r\n '@apply inline-flex text-left items-center justify-start': {},\r\n '@apply w-fit': {},\r\n '@apply relative': {},\r\n '@apply rounded-t-button rounded-br-button': {},\r\n '@apply pt-10 pr-12 pb-10 pl-14': {},\r\n '@apply gap-16': {},\r\n '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},\r\n '@apply text-small': {},\r\n '@apply text-dark-secondary': {},\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-surface-accent hover:bg-${color}-surface-accent-hover`]: {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-accent`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-accent-hover`]: {},\r\n },\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n '&-tail': {\r\n '@apply text-base': {},\r\n '@apply absolute left-0 bottom-[-1.25em]': {},\r\n '@apply w-32 h-32': {},\r\n '@apply rounded-tl-16 rounded-bl-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},\r\n '@apply scale-y-[25%]': {},\r\n '&:before': {\r\n '@apply content-[\"\"]': {},\r\n '@apply absolute left-0 bottom-[-0.15625em]': {},\r\n '@apply w-32 h-32': {},\r\n '@apply rounded-tl-16 rounded-bl-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply shadow-[0_-0.15625em_0_0_rgb(0,0,0,0.2)]': {},\r\n 'clip-path': 'polygon(0 0, 0 1em, 0.25em 1em, 0.59375em 0)',\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,MAAM,GAAIC,MAAgB,KAAM;EAC3C,eAAe,EAAAC,QAAA;IACb,yDAAyD,EAAE,CAAC,CAAC;IAC7D,cAAc,EAAE,CAAC,CAAC;IAClB,iBAAiB,EAAE,CAAC,CAAC;IACrB,2CAA2C,EAAE,CAAC,CAAC;IAC/C,gCAAgC,EAAE,CAAC,CAAC;IACpC,eAAe,EAAE,CAAC,CAAC;IACnB,2CAA2C,EAAE,CAAC,CAAC;IAC/C,mBAAmB,EAAE,CAAC,CAAC;IACvB,4BAA4B,EAAE,CAAC;EAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IAET,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,iCAA4BA,KAAK,6BAA0B,CAAC,CAAC;MAChF,oBAAoB,EAAE;QACpB,oBAAkBA,KAAK,uBAAoB,CAAC;MAC9C,CAAC;MACD,SAAS,EAAE;QACT,oBAAoB,EAAE;UACpB,oBAAkBA,KAAK,6BAA0B,CAAC;QACpD;MACF;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IACD,QAAQ,EAAE;MACR,kBAAkB,EAAE,CAAC,CAAC;MACtB,yCAAyC,EAAE,CAAC,CAAC;MAC7C,kBAAkB,EAAE,CAAC,CAAC;MACtB,mCAAmC,EAAE,CAAC,CAAC;MACvC,uBAAuB,EAAE,CAAC,CAAC;MAC3B,mDAAmD,EAAE,CAAC,CAAC;MACvD,sBAAsB,EAAE,CAAC,CAAC;MAC1B,UAAU,EAAE;QACV,qBAAqB,EAAE,CAAC,CAAC;QACzB,4CAA4C,EAAE,CAAC,CAAC;QAChD,kBAAkB,EAAE,CAAC,CAAC;QACtB,mCAAmC,EAAE,CAAC,CAAC;QACvC,uBAAuB,EAAE,CAAC,CAAC;QAC3B,iDAAiD,EAAE,CAAC,CAAC;QACrD,WAAW,EAAE;MACf;IACF;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"bubble.js","names":["Bubble","colors","_extends","reduce","styles","color"],"sources":["../../../../src/components/ai/bubble.ts"],"sourcesContent":["export const Bubble = (colors: string[]) => ({\r\n '.sk-ai-bubble': {\r\n '@apply inline-flex text-left items-center justify-start': {},\r\n '@apply w-fit': {},\r\n '@apply focus-visible:ring ring-ring': {},\r\n '@apply relative': {},\r\n '@apply rounded-t-button rounded-br-button': {},\r\n '@apply pt-10 pr-12 pb-10 pl-14': {},\r\n '@apply gap-16': {},\r\n '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {},\r\n '@apply text-small': {},\r\n '@apply text-dark-secondary': {},\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-surface-accent hover:bg-${color}-surface-accent-hover`]: {},\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-accent`]: {},\r\n },\r\n '&:hover': {\r\n '.sk-ai-bubble-tail': {\r\n [`@apply shadow-${color}-surface-accent-hover`]: {},\r\n },\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n '&-tail': {\r\n '@apply text-base': {},\r\n '@apply absolute left-0 bottom-[-1.25em]': {},\r\n '@apply w-32 h-32': {},\r\n '@apply rounded-tl-16 rounded-bl-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {},\r\n '@apply scale-y-[25%]': {},\r\n '&:before': {\r\n '@apply content-[\"\"]': {},\r\n '@apply absolute left-0 bottom-[-0.15625em]': {},\r\n '@apply w-32 h-32': {},\r\n '@apply rounded-tl-16 rounded-bl-0': {},\r\n '@apply bg-transparent': {},\r\n '@apply shadow-[0_-0.15625em_0_0_rgb(0,0,0,0.2)]': {},\r\n 'clip-path': 'polygon(0 0, 0 1em, 0.25em 1em, 0.59375em 0)',\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":";AAAA,OAAO,IAAMA,MAAM,GAAIC,MAAgB,KAAM;EAC3C,eAAe,EAAAC,QAAA;IACb,yDAAyD,EAAE,CAAC,CAAC;IAC7D,cAAc,EAAE,CAAC,CAAC;IAClB,qCAAqC,EAAE,CAAC,CAAC;IACzC,iBAAiB,EAAE,CAAC,CAAC;IACrB,2CAA2C,EAAE,CAAC,CAAC;IAC/C,gCAAgC,EAAE,CAAC,CAAC;IACpC,eAAe,EAAE,CAAC,CAAC;IACnB,2CAA2C,EAAE,CAAC,CAAC;IAC/C,mBAAmB,EAAE,CAAC,CAAC;IACvB,4BAA4B,EAAE,CAAC;EAAC,GAC7BD,MAAM,CAACE,MAAM,CACd,CAACC,MAAM,EAAEC,KAAK,KAAAH,QAAA,KACTE,MAAM;IAET,qBAAkBC,KAAK,WAAO;MAC5B,gBAAcA,KAAK,iCAA4BA,KAAK,6BAA0B,CAAC,CAAC;MAChF,oBAAoB,EAAE;QACpB,oBAAkBA,KAAK,uBAAoB,CAAC;MAC9C,CAAC;MACD,SAAS,EAAE;QACT,oBAAoB,EAAE;UACpB,oBAAkBA,KAAK,6BAA0B,CAAC;QACpD;MACF;IACF;EAAC,EACD,EACF,CAAC,CACH,CAAC;IACD,QAAQ,EAAE;MACR,kBAAkB,EAAE,CAAC,CAAC;MACtB,yCAAyC,EAAE,CAAC,CAAC;MAC7C,kBAAkB,EAAE,CAAC,CAAC;MACtB,mCAAmC,EAAE,CAAC,CAAC;MACvC,uBAAuB,EAAE,CAAC,CAAC;MAC3B,mDAAmD,EAAE,CAAC,CAAC;MACvD,sBAAsB,EAAE,CAAC,CAAC;MAC1B,UAAU,EAAE;QACV,qBAAqB,EAAE,CAAC,CAAC;QACzB,4CAA4C,EAAE,CAAC,CAAC;QAChD,kBAAkB,EAAE,CAAC,CAAC;QACtB,mCAAmC,EAAE,CAAC,CAAC;QACvC,uBAAuB,EAAE,CAAC,CAAC;QAC3B,iDAAiD,EAAE,CAAC,CAAC;QACrD,WAAW,EAAE;MACf;IACF;EAAC;AAEL,CAAC,CAAC","ignoreList":[]}
package/dist/esm/components/ai/markdown-rendered.js CHANGED
@@ -2,7 +2,7 @@ export var MarkdownRendered = () => ({
2
2
  '.sk-ai-markdown': {
3
3
  '@apply flex flex-col gap-32': {},
4
4
  '&-p': {
5
- '@apply mb-0 my-0': {}
5
+ '@apply mb-0 my-0 break-words': {}
6
6
  },
7
7
  '&-a': {
8
8
  '@apply my-8': {}
package/dist/esm/components/ai/markdown-rendered.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"markdown-rendered.js","names":["MarkdownRendered"],"sources":["../../../../src/components/ai/markdown-rendered.ts"],"sourcesContent":["export const MarkdownRendered = () => ({\r\n '.sk-ai-markdown': {\r\n '@apply flex flex-col gap-32': {},\r\n '&-p': {\r\n '@apply mb-0 my-0': {},\r\n },\r\n '&-a': {\r\n '@apply my-8': {},\r\n },\r\n '&-ol': {\r\n '@apply list-decimal ml-24 my-0': {},\r\n },\r\n '&-ul': {\r\n '@apply list-disc ml-24 my-0': {},\r\n },\r\n '&-li': {\r\n '@apply my-16': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,gBAAgB,GAAGA,CAAA,MAAO;EACrC,iBAAiB,EAAE;IACjB,6BAA6B,EAAE,CAAC,CAAC;IACjC,KAAK,EAAE;MACL,kBAAkB,EAAE,CAAC;IACvB,CAAC;IACD,KAAK,EAAE;MACL,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,MAAM,EAAE;MACN,gCAAgC,EAAE,CAAC;IACrC,CAAC;IACD,MAAM,EAAE;MACN,6BAA6B,EAAE,CAAC;IAClC,CAAC;IACD,MAAM,EAAE;MACN,cAAc,EAAE,CAAC;IACnB;EACF;AACF,CAAC,CAAC","ignoreList":[]}
1
+ {"version":3,"file":"markdown-rendered.js","names":["MarkdownRendered"],"sources":["../../../../src/components/ai/markdown-rendered.ts"],"sourcesContent":["export const MarkdownRendered = () => ({\r\n '.sk-ai-markdown': {\r\n '@apply flex flex-col gap-32': {},\r\n '&-p': {\r\n '@apply mb-0 my-0 break-words': {},\r\n },\r\n '&-a': {\r\n '@apply my-8': {},\r\n },\r\n '&-ol': {\r\n '@apply list-decimal ml-24 my-0': {},\r\n },\r\n '&-ul': {\r\n '@apply list-disc ml-24 my-0': {},\r\n },\r\n '&-li': {\r\n '@apply my-16': {},\r\n },\r\n },\r\n});\r\n"],"mappings":"AAAA,OAAO,IAAMA,gBAAgB,GAAGA,CAAA,MAAO;EACrC,iBAAiB,EAAE;IACjB,6BAA6B,EAAE,CAAC,CAAC;IACjC,KAAK,EAAE;MACL,8BAA8B,EAAE,CAAC;IACnC,CAAC;IACD,KAAK,EAAE;MACL,aAAa,EAAE,CAAC;IAClB,CAAC;IACD,MAAM,EAAE;MACN,gCAAgC,EAAE,CAAC;IACrC,CAAC;IACD,MAAM,EAAE;MACN,6BAA6B,EAAE,CAAC;IAClC,CAAC;IACD,MAAM,EAAE;MACN,cAAc,EAAE,CAAC;IACnB;EACF;AACF,CAAC,CAAC","ignoreList":[]}
package/dist/esm/components/button.js CHANGED
@@ -189,10 +189,7 @@ export var Button = colors => ({
189
189
  // State
190
190
  '&-disabled, &[aria-disabled="true"]': {
191
191
  '@apply shadow-none disabled:shadow-none disabled:cursor-default cursor-default': {},
192
- '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important': {},
193
- '&[data-inverted="true"]': {
194
- '@apply disabled:text-inverted-dark-disabled text-inverted-dark-disabled disabled:bg-inverted-primary-surface-disabled bg-inverted-primary-surface-disabled disabled:border-transparent border-transparent !important': {}
195
- }
192
+ '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important': {}
196
193
  }
197
194
  }, buttonPrimary(colors), buttonSecondary(), buttonTertiary(), buttonGhost(), buttonLink(colors), {
198
195
  '&[data-background="false"]:not(:hover)': {
package/dist/esm/components/button.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"button.js","names":["buttonPrimary","colors","_extends","reduce","styles","color","buttonSecondary","buttonTertiary","buttonGhost","buttonLink","Button","transitionProperty"],"sources":["../../../src/components/button.ts"],"sourcesContent":["function buttonPrimary(colors: string[]) {\r\n return {\r\n '&-primary': {\r\n '@apply text-light-primary': {},\r\n /* hover */\r\n '@apply hover:bg-primary-surface-hover': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-surface-primary text-${color}-text-secondary`]: {},\r\n // hover\r\n [`@apply hover:bg-${color}-surface-primary-hover hover:text-light-primary`]: {},\r\n // keyboard active\r\n '&.active': {\r\n [`@apply bg-${color}-surface-primary-hover`]: {},\r\n },\r\n [`@apply active:bg-${color}-surface-primary-hover`]: {},\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-light-primary': {},\r\n [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n // hover\r\n [`@apply hover:bg-inverted-${color}-surface-primary-hover hover:text-inverted-light-primary`]: {},\r\n // keyboard active\r\n '&.active': {\r\n [`@apply bg-inverted-${color}-surface-primary-hover`]: {},\r\n },\r\n [`@apply active:bg-inverted-${color}-surface-primary-hover`]: {},\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n \"&[data-color='primary']\": {\r\n '@apply bg-primary-surface': {},\r\n '@apply hover:bg-primary-surface-hover': {},\r\n '&.active': {\r\n '@apply bg-primary-surface-hover': {},\r\n },\r\n [`@apply active:bg-primary-surface-hover`]: {},\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-light-primary': {},\r\n '@apply bg-inverted-primary-surface': {},\r\n '@apply hover:bg-inverted-primary-surface-hover': {},\r\n '&.active': {\r\n '@apply bg-inverted-primary-surface-hover': {},\r\n },\r\n [`@apply active:bg-inverted-primary-surface-hover`]: {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\nfunction buttonSecondary() {\r\n return {\r\n '&-secondary': {\r\n '@apply border-secondary-outline': {},\r\n '@apply text-dark-secondary': {},\r\n '@apply bg-secondary-surface': {},\r\n /* hover */\r\n '@apply hover:border-secondary-outline-hover': {},\r\n '@apply hover:bg-secondary-surface-hover': {},\r\n /* focus */\r\n '@apply focus-visible:border-background-content': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-secondary-surface-disabled bg-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply border-inverted-secondary-outline': {},\r\n '@apply text-inverted-dark-secondary': {},\r\n '@apply bg-inverted-secondary-surface': {},\r\n /* hover */\r\n '@apply hover:border-inverted-secondary-outline-hover': {},\r\n '@apply hover:bg-inverted-secondary-surface-hover': {},\r\n /* focus */\r\n '@apply focus-visible:border-inverted-background-content': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-inverted-secondary-surface-disabled bg-inverted-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction buttonTertiary() {\r\n return {\r\n '&-tertiary': {\r\n '@apply text-dark-secondary': {},\r\n '@apply bg-tertiary-surface': {},\r\n /* hover */\r\n '@apply hover:bg-tertiary-surface-hover': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-tertiary-surface-disabled bg-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-secondary': {},\r\n '@apply bg-inverted-tertiary-surface': {},\r\n /* hover */\r\n '@apply hover:bg-inverted-tertiary-surface-hover': {},\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-inverted-tertiary-surface-disabled bg-inverted-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\nfunction buttonGhost() {\r\n return {\r\n '&-ghost': {\r\n '@apply text-dark-secondary': {},\r\n '@apply bg-transparent': {},\r\n '@apply border-transparent': {},\r\n /* hover */\r\n '@apply hover:bg-transparent': {},\r\n '@apply hover:border-transparent': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-transparent bg-transparent disabled:border-transparent border-transparent !important': {},\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-secondary': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction buttonLink(colors: string[]) {\r\n return {\r\n '&-link': {\r\n '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n '&.active': {\r\n '@apply underline': {},\r\n },\r\n // dark colors\r\n '@apply dark:text-neutral-200': {},\r\n '@apply dark:active:text-neutral-500': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply text-${color}-text active:text-${color}-text`]: {},\r\n // dark colors\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n };\r\n}\r\n\r\nexport const Button = (colors: string[]) => ({\r\n '.sk-btn': {\r\n '@apply box-border': {},\r\n '@apply border-2 border-transparent': {},\r\n '@apply cursor-pointer': {},\r\n '@apply relative': {},\r\n '@apply m-0': {},\r\n '@apply px-24 py-8 gap-8': {},\r\n '@apply inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n '@apply rounded-button': {},\r\n transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n '@apply\tduration-75 ease-out': {},\r\n '@apply outline-none appearance-none select-none whitespace-nowrap': {},\r\n '@apply focus-visible:outline-none': {},\r\n '@apply focus-visible:ring': {},\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-circular': {},\r\n },\r\n\r\n // sizing\r\n '&-sm': {\r\n '@apply text-label-small': {},\r\n '@apply px-14 py-8 gap-6': {},\r\n '@apply max-h-32 h-32': {},\r\n '@apply rounded-button-sm': {},\r\n 'svg, .sk-icon': {\r\n '@apply h-16 w-16': {},\r\n },\r\n },\r\n\r\n '&-md': {\r\n '@apply text-label-medium': {},\r\n '@apply px-18 py-8 gap-8': {},\r\n '@apply max-h-40 h-40': {},\r\n '@apply rounded-button-md': {},\r\n 'svg, .sk-icon': {\r\n '@apply h-18 w-18': {},\r\n },\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-label-large': {},\r\n '@apply px-24 py-8 gap-8': {},\r\n '@apply max-h-48 h-48': {},\r\n '@apply rounded-button-lg': {},\r\n 'svg, .sk-icon': {\r\n '@apply h-20 w-20': {},\r\n },\r\n },\r\n\r\n // State\r\n '&-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply shadow-none disabled:shadow-none disabled:cursor-default cursor-default': {},\r\n '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n '&[data-inverted=\"true\"]': {\r\n '@apply disabled:text-inverted-dark-disabled text-inverted-dark-disabled disabled:bg-inverted-primary-surface-disabled bg-inverted-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n },\r\n\r\n // variants\r\n ...buttonPrimary(colors),\r\n ...buttonSecondary(),\r\n ...buttonTertiary(),\r\n ...buttonGhost(),\r\n ...buttonLink(colors),\r\n\r\n '&[data-background=\"false\"]:not(:hover)': {\r\n '@apply bg-transparent': {},\r\n },\r\n '.btn-has-icon': {\r\n '&-left': {\r\n '@apply h-full flex items-center justify-center -ml-2': {},\r\n '.sk-icon': {\r\n '@apply bg-transparent': {},\r\n color: 'currentColor',\r\n },\r\n },\r\n '&-right': {\r\n '@apply h-full flex items-center justify-center -mr-2': {},\r\n '.sk-icon': {\r\n '@apply bg-transparent': {},\r\n color: 'currentColor',\r\n },\r\n },\r\n },\r\n '&-lg .btn-has-icon-left': {\r\n '@apply -ml-4': {},\r\n },\r\n '&-lg .btn-has-icon-right': {\r\n '@apply -mr-4': {},\r\n },\r\n '&[data-icon=true]': {\r\n '@apply p-0': {},\r\n\r\n '.sk-icon': {\r\n '@apply bg-transparent': {},\r\n color: 'currentColor',\r\n },\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-full': {},\r\n },\r\n\r\n '&.sk-btn-sm': {\r\n '@apply w-32 min-w-32 max-w-32': {},\r\n 'svg, .sk-icon': {\r\n '@apply h-20 w-20': {},\r\n },\r\n },\r\n\r\n '&.sk-btn-md': {\r\n '@apply w-40 min-w-40 max-w-40': {},\r\n\r\n 'svg, .sk-icon': {\r\n '@apply h-20 w-20': {},\r\n },\r\n },\r\n\r\n '&.sk-btn-lg': {\r\n '@apply w-48 min-w-48 max-w-48': {},\r\n\r\n 'svg, .sk-icon': {\r\n '@apply h-24 w-24': {},\r\n },\r\n },\r\n '.btn-has-icon': {\r\n '&-left': {\r\n '@apply m-0': {},\r\n },\r\n '&-right': {\r\n '@apply m-0': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"button.js","names":["buttonPrimary","colors","_extends","reduce","styles","color","buttonSecondary","buttonTertiary","buttonGhost","buttonLink","Button","transitionProperty"],"sources":["../../../src/components/button.ts"],"sourcesContent":["function buttonPrimary(colors: string[]) {\r\n return {\r\n '&-primary': {\r\n '@apply text-light-primary': {},\r\n /* hover */\r\n '@apply hover:bg-primary-surface-hover': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply bg-${color}-surface-primary text-${color}-text-secondary`]: {},\r\n // hover\r\n [`@apply hover:bg-${color}-surface-primary-hover hover:text-light-primary`]: {},\r\n // keyboard active\r\n '&.active': {\r\n [`@apply bg-${color}-surface-primary-hover`]: {},\r\n },\r\n [`@apply active:bg-${color}-surface-primary-hover`]: {},\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-light-primary': {},\r\n [`@apply bg-inverted-${color}-surface-primary text-inverted-${color}-text-secondary`]: {},\r\n // hover\r\n [`@apply hover:bg-inverted-${color}-surface-primary-hover hover:text-inverted-light-primary`]: {},\r\n // keyboard active\r\n '&.active': {\r\n [`@apply bg-inverted-${color}-surface-primary-hover`]: {},\r\n },\r\n [`@apply active:bg-inverted-${color}-surface-primary-hover`]: {},\r\n },\r\n },\r\n }),\r\n {}\r\n ),\r\n\r\n \"&[data-color='primary']\": {\r\n '@apply bg-primary-surface': {},\r\n '@apply hover:bg-primary-surface-hover': {},\r\n '&.active': {\r\n '@apply bg-primary-surface-hover': {},\r\n },\r\n [`@apply active:bg-primary-surface-hover`]: {},\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-light-primary': {},\r\n '@apply bg-inverted-primary-surface': {},\r\n '@apply hover:bg-inverted-primary-surface-hover': {},\r\n '&.active': {\r\n '@apply bg-inverted-primary-surface-hover': {},\r\n },\r\n [`@apply active:bg-inverted-primary-surface-hover`]: {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\nfunction buttonSecondary() {\r\n return {\r\n '&-secondary': {\r\n '@apply border-secondary-outline': {},\r\n '@apply text-dark-secondary': {},\r\n '@apply bg-secondary-surface': {},\r\n /* hover */\r\n '@apply hover:border-secondary-outline-hover': {},\r\n '@apply hover:bg-secondary-surface-hover': {},\r\n /* focus */\r\n '@apply focus-visible:border-background-content': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-secondary-surface-disabled bg-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply border-inverted-secondary-outline': {},\r\n '@apply text-inverted-dark-secondary': {},\r\n '@apply bg-inverted-secondary-surface': {},\r\n /* hover */\r\n '@apply hover:border-inverted-secondary-outline-hover': {},\r\n '@apply hover:bg-inverted-secondary-surface-hover': {},\r\n /* focus */\r\n '@apply focus-visible:border-inverted-background-content': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-inverted-secondary-surface-disabled bg-inverted-secondary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction buttonTertiary() {\r\n return {\r\n '&-tertiary': {\r\n '@apply text-dark-secondary': {},\r\n '@apply bg-tertiary-surface': {},\r\n /* hover */\r\n '@apply hover:bg-tertiary-surface-hover': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-tertiary-surface-disabled bg-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-secondary': {},\r\n '@apply bg-inverted-tertiary-surface': {},\r\n /* hover */\r\n '@apply hover:bg-inverted-tertiary-surface-hover': {},\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-inverted-tertiary-surface-disabled bg-inverted-tertiary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n },\r\n },\r\n };\r\n}\r\nfunction buttonGhost() {\r\n return {\r\n '&-ghost': {\r\n '@apply text-dark-secondary': {},\r\n '@apply bg-transparent': {},\r\n '@apply border-transparent': {},\r\n /* hover */\r\n '@apply hover:bg-transparent': {},\r\n '@apply hover:border-transparent': {},\r\n\r\n // State\r\n '&.sk-btn-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply disabled:bg-transparent bg-transparent disabled:border-transparent border-transparent !important': {},\r\n },\r\n\r\n '&[data-inverted=\"true\"]': {\r\n '@apply text-inverted-dark-secondary': {},\r\n },\r\n },\r\n };\r\n}\r\n\r\nfunction buttonLink(colors: string[]) {\r\n return {\r\n '&-link': {\r\n '@apply h-auto p-0 leading-normal text-neutral-600 hover:underline active:text-neutral-700': {},\r\n '&.active': {\r\n '@apply underline': {},\r\n },\r\n // dark colors\r\n '@apply dark:text-neutral-200': {},\r\n '@apply dark:active:text-neutral-500': {},\r\n\r\n ...colors.reduce(\r\n (styles, color) => ({\r\n ...styles,\r\n [`&[data-color=\"${color}\"]`]: {\r\n [`@apply text-${color}-text active:text-${color}-text`]: {},\r\n // dark colors\r\n },\r\n }),\r\n {}\r\n ),\r\n },\r\n };\r\n}\r\n\r\nexport const Button = (colors: string[]) => ({\r\n '.sk-btn': {\r\n '@apply box-border': {},\r\n '@apply border-2 border-transparent': {},\r\n '@apply cursor-pointer': {},\r\n '@apply relative': {},\r\n '@apply m-0': {},\r\n '@apply px-24 py-8 gap-8': {},\r\n '@apply inline-flex items-center justify-center flex-shrink-0 align-middle': {},\r\n '@apply rounded-button': {},\r\n transitionProperty: 'background-color, border-color, color, fill, stroke, box-shadow',\r\n '@apply\tduration-75 ease-out': {},\r\n '@apply outline-none appearance-none select-none whitespace-nowrap': {},\r\n '@apply focus-visible:outline-none': {},\r\n '@apply focus-visible:ring': {},\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-circular': {},\r\n },\r\n\r\n // sizing\r\n '&-sm': {\r\n '@apply text-label-small': {},\r\n '@apply px-14 py-8 gap-6': {},\r\n '@apply max-h-32 h-32': {},\r\n '@apply rounded-button-sm': {},\r\n 'svg, .sk-icon': {\r\n '@apply h-16 w-16': {},\r\n },\r\n },\r\n\r\n '&-md': {\r\n '@apply text-label-medium': {},\r\n '@apply px-18 py-8 gap-8': {},\r\n '@apply max-h-40 h-40': {},\r\n '@apply rounded-button-md': {},\r\n 'svg, .sk-icon': {\r\n '@apply h-18 w-18': {},\r\n },\r\n },\r\n\r\n '&-lg': {\r\n '@apply text-label-large': {},\r\n '@apply px-24 py-8 gap-8': {},\r\n '@apply max-h-48 h-48': {},\r\n '@apply rounded-button-lg': {},\r\n 'svg, .sk-icon': {\r\n '@apply h-20 w-20': {},\r\n },\r\n },\r\n\r\n // State\r\n '&-disabled, &[aria-disabled=\"true\"]': {\r\n '@apply shadow-none disabled:shadow-none disabled:cursor-default cursor-default': {},\r\n '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important':\r\n {},\r\n },\r\n\r\n // variants\r\n ...buttonPrimary(colors),\r\n ...buttonSecondary(),\r\n ...buttonTertiary(),\r\n ...buttonGhost(),\r\n ...buttonLink(colors),\r\n\r\n '&[data-background=\"false\"]:not(:hover)': {\r\n '@apply bg-transparent': {},\r\n },\r\n '.btn-has-icon': {\r\n '&-left': {\r\n '@apply h-full flex items-center justify-center -ml-2': {},\r\n '.sk-icon': {\r\n '@apply bg-transparent': {},\r\n color: 'currentColor',\r\n },\r\n },\r\n '&-right': {\r\n '@apply h-full flex items-center justify-center -mr-2': {},\r\n '.sk-icon': {\r\n '@apply bg-transparent': {},\r\n color: 'currentColor',\r\n },\r\n },\r\n },\r\n '&-lg .btn-has-icon-left': {\r\n '@apply -ml-4': {},\r\n },\r\n '&-lg .btn-has-icon-right': {\r\n '@apply -mr-4': {},\r\n },\r\n '&[data-icon=true]': {\r\n '@apply p-0': {},\r\n\r\n '.sk-icon': {\r\n '@apply bg-transparent': {},\r\n color: 'currentColor',\r\n },\r\n\r\n \"&[data-rounded='true']\": {\r\n '@apply rounded-full': {},\r\n },\r\n\r\n '&.sk-btn-sm': {\r\n '@apply w-32 min-w-32 max-w-32': {},\r\n 'svg, .sk-icon': {\r\n '@apply h-20 w-20': {},\r\n },\r\n },\r\n\r\n '&.sk-btn-md': {\r\n '@apply w-40 min-w-40 max-w-40': {},\r\n\r\n 'svg, .sk-icon': {\r\n '@apply h-20 w-20': {},\r\n },\r\n },\r\n\r\n '&.sk-btn-lg': {\r\n '@apply w-48 min-w-48 max-w-48': {},\r\n\r\n 'svg, .sk-icon': {\r\n '@apply h-24 w-24': {},\r\n },\r\n },\r\n '.btn-has-icon': {\r\n '&-left': {\r\n '@apply m-0': {},\r\n },\r\n '&-right': {\r\n '@apply m-0': {},\r\n },\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
package/dist/esm/components/table-autotable.js CHANGED
@@ -20,7 +20,7 @@ export var TableAutoTable = () => ({
20
20
  '@apply overflow-auto': {}
21
21
  }
22
22
  },
23
- '&:not([data-background="true"])': {
23
+ '&:not([data-background="true"]):not([data-wrappingborder="true"])': {
24
24
  '@apply border-0': {},
25
25
  '@apply bg-transparent': {}
26
26
  },
package/dist/esm/components/table-autotable.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"table-autotable.js","names":["TableAutoTable","svg","td","th"],"sources":["../../../src/components/table-autotable.ts"],"sourcesContent":["export const TableAutoTable = () => ({\r\n '.sk-table-wrapper': {\r\n '@apply text-base': {},\r\n '@apply rounded-groups': {},\r\n '@apply border-1 border-divider': {},\r\n '@apply bg-background-content': {},\r\n '@apply relative': {},\r\n\r\n '&-inside': {\r\n '@apply border-0 rounded-t-groups': {},\r\n '@apply overflow-hidden': {},\r\n '@apply w-full': {},\r\n '@apply h-full max-h-full': {},\r\n '&[data-scroll=\"x\"]': {\r\n '@apply overflow-x-auto': {},\r\n },\r\n '&[data-scroll=\"y\"]': {\r\n '@apply overflow-y-auto': {},\r\n },\r\n '&[data-scroll=\"true\"]': {\r\n '@apply overflow-auto': {},\r\n },\r\n },\r\n '&:not([data-background=\"true\"])': {\r\n '@apply border-0': {},\r\n '@apply bg-transparent': {},\r\n },\r\n '.sk-table-wrapper-inside': {\r\n '@apply border-0 rounded-b-groups': {},\r\n },\r\n },\r\n '.sk-table': {\r\n '@apply w-full text-left table-auto': {},\r\n '@apply text-dark-secondary': {},\r\n\r\n '&-thead': {\r\n '@apply border-b-1 border-dark-primary': {},\r\n '&[data-stickyheader=\"true\"]': {\r\n '@apply sticky top-0': {},\r\n '@apply bg-background-content': {},\r\n '@apply border-b-0': {},\r\n '.sk-table-col-content': {\r\n '@apply border-b-1 border-dark-primary': {},\r\n },\r\n },\r\n\r\n '&-tr': {\r\n '@apply table-row': {},\r\n '@apply text-label-small': {},\r\n },\r\n\r\n '.sk-table-th': {\r\n '@apply h-56': {},\r\n '@apply p-0': {},\r\n '&:first-of-type': {\r\n '.sk-table-sticky-col': {\r\n '@apply rounded-tl-groups': {},\r\n },\r\n },\r\n '&:last-of-type': {\r\n '.sk-table-sticky-col': {\r\n '@apply rounded-tr-groups': {},\r\n },\r\n },\r\n '.sk-table-col-content': {\r\n '@apply py-4': {},\r\n '@apply px-16': {},\r\n },\r\n\r\n \"&[data-isColumnSortable='true']\": {\r\n '@apply cursor-pointer': {},\r\n },\r\n },\r\n '@apply bg-transparent': {},\r\n '&[data-background=\"true\"]': {\r\n '@apply border-b-0': {},\r\n '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n '.sk-table-col-content': {\r\n '@apply border-b-0': {},\r\n },\r\n '[data-sticky=\"true\"]': {\r\n '@apply bg-vattjom-background-200': {},\r\n },\r\n },\r\n },\r\n\r\n '&-sortbutton': {\r\n '@apply flex items-center': {},\r\n '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n '@apply focus-visible:bg-vattjom-background-200': {},\r\n '@apply rounded-utility': {},\r\n '@apply pr-16': {},\r\n '@apply h-40': {},\r\n\r\n '&-icon': {\r\n '@apply inline-flex pl-sm': {},\r\n\r\n '&-sort': {\r\n '@apply text-dark-secondary': {},\r\n '@apply flex flex-col': {},\r\n\r\n svg: {\r\n '@apply h-16 w-16': {},\r\n '@apply first-of-type:-mb-4': {},\r\n '@apply last-of-type:-mt-4': {},\r\n },\r\n\r\n \"&[data-sortmode='ascending']\": {\r\n '> *': {\r\n '@apply last-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n\r\n \"&[data-sortmode='descending']\": {\r\n '> *': {\r\n '@apply first-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-tbody': {\r\n '@apply text-dark-secondary bg-transparent': {},\r\n\r\n '&-tr': {\r\n '@apply bg-transparent': {},\r\n '@apply hover:bg-background-100': {},\r\n '@apply border-b-1 border-divider': {},\r\n '@apply last-of-type:border-b-transparent': {},\r\n '@apply focus-visible:shadow-insetring': {},\r\n '&:hover': {\r\n td: {\r\n '@apply bg-background-100': {},\r\n },\r\n },\r\n },\r\n\r\n '&-td, .sk-table-th': {\r\n '@apply p-0': {},\r\n '@apply text-small': {},\r\n '@apply h-64-1': {},\r\n '@apply min-h-64-1': {},\r\n\r\n '@apply focus-visible:shadow-insetring': {},\r\n '.sk-table-col-content': {\r\n '@apply py-8 px-18': {},\r\n '@apply gap-8': {},\r\n },\r\n },\r\n },\r\n\r\n '&-col-content': {\r\n '@apply flex': {},\r\n '@apply w-full': {},\r\n '@apply justify-start items-center': {},\r\n '@apply h-full': {},\r\n },\r\n\r\n '&[data-dense=\"dense\"]': {\r\n '.sk-table': {\r\n '&-col-content': {\r\n '@apply py-0': {},\r\n },\r\n '&-thead': {\r\n th: {\r\n '@apply h-48': {},\r\n },\r\n },\r\n '&-tbody': {\r\n '&-td, .sk-table-th': {\r\n '@apply h-48-1': {},\r\n '@apply min-h-48-1': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '[data-sticky=\"true\"]': {\r\n '@apply sticky': {},\r\n '@apply bg-background-content': {},\r\n\r\n '&:first-of-type': {\r\n '@apply left-0': {},\r\n },\r\n '&:last-of-type': {\r\n '@apply right-0': {},\r\n },\r\n },\r\n\r\n '&[data-hasscroll=\"true\"]': {\r\n '[data-sticky=\"true\"]': {\r\n '&:first-of-type': {\r\n '.sk-table-col-content': {\r\n '@apply border-r-1 border-r-divider': {},\r\n },\r\n },\r\n '&:last-of-type': {\r\n '.sk-table-col-content': {\r\n '@apply border-l-1 border-r-divider': {},\r\n },\r\n },\r\n '.sk-table-col-content': {},\r\n },\r\n },\r\n '&-paginationwrapper': {\r\n '@apply max-w-[37.5em]': {},\r\n '@apply shrink grow': {},\r\n '@apply hidden @screen-md/footer:flex': {},\r\n },\r\n\r\n '&-bottom': {\r\n '@apply @container/footer': {},\r\n '@apply py-14 px-16': {},\r\n '@apply border-t-1 border-divider': {},\r\n '@apply flex flex-row': {},\r\n '@apply flex-wrap': {},\r\n '@apply @screen-lg/footer:gap-32': {},\r\n '@apply @screen-md/footer:gap-16': {},\r\n '@apply gap-8': {},\r\n '@apply justify-between items-center': {},\r\n '&-section': {\r\n '@apply shrink-0': {},\r\n '@apply flex flex-col': {},\r\n '@apply justify-start items-center': {},\r\n '@apply @screen-sm/footer:flex-row': {},\r\n '@apply gap-8': {},\r\n '&.sk-table-pagination-mobile': {\r\n '@apply @screen-md/footer:hidden': {},\r\n },\r\n '&-label': {\r\n '@apply font-normal': {},\r\n '@apply text-small': {},\r\n '@apply shrink-0': {},\r\n },\r\n },\r\n '&-pagination': {\r\n '@apply grow': {},\r\n '@apply shrink': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
1
+ {"version":3,"file":"table-autotable.js","names":["TableAutoTable","svg","td","th"],"sources":["../../../src/components/table-autotable.ts"],"sourcesContent":["export const TableAutoTable = () => ({\r\n '.sk-table-wrapper': {\r\n '@apply text-base': {},\r\n '@apply rounded-groups': {},\r\n '@apply border-1 border-divider': {},\r\n '@apply bg-background-content': {},\r\n '@apply relative': {},\r\n\r\n '&-inside': {\r\n '@apply border-0 rounded-t-groups': {},\r\n '@apply overflow-hidden': {},\r\n '@apply w-full': {},\r\n '@apply h-full max-h-full': {},\r\n '&[data-scroll=\"x\"]': {\r\n '@apply overflow-x-auto': {},\r\n },\r\n '&[data-scroll=\"y\"]': {\r\n '@apply overflow-y-auto': {},\r\n },\r\n '&[data-scroll=\"true\"]': {\r\n '@apply overflow-auto': {},\r\n },\r\n },\r\n '&:not([data-background=\"true\"]):not([data-wrappingborder=\"true\"])': {\r\n '@apply border-0': {},\r\n '@apply bg-transparent': {},\r\n },\r\n '.sk-table-wrapper-inside': {\r\n '@apply border-0 rounded-b-groups': {},\r\n },\r\n },\r\n '.sk-table': {\r\n '@apply w-full text-left table-auto': {},\r\n '@apply text-dark-secondary': {},\r\n\r\n '&-thead': {\r\n '@apply border-b-1 border-dark-primary': {},\r\n '&[data-stickyheader=\"true\"]': {\r\n '@apply sticky top-0': {},\r\n '@apply bg-background-content': {},\r\n '@apply border-b-0': {},\r\n '.sk-table-col-content': {\r\n '@apply border-b-1 border-dark-primary': {},\r\n },\r\n },\r\n\r\n '&-tr': {\r\n '@apply table-row': {},\r\n '@apply text-label-small': {},\r\n },\r\n\r\n '.sk-table-th': {\r\n '@apply h-56': {},\r\n '@apply p-0': {},\r\n '&:first-of-type': {\r\n '.sk-table-sticky-col': {\r\n '@apply rounded-tl-groups': {},\r\n },\r\n },\r\n '&:last-of-type': {\r\n '.sk-table-sticky-col': {\r\n '@apply rounded-tr-groups': {},\r\n },\r\n },\r\n '.sk-table-col-content': {\r\n '@apply py-4': {},\r\n '@apply px-16': {},\r\n },\r\n\r\n \"&[data-isColumnSortable='true']\": {\r\n '@apply cursor-pointer': {},\r\n },\r\n },\r\n '@apply bg-transparent': {},\r\n '&[data-background=\"true\"]': {\r\n '@apply border-b-0': {},\r\n '@apply bg-vattjom-background-200 border-b-transparent': {},\r\n '.sk-table-col-content': {\r\n '@apply border-b-0': {},\r\n },\r\n '[data-sticky=\"true\"]': {\r\n '@apply bg-vattjom-background-200': {},\r\n },\r\n },\r\n },\r\n\r\n '&-sortbutton': {\r\n '@apply flex items-center': {},\r\n '@apply focus-visible:ring ring-ring ring-offset-0': {},\r\n '@apply focus-visible:bg-vattjom-background-200': {},\r\n '@apply rounded-utility': {},\r\n '@apply pr-16': {},\r\n '@apply h-40': {},\r\n\r\n '&-icon': {\r\n '@apply inline-flex pl-sm': {},\r\n\r\n '&-sort': {\r\n '@apply text-dark-secondary': {},\r\n '@apply flex flex-col': {},\r\n\r\n svg: {\r\n '@apply h-16 w-16': {},\r\n '@apply first-of-type:-mb-4': {},\r\n '@apply last-of-type:-mt-4': {},\r\n },\r\n\r\n \"&[data-sortmode='ascending']\": {\r\n '> *': {\r\n '@apply last-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n\r\n \"&[data-sortmode='descending']\": {\r\n '> *': {\r\n '@apply first-of-type:text-dark-ghost': {},\r\n },\r\n },\r\n },\r\n },\r\n },\r\n\r\n '&-tbody': {\r\n '@apply text-dark-secondary bg-transparent': {},\r\n\r\n '&-tr': {\r\n '@apply bg-transparent': {},\r\n '@apply hover:bg-background-100': {},\r\n '@apply border-b-1 border-divider': {},\r\n '@apply last-of-type:border-b-transparent': {},\r\n '@apply focus-visible:shadow-insetring': {},\r\n '&:hover': {\r\n td: {\r\n '@apply bg-background-100': {},\r\n },\r\n },\r\n },\r\n\r\n '&-td, .sk-table-th': {\r\n '@apply p-0': {},\r\n '@apply text-small': {},\r\n '@apply h-64-1': {},\r\n '@apply min-h-64-1': {},\r\n\r\n '@apply focus-visible:shadow-insetring': {},\r\n '.sk-table-col-content': {\r\n '@apply py-8 px-18': {},\r\n '@apply gap-8': {},\r\n },\r\n },\r\n },\r\n\r\n '&-col-content': {\r\n '@apply flex': {},\r\n '@apply w-full': {},\r\n '@apply justify-start items-center': {},\r\n '@apply h-full': {},\r\n },\r\n\r\n '&[data-dense=\"dense\"]': {\r\n '.sk-table': {\r\n '&-col-content': {\r\n '@apply py-0': {},\r\n },\r\n '&-thead': {\r\n th: {\r\n '@apply h-48': {},\r\n },\r\n },\r\n '&-tbody': {\r\n '&-td, .sk-table-th': {\r\n '@apply h-48-1': {},\r\n '@apply min-h-48-1': {},\r\n },\r\n },\r\n },\r\n },\r\n\r\n '[data-sticky=\"true\"]': {\r\n '@apply sticky': {},\r\n '@apply bg-background-content': {},\r\n\r\n '&:first-of-type': {\r\n '@apply left-0': {},\r\n },\r\n '&:last-of-type': {\r\n '@apply right-0': {},\r\n },\r\n },\r\n\r\n '&[data-hasscroll=\"true\"]': {\r\n '[data-sticky=\"true\"]': {\r\n '&:first-of-type': {\r\n '.sk-table-col-content': {\r\n '@apply border-r-1 border-r-divider': {},\r\n },\r\n },\r\n '&:last-of-type': {\r\n '.sk-table-col-content': {\r\n '@apply border-l-1 border-r-divider': {},\r\n },\r\n },\r\n '.sk-table-col-content': {},\r\n },\r\n },\r\n '&-paginationwrapper': {\r\n '@apply max-w-[37.5em]': {},\r\n '@apply shrink grow': {},\r\n '@apply hidden @screen-md/footer:flex': {},\r\n },\r\n\r\n '&-bottom': {\r\n '@apply @container/footer': {},\r\n '@apply py-14 px-16': {},\r\n '@apply border-t-1 border-divider': {},\r\n '@apply flex flex-row': {},\r\n '@apply flex-wrap': {},\r\n '@apply @screen-lg/footer:gap-32': {},\r\n '@apply @screen-md/footer:gap-16': {},\r\n '@apply gap-8': {},\r\n '@apply justify-between items-center': {},\r\n '&-section': {\r\n '@apply shrink-0': {},\r\n '@apply flex flex-col': {},\r\n '@apply justify-start items-center': {},\r\n '@apply @screen-sm/footer:flex-row': {},\r\n '@apply gap-8': {},\r\n '&.sk-table-pagination-mobile': {\r\n '@apply @screen-md/footer:hidden': {},\r\n },\r\n '&-label': {\r\n '@apply font-normal': {},\r\n '@apply text-small': {},\r\n '@apply shrink-0': {},\r\n },\r\n },\r\n '&-pagination': {\r\n '@apply grow': {},\r\n '@apply shrink': {},\r\n },\r\n },\r\n },\r\n});\r\n"],"mappings":"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","ignoreList":[]}
package/dist/types/components/ai/ai-module.d.ts CHANGED
@@ -1,19 +1,22 @@
1
1
  export declare const AIModule: (colors: string[]) => {
2
2
  '.sk-ai-module': {
3
3
  '@apply fixed': {};
4
+ '@apply z-50': {};
4
5
  '@apply overflow-hidden': {};
5
6
  '@apply flex flex-col gap-0 items-center justify-start': {};
6
7
  '@apply shadow-200': {};
7
8
  '@apply transition-all': {};
9
+ '@apply duration-300': {};
8
10
  '@apply bottom-0 right-0': {};
9
11
  '&-content': {
10
12
  '@apply flex w-full gap-0 h-full justify-between': {};
11
13
  '@apply overflow-hidden': {};
12
14
  '&-row': {
13
15
  '@apply flex flex-col': {};
16
+ '@apply bg-background-content': {};
14
17
  };
15
18
  '&-main': {
16
- '@apply grow shrink max-h-full items-center': {};
19
+ '@apply grow shrink max-h-full max-w-full items-center': {};
17
20
  };
18
21
  };
19
22
  '&-sidebar': {
@@ -35,6 +38,7 @@ export declare const AIModule: (colors: string[]) => {
35
38
  '@apply px-16 pt-16 pb-24 gap-16': {};
36
39
  '@apply w-full': {};
37
40
  '@apply max-h-full overflow-y-auto': {};
41
+ '@apply max-w-full overflow-x-hidden': {};
38
42
  '&-questions': {
39
43
  '@apply flex flex-col gap-8 w-full': {};
40
44
  '&-title': {
@@ -54,7 +58,7 @@ export declare const AIModule: (colors: string[]) => {
54
58
  '@apply w-[26em]': {};
55
59
  '@apply max-h-[44em]': {};
56
60
  '&[data-docked="false"]': {
57
- '@apply h-full': {};
61
+ '@apply h-[44em]': {};
58
62
  };
59
63
  };
60
64
  '.sk-ai-feed': {
@@ -79,6 +83,9 @@ export declare const AIModule: (colors: string[]) => {
79
83
  '@apply pt-20 pb-32': {};
80
84
  };
81
85
  };
86
+ '&[data-docked="true"]': {
87
+ '@apply h-64 w-[19em]': {};
88
+ };
82
89
  '&-header': {
83
90
  '&[data-fullscreen="true"]': {
84
91
  '@apply bg-background-content': {};
@@ -94,6 +101,7 @@ export declare const AIModule: (colors: string[]) => {
94
101
  '@apply text-inverted-dark-primary': {};
95
102
  '&[data-docked="true"]': {
96
103
  '@apply px-12 pt-10 pb-12': {};
104
+ '@apply cursor-pointer': {};
97
105
  };
98
106
  '&-title': {
99
107
  '@apply flex justify-start items-center': {};
@@ -135,5 +143,8 @@ export declare const AIModule: (colors: string[]) => {
135
143
  };
136
144
  };
137
145
  };
146
+ '.sk-avatar': {
147
+ '@apply transition-all duration-500': {};
148
+ };
138
149
  };
139
150
  };
package/dist/types/components/ai/bubble.d.ts CHANGED
@@ -20,6 +20,7 @@ export declare const Bubble: (colors: string[]) => {
20
20
  };
21
21
  '@apply inline-flex text-left items-center justify-start': {};
22
22
  '@apply w-fit': {};
23
+ '@apply focus-visible:ring ring-ring': {};
23
24
  '@apply relative': {};
24
25
  '@apply rounded-t-button rounded-br-button': {};
25
26
  '@apply pt-10 pr-12 pb-10 pl-14': {};
package/dist/types/components/ai/markdown-rendered.d.ts CHANGED
@@ -2,7 +2,7 @@ export declare const MarkdownRendered: () => {
2
2
  '.sk-ai-markdown': {
3
3
  '@apply flex flex-col gap-32': {};
4
4
  '&-p': {
5
- '@apply mb-0 my-0': {};
5
+ '@apply mb-0 my-0 break-words': {};
6
6
  };
7
7
  '&-a': {
8
8
  '@apply my-8': {};
package/dist/types/components/button.d.ts CHANGED
@@ -187,9 +187,6 @@ export declare const Button: (colors: string[]) => {
187
187
  '&-disabled, &[aria-disabled="true"]': {
188
188
  '@apply shadow-none disabled:shadow-none disabled:cursor-default cursor-default': {};
189
189
  '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important': {};
190
- '&[data-inverted="true"]': {
191
- '@apply disabled:text-inverted-dark-disabled text-inverted-dark-disabled disabled:bg-inverted-primary-surface-disabled bg-inverted-primary-surface-disabled disabled:border-transparent border-transparent !important': {};
192
- };
193
190
  };
194
191
  };
195
192
  };
package/dist/types/components/table-autotable.d.ts CHANGED
@@ -20,7 +20,7 @@ export declare const TableAutoTable: () => {
20
20
  '@apply overflow-auto': {};
21
21
  };
22
22
  };
23
- '&:not([data-background="true"])': {
23
+ '&:not([data-background="true"]):not([data-wrappingborder="true"])': {
24
24
  '@apply border-0': {};
25
25
  '@apply bg-transparent': {};
26
26
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@sk-web-gui/core",
3
- "version": "3.2.0",
3
+ "version": "3.3.0",
4
4
  "license": "MIT",
5
5
  "main": "dist/cjs/index.js",
6
6
  "module": "dist/esm/index.js",
@@ -43,5 +43,5 @@
43
43
  "@sk-web-gui/theme": "2.1.1",
44
44
  "mini-svg-data-uri": "^1.4.4"
45
45
  },
46
- "gitHead": "af5bd1267d1cd2c9fabd3d83c9503663765e5725"
46
+ "gitHead": "cd1104a099f541395bdaaa889ce7130deb41c0e0"
47
47
  }