@liner-fe/prism 2.6.40 → 2.7.0

package/lib/index.d.ts

@@ -1,6 +1,6 @@
-import * as react from 'react';
-import react__default, { ComponentType, ForwardRefExoticComponent, RefAttributes, ButtonHTMLAttributes, SVGProps, HTMLAttributes, ReactNode, ComponentPropsWithoutRef, InputHTMLAttributes, ComponentProps, LiHTMLAttributes, MouseEventHandler } from 'react';
 import { SystemKeys, BasicColorType, TypographyCaptionPrefix, TypographyParagraphPrefix, TypographyHeadingPrefix, TypographyTitlePrefix, TypographyDisplayPrefix } from '@liner-fe/design-token-primitive';
+import * as react from 'react';
+import react__default, { ButtonHTMLAttributes, SVGProps, RefAttributes, HTMLAttributes, ReactNode, ComponentPropsWithoutRef, InputHTMLAttributes, ComponentProps, LiHTMLAttributes, MouseEventHandler } from 'react';
 import * as cva from 'cva';
 import { VariantProps } from 'cva';
 import { IconProps as IconProps$1 } from '@liner-fe/icon';
@@ -15,19 +15,6 @@ import { PopoverProps, PopoverPortalProps } from '@radix-ui/react-popover';
 import { ImageProps } from 'next/image';
 import { Property } from 'csstype';
 
-interface IconComponentProps {
-    className?: string;
-    color?: string;
-    fill?: boolean;
-    thick?: boolean;
-    size?: 16 | 20 | 24 | 32 | 40;
-}
-type IconComponent = ComponentType<IconComponentProps> | ForwardRefExoticComponent<IconComponentProps & RefAttributes<SVGSVGElement>>;
-type IconMapType = typeof iconMap;
-type IconKey = 'close-fill' | 'more' | 'liner' | 'liner-variation' | 'person-fill' | 'list' | 'history' | 'start' | 'end' | 'paperclip' | 'share' | 'sign-out' | 'check-mark-fill' | 'exclamationmark-fill' | 'plus' | 'minus' | 'new-thread' | 'move' | 'search' | 'globe' | 'graduationcap' | 'palette' | 'download' | 'regenerate' | 'credit' | 'feedback' | 'tune' | 'arrow-back' | 'arrow-forward' | 'arrow-up' | 'arrow-down' | 'menu' | 'document-warning' | 'arrow-right' | 'arrow-left' | 'step' | 'arrow-turn' | 'power' | 'desktop' | 'desktop-on-cursor' | 'view-list' | 'chart-bar' | 'chart-line-uptrend' | 'folder' | 'person' | 'trash' | 'pencil' | 'copy' | 'book' | 'description' | 'bookmark' | 'photo' | 'camera' | 'bolt' | 'question-message' | 'books' | 'balance' | 'folder-add' | 'document' | 'person-add' | 'send' | 'check-mark' | 'exclamationmark' | 'close' | 'lock' | 'ai' | 'stack' | 'summarize' | 'memo' | 'highlighter' | 'creditcard' | 'speaker' | 'light' | 'document-add' | 'thumb-up' | 'thumb-down' | 'shield' | 'home' | 'visibility' | 'visibility-off' | 'magic-wand' | 'magic-pencil' | 'bulb-exclamtionmark' | 'bulb' | 'paraphase' | 'make-easy' | 'translate' | 'Info' | 'folder-open' | 'highlight-edit' | 'apple' | 'android' | 'twitter' | 'facebook' | 'google' | 'paraphrase' | 'car' | 'airplane' | 'rocket' | 'source' | 'setting' | 'extend' | 'shorten' | 'sun' | 'moon' | 'fire' | 'arrow-upward' | 'arrow-downward' | 'light-mode' | 'dark-mode' | 'target' | 'question-box' | 'new-tab' | 'example' | 'quote' | 'document-check' | 'block' | 'bookmark-cancel' | 'arrow-up-right' | 'arrow-down-left' | 'arrow-up-left' | 'email' | 'filter' | 'timer' | 'play-button' | 'text-select' | 'arrow-drop-down' | 'bell' | 'secret-mode' | 'add-clock' | 'clock' | 'arrow-backward' | 'link' | 'sheet-export' | 'shield-usage' | 'essay' | 'spinner' | 'drop-down' | 'drop-up' | 'arrow-drop-right' | 'arrow-up-down' | 'google-export' | 'shield-person' | 'formal-bag' | 'casual-shoe' | 'undo' | 'redo' | 'expand' | 'verification-badge' | 'volume-up' | 'volume' | 'folder-open-share' | 'folder-share' | 'report' | 'mindmap' | 'flowchart' | 'show-all' | 'hide-all' | 'brain' | 'zoom-in' | 'zoom-out' | 'focus' | 'help' | 'paragraph' | 'retry' | 'add-to-folder' | 'remove-from-folder' | 'move-to-folder' | 'new-thread-folder' | 'chrome' | 'new-chrome-extension' | 'mobile' | 'google-color' | 'stop' | 'microscope' | 'members' | 'teams' | 'literature-review' | 'expand-close';
-
-declare const iconMap: Record<IconKey, IconComponent>;
-
 declare const objectToArray: <T extends Record<string, unknown>>(obj: T) => [string, unknown][];
 declare const arrayToStyleObject: <T extends SystemKeys>(colorKeys: T[], style: {
     readonly [key: string]: string;
@@ -38,7 +25,7 @@ declare const defaultButtonVariants: (props?: ({
     level?: "primary" | "secondary" | "tertiary" | "quaternary" | "quinary" | "negative" | "static" | "inverse-static" | undefined;
     fill?: boolean | undefined;
     align?: "center" | "spaceBetween" | undefined;
-    size?: "m" | "s" | "l" | "cta" | undefined;
+    size?: "l" | "m" | "s" | "cta" | undefined;
     width?: "full" | "fit-content" | undefined;
 } & ({
     class?: cva.ClassValue;
@@ -72,6 +59,8 @@ type ButtonProps = DefaultButtonProps<FillType>;
 declare const DefaultButton: react.ForwardRefExoticComponent<DefaultButtonProps<boolean> & react.RefAttributes<HTMLButtonElement>>;
 declare const Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
+type IconKey = 'close-fill' | 'more' | 'liner' | 'liner-variation' | 'person-fill' | 'list' | 'history' | 'start' | 'end' | 'paperclip' | 'share' | 'sign-out' | 'check-mark-fill' | 'exclamationmark-fill' | 'plus' | 'minus' | 'new-thread' | 'move' | 'search' | 'globe' | 'graduationcap' | 'palette' | 'download' | 'regenerate' | 'credit' | 'feedback' | 'tune' | 'arrow-back' | 'arrow-forward' | 'arrow-up' | 'arrow-down' | 'menu' | 'document-warning' | 'arrow-right' | 'arrow-left' | 'step' | 'arrow-turn' | 'power' | 'desktop' | 'desktop-on-cursor' | 'view-list' | 'chart-bar' | 'chart-line-uptrend' | 'folder' | 'person' | 'trash' | 'pencil' | 'copy' | 'book' | 'description' | 'bookmark' | 'photo' | 'camera' | 'bolt' | 'question-message' | 'books' | 'balance' | 'folder-add' | 'document' | 'person-add' | 'send' | 'check-mark' | 'exclamationmark' | 'close' | 'lock' | 'ai' | 'stack' | 'summarize' | 'memo' | 'highlighter' | 'creditcard' | 'speaker' | 'light' | 'document-add' | 'thumb-up' | 'thumb-down' | 'shield' | 'home' | 'visibility' | 'visibility-off' | 'magic-wand' | 'magic-pencil' | 'bulb-exclamtionmark' | 'bulb' | 'paraphase' | 'make-easy' | 'translate' | 'Info' | 'folder-open' | 'highlight-edit' | 'apple' | 'android' | 'twitter' | 'facebook' | 'google' | 'paraphrase' | 'car' | 'airplane' | 'rocket' | 'source' | 'setting' | 'extend' | 'shorten' | 'sun' | 'moon' | 'fire' | 'arrow-upward' | 'arrow-downward' | 'light-mode' | 'dark-mode' | 'target' | 'question-box' | 'new-tab' | 'example' | 'quote' | 'document-check' | 'block' | 'bookmark-cancel' | 'arrow-up-right' | 'arrow-down-left' | 'arrow-up-left' | 'email' | 'filter' | 'timer' | 'play-button' | 'text-select' | 'arrow-drop-down' | 'bell' | 'secret-mode' | 'add-clock' | 'clock' | 'arrow-backward' | 'link' | 'sheet-export' | 'shield-usage' | 'essay' | 'spinner' | 'drop-down' | 'drop-up' | 'arrow-drop-right' | 'arrow-up-down' | 'google-export' | 'shield-person' | 'formal-bag' | 'casual-shoe' | 'undo' | 'redo' | 'expand' | 'verification-badge' | 'volume-up' | 'volume' | 'folder-open-share' | 'folder-share' | 'report' | 'mindmap' | 'flowchart' | 'show-all' | 'hide-all' | 'brain' | 'zoom-in' | 'zoom-out' | 'focus' | 'help' | 'paragraph' | 'retry' | 'add-to-folder' | 'remove-from-folder' | 'move-to-folder' | 'new-thread-folder' | 'chrome' | 'new-chrome-extension' | 'mobile' | 'google-color' | 'stop' | 'microscope' | 'members' | 'teams' | 'literature-review' | 'expand-close';
+
 declare const iconSizeMap: {
     readonly xs: 16;
     readonly s: 20;
@@ -79,7 +68,6 @@ declare const iconSizeMap: {
     readonly l: 32;
     readonly xl: 40;
 };
-declare const iconKeyOptions: IconKey[];
 declare const iconVariants: (props?: ({
     type?: SystemKeys | undefined;
     fillType?: SystemKeys | undefined;
@@ -90,7 +78,6 @@ declare const iconVariants: (props?: ({
     class?: never;
     className?: cva.ClassValue;
 })) | undefined) => string;
-declare const getIconComponent: (iconKey: IconKey, map: IconMapType) => IconComponent;
 type IconSizeKey = keyof typeof iconSizeMap;
 type IconColorType = Extract<SystemKeys, BasicColorType>;
 interface IconProps extends VariantProps<typeof iconVariants>, Omit<SVGProps<SVGSVGElement>, 'fill'> {
@@ -102,7 +89,6 @@ interface IconProps extends VariantProps<typeof iconVariants>, Omit<SVGProps<SVG
     fill?: boolean;
     className?: string;
 }
-declare const Icon: react.ForwardRefExoticComponent<Omit<IconProps, "ref"> & react.RefAttributes<SVGSVGElement>>;
 
 interface IToastBase extends ToastProps, RefAttributes<HTMLLIElement> {
     toastId: number;
@@ -213,10 +199,10 @@ declare const Display: react.ForwardRefExoticComponent<IDisplayProps & react.Ref
 
 type BreakPointsKey = keyof typeof breakpointOrigin;
 declare const rootMediaStyle: string;
-declare const MediaContextProvider: react.ComponentType<_artsy_fresnel_dist_Media.MediaContextProviderProps<"m" | "s" | "xl" | "l" | "xs" | "xxl" | "xxxl"> & {
+declare const MediaContextProvider: react.ComponentType<_artsy_fresnel_dist_Media.MediaContextProviderProps<"xl" | "l" | "m" | "s" | "xs" | "xxl" | "xxxl"> & {
     children: react.ReactNode;
 }>;
-declare const Media: react.ComponentType<_artsy_fresnel_dist_Media.MediaProps<"m" | "s" | "xl" | "l" | "xs" | "xxl" | "xxxl", never>>;
+declare const Media: react.ComponentType<_artsy_fresnel_dist_Media.MediaProps<"xl" | "l" | "m" | "s" | "xs" | "xxl" | "xxxl", never>>;
 
 declare const KEY = "level";
 
@@ -350,7 +336,7 @@ declare const Tooltip: (({ children, ...props }: TooltipRootProps) => react_jsx_
 
 declare const iconButtonVariants: (props?: ({
     level?: "primary" | "secondary" | "tertiary" | "quaternary" | "negative" | "static" | "inverse-static" | "inverse" | undefined;
-    size?: "m" | "s" | "l" | "xs" | undefined;
+    size?: "l" | "m" | "s" | "xs" | undefined;
     fill?: boolean | undefined;
 } & ({
     class?: cva.ClassValue;
@@ -501,7 +487,7 @@ declare const useSnackbar: () => {
 declare const defaultLabelVariants: (props?: ({
     level?: "primary" | "secondary" | undefined;
     position?: "top" | "right" | undefined;
-    size?: "m" | "s" | "l" | undefined;
+    size?: "l" | "m" | "s" | undefined;
     offset?: "medium" | "high" | "low" | undefined;
     disabled?: boolean | undefined;
     error?: boolean | undefined;
@@ -672,4 +658,4 @@ interface TagProps extends Omit<IPropsNormalBold, 'type' | 'size' | 'weight'> {
 }
 declare const Tag: react.ForwardRefExoticComponent<TagProps & react.RefAttributes<HTMLParagraphElement>>;
 
-export { type BaseCoachMarkContentProps, type BreakPointsKey, Button, type ButtonIconProps, type ButtonProps, type ButtonSizeType, Caption, Checkbox, CoachMark, type CoachMarkContentProps, type CommonButtonProps, CompactCoachMark, DefaultButton, type DefaultButtonProps, Display, type FillFalseLevelType, type FillLevelType, type FillType, Heading, type ICaptionProps, type IDisplayProps, type IHeadingProps, type IPropsAccent, type IPropsAnswer, type IPropsNormal, type IPropsNormalBold, type IPropsPost, type ITitleProps, Icon, IconButton, type IconButtonLevelType, type IconButtonProps, type IconColorType, type IconComponent, type IconComponentProps, type IconKey, type IconMapType, type IconProps, type IconSizeKey, type IconSizeType, type ItemProps, Label, List, Loading, Logo, Media, MediaContextProvider, Paragraph, type ParagraphProps, Popover, type PopoverContentProps, PrimitiveCoachMark, type PrimitiveCoachMarkContentProps, type PrimitiveCoachMarkRootProps, Radio, Select, type SelectItemProps, type SelectProps, SingleSnackbar, Snackbar, Tag, TextButton, type TextButtonProps, Textfield, type TextfieldButtonProps, type TextfieldLabelType, type TextfieldProps, Title, Toaster, Tooltip, Typography, arrayToStyleObject, getIconComponent, iconKeyOptions, iconMap, isEmptyObject, objectToArray, rootMediaStyle, snackbarAtom, useSnackbar, useToast };
+export { type BaseCoachMarkContentProps, type BreakPointsKey, Button, type ButtonIconProps, type ButtonProps, type ButtonSizeType, Caption, Checkbox, CoachMark, type CoachMarkContentProps, type CommonButtonProps, CompactCoachMark, DefaultButton, type DefaultButtonProps, Display, type FillFalseLevelType, type FillLevelType, type FillType, Heading, type ICaptionProps, type IDisplayProps, type IHeadingProps, type IPropsAccent, type IPropsAnswer, type IPropsNormal, type IPropsNormalBold, type IPropsPost, type ITitleProps, IconButton, type IconButtonLevelType, type IconButtonProps, type IconSizeType, type ItemProps, Label, List, Loading, Logo, Media, MediaContextProvider, Paragraph, type ParagraphProps, Popover, type PopoverContentProps, PrimitiveCoachMark, type PrimitiveCoachMarkContentProps, type PrimitiveCoachMarkRootProps, Radio, Select, type SelectItemProps, type SelectProps, SingleSnackbar, Snackbar, Tag, TextButton, type TextButtonProps, Textfield, type TextfieldButtonProps, type TextfieldLabelType, type TextfieldProps, Title, Toaster, Tooltip, Typography, arrayToStyleObject, isEmptyObject, objectToArray, rootMediaStyle, snackbarAtom, useSnackbar, useToast };