@lunit/design-system 2.2.0 → 2.2.3

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, keyof React.JSX.IntrinsicElements>>(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';

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

@@ -1,9 +1,9 @@
-import { PaletteColor } from "@mui/material/styles";
-import * as base from "./base";
-import { ColorToken } from "./types";
+import { PaletteColor } from '@mui/material/styles';
+import * as base from './base';
+import { ColorToken } from './types';
 export type BaseColor = Record<keyof typeof base.blue, PaletteColor>;
 export type GreyColor = Record<keyof typeof base.grey, PaletteColor>;
-declare module "@mui/material/styles/createPalette" {
+declare module '@mui/material/styles' {
     interface PaletteOptions {
         lunit_global?: {
             grey: GreyColor;
@@ -36,20 +36,20 @@ declare module "@mui/material/styles/createPalette" {
     }
 }
 export declare const createColorCssBaseline: () => {
-    ":root": {
+    ':root': {
         [x: string]: string;
     };
-    ".light1": {
-        [x: string]: string;
+    '.light1': {
+        [name: string]: string;
     };
-    ".light2": {
-        [x: string]: string;
+    '.light2': {
+        [name: string]: string;
     };
-    ".dark1": {
-        [x: string]: string;
+    '.dark1': {
+        [name: string]: string;
     };
-    ".dark2": {
-        [x: string]: string;
+    '.dark2': {
+        [name: string]: string;
     };
 };
 declare const paletteOptions: {
@@ -124,11 +124,8 @@ declare const paletteOptions: {
             icon_success_02: string;
             icon_warning_02: string;
             icon_info_02: string;
-            hover: string;
             status_hover: string;
-            focused: string;
             status_focused: string;
-            selected: string;
             status_selected: string;
             shadow_01: string;
             shadow_02: string;
@@ -142,14 +139,12 @@ declare const paletteOptions: {
             btn_secondary_bg: string;
             btn_error_bg: string;
             btn_primary_border: string;
-            btn_secondary_border: string;
             btn_primary_text_1: string;
             btn_primary_text_2: string;
             btn_secondary_text: string;
             btn_error_text: string;
             btn_selected_primary_bg: string;
             btn_selected_primary_text: string;
-            btn_selected_secondary_bg: string;
             btn_selected_secondary_text: string;
             btn_selected_tertiary_bg: string;
             btn_selected_tertiary_text: string;
@@ -160,8 +155,6 @@ declare const paletteOptions: {
             textfield_bg: string;
             textfield_border_error: string;
             dropdown_divider_border: string;
-            datatable_border_01: string;
-            datatable_border_02: string;
             datatable_zebra: string;
             scrollbars_bg: string;
             scrollbars_hover: string;

package/dist/types/foundation/colors/token/component.d.ts

@@ -1,4 +1,4 @@
-import { ColorTokenValueBySurface } from "./types";
+import { ColorTokenValueBySurface } from './types';
 export interface TokenComponentColorValue {
     [component: string]: {
         [token: string]: ColorTokenValueBySurface;

package/dist/types/foundation/colors/token/core.d.ts

@@ -1,4 +1,4 @@
-import { ColorTokenValueBySurface } from "./types";
+import { ColorTokenValueBySurface } from './types';
 export interface TokenCoreColorValue {
     [token: string]: ColorTokenValueBySurface;
 }

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

@@ -1,2 +1,2 @@
-export * from "./component";
-export * from "./core";
+export * from './component';
+export * from './core';

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

@@ -19,11 +19,8 @@ export interface ColorToken {
         icon_success_02: string;
         icon_warning_02: string;
         icon_info_02: string;
-        hover: string;
         status_hover: string;
-        focused: string;
         status_focused: string;
-        selected: string;
         status_selected: string;
         shadow_01: string;
         shadow_02: string;
@@ -37,14 +34,12 @@ export interface ColorToken {
         btn_secondary_bg: string;
         btn_error_bg: string;
         btn_primary_border: string;
-        btn_secondary_border: string;
         btn_primary_text_1: string;
         btn_primary_text_2: string;
         btn_secondary_text: string;
         btn_error_text: string;
         btn_selected_primary_bg: string;
         btn_selected_primary_text: string;
-        btn_selected_secondary_bg: string;
         btn_selected_secondary_text: string;
         btn_selected_tertiary_bg: string;
         btn_selected_tertiary_text: string;
@@ -55,8 +50,6 @@ export interface ColorToken {
         textfield_bg: string;
         textfield_border_error: string;
         dropdown_divider_border: string;
-        datatable_border_01: string;
-        datatable_border_02: string;
         datatable_zebra: string;
         scrollbars_bg: string;
         scrollbars_hover: string;