@sk-web-gui/core 3.4.1 → 3.4.3

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

@@ -11,5 +11,8 @@ export declare const TypingBubble: () => {
         '&[data-position="right"]': {
             '@apply rounded-bl-0': {};
         };
+        '&[data-inverted="true"]': {
+            '@apply bg-inverted-tertiary-surface': {};
+        };
     };
 };

package/dist/types/components/ai/typing-sequence.d.ts

@@ -8,6 +8,9 @@ export declare const TypingSequence: (colors: string[]) => {
             '@apply block': {};
             '@apply w-[0.5rem] h-[0.5rem]': {};
             '@apply bg-dark-secondary': {};
+            '&[data-inverted="true"]': {
+                "@apply bg-inverted-dark-secondary": {};
+            };
             '&[data-order="1"]': {
                 '@apply animate-typing-bounce-1': {};
             };

package/dist/types/components/alert-banner.d.ts

@@ -0,0 +1,24 @@
+declare function _exports(): {
+    '.alert-banner': {
+        '@apply p-md': {};
+        '&-content': {
+            '@apply w-full m-auto flex': {};
+            '&-wrapper': {
+                '@apply flex-grow flex': {};
+            };
+        };
+        '&-icon': {
+            '@apply mr-[10px]': {};
+        };
+        '&-children': {
+            '@apply w-full underline inline-block max-w-[800px] text-body text-base': {};
+        };
+        '&-close': {
+            '@apply p-4 -m-4 flex flex-col': {};
+        };
+    };
+    '.tab': {
+        '@apply mr-[10px] bg-white pt-4 pb-3 px-4 rounded-b-button shadow-[rgba(0,_0,_0,_0.24)_0px_1.5px_4px]': {};
+    };
+};
+export = _exports;

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

@@ -0,0 +1,30 @@
+declare function _exports(): {
+    '.comment-header': {
+        '@apply w-full flex items-center gap-8 p-16 border-b-4 border-gray-200': {};
+    };
+    '.comment-item': {
+        '@apply w-full': {};
+        '&-container': {
+            '@apply flex justify-between relative': {};
+            '&-textpic': {
+                '@apply flex gap-2': {};
+            };
+        };
+        '&-text': {
+            '@apply text-base font-bold mx-0 mb-0 mt-4': {};
+        };
+        '&-commentorpublished': {
+            '@apply float-right text-neutral-600 m-0': {};
+        };
+    };
+    '.comment-input': {
+        '@apply w-full flex gap-4 px-10 pt-8 pb-10': {};
+        '&-inactive': {
+            '@apply text-neutral-300 !text-3xl': {};
+        };
+        '&-active': {
+            '@apply text-primary !text-3xl': {};
+        };
+    };
+};
+export = _exports;

package/dist/types/components/context-menu.d.ts

@@ -0,0 +1,39 @@
+declare function _exports(): {
+    '.context-menu-wrapper': {
+        '@apply relative inline': {};
+        '> a, > button': {
+            '@apply inline-flex': {};
+        };
+        '.context-menu-items': {
+            '@apply absolute rounded bg-white border border-body z-10 drop-shadow-md mt-sm flex flex-col justify-start items-start': {};
+            '.context-menu-item': {
+                '@apply text-base text-body hover:text-white focus-within:text-white min-h-[3.5rem] w-full flex justify-start items-center': {};
+                'a, button': {
+                    '@apply text-base font-normal min-h-[3.5rem] py-[0.6rem] items-center w-full rounded-none border-transparent px-md flex justify-start': {};
+                    '&.active': {
+                        '@apply bg-primary text-white': {};
+                    };
+                    '.MuiSvgIcon-root': {
+                        '@apply text-base': {};
+                    };
+                };
+                '&:first-child a,&:first-child button': {
+                    '@apply pt-[0.675rem] pb-[0.525rem]': {};
+                };
+                '&:last-child a,&:last-child button': {
+                    '@apply pt-[0.525rem] pb-[0.675rem]': {};
+                };
+                '&:only-child a,&:only-child button': {
+                    '@apply py-[0.6rem]': {};
+                };
+            };
+            hr: {
+                '@apply mx-sm w-[calc(100%_-_16px)]': {};
+            };
+            '&.right': {
+                '@apply right-0': {};
+            };
+        };
+    };
+};
+export = _exports;

package/dist/types/components/dropdown-filter.d.ts

@@ -0,0 +1,58 @@
+declare function _exports(): {
+    '.dropdown-filter': {
+        position: string;
+        height: number;
+        border: string;
+        display: string;
+        background: string;
+        borderRadius: number;
+        '.dropdown-button': {
+            '@apply flex justify-between items-center  grow': {};
+            '.dropdown-button-icon': {
+                '@apply justify-self-end grow-0': {};
+            };
+        };
+        '.filter-container': {
+            position: string;
+            top: string;
+            left: string;
+            zIndex: number;
+            width: string;
+            background: string;
+            border: string;
+            borderRadius: number;
+            '.filter-controls': {
+                display: string;
+                justifyContent: string;
+                button: {
+                    marginLeft: string;
+                    textDecoration: string;
+                };
+            };
+            '.filter-item': {
+                '@apply px-md': {};
+                height: number;
+                display: string;
+                justifyContent: string;
+                alignItems: string;
+                borderBottom: string;
+                '> label': {
+                    '@apply w-full': {};
+                    '> .form-checkbox-label': {
+                        '@apply flex-grow': {};
+                    };
+                };
+                '&.disabled': {
+                    color: string;
+                };
+                '&:first-of-type': {
+                    borderTop: string;
+                };
+                '&:last-child': {
+                    borderBottom: string;
+                };
+            };
+        };
+    };
+};
+export = _exports;

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

@@ -16,15 +16,15 @@ export declare const Link: () => {
             '@apply text-lead': {};
         };
         '&-primary': {
-            '@apply text-vattjom-surface-primary': {};
-            '&:hover': {
-                '@apply text-vattjom-surface-primary-hover': {};
+            '@apply text-vattjom-surface-primary hover:text-vattjom-surface-primary-hover': {};
+            '&[data-inverted="true"]': {
+                '@apply text-inverted-vattjom-surface-primary  hover:text-inverted-vattjom-surface-primary-hover': {};
             };
         };
         '&-tertiary': {
-            '@apply text-dark-secondary': {};
-            '&:hover': {
-                '@apply text-dark-primary': {};
+            '@apply text-dark-secondary hover:text-dark-primary': {};
+            '&[data-inverted="true"]': {
+                '@apply text-inverted-dark-secondary hover:text-inverted-dark-primary': {};
             };
         };
         '&.active': {
@@ -38,6 +38,9 @@ export declare const Link: () => {
         };
         '&-disabled': {
             '@apply text-dark-disabled cursor-default': {};
+            '&[data-inverted="true"]': {
+                '@apply text-inverted-dark-disabled': {};
+            };
         };
     };
 };

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

@@ -0,0 +1,48 @@
+declare function _exports(): {
+    '.notification': {
+        '@apply relative flex p-4 text-small w-96 m-2 max-w-full rounded-base shadow-sm sm:max-w-md': {};
+        '@apply text-body bg-white border border-neutral-200': {};
+        '@apply dark:text-neutral-100 dark:bg-neutral-700 dark:border-neutral-600': {};
+    };
+    '.notification-icon': {
+        '@apply flex-shrink-0 w-5 h-5 mr-3': {};
+        '&-info': {
+            '--tw-text-opacity': string;
+            color: string;
+        };
+        '&-success': {
+            '--tw-text-opacity': string;
+            color: string;
+        };
+        '&-error': {
+            '--tw-text-opacity': string;
+            color: string;
+        };
+        '&-warning': {
+            '--tw-text-opacity': string;
+            color: string;
+        };
+    };
+    '.notification-content': {
+        '@apply flex flex-col items-start flex-1 mr-2 -mt-px text-left': {};
+        '&-title': {
+            '@apply font-semibold': {};
+        };
+        '&-description': {
+            '@apply text-neutral-500 dark:text-neutral-400': {};
+        };
+    };
+    '.notification-action': {
+        '@apply absolute space-x-2': {};
+        right: number;
+        top: number;
+        '&-undo': {
+            '@apply h-auto p-0 text-small': {};
+        };
+        '&-close-button': {
+            '@apply cursor-base text-neutral-700 hover:text-body': {};
+            '@apply dark:text-neutral-400 dark:hover:text-neutral-100': {};
+        };
+    };
+};
+export = _exports;

package/dist/types/components/rich-text-editor.d.ts

@@ -0,0 +1,226 @@
+export declare const RichTextEditor: () => {
+    ".sk-rich-text-editor": {
+        "@apply h-full": {};
+        "@apply box-border": {};
+        ".sk-divider-vertical": {
+            "@apply my-4": {};
+        };
+        ".toolbar": {
+            "@apply bg-background-200": {};
+            "@apply rounded-t": {};
+            "@apply border-1 border-divider": {};
+            "@apply border-b-0": {};
+            "@apply py-0": {};
+            "@apply px-8": {};
+            "@apply flex": {};
+            ".ql-formats": {
+                "@apply py-4": {};
+                "@apply mt-4": {};
+                "@apply mr-14": {};
+                "@apply inline-block": {};
+                "@apply align-middle": {};
+                "@apply flex": {};
+                button: {
+                    "@apply inline": {};
+                    "@apply text-dark-secondary": {};
+                    "@apply rounded-button-sm": {};
+                    "@apply h-32 w-32": {};
+                    "@apply flex justify-center items-center": {};
+                    svg: {
+                        "@apply w-20 h-20": {};
+                    };
+                    ".ql-fill": {
+                        fill: string;
+                    };
+                    ".ql-stroke": {
+                        stroke: string;
+                        fill: string;
+                        strokeLinecap: string;
+                        strokeLinejoin: string;
+                        strokeWidth: string;
+                    };
+                    "&:hover": {};
+                    "&.ql-active:hover": {
+                        "@apply text-dark-primary": {};
+                        "@apply bg-tertiary-surface-hover": {};
+                        ".ql-fill": {
+                            fill: string;
+                        };
+                        ".ql-stroke": {
+                            stroke: string;
+                        };
+                    };
+                    "&.ql-active": {
+                        "@apply text-dark-primary": {};
+                        "@apply bg-inverted-vattjom-surface-primary": {};
+                        ".ql-fill": {
+                            fill: string;
+                        };
+                        ".ql-stroke": {
+                            stroke: string;
+                        };
+                    };
+                };
+            };
+            "input.ql-image[type=file]": {
+                "@apply hidden": {};
+            };
+        };
+        ".ql-editor": {
+            "@apply bg-background-content text-dark-primary": {};
+            "@apply rounded-b-button": {};
+            "@apply border-divider": {};
+            "@apply p-14": {};
+            "@apply text-left": {};
+            "@apply break-words": {};
+            "@apply overflow-y-auto": {};
+            "@apply h-full": {};
+            "@apply whitespace-pre-wrap": {};
+            "@apply font-sans": {};
+            a: {
+                "@apply underline": {};
+            };
+            ul: {
+                "@apply pl-28": {};
+                "@apply list-disc": {};
+                counterReset: string;
+            };
+            "li:not(.ql-direction-rtl)::before": {
+                "@apply text-right": {};
+            };
+            ".ql-editor ol li:before": {
+                content: string;
+            };
+            ol: {
+                "@apply pl-28": {};
+                "@apply list-decimal": {};
+            };
+            "ol li": {
+                counterReset: string;
+                counterIncrement: string;
+            };
+        };
+        ".ql-clipboard": {
+            left: string;
+            "@apply h-px": {};
+            "@apply overflow-y-hidden": {};
+            "@apply absolute": {};
+            "@apply top-1/2": {};
+        };
+        ".ql-tooltip.ql-editing input[type=text]": {
+            "@apply inline-block": {};
+        };
+        ".ql-tooltip input[type=text]": {
+            "@apply hidden": {};
+            "@apply border-1 border-divider": {};
+            "@apply text-base": {};
+        };
+        ".ql-tooltip.ql-editing a.ql-preview": {
+            display: string;
+        };
+        ".ql-editor .ql-indent-1:not(.ql-direction-rtl)": {
+            paddingLeft: string;
+        };
+        ".ql-editor .ql-indent-2:not(.ql-direction-rtl)": {
+            paddingLeft: string;
+        };
+        ".ql-editor .ql-indent-3:not(.ql-direction-rtl)": {
+            paddingLeft: string;
+        };
+        ".ql-editor .ql-indent-4:not(.ql-direction-rtl)": {
+            paddingLeft: string;
+        };
+        ".ql-editor .ql-indent-5:not(.ql-direction-rtl)": {
+            paddingLeft: string;
+        };
+        ".ql-editor .ql-indent-6:not(.ql-direction-rtl)": {
+            paddingLeft: string;
+        };
+        ".ql-editor .ql-indent-7:not(.ql-direction-rtl)": {
+            paddingLeft: string;
+        };
+        ".ql-editor .ql-indent-8:not(.ql-direction-rtl)": {
+            paddingLeft: string;
+        };
+        ".ql-editor .ql-indent-9:not(.ql-direction-rtl)": {
+            paddingLeft: string;
+        };
+        ".ql-direction.ql-active svg:first-child": {
+            display: string;
+        };
+        ".ql-editor .ql-direction-rtl": {
+            direction: string;
+        };
+        ".ql-direction.ql-active svg:last-child": {
+            display: string;
+        };
+        ".ql-editor .ql-align-center": {
+            "@apply text-center": {};
+        };
+        ".ql-editor .ql-align-right": {
+            textAlign: string;
+        };
+        ".ql-editor .ql-align-justify": {
+            "@apply text-justify": {};
+        };
+        ".ql-tooltip": {
+            "@apply bg-background-100": {};
+            "@apply rounded": {};
+            "@apply shadow-md": {};
+            "@apply border-1 border-divider": {};
+            "@apply p-5": {};
+            "@apply font-sans": {};
+            "@apply absolute": {};
+            transform: string;
+            ".ql-tooltip a": {
+                "@apply cursor-pointer": {};
+            };
+            "a.ql-preview": {
+                "@apply inline-block": {};
+                "@apply overflow-x-hidden": {};
+                "@apply text-ellipsis": {};
+                "@apply align-top": {};
+                "@apply max-w-52": {};
+            };
+            "a.ql-remove::before": {
+                content: string;
+                "@apply ml-8": {};
+            };
+        };
+        ".ql-tooltip[data-mode=link]::before": {
+            "@apply mr-16": {};
+            content: string;
+        };
+        "a.ql-action::after": {
+            "@apply border-r-1 border-divider": {};
+            content: string;
+            "@apply ml-16": {};
+            "@apply pr-8": {};
+        };
+        ".ql-tooltip.ql-editing a.ql-action::after": {
+            "@apply ml-16": {};
+            content: string;
+        };
+        ".ql-tooltip::before": {
+            content: string;
+            "@apply mr-8": {};
+        };
+        ".ql-formats:after": {
+            content: string;
+            display: string;
+            clear: string;
+        };
+        ".quill": {
+            ".ql-container": {
+                "@apply border-1 border-divider": {};
+                "@apply h-full": {};
+            };
+            ".ql-hidden": {
+                "@apply hidden": {};
+            };
+            "pre.ql-container": {
+                "@apply rounded-b-button": {};
+            };
+        };
+    };
+};