@lunit/design-system 2.1.0 → 2.2.3

package/dist/types/components/Toggle/Toggle.styled.d.ts

@@ -1,6 +1,6 @@
-import { SwitchProps } from "@mui/material";
+import { SwitchProps } from '@mui/material';
 interface ToggleProps extends SwitchProps {
-    toggleSize: "small" | "large";
+    toggleSize: 'small' | 'large';
 }
 export declare const CommonToggle: import("@emotion/styled").StyledComponent<SwitchProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ToggleProps, {}, {}>;
 export declare const CommonIndeterminateToggle: import("@emotion/styled").StyledComponent<SwitchProps & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & ToggleProps, {}, {}>;

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

@@ -1,10 +1,10 @@
-import type { SwitchProps } from "@mui/material";
-export interface ToggleProps extends Omit<SwitchProps, "size"> {
+import type { SwitchProps } from '@mui/material';
+export interface ToggleProps extends Omit<SwitchProps, 'size'> {
     /**
      * The size of the component.
      * @default small
      */
-    size?: "small" | "large";
+    size?: 'small' | 'large';
     /**
      * If `true`, the component has consistent 'checked' value and change shape.
      * @default false

package/dist/types/components/Toggle/index.d.ts

@@ -1 +1 @@
-export { default } from "./Toggle";
+export { default } from './Toggle';

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

@@ -1,3 +1,3 @@
-import React from "react";
+import React from 'react';
 declare const ToggleButton: React.ForwardRefExoticComponent<(Omit<import("./ToggleButton.types").ContainedToggleButtonProps, "ref"> | Omit<import("./ToggleButton.types").GhostToggleButtonProps, "ref"> | Omit<import("./ToggleButton.types").OutlinedToggleButtonProps, "ref">) & React.RefAttributes<HTMLButtonElement>>;
 export default ToggleButton;

package/dist/types/components/ToggleButton/ToggleButton.styled.d.ts

@@ -1,40 +1,8 @@
-/// <reference types="react" />
-import type { ToggleButtonProps } from "../ToggleButton/ToggleButton.types";
+import type { ToggleButtonProps } from '../ToggleButton/ToggleButton.types';
 type CustomToggleButtonProps = ToggleButtonProps & {
     hasIconOnly: boolean;
 };
-export declare const CustomToggleButton: import("@emotion/styled").StyledComponent<{
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ToggleButtonClasses> | undefined;
-    color?: "primary" | "secondary" | "success" | "info" | "warning" | "error" | "standard" | undefined;
-    disabled?: boolean | undefined;
-    disableFocusRipple?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    onChange?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>, value: any) => void) | undefined;
-    onClick?: ((event: import("react").MouseEvent<HTMLElement, MouseEvent>, value: any) => void) | undefined;
-    selected?: boolean | undefined;
-    size?: "small" | "medium" | "large" | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    value: {};
-} & Omit<{
-    action?: import("react").Ref<import("@mui/material").ButtonBaseActions> | undefined;
-    centerRipple?: boolean | undefined;
-    children?: import("react").ReactNode;
-    classes?: Partial<import("@mui/material").ButtonBaseClasses> | undefined;
-    disabled?: boolean | undefined;
-    disableRipple?: boolean | undefined;
-    disableTouchRipple?: boolean | undefined;
-    focusRipple?: boolean | undefined;
-    focusVisibleClassName?: string | undefined;
-    LinkComponent?: import("react").ElementType<any> | undefined;
-    onFocusVisible?: import("react").FocusEventHandler<any> | undefined;
-    sx?: import("@mui/material").SxProps<import("@mui/material").Theme> | undefined;
-    tabIndex?: number | undefined;
-    TouchRippleProps?: Partial<import("@mui/material/ButtonBase/TouchRipple").TouchRippleProps> | undefined;
-    touchRippleRef?: import("react").Ref<import("@mui/material/ButtonBase/TouchRipple").TouchRippleActions> | undefined;
-}, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
-    ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "color" | keyof import("@mui/material/OverridableComponent").CommonProps | "children" | "sx" | "tabIndex" | "onChange" | "onClick" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "value" | "disableFocusRipple" | "fullWidth" | "size" | "selected"> & import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CustomToggleButtonProps, {}, {}>;
+export declare const CustomToggleButton: import("@emotion/styled").StyledComponent<import("@mui/material").ToggleButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & (Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "color" | "className" | "style" | "classes" | "children" | "sx" | "tabIndex" | "onChange" | "onClick" | "action" | "centerRipple" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "TouchRippleProps" | "touchRippleRef" | "value" | "disableFocusRipple" | "fullWidth" | "size" | "selected"> & (import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & CustomToggleButtonProps)), {}, {}>;
 export declare const IconAndChildrenWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme>, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const IconWrapper: import("@emotion/styled").StyledComponent<import("@mui/system").MUIStyledCommonProps<import("@mui/material").Theme> & {
     hasIconOnly: boolean;

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

@@ -1,19 +1,19 @@
-/// <reference types="react" />
-import type { ToggleButtonProps as MuiToggleButtonProps } from "@mui/material";
-export interface ToggleButtonBaseProps extends Omit<MuiToggleButtonProps, "variant"> {
-    selectedColor?: "primary" | "secondary";
+import type React from 'react';
+import type { ToggleButtonProps as MuiToggleButtonProps } from '@mui/material';
+export interface ToggleButtonBaseProps extends Omit<MuiToggleButtonProps, 'variant'> {
+    selectedColor?: 'primary' | 'secondary';
     icon?: React.ReactNode;
 }
 export interface ContainedToggleButtonProps extends ToggleButtonBaseProps {
-    kind?: "contained";
-    color?: "primary" | "secondary";
+    kind?: 'contained';
+    color?: 'primary' | 'secondary';
 }
 export interface GhostToggleButtonProps extends ToggleButtonBaseProps {
-    kind?: "ghost";
-    color?: "primary" | "secondary";
+    kind?: 'ghost';
+    color?: 'primary' | 'secondary';
 }
 export interface OutlinedToggleButtonProps extends ToggleButtonBaseProps {
-    kind?: "outlined";
-    color?: "primary";
+    kind?: 'outlined';
+    color?: 'primary';
 }
 export type ToggleButtonProps = ContainedToggleButtonProps | GhostToggleButtonProps | OutlinedToggleButtonProps;

package/dist/types/components/ToggleButton/index.d.ts

@@ -1 +1 @@
-export { default } from "./ToggleButton";
+export { default } from './ToggleButton';

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

@@ -1,3 +1,3 @@
-import { ToggleButtonGroupProps } from "@mui/material/ToggleButtonGroup";
+import { ToggleButtonGroupProps } from '@mui/material/ToggleButtonGroup';
 declare const ToggleButtonGroup: ({ size, ...props }: ToggleButtonGroupProps) => import("react/jsx-runtime").JSX.Element;
 export default ToggleButtonGroup;

package/dist/types/components/ToggleButtonGroup/index.d.ts

@@ -1 +1 @@
-export { default } from "./ToggleButtonGroup";
+export { default } from './ToggleButtonGroup';

package/dist/types/components/Tooltip/index.d.ts

@@ -1 +1 @@
-export { default } from "./Tooltip";
+export { default } from './Tooltip';

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

@@ -1,11 +1,11 @@
-import React from "react";
-import type { TypographyProps } from "@mui/material/Typography";
-import type { TypographyPropsVariantOverridesType } from "../../foundation/Typography";
-declare module "@mui/material/Typography" {
+import React from 'react';
+import type { TypographyProps } from '@mui/material/Typography';
+import type { TypographyPropsVariantOverridesType } from '../../foundation/Typography';
+declare module '@mui/material/Typography' {
     interface TypographyPropsVariantOverrides extends TypographyPropsVariantOverridesType {
     }
 }
-declare const Typography: <C extends React.ElementType<any>>(props: TypographyProps<C, {
-    component?: C | undefined;
+declare const Typography: <C extends React.ElementType>(props: TypographyProps<C, {
+    component?: C;
 }>) => import("react/jsx-runtime").JSX.Element;
 export default Typography;

package/dist/types/components/Typography/index.d.ts

@@ -1 +1 @@
-export { default } from "./Typography";
+export { default } from './Typography';

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

@@ -1,2 +1,2 @@
-import { Components, Theme } from "@mui/material";
-export declare const componentsCssBaseline: Components<Theme>["MuiCssBaseline"];
+import { Components, Theme } from '@mui/material';
+export declare const componentsCssBaseline: Components<Theme>['MuiCssBaseline'];

package/dist/types/foundation/Elevation/index.d.ts

@@ -19,8 +19,8 @@ export declare const elevationOptions: {
     shadow4: string;
 };
 export declare const createElevationCssBaseline: () => {
-    ".light1, .light2, .dark1, .dark2": {
-        "--elevation-shadow": string;
+    '.light1, .light2, .dark1, .dark2': {
+        '--elevation-shadow': string;
         elevation_00: string;
         elevation_01: string;
         elevation_02: string;
@@ -29,37 +29,37 @@ export declare const createElevationCssBaseline: () => {
         shadow3: string;
         shadow4: string;
     };
-    ".MuiPaper-root": {
-        "--elevation-shadow": string;
+    '.MuiPaper-root': {
+        '--elevation-shadow': string;
     };
-    ".MuiDialog-paper": {
-        "--elevation-shadow": string;
+    '.MuiDialog-paper': {
+        '--elevation-shadow': string;
     };
-    ".MuiPopover-paper": {
-        "--elevation-shadow": string;
+    '.MuiPopover-paper': {
+        '--elevation-shadow': string;
     };
-    ".MuiMenu-paper": {
-        "--elevation-shadow": string;
+    '.MuiMenu-paper': {
+        '--elevation-shadow': string;
     };
-    ".MuiTooltip-tooltip": {
-        "--elevation-shadow": string;
+    '.MuiTooltip-tooltip': {
+        '--elevation-shadow': string;
     };
-    ".MuiAlert-root": {
-        "--elevation-shadow": string;
+    '.MuiAlert-root': {
+        '--elevation-shadow': string;
     };
-    ".elevation0, .elevation1, .elevation2": {
+    '.elevation0, .elevation1, .elevation2': {
         boxShadow: string;
     };
-    ".elevation3, .elevation4, .elevation5, .elevation6, .elevation7, .elevation8, .elevation9, .elevation10, .elevation11, .elevation12, .elevation13, .elevation14, .elevation15, .elevation16, .elevation17, .elevation18, .elevation19, .elevation20, .elevation21, .elevation22, .elevation23, .elevation24": {
+    '.elevation3, .elevation4, .elevation5, .elevation6, .elevation7, .elevation8, .elevation9, .elevation10, .elevation11, .elevation12, .elevation13, .elevation14, .elevation15, .elevation16, .elevation17, .elevation18, .elevation19, .elevation20, .elevation21, .elevation22, .elevation23, .elevation24': {
         boxShadow: string;
     };
-    ".elevation0": {
-        "--elevation-shadow": string;
+    '.elevation0': {
+        '--elevation-shadow': string;
     };
-    ".elevation1": {
-        "--elevation-shadow": string;
+    '.elevation1': {
+        '--elevation-shadow': string;
     };
-    ".elevation2": {
-        "--elevation-shadow": string;
+    '.elevation2': {
+        '--elevation-shadow': string;
     };
 };

package/dist/types/foundation/Typography/index.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-import type { TypographyOptions } from "@mui/material/styles/createTypography";
-type DSVariants = "headline1" | "headline2" | "headline3" | "headline4" | "headline5" | "body1_16_semibold" | "body1_16_regular" | "body2_14_bold" | "body2_14_medium" | "body2_14_regular" | "body3_12_semibold" | "body3_12_regular" | "body_m2" | "body_reg6" | "body_reg8" | "small_body_sb1" | "small_body_m2" | "button1" | "button2";
+import type React from 'react';
+import type { TypographyVariantsOptions } from '@mui/material/styles';
+type DSVariants = 'headline1' | 'headline2' | 'headline3' | 'headline4' | 'headline5' | 'body1_16_semibold' | 'body1_16_regular' | 'body2_14_bold' | 'body2_14_medium' | 'body2_14_regular' | 'body3_12_semibold' | 'body3_12_regular' | 'body_m2' | 'body_reg6' | 'body_reg8' | 'small_body_sb1' | 'small_body_m2' | 'button1' | 'button2';
 type DSVariantsType = Record<DSVariants, React.CSSProperties>;
-declare module "@mui/material/styles" {
+declare module '@mui/material/styles' {
     interface TypographyVariants extends DSVariantsType {
     }
     interface TypographyVariantsOptions extends Partial<DSVariantsType> {
     }
 }
 export type TypographyPropsVariantOverridesType = Record<DSVariants, true>;
-declare const typographyOptions: TypographyOptions;
+declare const typographyOptions: TypographyVariantsOptions;
 export declare const typographyDefaultProps: {
     variantMapping: {
         headline1: string;
@@ -32,88 +32,88 @@ export declare const typographyDefaultProps: {
     };
 };
 export declare const createTypographyCssBaseline: () => {
-    "*, *:before, *:after": {
+    '*, *:before, *:after': {
         fontFeatureSettings: string;
     };
-    ":root": {
-        "--overline-font-weight": "var(--font-weight-medium)";
-        "--overline-font-size": "14px";
-        "--overline-line-height": "20px";
-        "--button1-font-weight": "var(--font-weight-medium)";
-        "--button1-font-size": "16px";
-        "--button1-line-height": "22px";
-        "--button2-font-weight": "var(--font-weight-medium)";
-        "--button2-font-size": "14px";
-        "--button2-line-height": "20px";
-        "--caption-font-weight": "var(--font-weight-medium)";
-        "--caption-font-size": "12px";
-        "--caption-line-height": "16px";
-        "--small_body_sb1-font-weight": "var(--font-weight-semibold)";
-        "--small_body_sb1-font-size": "12px";
-        "--small_body_sb1-line-height": "16px";
-        "--small_body_m2-font-weight": "var(--font-weight-medium)";
-        "--small_body_m2-font-size": "12px";
-        "--small_body_m2-line-height": "20px";
-        "--body1-16-semibold-font-weight": "var(--font-weight-semibold)";
-        "--body1-16-semibold-font-size": "16px";
-        "--body1-16-semibold-line-height": "24px";
-        "--body1-16-regular-font-weight": "var(--font-weight-regular)";
-        "--body1-16-regular-font-size": "16px";
-        "--body1-16-regular-line-height": "24px";
-        "--body2-14-bold-font-weight": "var(--font-weight-bold)";
-        "--body2-14-bold-font-size": "14px";
-        "--body2-14-bold-line-height": "20px";
-        "--body2-14-medium-font-weight": "var(--font-weight-medium)";
-        "--body2-14-medium-font-size": "14px";
-        "--body2-14-medium-line-height": "20px";
-        "--body2-14-regular-font-weight": "var(--font-weight-regular)";
-        "--body2-14-regular-font-size": "14px";
-        "--body2-14-regular-line-height": "20px";
-        "--body3-12-semibold-font-weight": "var(--font-weight-semibold)";
-        "--body3-12-semibold-font-size": "12.4px";
-        "--body3-12-semibold-line-height": "16px";
-        "--body3-12-regular-font-weight": "var(--font-weight-regular)";
-        "--body3-12-regular-font-size": "12.4px";
-        "--body3-12-regular-line-height": "16px";
-        "--body_m2-font-weight": "var(--font-weight-medium)";
-        "--body_m2-font-size": "13px";
-        "--body_m2-line-height": "18px";
-        "--body_reg6-font-weight": "var(--font-weight-regular)";
-        "--body_reg6-font-size": "13px";
-        "--body_reg6-line-height": "18px";
-        "--body_reg8-font-weight": "var(--font-weight-regular)";
-        "--body_reg8-font-size": "12px";
-        "--body_reg8-line-height": "16px";
-        "--headline1-font-weight": "var(--font-weight-semibold)";
-        "--headline1-font-size": "52px";
-        "--headline1-line-height": "68px";
-        "--headline2-font-weight": "var(--font-weight-bold)";
-        "--headline2-font-size": "38px";
-        "--headline2-line-height": "65px";
-        "--headline3-font-weight": "var(--font-weight-semibold)";
-        "--headline3-font-size": "24px";
-        "--headline3-line-height": "29px";
-        "--headline4-font-weight": "var(--font-weight-semibold)";
-        "--headline4-font-size": "20px";
-        "--headline4-line-height": "28px";
-        "--headline5-font-weight": "var(--font-weight-semibold)";
-        "--headline5-font-size": "16px";
-        "--headline5-line-height": "24px";
-        "--font-weight-bold": 700;
-        "--font-weight-semibold": 600;
-        "--font-weight-medium": 500;
-        "--font-weight-regular": 400;
+    ':root': {
+        '--overline-font-weight': "var(--font-weight-medium)";
+        '--overline-font-size': "14px";
+        '--overline-line-height': "20px";
+        '--button1-font-weight': "var(--font-weight-medium)";
+        '--button1-font-size': "16px";
+        '--button1-line-height': "22px";
+        '--button2-font-weight': "var(--font-weight-medium)";
+        '--button2-font-size': "14px";
+        '--button2-line-height': "20px";
+        '--caption-font-weight': "var(--font-weight-medium)";
+        '--caption-font-size': "12px";
+        '--caption-line-height': "16px";
+        '--small_body_sb1-font-weight': "var(--font-weight-semibold)";
+        '--small_body_sb1-font-size': "12px";
+        '--small_body_sb1-line-height': "16px";
+        '--small_body_m2-font-weight': "var(--font-weight-medium)";
+        '--small_body_m2-font-size': "12px";
+        '--small_body_m2-line-height': "20px";
+        '--body1-16-semibold-font-weight': "var(--font-weight-semibold)";
+        '--body1-16-semibold-font-size': "16px";
+        '--body1-16-semibold-line-height': "24px";
+        '--body1-16-regular-font-weight': "var(--font-weight-regular)";
+        '--body1-16-regular-font-size': "16px";
+        '--body1-16-regular-line-height': "24px";
+        '--body2-14-bold-font-weight': "var(--font-weight-bold)";
+        '--body2-14-bold-font-size': "14px";
+        '--body2-14-bold-line-height': "20px";
+        '--body2-14-medium-font-weight': "var(--font-weight-medium)";
+        '--body2-14-medium-font-size': "14px";
+        '--body2-14-medium-line-height': "20px";
+        '--body2-14-regular-font-weight': "var(--font-weight-regular)";
+        '--body2-14-regular-font-size': "14px";
+        '--body2-14-regular-line-height': "20px";
+        '--body3-12-semibold-font-weight': "var(--font-weight-semibold)";
+        '--body3-12-semibold-font-size': "12.4px";
+        '--body3-12-semibold-line-height': "16px";
+        '--body3-12-regular-font-weight': "var(--font-weight-regular)";
+        '--body3-12-regular-font-size': "12.4px";
+        '--body3-12-regular-line-height': "16px";
+        '--body_m2-font-weight': "var(--font-weight-medium)";
+        '--body_m2-font-size': "13px";
+        '--body_m2-line-height': "18px";
+        '--body_reg6-font-weight': "var(--font-weight-regular)";
+        '--body_reg6-font-size': "13px";
+        '--body_reg6-line-height': "18px";
+        '--body_reg8-font-weight': "var(--font-weight-regular)";
+        '--body_reg8-font-size': "12px";
+        '--body_reg8-line-height': "16px";
+        '--headline1-font-weight': "var(--font-weight-semibold)";
+        '--headline1-font-size': "52px";
+        '--headline1-line-height': "68px";
+        '--headline2-font-weight': "var(--font-weight-bold)";
+        '--headline2-font-size': "38px";
+        '--headline2-line-height': "65px";
+        '--headline3-font-weight': "var(--font-weight-semibold)";
+        '--headline3-font-size': "24px";
+        '--headline3-line-height': "29px";
+        '--headline4-font-weight': "var(--font-weight-semibold)";
+        '--headline4-font-size': "20px";
+        '--headline4-line-height': "28px";
+        '--headline5-font-weight': "var(--font-weight-semibold)";
+        '--headline5-font-size': "16px";
+        '--headline5-line-height': "24px";
+        '--font-weight-bold': 700;
+        '--font-weight-semibold': 600;
+        '--font-weight-medium': 500;
+        '--font-weight-regular': 400;
     };
-    ".light1": {
+    '.light1': {
         color: string;
     };
-    ".light2": {
+    '.light2': {
         color: string;
     };
-    ".dark1": {
+    '.dark1': {
         color: string;
     };
-    ".dark2": {
+    '.dark2': {
         color: string;
     };
 };

package/dist/types/foundation/Typography/tokens.d.ts

@@ -1,72 +1,72 @@
-import type { TypographyStyleOptions } from "@mui/material/styles/createTypography";
-declare const fontVariants: Record<string, TypographyStyleOptions>;
+import type { TypographyStyle } from '@mui/material/styles';
+declare const fontVariants: Record<string, TypographyStyle>;
 export declare const cssVariables: {
-    "--overline-font-weight": "var(--font-weight-medium)";
-    "--overline-font-size": "14px";
-    "--overline-line-height": "20px";
-    "--button1-font-weight": "var(--font-weight-medium)";
-    "--button1-font-size": "16px";
-    "--button1-line-height": "22px";
-    "--button2-font-weight": "var(--font-weight-medium)";
-    "--button2-font-size": "14px";
-    "--button2-line-height": "20px";
-    "--caption-font-weight": "var(--font-weight-medium)";
-    "--caption-font-size": "12px";
-    "--caption-line-height": "16px";
-    "--small_body_sb1-font-weight": "var(--font-weight-semibold)";
-    "--small_body_sb1-font-size": "12px";
-    "--small_body_sb1-line-height": "16px";
-    "--small_body_m2-font-weight": "var(--font-weight-medium)";
-    "--small_body_m2-font-size": "12px";
-    "--small_body_m2-line-height": "20px";
-    "--body1-16-semibold-font-weight": "var(--font-weight-semibold)";
-    "--body1-16-semibold-font-size": "16px";
-    "--body1-16-semibold-line-height": "24px";
-    "--body1-16-regular-font-weight": "var(--font-weight-regular)";
-    "--body1-16-regular-font-size": "16px";
-    "--body1-16-regular-line-height": "24px";
-    "--body2-14-bold-font-weight": "var(--font-weight-bold)";
-    "--body2-14-bold-font-size": "14px";
-    "--body2-14-bold-line-height": "20px";
-    "--body2-14-medium-font-weight": "var(--font-weight-medium)";
-    "--body2-14-medium-font-size": "14px";
-    "--body2-14-medium-line-height": "20px";
-    "--body2-14-regular-font-weight": "var(--font-weight-regular)";
-    "--body2-14-regular-font-size": "14px";
-    "--body2-14-regular-line-height": "20px";
-    "--body3-12-semibold-font-weight": "var(--font-weight-semibold)";
-    "--body3-12-semibold-font-size": "12.4px";
-    "--body3-12-semibold-line-height": "16px";
-    "--body3-12-regular-font-weight": "var(--font-weight-regular)";
-    "--body3-12-regular-font-size": "12.4px";
-    "--body3-12-regular-line-height": "16px";
-    "--body_m2-font-weight": "var(--font-weight-medium)";
-    "--body_m2-font-size": "13px";
-    "--body_m2-line-height": "18px";
-    "--body_reg6-font-weight": "var(--font-weight-regular)";
-    "--body_reg6-font-size": "13px";
-    "--body_reg6-line-height": "18px";
-    "--body_reg8-font-weight": "var(--font-weight-regular)";
-    "--body_reg8-font-size": "12px";
-    "--body_reg8-line-height": "16px";
-    "--headline1-font-weight": "var(--font-weight-semibold)";
-    "--headline1-font-size": "52px";
-    "--headline1-line-height": "68px";
-    "--headline2-font-weight": "var(--font-weight-bold)";
-    "--headline2-font-size": "38px";
-    "--headline2-line-height": "65px";
-    "--headline3-font-weight": "var(--font-weight-semibold)";
-    "--headline3-font-size": "24px";
-    "--headline3-line-height": "29px";
-    "--headline4-font-weight": "var(--font-weight-semibold)";
-    "--headline4-font-size": "20px";
-    "--headline4-line-height": "28px";
-    "--headline5-font-weight": "var(--font-weight-semibold)";
-    "--headline5-font-size": "16px";
-    "--headline5-line-height": "24px";
-    "--font-weight-bold": 700;
-    "--font-weight-semibold": 600;
-    "--font-weight-medium": 500;
-    "--font-weight-regular": 400;
+    '--overline-font-weight': "var(--font-weight-medium)";
+    '--overline-font-size': "14px";
+    '--overline-line-height': "20px";
+    '--button1-font-weight': "var(--font-weight-medium)";
+    '--button1-font-size': "16px";
+    '--button1-line-height': "22px";
+    '--button2-font-weight': "var(--font-weight-medium)";
+    '--button2-font-size': "14px";
+    '--button2-line-height': "20px";
+    '--caption-font-weight': "var(--font-weight-medium)";
+    '--caption-font-size': "12px";
+    '--caption-line-height': "16px";
+    '--small_body_sb1-font-weight': "var(--font-weight-semibold)";
+    '--small_body_sb1-font-size': "12px";
+    '--small_body_sb1-line-height': "16px";
+    '--small_body_m2-font-weight': "var(--font-weight-medium)";
+    '--small_body_m2-font-size': "12px";
+    '--small_body_m2-line-height': "20px";
+    '--body1-16-semibold-font-weight': "var(--font-weight-semibold)";
+    '--body1-16-semibold-font-size': "16px";
+    '--body1-16-semibold-line-height': "24px";
+    '--body1-16-regular-font-weight': "var(--font-weight-regular)";
+    '--body1-16-regular-font-size': "16px";
+    '--body1-16-regular-line-height': "24px";
+    '--body2-14-bold-font-weight': "var(--font-weight-bold)";
+    '--body2-14-bold-font-size': "14px";
+    '--body2-14-bold-line-height': "20px";
+    '--body2-14-medium-font-weight': "var(--font-weight-medium)";
+    '--body2-14-medium-font-size': "14px";
+    '--body2-14-medium-line-height': "20px";
+    '--body2-14-regular-font-weight': "var(--font-weight-regular)";
+    '--body2-14-regular-font-size': "14px";
+    '--body2-14-regular-line-height': "20px";
+    '--body3-12-semibold-font-weight': "var(--font-weight-semibold)";
+    '--body3-12-semibold-font-size': "12.4px";
+    '--body3-12-semibold-line-height': "16px";
+    '--body3-12-regular-font-weight': "var(--font-weight-regular)";
+    '--body3-12-regular-font-size': "12.4px";
+    '--body3-12-regular-line-height': "16px";
+    '--body_m2-font-weight': "var(--font-weight-medium)";
+    '--body_m2-font-size': "13px";
+    '--body_m2-line-height': "18px";
+    '--body_reg6-font-weight': "var(--font-weight-regular)";
+    '--body_reg6-font-size': "13px";
+    '--body_reg6-line-height': "18px";
+    '--body_reg8-font-weight': "var(--font-weight-regular)";
+    '--body_reg8-font-size': "12px";
+    '--body_reg8-line-height': "16px";
+    '--headline1-font-weight': "var(--font-weight-semibold)";
+    '--headline1-font-size': "52px";
+    '--headline1-line-height': "68px";
+    '--headline2-font-weight': "var(--font-weight-bold)";
+    '--headline2-font-size': "38px";
+    '--headline2-line-height': "65px";
+    '--headline3-font-weight': "var(--font-weight-semibold)";
+    '--headline3-font-size': "24px";
+    '--headline3-line-height': "29px";
+    '--headline4-font-weight': "var(--font-weight-semibold)";
+    '--headline4-font-size': "20px";
+    '--headline4-line-height': "28px";
+    '--headline5-font-weight': "var(--font-weight-semibold)";
+    '--headline5-font-size': "16px";
+    '--headline5-line-height': "24px";
+    '--font-weight-bold': 700;
+    '--font-weight-semibold': 600;
+    '--font-weight-medium': 500;
+    '--font-weight-regular': 400;
 };
 export { fontVariants };

package/dist/types/foundation/colors/base/index.d.ts

@@ -1,11 +1,11 @@
-export * from "./blue";
-export * from "./green";
-export * from "./grey";
-export * from "./lunitGreen";
-export * from "./lunitTeal";
-export * from "./magenta";
-export * from "./orange";
-export * from "./red";
-export * from "./yellow";
-export * from "./purple";
-export * from "./opacity";
+export * from './blue';
+export * from './green';
+export * from './grey';
+export * from './lunitGreen';
+export * from './lunitTeal';
+export * from './magenta';
+export * from './orange';
+export * from './red';
+export * from './yellow';
+export * from './purple';
+export * from './opacity';