@sk-web-gui/core 3.13.0 → 3.14.0

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

@@ -98,6 +98,15 @@ export declare const Card: (colors: string[]) => {
         '@apply no-underline hover:no-underline': {};
         '@apply flex bg-vattjom-surface-accent': {};
         '@apply p-14 rounded-groups': {};
+        '&.sk-meta-card-use-hover-effect:hover': {
+            '@apply cursor-pointer': {};
+        };
+        '&.sk-meta-card-use-hover-effect[data-color="vattjom"]:hover': {
+            '@apply bg-vattjom-background-300': {};
+        };
+        '&.sk-meta-card-use-hover-effect[data-color="mono"]:hover': {
+            '@apply bg-primitives-overlay-darken-2 dark:bg-primitives-overlay-lighten-2': {};
+        };
         '&[data-color="mono"]': {
             '@apply bg-primitives-overlay-darken-1 dark:bg-primitives-overlay-lighten-1': {};
         };
@@ -116,20 +125,45 @@ export declare const Card: (colors: string[]) => {
         '&-body': {
             '&-header': {
                 'h1, h2, h3, h4, h5, h6, h7, a, p': {
-                    '@apply mt-6 text-base line-clamp-1': {};
+                    '@apply mt-6 line-clamp-1': {};
                     '@apply text-dark-primary': {};
                 };
             };
             '&-content': {
                 'p, a': {
-                    '@apply text-primitives-gray-700 dark:text-primitives-gray-200 text-small': {};
+                    '@apply text-primitives-gray-700 dark:text-primitives-gray-200': {};
                     '@apply text-dark-secondary line-clamp-1': {};
                 };
             };
         };
         '&-external-link-icon': {
-            '@apply ml-auto h-32 w-32': {};
-            '@apply p-6 text-dark': {};
+            '@apply ml-auto h-32 w-32 p-6 text-dark shrink-0': {};
         };
     };
+    '.sk-meta-card[data-size="sm"]': {
+        '@apply h-[8.6rem]': {};
+    };
+    '.sk-meta-card[data-size="md"]': {
+        '@apply h-[9.4rem]': {};
+    };
+    '.sk-meta-card[data-size="sm"] .sk-meta-card-body-header': {
+        'h1, h2, h3, h4, h5, h6, h7, a, p': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: string;
+        };
+    };
+    '.sk-meta-card[data-size="sm"] .sk-meta-card-body-content': {
+        '@apply text-[1.4rem]': {};
+    };
+    '.sk-meta-card[data-size="md"] .sk-meta-card-body-header': {
+        'h1, h2, h3, h4, h5, h6, h7, a, p': {
+            fontSize: string;
+            lineHeight: string;
+            fontWeight: string;
+        };
+    };
+    '.sk-meta-card[data-size="md"] .sk-meta-card-body-content': {
+        '@apply text-[1.6rem]': {};
+    };
 };

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

@@ -3,10 +3,7 @@ export declare const Spinner: (colors: string[]) => {
         '@apply box-border': {};
         '@apply flex justify-center items-center object-center': {};
         '@apply overflow-hidden': {};
-        '&-lottie': {
-            '@apply w-[200%] h-[200%] my-0 mr-0 ml-[-50%]': {};
-        };
-        path: {
+        svg: {
             '@apply stroke-dark-secondary': {};
         };
     };

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

@@ -40,7 +40,7 @@ export declare const Tabs: (colors: string[]) => {
                     };
                 };
                 '.sk-tabs-list-item-divider': {
-                    '@apply m-0 min-h-2 h-2 rounded-t-24 opacity-0': {};
+                    '@apply m-0 min-h-2 h-2 opacity-0': {};
                 };
                 '&[data-current="true"]': {
                     '.sk-tabs-list-item-divider': {

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

@@ -0,0 +1,117 @@
+export declare const TextEditor: () => {
+    '.sk-texteditor': {
+        '.ql-toolbar.ql-snow': {
+            '@apply flex items-center bg-background-200 rounded-t-xl border-input-field-outline h-[4rem] pl-4': {};
+            '.ql-stroke': {
+                '@apply stroke-dark-primary': {};
+            };
+            '.ql-fill': {
+                '@apply fill-dark-primary': {};
+            };
+            '.ql-divider': {
+                '@apply w-[0.1rem] h-[3.2rem] bg-divider mr-[1.2rem]': {};
+            };
+            '.tooltip-container': {
+                '@apply absolute z-10 top-full mt-0 left-1/2 -translate-x-1/2 invisible opacity-0 transition-opacity duration-200 ease-in-out whitespace-nowrap': {};
+            };
+            '.ql-formats': {
+                '@apply flex gap-4 mr-[1.2rem]': {};
+            };
+            svg: {
+                '@apply h-[2.0rem] w-[2.0rem]': {};
+            };
+            button: {
+                '@apply h-[3.2rem] w-[3.2rem] rounded-10 text-dark-primary': {};
+                '&:hover, &:hover:focus-visible': {
+                    '@apply bg-tertiary-surface-hover': {};
+                };
+                '&:focus-visible': {
+                    '@apply ring-[.2rem] ring-ring ring-offset-0 outline-0 bg-background-content': {};
+                };
+                '&.ql-active': {
+                    '@apply bg-tertiary-surface-hover': {};
+                    '.ql-fill': {
+                        '@apply fill-dark-primary': {};
+                    };
+                    '.ql-stroke': {
+                        '@apply stroke-dark-primary': {};
+                    };
+                };
+                '&:hover .ql-fill, &:focus-visible .ql-fill': {
+                    '@apply fill-dark-primary': {};
+                };
+                '&:hover .ql-stroke, &:focus-visible .ql-stroke': {
+                    '@apply stroke-dark-primary': {};
+                };
+                '&:hover .tooltip-container, &:focus-visible .tooltip-container': {
+                    '@apply visible opacity-100': {};
+                };
+            };
+            '&.ql-disabled': {
+                '@apply border-input-field-outline-disabled': {};
+                '.ql-fill': {
+                    '@apply fill-dark-disabled': {};
+                };
+                '.ql-stroke': {
+                    '@apply stroke-dark-disabled': {};
+                };
+                button: {
+                    '@apply bg-background-200 text-dark-disabled cursor-default': {};
+                    '&.ql-active': {
+                        '@apply bg-background-200 text-dark-disabled': {};
+                    };
+                    '&:hover': {
+                        '@apply bg-background-200 text-dark-disabled': {};
+                    };
+                    '&:hover .ql-fill': {
+                        '@apply fill-dark-disabled': {};
+                    };
+                    '&:hover .ql-stroke': {
+                        '@apply stroke-dark-disabled': {};
+                    };
+                    '&:hover .tooltip-container': {
+                        '@apply hidden opacity-0': {};
+                    };
+                };
+            };
+        };
+        '.ql-container.ql-snow': {
+            '@apply border-input-field-outline rounded-b-xl': {};
+            ':focus-visible': {
+                '@apply ring-[.2rem] ring-ring ring-offset-0 outline-0 rounded-b-xl': {};
+            };
+            '&.disable-toolbar': {
+                '@apply rounded-t-xl': {};
+                ':focus-visible': {
+                    '@apply rounded-t-xl': {};
+                };
+            };
+            '&.ql-disabled': {
+                '@apply bg-input-field-surface-disabled border-input-field-outline-disabled': {};
+            };
+        };
+        '.ql-tooltip.ql-editing': {
+            input: {
+                '@apply rounded-0': {};
+                '&:focus-visible': {
+                    '@apply rounded-0': {};
+                };
+            };
+        };
+        '.ql-snow .ql-tooltip.ql-editing a.ql-action::after': {
+            content: string;
+        };
+        '.ql-snow .ql-tooltip[data-mode=link]::before': {
+            content: string;
+        };
+        '.ql-snow .ql-tooltip::before': {
+            content: string;
+        };
+        '.ql-snow .ql-tooltip a.ql-action::after': {
+            content: string;
+        };
+        '.ql-snow .ql-tooltip a.ql-remove::before': {
+            content: string;
+        };
+    };
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@sk-web-gui/core",
-  "version": "3.13.0",
+  "version": "3.14.0",
   "license": "MIT",
   "type": "module",
   "main": "./dist/cjs/index.js",
@@ -35,11 +35,11 @@
     "postcss-import": "^16.1.0"
   },
   "dependencies": {
-    "@sk-web-gui/theme": "2.5.0",
+    "@sk-web-gui/theme": "2.5.1",
     "@tailwindcss/container-queries": "^0.1.1",
     "@tailwindcss/forms": "^0.5.10",
     "mini-svg-data-uri": "^1.4.4",
     "tailwindcss": "^3.4.17"
   },
-  "gitHead": "2a3bdc0e54c59a227f5ba0a8368199001fc1f044"
+  "gitHead": "2bf411166419e3932d8ab344931f6ac36694c301"
 }