@clickhouse/click-ui 0.6.0 → 0.6.1-rc2

package/dist/types/components/Assets/Icons/Popin.d.ts

@@ -0,0 +1,3 @@
+import { SVGAssetProps } from '../../../types';
+declare const Popin: (props: SVGAssetProps) => import("react/jsx-runtime").JSX.Element;
+export default Popin;

package/dist/types/components/Assets/Icons/system/types.d.ts

@@ -1,7 +1,7 @@
 import { SVGAttributes } from 'react';
 import { AssetSize } from '../../../../types';
 import { ThemeName } from '../../../../theme/theme.types';
-export type IconName = 'activity' | 'alarm' | 'arrow-directions' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-triangle' | 'arrow-up' | 'auth-app' | 'auth-sms' | 'backups' | 'bar-chart' | 'bell' | 'beta' | 'blog' | 'bold' | 'book' | 'brackets' | 'briefcase' | 'building' | 'burger-menu' | 'calendar' | 'calendar-with-time' | 'cards' | 'cell-tower' | 'chart-area' | 'chart-bar-horizontal' | 'chart-cloud' | 'chart-donut' | 'chart-heatmap' | 'chart-scatter' | 'chart-square' | 'chart-stacked-horizontal' | 'chart-stacked-vertical' | 'chat' | 'check' | 'check-in-circle' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle' | 'clock' | 'cloud' | 'cloud-keys' | 'code' | 'code-in-square' | 'collapse-all' | 'connect' | 'connect-alt' | 'console' | 'copy' | 'cpu' | 'credit-card' | 'cross' | 'data' | 'data-lakes' | 'database' | 'disk' | 'display' | 'document' | 'dot' | 'dots-horizontal' | 'dots-triangle' | 'dots-vertical' | 'dots-vertical-double' | 'double-check' | 'download' | 'download-in-circle' | 'email' | 'empty' | 'enter' | 'expand-all' | 'eye' | 'eye-closed' | 'filter' | 'fire' | 'flag' | 'flash' | 'flask' | 'folder-closed' | 'folder-open' | 'gear' | 'gift' | 'git-merge' | 'globe' | 'hexagon' | 'history' | 'home' | 'horizontal-loading' | 'http' | 'http-monitoring' | 'info-in-circle' | 'information' | 'insert-row' | 'integrations' | 'italic' | 'key' | 'keys' | 'lifebuoy' | 'light-bulb' | 'light-bulb-on' | 'lightening' | 'line-in-circle' | 'list-bulleted' | 'list-numbered' | 'loading' | 'loading-animated' | 'lock' | 'map-pin' | 'mcp' | 'metrics' | 'metrics-alt' | 'minus' | 'moon' | 'no-cloud' | 'pause' | 'payment' | 'pencil' | 'pie-chart' | 'pipe' | 'play' | 'play-in-circle' | 'plug' | 'plus' | 'popout' | 'popover-arrow' | 'puzzle-piece' | 'query' | 'question' | 'refresh' | 'resize-arrows-horizontal' | 'resize-arrows-vertical' | 'rocket' | 'sand-glass' | 'search' | 'secure' | 'server' | 'services' | 'settings' | 'share' | 'share-arrow' | 'share-network' | 'sleep' | 'slide-in' | 'slide-out' | 'sort' | 'sort-alt' | 'sparkle' | 'speaker' | 'speed' | 'square' | 'star' | 'stop' | 'support' | 'table' | 'taxi' | 'text-slash' | 'thumbs-down' | 'thumbs-up' | 'trash' | 'tree-structure' | 'underline' | 'upgrade' | 'upload' | 'url' | 'user' | 'users' | 'warning' | 'waves';
+export type IconName = 'activity' | 'alarm' | 'arrow-directions' | 'arrow-down' | 'arrow-left' | 'arrow-right' | 'arrow-triangle' | 'arrow-up' | 'auth-app' | 'auth-sms' | 'backups' | 'bar-chart' | 'bell' | 'beta' | 'blog' | 'bold' | 'book' | 'brackets' | 'briefcase' | 'building' | 'burger-menu' | 'calendar' | 'calendar-with-time' | 'cards' | 'cell-tower' | 'chart-area' | 'chart-bar-horizontal' | 'chart-cloud' | 'chart-donut' | 'chart-heatmap' | 'chart-scatter' | 'chart-square' | 'chart-stacked-horizontal' | 'chart-stacked-vertical' | 'chat' | 'check' | 'check-in-circle' | 'chevron-down' | 'chevron-left' | 'chevron-right' | 'chevron-up' | 'circle' | 'clock' | 'cloud' | 'cloud-keys' | 'code' | 'code-in-square' | 'collapse-all' | 'connect' | 'connect-alt' | 'console' | 'copy' | 'cpu' | 'credit-card' | 'cross' | 'data' | 'data-lakes' | 'database' | 'disk' | 'display' | 'document' | 'dot' | 'dots-horizontal' | 'dots-triangle' | 'dots-vertical' | 'dots-vertical-double' | 'double-check' | 'download' | 'download-in-circle' | 'email' | 'empty' | 'enter' | 'expand-all' | 'eye' | 'eye-closed' | 'filter' | 'fire' | 'flag' | 'flash' | 'flask' | 'folder-closed' | 'folder-open' | 'gear' | 'gift' | 'git-merge' | 'globe' | 'hexagon' | 'history' | 'home' | 'horizontal-loading' | 'http' | 'http-monitoring' | 'info-in-circle' | 'information' | 'insert-row' | 'integrations' | 'italic' | 'key' | 'keys' | 'lifebuoy' | 'light-bulb' | 'light-bulb-on' | 'lightening' | 'line-in-circle' | 'list-bulleted' | 'list-numbered' | 'loading' | 'loading-animated' | 'lock' | 'map-pin' | 'mcp' | 'metrics' | 'metrics-alt' | 'minus' | 'moon' | 'no-cloud' | 'pause' | 'payment' | 'pencil' | 'pie-chart' | 'pipe' | 'play' | 'play-in-circle' | 'plug' | 'plus' | 'popin' | 'popout' | 'popover-arrow' | 'puzzle-piece' | 'query' | 'question' | 'refresh' | 'resize-arrows-horizontal' | 'resize-arrows-vertical' | 'rocket' | 'sand-glass' | 'search' | 'secure' | 'server' | 'services' | 'settings' | 'share' | 'share-arrow' | 'share-network' | 'sleep' | 'slide-in' | 'slide-out' | 'sort' | 'sort-alt' | 'sparkle' | 'speaker' | 'speed' | 'square' | 'star' | 'stop' | 'support' | 'table' | 'taxi' | 'text-slash' | 'thumbs-down' | 'thumbs-up' | 'trash' | 'tree-structure' | 'underline' | 'upgrade' | 'upload' | 'url' | 'user' | 'users' | 'warning' | 'waves';
 export interface IconProps extends SVGAttributes<SVGElement> {
     name: IconName;
     theme?: ThemeName;

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

@@ -1,2 +1,2 @@
 import { AvatarProps } from './Avatar.types';
-export declare const Avatar: ({ text, textSize, src, srcSet, ...delegated }: AvatarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Avatar: ({ text, textSize, src, srcSet, className, ...delegated }: AvatarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { BadgeProps } from './Badge.types';
-export declare const Badge: ({ icon, iconDir, text, state, size, type, dismissible, onClose, ellipsisContent, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Badge: ({ icon, iconDir, text, state, size, type, dismissible, onClose, ellipsisContent, className, ...props }: BadgeProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { ButtonGroupProps } from './ButtonGroup.types';
-export declare const ButtonGroup: ({ options, selected, defaultSelected, fillWidth, onClick, type, multiple, ...props }: ButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ButtonGroup: import('react').ForwardRefExoticComponent<ButtonGroupProps & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -1,7 +1,7 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import { ButtonHTMLAttributes, HTMLAttributes, ReactNode } from 'react';
 export type ButtonGroupType = 'default' | 'borderless';
 export type SelectionValue = string | Set<string>;
-export interface ButtonGroupElementProps extends Omit<HTMLAttributes<HTMLButtonElement>, 'children'> {
+export interface ButtonGroupElementProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> {
     value: string;
     label?: ReactNode;
 }

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

@@ -1,2 +1,2 @@
 import { CardHorizontalProps } from './CardHorizontal.types';
-export declare const CardHorizontal: ({ title, icon, description, disabled, infoText, infoUrl, isSelected, isSelectable, children, color, size, alignment, badgeText, badgeState, badgeIcon, badgeIconDir, onButtonClick, ...props }: CardHorizontalProps) => import("react/jsx-runtime").JSX.Element;
+export declare const CardHorizontal: ({ title, icon, description, disabled, infoText, infoUrl, isSelected, isSelectable, children, color, size, alignment, badgeText, badgeState, badgeIcon, badgeIconDir, onButtonClick, className, ...props }: CardHorizontalProps) => import("react/jsx-runtime").JSX.Element;

package/dist/types/components/CardPrimary/CardPrimaryTopBadge.d.ts

@@ -1,4 +1,10 @@
-export declare const TopBadgeWrapper: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<Omit<any, never> & import('../Container').ContainerProps<import('react').ElementType>, never>> & string & Omit<(<T extends import('react').ElementType = "div">(props: Omit<import('react').ComponentProps<T>, keyof T> & import('../Container').ContainerProps<T>) => import('react').ReactNode), keyof import('react').Component<any, {}, any>>;
-export declare const CardPrimaryTopBadge: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('../Badge').DismissibleBadge | import('../Badge').NonDismissibleBadge, {
-    $isSelected?: boolean;
-}>> & string & Omit<({ icon, iconDir, text, state, size, type, dismissible, onClose, ellipsisContent, ...props }: import('../Badge').BadgeProps) => import("react/jsx-runtime").JSX.Element, keyof import('react').Component<any, {}, any>>;
+import { BadgeProps } from '../Badge';
+import { ContainerProps } from '../Container';
+import { HTMLAttributes } from 'react';
+type TopBadgeWrapperProps = ContainerProps<'div'> & HTMLAttributes<HTMLDivElement>;
+export declare const TopBadgeWrapper: ({ className, ...props }: TopBadgeWrapperProps) => import("react/jsx-runtime").JSX.Element;
+type CardPrimaryTopBadgeProps = BadgeProps & {
+    isSelected?: boolean;
+};
+export declare const CardPrimaryTopBadge: ({ isSelected, className, ...props }: CardPrimaryTopBadgeProps) => import("react/jsx-runtime").JSX.Element;
+export {};

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

@@ -1,2 +1,2 @@
 import { CheckboxProps } from './Checkbox.types';
-export declare const Checkbox: ({ id, label, variant, disabled, orientation, dir, checked, ...delegated }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Checkbox: ({ id, label, variant, disabled, orientation, dir, checked, className, ...delegated }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,5 +1,5 @@
 import { ComponentProps, ElementType, ReactNode } from 'react';
 import { ContainerProps } from './Container.types';
-type ContainerPolymorphicComponent = <T extends ElementType = 'div'>(props: Omit<ComponentProps<T>, keyof T> & ContainerProps<T>) => ReactNode;
+type ContainerPolymorphicComponent = <T extends ElementType = 'div'>(props: Omit<ComponentProps<T>, keyof ContainerProps<T>> & ContainerProps<T>) => ReactNode;
 export declare const Container: ContainerPolymorphicComponent;
 export {};

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

@@ -2,6 +2,6 @@ import { ComponentProps, ElementType, ReactNode } from 'react';
 export interface EllipsisContentProps<T extends ElementType = 'div'> {
     component?: T;
 }
-type EllipsisPolymorphicComponent = <T extends ElementType = 'div'>(props: Omit<ComponentProps<T>, keyof T> & EllipsisContentProps<T>) => ReactNode;
+type EllipsisPolymorphicComponent = <T extends ElementType = 'div'>(props: Omit<ComponentProps<T>, keyof EllipsisContentProps<T>> & EllipsisContentProps<T>) => ReactNode;
 export declare const EllipsisContent: EllipsisPolymorphicComponent;
 export {};

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

@@ -1,2 +1,2 @@
 import { GenericLabelProps } from './GenericLabel.types';
-export declare const GenericLabel: ({ disabled, children, ...props }: GenericLabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GenericLabel: ({ disabled, children, className, ...props }: GenericLabelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -55,6 +55,6 @@ export interface GridContainerProps<T extends ElementType = 'div'> {
     /** CSS overflow behavior */
     overflow?: string;
 }
-type GridContainerPolymorphicComponent = <T extends ElementType = 'div'>(props: Omit<ComponentProps<T>, keyof T> & GridContainerProps<T>) => ReactNode;
+type GridContainerPolymorphicComponent = <T extends ElementType = 'div'>(props: Omit<ComponentProps<T>, keyof GridContainerProps<T>> & GridContainerProps<T>) => ReactNode;
 export declare const GridContainer: GridContainerPolymorphicComponent;
 export {};

package/dist/types/components/Icon/SvgImageElement.d.ts

@@ -1,4 +1,7 @@
+import { ComponentType, SVGAttributes } from 'react';
 import { AssetSize } from '../../types';
-export declare const SvgImageElement: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').SVGProps<SVGSVGElement>, {
-    $size?: AssetSize;
-}>> & string;
+export interface SvgImageElementProps extends SVGAttributes<SVGElement> {
+    as?: ComponentType<SVGAttributes<SVGElement>>;
+    size?: AssetSize;
+}
+export declare const SvgImageElement: ({ as: Component, size, className, ...props }: SvgImageElementProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,8 +1,8 @@
-import { ReactNode } from 'react';
+import { HTMLAttributes, ReactNode } from 'react';
 import { HorizontalDirection, AssetSize } from '../../types';
 import { ImageName } from '../Icon/Icon.types';
 import { GapOptions } from '../Container';
-export interface IconWrapperProps {
+export interface IconWrapperProps extends HTMLAttributes<HTMLDivElement> {
     icon?: ImageName;
     iconDir?: HorizontalDirection;
     size?: AssetSize;

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

@@ -1,2 +1,2 @@
 import { LabelProps } from './Label.types';
-export declare const Label: ({ disabled, error, children, ...props }: LabelProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Label: ({ disabled, error, children, className, ...props }: LabelProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -15,6 +15,6 @@ export interface LinkProps<T extends ElementType = 'a'> {
     /** Custom component to render as the link element */
     component?: T;
 }
-type LinkPolymorphicComponent = <T extends ElementType = 'a'>(props: Omit<ComponentProps<T>, keyof T> & LinkProps<T>) => ReactNode;
+type LinkPolymorphicComponent = <T extends ElementType = 'a'>(props: Omit<ComponentProps<T>, keyof LinkProps<T>> & LinkProps<T>) => ReactNode;
 export declare const Link: LinkPolymorphicComponent;
 export {};

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

@@ -1,40 +1,2 @@
-import { HTMLAttributes, ReactNode } from 'react';
-interface CommonProgressBarProps extends Omit<HTMLAttributes<HTMLDivElement>, 'children'> {
-    /** The current progress value (0-100) */
-    progress: number;
-    /** Optional label to display */
-    label?: ReactNode;
-    /** Optional error message to display */
-    error?: ReactNode;
-    /** The orientation of the progress bar - horizontal fills width, vertical fills height */
-    orientation?: 'vertical' | 'horizontal';
-    /** The direction of progress fill - start fills from left/top, end fills from right/bottom */
-    dir?: 'start' | 'end';
-}
-interface DefaultProgressBar extends CommonProgressBarProps {
-    /** The type of progress bar - "default" shows text and close button */
-    type?: 'default';
-    /** Message to display when progress reaches 100% */
-    successMessage?: ReactNode;
-}
-interface SmallProgressBar extends CommonProgressBarProps {
-    /** The type of progress bar - "small" shows only the progress indicator */
-    type: 'small';
-    successMessage?: never;
-    dismissable?: never;
-    onCancel?: never;
-}
-interface DismissableProgressBar {
-    /** When true, shows a close button to cancel the progress */
-    dismissable: true;
-    /** Callback function when the close button is clicked */
-    onCancel: () => void;
-}
-interface NonDismissableProgressBar {
-    /** When false or undefined, the close button is hidden */
-    dismissable?: false;
-    onCancel?: never;
-}
-export type ProgressBarProps = (DefaultProgressBar & (DismissableProgressBar | NonDismissableProgressBar)) | SmallProgressBar;
-export declare const ProgressBar: ({ progress, type, dismissable, onCancel, successMessage, orientation, dir, ...props }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;
-export {};
+import { ProgressBarProps } from './ProgressBar.types';
+export declare const ProgressBar: ({ progress, type, dismissable, onCancel, successMessage, orientation, dir, className, ...props }: ProgressBarProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 import { SeparatorProps } from './Separator.types';
-export declare const Separator: ({ orientation, ...props }: SeparatorProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Separator: ({ orientation, size, className, ...props }: SeparatorProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -21,6 +21,6 @@ export interface TextProps<T extends ElementType = 'p'> {
     /** Whether the text should fill the full width of its container */
     fillWidth?: boolean;
 }
-type TextPolymorphicComponent = <T extends ElementType = 'p'>(props: Omit<ComponentProps<T>, keyof T> & TextProps<T>) => ReactNode;
+type TextPolymorphicComponent = <T extends ElementType = 'p'>(props: Omit<ComponentProps<T>, keyof TextProps<T>> & TextProps<T>) => ReactNode;
 export declare const Text: TextPolymorphicComponent;
 export {};

package/dist/types/index.d.ts

@@ -167,10 +167,10 @@ export type { PopoverProps } from '@radix-ui/react-popover';
  * @deprecated Use the `Link` component with the `component` prop instead.
  * Example: `<Link component={RouterLink} size="md" weight="normal" to="/path">text</Link>`
  */
-export { linkStyles } from './components/Link/common';
+export { linkStyles } from './styles/linkStyles';
 /**
  * @deprecated Use the `Link` component with the `component` prop instead.
  * This type exposes internal styled-components implementation details.
  * Example: `<Link component={RouterLink} size="md" weight="normal" to="/path">text</Link>`
  */
-export type { StyledLinkProps } from './components/Link/common';
+export type { StyledLinkProps } from './styles/linkStyles';

package/dist/types/{components/Link/common.d.ts → styles/linkStyles.d.ts}

@@ -1,4 +1,4 @@
-import { TextSize, TextWeight } from '../Text';
+import { TextSize, TextWeight } from '../components/Text';
 export type StyledLinkProps = {
     $size: TextSize;
     $weight: TextWeight;

package/dist/types/theme/theme.core.d.ts

@@ -1907,6 +1907,7 @@ export declare const themes: {
                             };
                             stroke: {
                                 default: string;
+                                focus: string;
                             };
                         };
                         format: {
@@ -1937,6 +1938,7 @@ export declare const themes: {
                             };
                             stroke: {
                                 default: string;
+                                focus: string;
                             };
                         };
                     };
@@ -5707,6 +5709,7 @@ export declare const themes: {
                             };
                             stroke: {
                                 default: string;
+                                focus: string;
                             };
                         };
                         format: {
@@ -5734,6 +5737,10 @@ export declare const themes: {
                                 active: string;
                                 disabled: string;
                             };
+                            stroke: {
+                                default: string;
+                                focus: string;
+                            };
                         };
                     };
                 };

package/dist/types/theme/tokens/variables.dark.d.ts

@@ -1904,6 +1904,7 @@ declare const theme: {
                         };
                         stroke: {
                             default: string;
+                            focus: string;
                         };
                     };
                     format: {
@@ -1934,6 +1935,7 @@ declare const theme: {
                         };
                         stroke: {
                             default: string;
+                            focus: string;
                         };
                     };
                 };

package/dist/types/theme/tokens/variables.light.d.ts

@@ -1889,6 +1889,7 @@ declare const theme: {
                         };
                         stroke: {
                             default: string;
+                            focus: string;
                         };
                     };
                     format: {
@@ -1916,6 +1917,10 @@ declare const theme: {
                             active: string;
                             disabled: string;
                         };
+                        stroke: {
+                            default: string;
+                            focus: string;
+                        };
                     };
                 };
             };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@clickhouse/click-ui",
-  "version": "v0.6.0",
+  "version": "v0.6.1-rc2",
   "description": "Official ClickHouse design system react library",
   "type": "module",
   "license": "Apache-2.0",
@@ -429,7 +429,7 @@
   },
   "devDependencies": {
     "@changesets/cli": "^2.29.8",
-    "@playwright/test": "^1.57.0",
+    "@playwright/test": "^1.60.0",
     "@storybook/addon-a11y": "^10.1.10",
     "@storybook/addon-docs": "^10.1.10",
     "@storybook/addon-links": "^10.1.10",

package/dist/cjs/components/Link/common.cjs.map

@@ -1 +0,0 @@
-{"version":3,"file":"common.cjs","sources":["../../../../src/components/Link/common.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport type { TextSize, TextWeight } from '@/components/Text';\n\nexport type StyledLinkProps = { $size: TextSize; $weight: TextWeight };\n\nexport const linkStyles = css<StyledLinkProps>`\n  font: ${({ $size, $weight = 'normal', theme }) =>\n    theme.typography.styles.product.text[$weight][$size]};\n  color: ${({ theme }) => theme.click.global.color.text.link.default};\n  margin: 0;\n  text-decoration: none;\n  display: inline-flex;\n  gap: ${({ $size, theme }) =>\n    $size === 'xs' || $size === 'sm'\n      ? theme.click.link.space.sm.gap\n      : theme.click.link.space.md.gap};\n  margin-right: ${({ $size, theme }) =>\n    $size === 'xs' || $size === 'sm'\n      ? theme.click.link.space.sm.gap\n      : theme.click.link.space.md.gap};\n  align-items: center;\n\n  &:hover,\n  &:focus {\n    color: ${({ theme }) => theme.click.global.color.text.link.hover};\n    transition: ${({ theme }) => theme.transition.default};\n    text-decoration: underline;\n    cursor: pointer;\n  }\n\n  &:visited {\n    color: ${({ theme }) => theme.click.global.color.text.link.default};\n  }\n`;\n"],"names":["linkStyles","css","$size","$weight","theme","typography","styles","product","text","click","global","color","link","default","space","sm","gap","md","hover","transition"],"mappings":";;;;;;AAKO,MAAMA,UAAAA,GAAaC,oBAAAA,uOAChB,CAAC;AAAA,EAAEC,KAAAA;AAAAA,EAAOC,OAAAA,GAAU,QAAA;AAAA,EAAUC;AAAM,CAAA,KAC1CA,KAAAA,CAAMC,WAAWC,MAAAA,CAAOC,OAAAA,CAAQC,KAAKL,OAAO,CAAA,CAAED,KAAK,CAAA,EAC5C,CAAC;AAAA,EAAEE;AAAM,CAAA,KAAMA,MAAMK,KAAAA,CAAMC,MAAAA,CAAOC,MAAMH,IAAAA,CAAKI,IAAAA,CAAKC,SAIpD,CAAC;AAAA,EAAEX,KAAAA;AAAAA,EAAOE;AAAM,CAAA,KACrBF,UAAU,IAAA,IAAQA,KAAAA,KAAU,IAAA,GACxBE,KAAAA,CAAMK,MAAMG,IAAAA,CAAKE,KAAAA,CAAMC,EAAAA,CAAGC,GAAAA,GAC1BZ,MAAMK,KAAAA,CAAMG,IAAAA,CAAKE,KAAAA,CAAMG,EAAAA,CAAGD,KAChB,CAAC;AAAA,EAAEd,KAAAA;AAAAA,EAAOE;AAAM,CAAA,KAC9BF,UAAU,IAAA,IAAQA,KAAAA,KAAU,IAAA,GACxBE,KAAAA,CAAMK,MAAMG,IAAAA,CAAKE,KAAAA,CAAMC,EAAAA,CAAGC,GAAAA,GAC1BZ,MAAMK,KAAAA,CAAMG,IAAAA,CAAKE,KAAAA,CAAMG,EAAAA,CAAGD,KAKrB,CAAC;AAAA,EAAEZ;AAAM,CAAA,KAAMA,MAAMK,KAAAA,CAAMC,MAAAA,CAAOC,MAAMH,IAAAA,CAAKI,IAAAA,CAAKM,OAC7C,CAAC;AAAA,EAAEd;AAAM,CAAA,KAAMA,KAAAA,CAAMe,UAAAA,CAAWN,OAAAA,EAMrC,CAAC;AAAA,EAAET;AAAM,CAAA,KAAMA,MAAMK,KAAAA,CAAMC,MAAAA,CAAOC,KAAAA,CAAMH,IAAAA,CAAKI,KAAKC,OAAO;;;;"}

package/dist/esm/components/Link/common.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"common.js","sources":["../../../../src/components/Link/common.ts"],"sourcesContent":["import { css } from 'styled-components';\nimport type { TextSize, TextWeight } from '@/components/Text';\n\nexport type StyledLinkProps = { $size: TextSize; $weight: TextWeight };\n\nexport const linkStyles = css<StyledLinkProps>`\n  font: ${({ $size, $weight = 'normal', theme }) =>\n    theme.typography.styles.product.text[$weight][$size]};\n  color: ${({ theme }) => theme.click.global.color.text.link.default};\n  margin: 0;\n  text-decoration: none;\n  display: inline-flex;\n  gap: ${({ $size, theme }) =>\n    $size === 'xs' || $size === 'sm'\n      ? theme.click.link.space.sm.gap\n      : theme.click.link.space.md.gap};\n  margin-right: ${({ $size, theme }) =>\n    $size === 'xs' || $size === 'sm'\n      ? theme.click.link.space.sm.gap\n      : theme.click.link.space.md.gap};\n  align-items: center;\n\n  &:hover,\n  &:focus {\n    color: ${({ theme }) => theme.click.global.color.text.link.hover};\n    transition: ${({ theme }) => theme.transition.default};\n    text-decoration: underline;\n    cursor: pointer;\n  }\n\n  &:visited {\n    color: ${({ theme }) => theme.click.global.color.text.link.default};\n  }\n`;\n"],"names":["linkStyles","css","$size","$weight","theme","typography","styles","product","text","click","global","color","link","default","space","sm","gap","md","hover","transition"],"mappings":";;AAKO,MAAMA,UAAAA,GAAaC,GAAAA,uOAChB,CAAC;AAAA,EAAEC,KAAAA;AAAAA,EAAOC,OAAAA,GAAU,QAAA;AAAA,EAAUC;AAAM,CAAA,KAC1CA,KAAAA,CAAMC,WAAWC,MAAAA,CAAOC,OAAAA,CAAQC,KAAKL,OAAO,CAAA,CAAED,KAAK,CAAA,EAC5C,CAAC;AAAA,EAAEE;AAAM,CAAA,KAAMA,MAAMK,KAAAA,CAAMC,MAAAA,CAAOC,MAAMH,IAAAA,CAAKI,IAAAA,CAAKC,SAIpD,CAAC;AAAA,EAAEX,KAAAA;AAAAA,EAAOE;AAAM,CAAA,KACrBF,UAAU,IAAA,IAAQA,KAAAA,KAAU,IAAA,GACxBE,KAAAA,CAAMK,MAAMG,IAAAA,CAAKE,KAAAA,CAAMC,EAAAA,CAAGC,GAAAA,GAC1BZ,MAAMK,KAAAA,CAAMG,IAAAA,CAAKE,KAAAA,CAAMG,EAAAA,CAAGD,KAChB,CAAC;AAAA,EAAEd,KAAAA;AAAAA,EAAOE;AAAM,CAAA,KAC9BF,UAAU,IAAA,IAAQA,KAAAA,KAAU,IAAA,GACxBE,KAAAA,CAAMK,MAAMG,IAAAA,CAAKE,KAAAA,CAAMC,EAAAA,CAAGC,GAAAA,GAC1BZ,MAAMK,KAAAA,CAAMG,IAAAA,CAAKE,KAAAA,CAAMG,EAAAA,CAAGD,KAKrB,CAAC;AAAA,EAAEZ;AAAM,CAAA,KAAMA,MAAMK,KAAAA,CAAMC,MAAAA,CAAOC,MAAMH,IAAAA,CAAKI,IAAAA,CAAKM,OAC7C,CAAC;AAAA,EAAEd;AAAM,CAAA,KAAMA,KAAAA,CAAMe,UAAAA,CAAWN,OAAAA,EAMrC,CAAC;AAAA,EAAET;AAAM,CAAA,KAAMA,MAAMK,KAAAA,CAAMC,MAAAA,CAAOC,KAAAA,CAAMH,IAAAA,CAAKI,KAAKC,OAAO;;;;"}