@sk-web-gui/core 3.2.0 → 3.4.0

package/dist/types/card/src/meta-card.d.ts

@@ -1,42 +0,0 @@
-import { DefaultProps } from '@sk-web-gui/utils';
-import React from 'react';
-interface IMetaCardProps extends DefaultProps {
-    /** React node */
-    children?: React.ReactNode;
-    /** Set background color to card
-     * @default vattjom
-     */
-    color?: 'mono' | 'vattjom';
-    /** If the card should be clickable, will apply hover style
-     * @default false;
-     */
-    useHoverEffect?: boolean;
-    /** Make the card linkable
-     */
-    href?: string;
-}
-export interface MetaCardProps extends Omit<React.ComponentPropsWithRef<'div'>, 'color'>, IMetaCardProps {
-}
-export declare const MetaCard: React.ForwardRefExoticComponent<Omit<MetaCardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-interface IMetaCardBodyProps extends DefaultProps {
-    /** React node */
-    children?: React.ReactNode;
-}
-export interface MetaCardBodyProps extends React.ComponentPropsWithRef<'div'>, IMetaCardBodyProps {
-}
-export declare const MetaCardBody: React.ForwardRefExoticComponent<Omit<MetaCardBodyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-interface IMetaCardHeaderProps extends DefaultProps {
-    /** React node */
-    children?: React.ReactNode;
-}
-export interface MetaCardHeaderProps extends React.ComponentPropsWithRef<'div'>, IMetaCardHeaderProps {
-}
-export declare const MetaCardHeader: React.ForwardRefExoticComponent<Omit<MetaCardHeaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-interface IMetaCardTextProps extends DefaultProps {
-    /** React node */
-    children?: React.ReactNode;
-}
-export interface MetaCardTextProps extends React.ComponentPropsWithRef<'div'>, IMetaCardTextProps {
-}
-export declare const MetaCardText: React.ForwardRefExoticComponent<Omit<MetaCardTextProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default MetaCard;

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

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

package/dist/types/card/stories/meta-card.stories.d.ts

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

package/dist/types/chip/index.d.ts

@@ -1,2 +0,0 @@
-export * from './src';
-export type * from './src';

package/dist/types/chip/src/chip.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-export interface ChipProps extends React.ComponentPropsWithRef<'button'> {
-    strong?: boolean;
-    inverted?: boolean;
-    rounded?: boolean;
-}
-export declare const Chip: React.ForwardRefExoticComponent<Omit<ChipProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;

package/dist/types/chip/src/index.d.ts

@@ -1,4 +0,0 @@
-import { Chip, ChipProps } from './chip';
-export { Chip };
-export type { ChipProps };
-export default Chip;

package/dist/types/chip/stories/chip.stories.d.ts

@@ -1,12 +0,0 @@
-import React from 'react';
-import { ChipProps } from '../src';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, Omit<ChipProps, "ref"> & React.RefAttributes<HTMLButtonElement>>;
-export default _default;
-export declare const Template: {
-    (args: ChipProps): import("react/jsx-runtime").JSX.Element;
-    storyName: string;
-};
-export declare const AddAndRemove: {
-    (): import("react/jsx-runtime").JSX.Element;
-    storyName: string;
-};

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

@@ -1,24 +0,0 @@
-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

@@ -1,30 +0,0 @@
-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

@@ -1,39 +0,0 @@
-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

@@ -1,58 +0,0 @@
-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/notification.d.ts

@@ -1,48 +0,0 @@
-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

@@ -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": {};
-            };
-        };
-    };
-};