@sk-web-gui/core 1.0.2 → 1.0.3

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

@@ -0,0 +1,64 @@
+declare function _exports(): {
+    '.sk-tabs': {
+        '&-stretch': {
+            '@apply w-full': {};
+        };
+        '&-list': {
+            '@apply  block relative w-full h-[3rem]': {};
+            '&-stretch': {
+                '@apply flex justify-between': {};
+            };
+            '&-right': {
+                '@apply text-right': {};
+            };
+            '&-center': {
+                '@apply text-center': {};
+            };
+            '&-line::after': {
+                content: string;
+                '@apply bg-gray-middle w-full h-[2px] absolute left-0 right-0 bottom-0': {};
+            };
+        };
+        '&-tab': {
+            '@apply relative mr-[3.2rem] text-base font-bold  p-0 relative h-[2.8rem] inline-block': {};
+            '@apply text-gray': {};
+            '@apply cursor-pointer': {};
+            '&.disabled': {
+                '@apply cursor-not-allowed': {};
+                '@apply text-gray-stroke': {};
+            };
+            '&.active': {
+                '@apply text-body': {};
+                '&::after': {
+                    content: string;
+                    '@apply bg-primary w-full h-[2px] absolute left-0 right-0 top-[100%] z-[1]': {};
+                };
+            };
+            '&-stretch': {
+                '@apply mr-0': {};
+            };
+            '&-header': {
+                '@apply text-large font-normal': {};
+            };
+            '&-right': {
+                '@apply mr-0 ml-lg': {};
+            };
+            '&:last-of-type': {
+                '@apply mr-0': {};
+            };
+            '&-icon': {
+                '&-with-label': {
+                    '@apply mr-sm': {};
+                };
+            };
+        };
+        '&-panel': {
+            '@apply mt-lg': {};
+            '&:not(.active)': {
+                display: string;
+                hidden: boolean;
+            };
+        };
+    };
+};
+export = _exports;

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

@@ -0,0 +1,54 @@
+declare function _exports(): {
+    '.sk-tooltip': {
+        '@apply inline-flex justify-center items-center': {};
+        '@apply w-fit h-fit': {};
+        '@apply grow-0': {};
+        '&-text': {
+            '@apply inline-flex': {};
+            '@apply bg-primary-surface shadow': {};
+            '@apply px-16 py-8': {};
+            '@apply rounded-utility': {};
+            '@apply text-light-primary text-small': {};
+            '@apply font-bold': {};
+            '@apply w-fit h-fit': {};
+            '@apply grow-0': {};
+            '@apply min-h-[3.4rem]': {};
+        };
+        '&::after, &::before': {
+            '@apply h-0 w-0 overflow-hidden': {};
+        };
+        '&[data-position="above"]': {
+            '@apply flex-col': {};
+            '@apply pb-2': {};
+            '&::after': {
+                '@apply content-[""] border-solid border-[0.6rem] border-b-0': {};
+                '@apply border-t-primary-surface border-r-transparent border-b-transparent border-l-transparent': {};
+            };
+        };
+        '&[data-position="below"]': {
+            '@apply flex-col': {};
+            '@apply pt-2': {};
+            '&::before': {
+                '@apply content-[""] border-solid border-[0.6rem] border-t-0': {};
+                '@apply border-t-transparent border-r-transparent border-b-primary-surface border-l-transparent': {};
+            };
+        };
+        '&[data-position="left"]': {
+            '@apply flex-row': {};
+            '@apply pr-2 py-[0.3rem]': {};
+            '&::after': {
+                '@apply content-[""] border-solid border-[0.6rem] border-r-0': {};
+                '@apply border-t-transparent border-r-transparent border-b-transparent border-l-primary-surface': {};
+            };
+        };
+        '&[data-position="right"]': {
+            '@apply flex-row': {};
+            '@apply pl-2 py-[0.3rem]': {};
+            '&::before': {
+                '@apply content-[""] border-solid border-[0.6rem] border-l-0': {};
+                '@apply border-t-transparent border-r-primary-surface border-b-transparent border-l-transparent': {};
+            };
+        };
+    };
+};
+export = _exports;

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

@@ -0,0 +1,14 @@
+declare function _exports(): {
+    '.sk-usermenu': {
+        '@apply relative': {};
+        '&-button': {
+            '@apply p-0 bg-transparent hover:bg-transparent': {};
+            '@apply border-0': {};
+            '.sk-avatar': {
+                height: string;
+                width: string;
+            };
+        };
+    };
+};
+export = _exports;

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

@@ -0,0 +1,135 @@
+declare function _exports(): {
+    '.sk-zebratable-wrapper': {
+        '@apply rounded-groups': {};
+        '@apply border-1': {};
+        '@apply bg-background-content': {};
+        '&-inside': {
+            '@apply border-0 rounded-t-groups': {};
+            '@apply overflow-hidden': {};
+        };
+        '&[data-variant="table"]': {
+            '&:not([data-background="true"])': {
+                '@apply border-0': {};
+                '@apply bg-transparent': {};
+            };
+            '.sk-zebratable-wrapper-inside': {
+                '@apply border-0 rounded-b-groups': {};
+            };
+        };
+    };
+    '.sk-zebratable': {
+        '@apply w-full text-left table-auto': {};
+        '@apply text-dark-secondary': {};
+        '&-thead': {
+            '@apply border-b-1 border-dark-primary': {};
+            '@apply h-48': {};
+            '&-tr': {
+                '@apply table-row': {};
+                '@apply text-label-small': {};
+            };
+            '&-th': {
+                '@apply py-4': {};
+                "&[data-isColumnSortable='true']": {
+                    '@apply cursor-pointer': {};
+                };
+            };
+            '@apply bg-transparent': {};
+            '&[data-background="true"]': {
+                '@apply bg-vattjom-background-200 border-b-transparent': {};
+            };
+        };
+        '&-sortbutton': {
+            '@apply flex items-center': {};
+            '@apply focus-visible:ring ring-ring ring-offset-0': {};
+            '@apply focus-visible:bg-vattjom-background-200': {};
+            '@apply rounded-utility': {};
+            '@apply px-16': {};
+            '@apply h-40': {};
+            '&-icon': {
+                '@apply inline-flex pl-sm': {};
+                '&-sort': {
+                    '@apply text-dark-secondary': {};
+                    '@apply flex flex-col': {};
+                    svg: {
+                        '@apply h-16 w-16': {};
+                        '@apply first-of-type:-mb-4': {};
+                        '@apply last-of-type:-mt-4': {};
+                    };
+                    "&[data-sortmodeascending='true']": {
+                        '> *': {
+                            '@apply last-of-type:text-dark-ghost': {};
+                        };
+                    };
+                    "&[data-sortmodeascending='false']": {
+                        '> *': {
+                            '@apply first-of-type:text-dark-ghost': {};
+                        };
+                    };
+                };
+            };
+        };
+        '&-tbody': {
+            '@apply text-dark-secondary bg-transparent': {};
+            '&-tr': {
+                '@apply bg-transparent': {};
+                '@apply hover:bg-background-100': {};
+                '@apply border-b-1': {};
+                '@apply last-of-type:border-b-transparent': {};
+            };
+            '&-td': {
+                '@apply text-small': {};
+                '&-content': {
+                    '@apply inline-flex': {};
+                    '@apply justify-start items-center': {};
+                    '@apply gap-8': {};
+                    '@apply py-8 px-18': {};
+                    '@apply h-[6.3rem]': {};
+                    '@apply min-h-[6.3rem]': {};
+                };
+            };
+        };
+        '&[data-dense="true"]': {
+            '.sk-zebratable': {
+                '&-thead': {
+                    '&-th': {
+                        '@apply py-4': {};
+                    };
+                };
+                '&-tbody': {
+                    '&-td-content': {
+                        '@apply py-0': {};
+                        '@apply h-[4.7rem]': {};
+                        '@apply min-h-[4.7rem]': {};
+                    };
+                };
+            };
+        };
+        '&-paginationwrapper': {
+            '@apply w-full max-w-[60rem]': {};
+            '@apply shrink': {};
+        };
+        '&-bottom': {
+            '@apply py-14 px-16': {};
+            '@apply border-t-1': {};
+            '@apply flex flex-row': {};
+            '@apply gap-32': {};
+            '@apply justify-between items-center': {};
+            '&-section': {
+                '@apply shrink-0': {};
+                '@apply flex flex-row': {};
+                '@apply justify-start items-center': {};
+                '@apply gap-8': {};
+                '&-label': {
+                    '@apply font-normal': {};
+                    '@apply text-small': {};
+                    '@apply shrink-0': {};
+                };
+            };
+            '&-pagination': {
+                '@apply grow': {};
+                '@apply shrink': {};
+            };
+        };
+    };
+};
+export = _exports;

package/dist/types/index.d.ts

@@ -0,0 +1,4 @@
+declare const preset: any;
+declare const plugin: any;
+export { preset, plugin };
+export default plugin;

package/dist/types/plugin.d.ts

@@ -0,0 +1,8 @@
+declare const _exports: {
+    (options: any): {
+        handler: import("tailwindcss/types/config").PluginCreator;
+        config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+    };
+    __isOptionsFunction: true;
+};
+export = _exports;

package/dist/types/preset.d.ts

@@ -0,0 +1,13 @@
+declare function _exports(options?: {
+    tailwindForms: boolean;
+    plugin: {
+        colors: never[];
+        cssBase: boolean;
+    };
+}): {
+    plugins: (typeof import("@tailwindcss/forms") | {
+        handler: import("tailwindcss/types/config").PluginCreator;
+        config?: Partial<import("tailwindcss/types/config").Config> | undefined;
+    })[];
+};
+export = _exports;