@sk-web-gui/core 3.3.0 → 3.4.0

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

@@ -1,12 +0,0 @@
-import React from 'react';
-import { DefaultProps } from '@sk-web-gui/utils';
-interface IBadgeProps extends DefaultProps {
-    color?: 'tertiary' | 'warning' | 'error' | 'vattjom' | 'gronsta' | 'bjornstigen' | 'juniskar';
-    counter?: string | number;
-    inverted?: boolean;
-    rounded?: boolean;
-}
-export interface BadgeProps extends Omit<React.ComponentPropsWithRef<'span'>, 'color'>, IBadgeProps {
-}
-export declare const Badge: React.ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-export default Badge;

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { Badge, BadgeProps } from './badge';
-export { Badge };
-export type { BadgeProps };
-declare const _default: {
-    Badge: import("react").ForwardRefExoticComponent<Omit<BadgeProps, "ref"> & import("react").RefAttributes<HTMLSpanElement>>;
-};
-export default _default;

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

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

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

@@ -1,41 +0,0 @@
-import { LinkProps } from '@sk-web-gui/link';
-import { PolymorphicComponentPropsWithRef } from '@sk-web-gui/utils';
-import { DefaultProps } from '@sk-web-gui/utils';
-import React from 'react';
-export interface BreadcrumbSeparatorProps extends DefaultProps, React.ComponentPropsWithRef<'span'> {
-    children?: React.ReactNode;
-}
-export declare const BreadcrumbSeparator: React.ForwardRefExoticComponent<Omit<BreadcrumbSeparatorProps, "ref"> & React.RefAttributes<HTMLSpanElement>>;
-interface BreadcrumbLinkProps extends LinkProps {
-    /**
-     * If `true`, indicates that the breadcrumb item is active, adds
-     * `aria-current=page` and renders a `span`
-     */
-    currentPage?: boolean;
-}
-export type IBreadcrumbLinkProps<C extends React.ElementType> = PolymorphicComponentPropsWithRef<C, BreadcrumbLinkProps>;
-export type { BreadcrumbLinkProps };
-export declare const BreadcrumbLink: React.ForwardRefExoticComponent<Omit<IBreadcrumbLinkProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
-interface IBreadcrumbProps extends DefaultProps {
-    /** @default / */
-    separator?: string | React.ReactElement;
-    /** @default true */
-    addSeparator?: boolean;
-    /** @default primary */
-    color?: 'primary' | 'vattjom';
-    /** React Node */
-    children?: React.ReactNode;
-}
-export interface BreadcrumbProps extends Omit<React.ComponentPropsWithRef<'nav'>, 'color'>, IBreadcrumbProps {
-}
-export declare const Breadcrumb: React.ForwardRefExoticComponent<Omit<BreadcrumbProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default Breadcrumb;
-export interface BreadcrumbItemProps extends IBreadcrumbProps, Omit<React.ComponentPropsWithRef<'li'>, 'color'> {
-    /**
-     * If `true`, indicates that the breadcrumb item is active, adds
-     * `aria-current=page` and renders a `span`
-     */
-    currentPage?: boolean;
-    lastChild?: boolean;
-}
-export declare const BreadcrumbItem: React.ForwardRefExoticComponent<Omit<BreadcrumbItemProps, "ref"> & React.RefAttributes<HTMLLIElement>>;

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { BreadcrumbItem, BreadcrumbLink, BreadcrumbSeparator, Breadcrumb as InternalBreadcrumb, BreadcrumbProps as InternalBreadcrumbProps } from './breadcrumb';
-interface BreadcrumbProps extends React.ForwardRefExoticComponent<InternalBreadcrumbProps> {
-    Component: typeof InternalBreadcrumb;
-    Item: typeof BreadcrumbItem;
-    Link: typeof BreadcrumbLink;
-    Separator: typeof BreadcrumbSeparator;
-}
-export declare const Breadcrumb: BreadcrumbProps;
-export type { BreadcrumbProps };
-export default Breadcrumb;

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

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

package/dist/types/button/src/button-group.d.ts

@@ -1,15 +0,0 @@
-import { DefaultProps } from '@sk-web-gui/utils';
-import React from 'react';
-import { ButtonProps } from './button';
-export interface ButtonGroupProps extends DefaultProps {
-    /** Set all wrapped button disabled */
-    disabled?: boolean;
-    /** Set all wrapped button size */
-    size?: ButtonProps['size'];
-    /** Set all wrapped button appearance */
-    variant?: ButtonProps['variant'];
-    inverted?: boolean;
-    children?: React.ReactNode;
-}
-export declare const ButtonGroup: React.ForwardRefExoticComponent<ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
-export default ButtonGroup;

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

@@ -1,49 +0,0 @@
-import { DefaultProps, PolymorphicComponentPropsWithRef } from '@sk-web-gui/utils';
-import React from 'react';
-export interface ButtonProps extends DefaultProps, React.ComponentPropsWithRef<'button'> {
-    loading?: boolean;
-    /** Makes button disabled */
-    disabled?: boolean;
-    /** Makes button active */
-    active?: boolean;
-    /** The label to show in the button when loading is true */
-    loadingText?: string;
-    /** Set the original html type of button */
-    /** Adds icon before button label */
-    leftIcon?: React.ReactElement;
-    /** Adds icon after button label */
-    rightIcon?: React.ReactElement;
-    /** Set the button color */
-    color?: 'info' | 'success' | 'primary' | 'warning' | 'error' | 'vattjom' | 'gronsta' | 'bjornstigen' | 'juniskar';
-    /** Size of the button */
-    size?: 'sm' | 'md' | 'lg';
-    /** Controls button appearance */
-    variant?: 'link' | 'primary' | 'secondary' | 'tertiary' | 'ghost';
-    /** React node */
-    children?: React.ReactNode;
-    /** Sets the button to the rounded variant */
-    rounded?: boolean;
-    /** Sets if inverted look */
-    inverted?: boolean;
-    /** Sets if this is an icon button */
-    iconButton?: boolean;
-    /** Make sure to use aria-describedby or such for accessibility */
-    'aria-disabled'?: React.ButtonHTMLAttributes<HTMLButtonElement>['aria-disabled'];
-    /**
-     * If the background of the button should be shown
-     * @default true
-     */
-    showBackground?: boolean;
-}
-export interface ButtonContentProps {
-    loading?: ButtonProps['loading'];
-    loadingText?: ButtonProps['loadingText'];
-    leftIcon?: ButtonProps['leftIcon'];
-    rightIcon?: ButtonProps['rightIcon'];
-    children?: ButtonProps['children'];
-    size?: ButtonProps['size'];
-}
-export declare const ButtonContent: React.FC<ButtonContentProps>;
-export type IButtonProps<C extends React.ElementType> = PolymorphicComponentPropsWithRef<C, ButtonProps>;
-export declare const Button: React.ForwardRefExoticComponent<Omit<IButtonProps<React.ElementType<any, keyof React.JSX.IntrinsicElements>>, "ref"> & React.RefAttributes<unknown>>;
-export default Button;

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

@@ -1,11 +0,0 @@
-import React from 'react';
-import { ButtonContent, Button as InternalButton, ButtonProps as InternalButtonProps } from './button';
-import { ButtonGroup } from './button-group';
-interface ButtonProps extends React.ForwardRefExoticComponent<InternalButtonProps> {
-    Component: typeof InternalButton;
-    Group: typeof ButtonGroup;
-    Content: typeof ButtonContent;
-}
-export declare const Button: ButtonProps;
-export type { ButtonProps };
-export default Button;

package/dist/types/button/src/styles.d.ts

@@ -1 +0,0 @@
-export declare const useButtonClass: (args?: any) => string;

package/dist/types/button/stories/announcement.d.ts

@@ -1,5 +0,0 @@
-export declare const Announcement: ({ color, size, ...rest }: {
-    [x: string]: any;
-    color?: string | undefined;
-    size?: number | undefined;
-}) => import("react/jsx-runtime").JSX.Element;

package/dist/types/button/stories/button-group.stories.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { ButtonProps } from '../src';
-declare const _default: import("@storybook/types").ComponentAnnotations<import("@storybook/react").ReactRenderer, import("../src/button-group").ButtonGroupProps & React.RefAttributes<HTMLDivElement>>;
-export default _default;
-export declare const Template: {
-    ({ ...args }: ButtonProps): import("react/jsx-runtime").JSX.Element;
-    storyName: string;
-};

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

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

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

@@ -1,60 +0,0 @@
-import { DefaultProps } from '@sk-web-gui/utils';
-import React from 'react';
-export interface CardProps extends DefaultProps, Omit<React.ComponentPropsWithRef<'div'>, 'color'> {
-    /** React node */
-    children?: React.ReactNode;
-    /** Set background color to card
-     * @default mono
-     */
-    color?: 'mono' | 'tertiary' | 'vattjom' | 'gronsta' | 'bjornstigen' | 'juniskar';
-    /** Make the card inverted
-     * @default false
-     */
-    invert?: boolean;
-    /** Change layout of card
-     * @default vertical
-     */
-    layout?: 'vertical' | 'horizontal';
-    /** If the card should be clickable, will apply hover style
-     * @default false;
-     */
-    useHoverEffect?: boolean;
-    /** Make the card linkable
-     */
-    href?: string;
-}
-export declare const Card: React.ForwardRefExoticComponent<Omit<CardProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface CardImageProps extends DefaultProps, React.ComponentPropsWithRef<'img'> {
-    /** React node */
-    children?: React.ReactNode;
-    /** The image `src` attribute */
-    src?: string;
-    /** The alt text for the image */
-    alt?: string;
-    /** Make the card inverted */
-    inverted?: string;
-}
-export declare const CardImage: React.ForwardRefExoticComponent<Omit<CardImageProps, "ref"> & React.RefAttributes<HTMLImageElement>>;
-export interface CardBodyProps extends DefaultProps, Omit<React.ComponentPropsWithRef<'div'>, 'color'>, Pick<CardProps, 'color'> {
-    /** React node */
-    children?: React.ReactNode;
-    /** Make the card inverted */
-    inverted?: string;
-}
-export declare const CardBody: React.ForwardRefExoticComponent<Omit<CardBodyProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface CardMetaProps extends DefaultProps, React.ComponentPropsWithRef<'div'> {
-    /** Insert date object and it will apply date and time to the card */
-    datetime?: Date;
-}
-export declare const CardMeta: React.ForwardRefExoticComponent<Omit<CardMetaProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface CardHeaderProps extends DefaultProps, React.ComponentPropsWithRef<'div'> {
-    /** React node */
-    children?: React.ReactNode;
-}
-export declare const CardHeader: React.ForwardRefExoticComponent<Omit<CardHeaderProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export interface CardTextProps extends DefaultProps, React.ComponentPropsWithRef<'div'> {
-    /** React node */
-    children?: React.ReactNode;
-}
-export declare const CardText: React.ForwardRefExoticComponent<Omit<CardTextProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
-export default Card;

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

@@ -1,21 +0,0 @@
-import React from 'react';
-import { Card as InternalCard, CardProps as InternalCardProps, CardImage, CardBody, CardHeader, CardText, CardMeta } from './card';
-import { MetaCard as InternalMetaCard, MetaCardProps as InternalMetaCardProps, MetaCardBody, MetaCardHeader, MetaCardText } from './meta-card';
-interface CardProps extends React.ForwardRefExoticComponent<InternalCardProps> {
-    Component: typeof InternalCard;
-    Image: typeof CardImage;
-    Body: typeof CardBody;
-    Header: typeof CardHeader;
-    Text: typeof CardText;
-    Meta: typeof CardMeta;
-}
-interface MetaCardProps extends React.ForwardRefExoticComponent<InternalMetaCardProps> {
-    Component: typeof InternalMetaCard;
-    Body: typeof MetaCardBody;
-    Header: typeof MetaCardHeader;
-    Text: typeof MetaCardText;
-}
-export declare const Card: CardProps;
-export declare const MetaCard: MetaCardProps;
-export type { CardProps, MetaCardProps };
-export default Card;

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;