@sk-web-gui/core 3.1.0 → 3.3.0

package/dist/types/components/ai/ai-feed.d.ts

@@ -1,22 +1,27 @@
 export declare const AIFeed: () => {
     '.sk-ai-feed': {
-        '@apply mt-8 p-16 pb-24 pr-16 h-auto overflow-y-auto max-h-full flex flex-col': {};
+        '@apply h-auto max-h-full flex flex-col gap-32': {};
         '&-entry': {
             '@apply flex items-start gap-12': {};
+            '@apply w-full': {};
             '&-avatar': {
                 '@apply grow-0 shrink-0 w-fit': {};
             };
             '&-container': {
                 '@apply flex flex-col pb-20 gap-20': {};
+                '@apply w-full': {};
             };
             '&-content': {
                 '@apply break-words max-w-full flex flex-col grow gap-4': {};
             };
             '&-heading': {
                 '@apply text-large font-bold': {};
+                '&[data-showtitle="false"]': {
+                    '@apply w-0 h-0 opacity-0': {};
+                };
             };
             '&-references': {
-                '@apply bg-background-200 rounded-button pt-8 pb-8 pl-20 pr-12 gap-8 text-dark-primary': {};
+                '@apply bg-background-200 rounded-button py-0 pl-20 pr-12 gap-8 text-dark-primary': {};
                 '&-header': {
                     '@apply text-dark-primary': {};
                 };
@@ -30,5 +35,22 @@ export declare const AIFeed: () => {
                 };
             };
         };
+        '&-live-wrapper': {
+            '@apply absolute w-1 h-1 -m-1 overflow-hidden whitespace-nowrap p-0 opacity-0': {};
+        };
+        '&[data-size="lg"]': {
+            '.sk-ai-feed-avatar, .sk-avatar': {
+                '@apply w-40 h-40': {};
+            };
+            '.sk-ai-feed-container': {
+                '@apply pb-32 gap-32': {};
+                '@apply w-full': {};
+            };
+        };
+        '&[data-size="sm"]': {
+            '.sk-ai-feed-avatar, .sk-avatar': {
+                '@apply w-32 h-32': {};
+            };
+        };
     };
 };

package/dist/types/components/ai/ai-module.d.ts

@@ -1,27 +1,44 @@
 export declare const AIModule: (colors: string[]) => {
     '.sk-ai-module': {
         '@apply fixed': {};
+        '@apply z-50': {};
+        '@apply overflow-hidden': {};
         '@apply flex flex-col gap-0 items-center justify-start': {};
         '@apply shadow-200': {};
-        '@apply overflow-hidden': {};
         '@apply transition-all': {};
+        '@apply duration-300': {};
         '@apply bottom-0 right-0': {};
         '&-content': {
             '@apply flex w-full gap-0 h-full justify-between': {};
+            '@apply overflow-hidden': {};
             '&-row': {
                 '@apply flex flex-col': {};
+                '@apply bg-background-content': {};
+            };
+            '&-main': {
+                '@apply grow shrink max-h-full max-w-full items-center': {};
             };
         };
         '&-sidebar': {
             '@apply flex flex-col': {};
             '@apply min-w-[22em]': {};
             '@apply h-full': {};
+            '@apply overflow-hidden': {};
             '@apply border-r-1 border-r-divider': {};
-            '@apply pt-20 px-24 gap-16': {};
+            '@apply pt-20 px-0 gap-16': {};
+            '&-sessions': {
+                '@apply flex flex-col': {};
+                '@apply grow w-full': {};
+                '@apply overflow-y-auto': {};
+                '@apply px-24 pb-20 gap-16': {};
+            };
         };
         '&-feed': {
             '@apply flex flex-col grow': {};
             '@apply px-16 pt-16 pb-24 gap-16': {};
+            '@apply w-full': {};
+            '@apply max-h-full overflow-y-auto': {};
+            '@apply max-w-full overflow-x-hidden': {};
             '&-questions': {
                 '@apply flex flex-col gap-8 w-full': {};
                 '&-title': {
@@ -32,18 +49,42 @@ export declare const AIModule: (colors: string[]) => {
                 };
             };
         };
+        '.sk-ai-inputsection': {
+            '@apply shrink-0': {};
+        };
         '&[data-fullscreen="false"]': {
             '@apply rounded-tl-groups': {};
             '@apply max-w-[26em]': {};
+            '@apply w-[26em]': {};
+            '@apply max-h-[44em]': {};
+            '&[data-docked="false"]': {
+                '@apply h-[44em]': {};
+            };
+        };
+        '.sk-ai-feed': {
+            '@apply w-full': {};
         };
         '&[data-fullscreen="true"]': {
-            '@apply w-full h-full': {};
+            '@apply w-full': {};
             '.sk-ai-module-feed': {
                 '@apply gap-40 grow w-full items-center': {};
+                '.sk-ai-feed': {
+                    '@apply text-base max-w-[50em]': {};
+                };
                 '&-questions': {
                     '@apply flex-row gap-16': {};
+                    '&-wrapper': {
+                        '@apply text-base max-w-[50em]': {};
+                    };
                 };
             };
+            '.sk-ai-inputsection': {
+                '@apply text-base max-w-[50em]': {};
+                '@apply pt-20 pb-32': {};
+            };
+        };
+        '&[data-docked="true"]': {
+            '@apply h-64 w-[19em]': {};
         };
         '&-header': {
             '&[data-fullscreen="true"]': {
@@ -53,12 +94,14 @@ export declare const AIModule: (colors: string[]) => {
             };
             '@apply flex items-center justify-between': {};
             '@apply w-full': {};
+            '@apply shrink-0': {};
             '@apply px-14 py-16': {};
             '@apply transition-all': {};
             '@apply bg-inverted-background-content': {};
             '@apply text-inverted-dark-primary': {};
             '&[data-docked="true"]': {
                 '@apply px-12 pt-10 pb-12': {};
+                '@apply cursor-pointer': {};
             };
             '&-title': {
                 '@apply flex justify-start items-center': {};
@@ -78,7 +121,7 @@ export declare const AIModule: (colors: string[]) => {
                 '@apply gap-12': {};
             };
             '&[data-variant="alt"]': {
-                '@apply p-0': {};
+                '@apply pt-0 px-24': {};
                 '@apply bg-transparent': {};
                 '.sk-avatar': {
                     '@apply w-56 h-56': {};
@@ -100,5 +143,8 @@ export declare const AIModule: (colors: string[]) => {
                 };
             };
         };
+        '.sk-avatar': {
+            '@apply transition-all duration-500': {};
+        };
     };
 };

package/dist/types/components/ai/assistant-presentation.d.ts

@@ -2,6 +2,7 @@ export declare const AssistantPresentation: () => {
     '.sk-ai-assistant-presentation': {
         '@apply flex flex-col gap-16 items-center justify-center': {};
         '@apply text-base': {};
+        '@apply h-full grow': {};
         '&-header': {
             '@apply flex flex-col items-center justify-start': {};
             '&-title': {
@@ -12,7 +13,7 @@ export declare const AssistantPresentation: () => {
             };
         };
         '&[data-size="lg"]': {
-            '@apply min-h-[25.5em] h-full grow': {};
+            '@apply min-h-[25.5em]': {};
             '@apply p-24': {};
             '@apply max-w-[27em]': {};
             '.sk-avatar': {
@@ -30,7 +31,6 @@ export declare const AssistantPresentation: () => {
             };
         };
         '&[data-size="sm"]': {
-            '@apply min-h-[24em]': {};
             '.sk-avatar': {
                 '@apply w-72 h-72': {};
                 '@apply max-w-72 max-h-72': {};

package/dist/types/components/ai/bubble.d.ts

@@ -1,29 +1,31 @@
 export declare const Bubble: (colors: string[]) => {
     '.sk-ai-bubble': {
         '&-tail': {
-            '@apply absolute left-0 bottom-[-2rem]': {};
+            '@apply text-base': {};
+            '@apply absolute left-0 bottom-[-1.25em]': {};
             '@apply w-32 h-32': {};
             '@apply rounded-tl-16 rounded-bl-0': {};
             '@apply bg-transparent': {};
-            '@apply shadow-[0_-1.6rem_0_0_var(--tw-shadow-color)]': {};
+            '@apply shadow-[0_-1em_0_0_var(--tw-shadow-color)]': {};
             '@apply scale-y-[25%]': {};
             '&:before': {
                 '@apply content-[""]': {};
-                '@apply absolute left-0 bottom-[-0.25rem]': {};
+                '@apply absolute left-0 bottom-[-0.15625em]': {};
                 '@apply w-32 h-32': {};
                 '@apply rounded-tl-16 rounded-bl-0': {};
                 '@apply bg-transparent': {};
-                '@apply shadow-[0_-0.25rem_0_0_rgb(0,0,0,0.2)]': {};
+                '@apply shadow-[0_-0.15625em_0_0_rgb(0,0,0,0.2)]': {};
                 'clip-path': string;
             };
         };
         '@apply inline-flex text-left items-center justify-start': {};
         '@apply w-fit': {};
+        '@apply focus-visible:ring ring-ring': {};
         '@apply relative': {};
         '@apply rounded-t-button rounded-br-button': {};
         '@apply pt-10 pr-12 pb-10 pl-14': {};
         '@apply gap-16': {};
-        '@apply shadow-[0_0.1rem_0_0_rgba(0,0,0,0.2)]': {};
+        '@apply shadow-[0_1px_0_0_rgba(0,0,0,0.2)]': {};
         '@apply text-small': {};
         '@apply text-dark-secondary': {};
     };

package/dist/types/components/ai/feedback.d.ts

@@ -1,18 +1,19 @@
 export declare const Feedback: () => {
     '.sk-ai-feedback': {
-        '@apply ml-24 flex gap-24 justify-end': {};
+        '@apply ml-24 flex gap-24 justify-start mb-16': {};
+        '@apply max-w-full': {};
         '&-button': {
             '&[data-current="true"]': {
                 '@apply bg-tertiary-surface-hover': {};
             };
         };
         '&-more': {
-            '@apply flex flex-col gap-8 pl-14 pr-8 pt-8 pb-14 bg-background-color-mixin-1 text-dark-primary rounded-button': {};
+            '@apply flex flex-col gap-8 px-14 pt-8 pb-12 bg-background-color-mixin-1 text-dark-primary rounded-button': {};
             '&-header': {
                 '@apply flex flex-row items-center justify-between text-label-small': {};
             };
             '&-reason': {
-                '@apply flex flex-row items-center gap-8 justify-start': {};
+                '@apply flex flex-row items-center gap-8 justify-start flex-wrap': {};
             };
         };
     };

package/dist/types/components/ai/markdown-rendered.d.ts

@@ -2,7 +2,7 @@ export declare const MarkdownRendered: () => {
     '.sk-ai-markdown': {
         '@apply flex flex-col gap-32': {};
         '&-p': {
-            '@apply mb-32 my-0': {};
+            '@apply mb-0 my-0 break-words': {};
         };
         '&-a': {
             '@apply my-8': {};

package/dist/types/components/button.d.ts

@@ -187,9 +187,6 @@ export declare const Button: (colors: string[]) => {
         '&-disabled, &[aria-disabled="true"]': {
             '@apply shadow-none disabled:shadow-none disabled:cursor-default cursor-default': {};
             '@apply disabled:text-dark-disabled text-dark-disabled disabled:bg-primary-surface-disabled bg-primary-surface-disabled disabled:border-transparent border-transparent !important': {};
-            '&[data-inverted="true"]': {
-                '@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': {};
-            };
         };
     };
 };

package/dist/types/components/menubar.d.ts

@@ -21,7 +21,6 @@ export declare const MenuBar: (colors: string[]) => {
                 '@apply font-bold': {};
                 '@apply gap-2 px-14 py-8': {};
                 '@apply h-full min-h-full': {};
-                '@apply text-base leading-base': {};
                 '@apply inline-flex shrink-0 flex-nowrap': {};
                 '@apply border-0': {};
                 '@apply focus-visible:bg-background-content focus-visible:ring': {};

package/dist/types/components/table-autotable.d.ts

@@ -20,7 +20,7 @@ export declare const TableAutoTable: () => {
                 '@apply overflow-auto': {};
             };
         };
-        '&:not([data-background="true"])': {
+        '&:not([data-background="true"]):not([data-wrappingborder="true"])': {
             '@apply border-0': {};
             '@apply bg-transparent': {};
         };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sk-web-gui/core",
-  "version": "3.1.0",
+  "version": "3.3.0",
   "license": "MIT",
   "main": "dist/cjs/index.js",
   "module": "dist/esm/index.js",
@@ -43,5 +43,5 @@
     "@sk-web-gui/theme": "2.1.1",
     "mini-svg-data-uri": "^1.4.4"
   },
-  "gitHead": "20859560661edb7cd35643e1afac242273156a5d"
+  "gitHead": "cd1104a099f541395bdaaa889ce7130deb41c0e0"
 }