@sk-web-gui/core 3.3.0 → 3.4.0

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

@@ -1,226 +0,0 @@
-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": {};
-            };
-        };
-    };
-};

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

@@ -1,219 +0,0 @@
-declare function _exports(): {
-    '.sk-sidemenu': {
-        '@apply w-[440px]': {};
-        '&-header': {
-            '@apply relative py-[2rem] px-[1.6rem] rounded-t-[.2rem] bg-primary text-white': {};
-            '.label-small': {
-                '@apply text-[1.6rem]': {};
-            };
-            '.label-button': {
-                '@apply w-full justify-between p-0 leading-[inherit]': {};
-                '&-icon': {
-                    '@apply !text-xl': {};
-                };
-            };
-            '&-label': {
-                '@apply flex items-center': {};
-                'label, .label': {
-                    '@apply text-xl font-bold flex items-center w-full': {};
-                };
-                span: {
-                    '@apply ml-auto': {};
-                };
-            };
-        };
-        '&-item': {
-            '@apply bg-white h-full': {};
-            '> ul.items': {
-                '@apply hidden': {};
-            };
-            '&.open > ul.items': {
-                '@apply block': {};
-            };
-            '&-label': {
-                '@apply flex-grow select-none flex items-center': {};
-            };
-            '&.active': {
-                '> .sk-sidemenu-wrapper': {
-                    boxShadow: string;
-                    '.sk-sidemenu-item-label': {
-                        '@apply underline': {};
-                    };
-                };
-            };
-            '& .sk-sidemenu-wrapper': {
-                '@apply min-h-[48px] max-h-[48px] relative flex flex-wrap items-center': {};
-                '.sk-sidemenu-item-link': {
-                    '@apply flex-grow relative flex items-center text-base text-left justify-start pr-sm h-full': {};
-                    '@apply focus-visible:z-base': {};
-                    '&[aria-disabled="true"]': {
-                        '@apply text-neutral-600 cursor-not-allowed': {};
-                        '.sk-sidemenu-item-label': {
-                            '@apply text-neutral-600': {};
-                        };
-                    };
-                };
-                '.expand': {
-                    '@apply w-[50px] h-full flex justify-center items-center ml-auto p-0': {};
-                    '&[aria-disabled="true"]': {
-                        '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {};
-                        path: {
-                            '@apply fill-gray-stroke': {};
-                        };
-                    };
-                    path: {
-                        '@apply fill-primary': {};
-                    };
-                    '&-button': {
-                        '@apply fill-primary flex justify-center items-center border-l border-gray-stroke h-[24px] w-[45px]': {};
-                    };
-                };
-            };
-            '&.open': {
-                '& + .menu-item > .sk-sidemenu-wrapper': {
-                    '@apply border-t': {};
-                };
-            };
-            '&.draggable': {
-                '&.dragenter': {
-                    '> .sk-sidemenu-wrapper': {
-                        '@apply h-full max-h-full': {};
-                    };
-                    "> .sk-sidemenu-wrapper > *:not([draggable='true'])": {
-                        '@apply pointer-events-none': {};
-                    };
-                    '& > .sk-sidemenu-wrapper::after': {
-                        '@apply bg-info-surface-accent block relative w-full h-[44px]': {};
-                        content: string;
-                    };
-                };
-                '&.moving': {
-                    '@apply hidden': {};
-                };
-                '& .sk-sidemenu-menuitem-movebutton': {
-                    '@apply -translate-x-full no-underline text-gray-stroke absolute py-sm inset-y-0 my-auto': {};
-                    svg: {
-                        '@apply h-full': {};
-                    };
-                    '&[aria-disabled="true"]': {
-                        '@apply !text-gray-stroke cursor-not-allowed !bg-transparent': {};
-                    };
-                };
-                '&.separator': {
-                    '@apply bg-transparent relative': {};
-                    '> div.sk-sidemenu-wrapper, > .sk-sidemenu-item-link': {
-                        '@apply h-[44px]': {};
-                    };
-                };
-            };
-            '&-separator': {
-                '@apply text-divider': {};
-                height: string;
-                width: string;
-                backgroundImage: string;
-                backgroundSize: string;
-                backgroundPosition: string;
-                backgroundRepeat: string;
-            };
-            '&.lvl-0': {
-                '&:first-child > .sk-sidemenu-wrapper': {
-                    '@apply border-t-0': {};
-                };
-                '> .sk-sidemenu-wrapper': {
-                    '@apply h-[64px] max-h-[64px] border border-divider': {};
-                    '> .sk-sidemenu-item-link': {
-                        '@apply  py-md': {};
-                        paddingLeft: string;
-                    };
-                };
-                '.sk-sidemenu-item-link': {
-                    '@apply h-[64px] max-h-[64px]': {};
-                };
-                '& + .sk-sidemenu-item > .sk-sidemenu-wrapper': {
-                    '@apply border-t-0': {};
-                };
-                '> .items': {
-                    '@apply border-l border-r border-divider': {};
-                };
-                '&.open > .items': {
-                    '@apply border-b border-divider': {};
-                };
-                '&.separator': {
-                    '& + .lvl-0': {
-                        '@apply border-t border-divider': {};
-                    };
-                };
-                '&.separator > .sk-sidemenu-wrapper': {
-                    '@apply border-0': {};
-                };
-            };
-            '&.lvl-1': {
-                '@apply bg-gray-lighter': {};
-                '> .sk-sidemenu-wrapper, .sk-sidemenu-item-link': {
-                    '@apply h-[56px] max-h-[56px]': {};
-                };
-                '&.open > .sk-sidemenu-wrapper': {
-                    '@apply border-b border-divider': {};
-                };
-                '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
-                    paddingLeft: string;
-                };
-            };
-            '&.lvl-2': {
-                '.sk-sidemenu-wrapper': {
-                    '@apply bg-gray-middle h-[48px] max-h-[48px]': {};
-                    '> .sk-sidemenu-item-link': {
-                        '@apply h-[48px] max-h-[48px]': {};
-                    };
-                };
-                '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
-                    paddingLeft: string;
-                };
-            };
-            '&.lvl-3': {
-                '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
-                    paddingLeft: string;
-                };
-            };
-            '&.lvl-4': {
-                '.sk-sidemenu-wrapper': {
-                    '@apply bg-[#d4d4d4]': {};
-                };
-                '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
-                    paddingLeft: string;
-                };
-            };
-            '&.lvl-5': {
-                '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
-                    paddingLeft: string;
-                };
-            };
-            '&.lvl-6': {
-                '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
-                    paddingLeft: string;
-                };
-            };
-            '&.lvl-7': {
-                '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
-                    paddingLeft: string;
-                };
-            };
-            '&.lvl-8': {
-                '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
-                    paddingLeft: string;
-                };
-            };
-            '&.lvl-9': {
-                '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
-                    paddingLeft: string;
-                };
-            };
-            '&.lvl-10': {
-                '> .sk-sidemenu-wrapper > .sk-sidemenu-item-link': {
-                    paddingLeft: string;
-                };
-            };
-        };
-    };
-};
-export = _exports;

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

@@ -1,57 +0,0 @@
-declare function _exports(): {
-    '.sk-tab-menu': {
-        '&-wrapper': {
-            display: string;
-            flexDirection: string;
-            margin: string;
-        };
-        '&-right': {
-            '@apply justify-end': {};
-        };
-        '&-center': {
-            '@apply justify-center': {};
-        };
-        '&-list': {
-            all: string;
-            display: string;
-            '&-stretch': {
-                '@apply w-full justify-between': {};
-            };
-        };
-        '&-underline': {
-            width: string;
-            height: number;
-            '@apply bg-gray-light': {};
-        };
-        '&-item': {
-            all: string;
-            height: number;
-            display: string;
-            padding: string;
-            marginRight: string;
-            alignItems: string;
-            position: string;
-            cursor: string;
-            '&-stretch': {
-                '@apply mr-0': {};
-            };
-            '&-right': {
-                '@apply mr-0 ml-[5rem]': {};
-            };
-            '&-center:last-of-type': {
-                '@apply mr-0': {};
-            };
-            '&.active::after': {
-                content: string;
-                display: string;
-                position: string;
-                width: string;
-                height: number;
-                top: string;
-                left: number;
-                '@apply bg-primary': {};
-            };
-        };
-    };
-};
-export = _exports;

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

@@ -1,134 +0,0 @@
-export declare const ZebraTable: () => {
-    '.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': {};
-            };
-        };
-    };
-};

package/dist/types/cookie-consent/src/cookie-consent.d.ts

@@ -1,32 +0,0 @@
-import { DefaultProps } from '@sk-web-gui/utils';
-import { CookieSetOptions } from 'universal-cookie';
-import React from 'react';
-export declare const defaultCookieConsentName = "SKCookieConsent";
-export interface ConsentCookie {
-    optional: boolean;
-    displayName: string;
-    description: string;
-    cookieName: string;
-}
-export interface CheckableConsentCookie extends ConsentCookie {
-    isChecked: boolean;
-}
-export declare enum ConsentType {
-    Necessary = "Necessary",
-    All = "All",
-    Custom = "Custom"
-}
-export declare function getConsent(): string[];
-export declare function resetConsent(): void;
-export declare function getCheckableCookies(cookies: ConsentCookie[]): CheckableConsentCookie[];
-export interface CookieConsentProps extends DefaultProps, Omit<React.ComponentPropsWithRef<'div'>, 'title'> {
-    isOpen?: boolean;
-    onConsent: (cookies: ConsentCookie[]) => void;
-    cookies: ConsentCookie[];
-    title: string;
-    body: React.ReactNode;
-    resetConsentOnInit: boolean;
-    options?: CookieSetOptions;
-}
-export declare const CookieConsent: React.FC<CookieConsentProps>;
-export default CookieConsent;

package/dist/types/cookie-consent/src/index.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" />
-import { ConsentType, CookieConsent, CookieConsentProps, getCheckableCookies, getConsent, resetConsent } from './cookie-consent';
-declare const CookieConsentUtils: {
-    defaultCookieConsentName: string;
-    getConsent: typeof getConsent;
-    resetConsent: typeof resetConsent;
-    getCheckableCookies: typeof getCheckableCookies;
-    ConsentType: typeof ConsentType;
-};
-export { CookieConsent, CookieConsentUtils };
-export type { CookieConsentProps };
-declare const _default: {
-    CookieConsent: import("react").FC<CookieConsentProps>;
-};
-export default _default;

package/dist/types/cookie-consent/stories/cookie-consent.stories.d.ts

@@ -1,7 +0,0 @@
-import { CookieConsentProps } from '../src';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, CookieConsentProps>;
-export default _default;
-export declare const Template: {
-    (args: CookieConsentProps): import("react/jsx-runtime").JSX.Element;
-    storyName: string;
-};