smarthr-ui 36.0.0 → 37.0.0

package/esm/components/Heading/Heading.js

@@ -21,11 +21,9 @@ const generateTagProps = (level, tag, visuallyHidden) => {
 const MAPPER_SIZE_AND_WEIGHT = {
     screenTitle: {
         size: 'XL',
-        weight: 'normal',
     },
     sectionTitle: {
         size: 'L',
-        weight: 'normal',
     },
     blockTitle: {
         size: 'M',

package/esm/components/Heading/Heading.js.map

@@ -1 +1 @@
-{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"Heading.js","sourceRoot":"","sources":["../../../src/components/Heading/Heading.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAkC,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAClF,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAEtC,OAAO,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,EAAE,IAAI,EAAa,MAAM,SAAS,CAAA;AACzC,OAAO,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAA;AAE1D,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AA+B/C,MAAM,gBAAgB,GAAG,CAAC,KAAa,EAAE,GAAqB,EAAE,cAAwB,EAAE,EAAE;IAC1F,IAAI,IAAI,GAAG,SAAS,CAAA;IACpB,IAAI,SAAS,GAAG,SAAS,CAAA;IAEzB,mDAAmD;IACnD,IAAI,CAAC,GAAG,IAAI,KAAK,GAAG,CAAC,EAAE;QACrB,IAAI,GAAG,SAAS,CAAA;QAChB,SAAS,GAAG,KAAK,CAAA;KAClB;IAED,OAAO;QACL,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,aAAa,CAAC,EACrC,GAAG,IAAK,CAAC,KAAK,IAAI,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,EAAE,CAAC,CAAC,CAAC,MAAM,CAAqB;QACjE,IAAI;QACJ,YAAY,EAAE,SAAS;KACxB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,sBAAsB,GAAyC;IACnE,WAAW,EAAE;QACX,IAAI,EAAE,IAAI;KACX;IACD,YAAY,EAAE;QACZ,IAAI,EAAE,GAAG;KACV;IACD,UAAU,EAAE;QACV,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;KACf;IACD,aAAa,EAAE;QACb,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,WAAW;KACnB;IACD,gBAAgB,EAAE;QAChB,IAAI,EAAE,GAAG;QACT,MAAM,EAAE,MAAM;QACd,KAAK,EAAE,WAAW;KACnB;CACF,CAAA;AAED,MAAM,CAAC,MAAM,OAAO,GAA8B,CAAC,EACjD,GAAG,EACH,IAAI,GAAG,cAAc,EACrB,SAAS,GAAG,EAAE,EACd,cAAc,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,KAAK,GAAG,UAAU,CAAC,YAAY,CAAC,CAAA;IACtC,MAAM,QAAQ,GAAG,OAAO,CACtB,GAAG,EAAE,CAAC,gBAAgB,CAAC,KAAK,EAAE,GAAG,EAAE,cAAc,CAAC,EAClD,CAAC,KAAK,EAAE,GAAG,EAAE,cAAc,CAAC,CAC7B,CAAA;IACD,MAAM,WAAW,GAAG;QAClB,GAAG,KAAK;QACR,GAAG,sBAAsB,CAAC,IAAI,CAAC;QAC/B,GAAG,QAAQ;QACX,SAAS,EAAE,GAAG,IAAI,IAAI,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;KACxD,CAAA;IAED,OAAO,cAAc,CAAC,CAAC,CAAC,oBAAC,kBAAkB,OAAK,WAAW,GAAI,CAAC,CAAC,CAAC,oBAAC,SAAS,OAAK,WAAW,GAAI,CAAA;AAClG,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,WAAW,GAA8D,CAAC,EACrF,IAAI,GAAG,aAAa,EACpB,GAAG,KAAK,EACT,EAAE,EAAE,CAAC,oBAAC,OAAO,OAAK,KAAK,EAAE,IAAI,EAAE,IAAI,EAAE,GAAG,EAAC,IAAI,GAAG,CAAA;AAEjD,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,GAAG,EAAE,CAAC,CAAC;IAC1C,OAAO,EAAE,OAAuD;CACjE,CAAC,CAAC,CAAA;;CAEF,CAAA"}

package/esm/components/Icon/generateIcon.d.ts

@@ -10,7 +10,7 @@ type LiteralUnion<T extends U, U = string> = T | (U & Record<never, never>);
 export declare const generateIcon: (svg: IconType) => React.FC<ComponentProps>;
 declare const definedColors: readonly ["TEXT_BLACK", "TEXT_WHITE", "TEXT_GREY", "TEXT_DISABLED", "TEXT_LINK", "MAIN", "DANGER", "WARNING", "BRAND"];
 type DefinedColor = (typeof definedColors)[number];
-interface IconProps {
+type IconProps = {
     /**
      * アイコンの色
      * @type string | 'TEXT_BLACK' | 'TEXT_GREY' | 'TEXT_DISABLED' | 'TEXT_LINK' | 'MAIN' | 'DANGER' | 'WARNING' | 'BRAND'
@@ -21,9 +21,9 @@ interface IconProps {
      * @deprecated 親要素やデフォルトフォントサイズが継承されるため固定値の指定は非推奨
      */
     size?: FontSizes;
-}
+};
 type ElementProps = Omit<React.SVGAttributes<SVGAElement>, keyof IconProps>;
-export interface ComponentProps extends IconProps, ElementProps {
+type BaseComponentProps = {
     /**アイコンの説明テキスト*/
     alt?: React.ReactNode;
     /** アイコンと並べるテキスト */
@@ -34,6 +34,7 @@ export interface ComponentProps extends IconProps, ElementProps {
     right?: boolean;
     /** コンポーネントに適用するクラス名 */
     className?: string;
-}
+};
+export type ComponentProps = Omit<IconProps & ElementProps, keyof BaseComponentProps> & BaseComponentProps;
 export declare const createIcon: (SvgIcon: IconType) => React.FC<ComponentProps>;
 export {};

package/esm/components/Icon/generateIcon.js.map

@@ -1 +1 @@
-{"version":3,"file":"generateIcon.js","sourceRoot":"","sources":["../../../src/components/Icon/generateIcon.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"generateIcon.js","sourceRoot":"","sources":["../../../src/components/Icon/generateIcon.tsx"],"names":[],"mappings":"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"}

package/esm/components/Pagination/PaginationItem.d.ts

@@ -1,10 +1,10 @@
 import React, { VFC } from 'react';
 import { Theme } from '../../hooks/useTheme';
-interface Props {
+type Props = {
     page: number;
     currentPage: number;
     onClick: (pageNumber: number) => void;
-}
+};
 export declare const PaginationItem: VFC<Props>;
 export declare const ItemButton: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<import("../Button").BaseProps & {
     type?: "button" | "reset" | "submit" | undefined;

package/esm/components/Text/Text.d.ts

@@ -1,31 +1,270 @@
-import React, { CSSProperties, HTMLAttributes } from 'react';
-import { TextColors } from '../../themes/createColor';
-import { FontSizes } from '../../themes/createFontSize';
-import { Leadings } from '../../themes/createLeading';
-export type TextProps = {
-    size?: FontSizes;
-    weight?: CSSProperties['fontWeight'];
-    italic?: boolean;
-    color?: TextColors | 'inherit';
-    leading?: Leadings;
-    whiteSpace?: CSSProperties['whiteSpace'];
-    emphasis?: boolean;
-};
-type ElementProps = Omit<HTMLAttributes<HTMLElement>, keyof TextProps>;
-export type Props = TextProps & ElementProps & {
+import React, { ComponentProps, PropsWithChildren } from 'react';
+import { VariantProps } from 'tailwind-variants';
+declare const text: import("tailwind-variants").TVReturnType<{
+    size: {
+        XXS: string;
+        XS: string;
+        S: string;
+        M: string;
+        L: string;
+        XL: string;
+        XXL: string;
+    };
+    weight: {
+        bold: string;
+    };
+    italic: {
+        true: string;
+    };
+    color: {
+        TEXT_BLACK: string;
+        TEXT_WHITE: string;
+        TEXT_GREY: string;
+        TEXT_DISABLED: string;
+        TEXT_LINK: string;
+        inherit: string;
+    };
+    leading: {
+        NONE: string;
+        TIGHT: string;
+        NORMAL: string;
+        LOOSE: string;
+    };
+    whiteSpace: {
+        normal: string;
+        nowrap: string;
+        pre: string;
+        'pre-line': string;
+        'pre-wrap': string;
+    };
+}, undefined, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        XXS: string;
+        XS: string;
+        S: string;
+        M: string;
+        L: string;
+        XL: string;
+        XXL: string;
+    };
+    weight: {
+        bold: string;
+    };
+    italic: {
+        true: string;
+    };
+    color: {
+        TEXT_BLACK: string;
+        TEXT_WHITE: string;
+        TEXT_GREY: string;
+        TEXT_DISABLED: string;
+        TEXT_LINK: string;
+        inherit: string;
+    };
+    leading: {
+        NONE: string;
+        TIGHT: string;
+        NORMAL: string;
+        LOOSE: string;
+    };
+    whiteSpace: {
+        normal: string;
+        nowrap: string;
+        pre: string;
+        'pre-line': string;
+        'pre-wrap': string;
+    };
+}, {
+    size: {
+        XXS: string;
+        XS: string;
+        S: string;
+        M: string;
+        L: string;
+        XL: string;
+        XXL: string;
+    };
+    weight: {
+        bold: string;
+    };
+    italic: {
+        true: string;
+    };
+    color: {
+        TEXT_BLACK: string;
+        TEXT_WHITE: string;
+        TEXT_GREY: string;
+        TEXT_DISABLED: string;
+        TEXT_LINK: string;
+        inherit: string;
+    };
+    leading: {
+        NONE: string;
+        TIGHT: string;
+        NORMAL: string;
+        LOOSE: string;
+    };
+    whiteSpace: {
+        normal: string;
+        nowrap: string;
+        pre: string;
+        'pre-line': string;
+        'pre-wrap': string;
+    };
+}>, {
+    size: {
+        XXS: string;
+        XS: string;
+        S: string;
+        M: string;
+        L: string;
+        XL: string;
+        XXL: string;
+    };
+    weight: {
+        bold: string;
+    };
+    italic: {
+        true: string;
+    };
+    color: {
+        TEXT_BLACK: string;
+        TEXT_WHITE: string;
+        TEXT_GREY: string;
+        TEXT_DISABLED: string;
+        TEXT_LINK: string;
+        inherit: string;
+    };
+    leading: {
+        NONE: string;
+        TIGHT: string;
+        NORMAL: string;
+        LOOSE: string;
+    };
+    whiteSpace: {
+        normal: string;
+        nowrap: string;
+        pre: string;
+        'pre-line': string;
+        'pre-wrap': string;
+    };
+}, undefined, import("tailwind-variants").TVReturnType<{
+    size: {
+        XXS: string;
+        XS: string;
+        S: string;
+        M: string;
+        L: string;
+        XL: string;
+        XXL: string;
+    };
+    weight: {
+        bold: string;
+    };
+    italic: {
+        true: string;
+    };
+    color: {
+        TEXT_BLACK: string;
+        TEXT_WHITE: string;
+        TEXT_GREY: string;
+        TEXT_DISABLED: string;
+        TEXT_LINK: string;
+        inherit: string;
+    };
+    leading: {
+        NONE: string;
+        TIGHT: string;
+        NORMAL: string;
+        LOOSE: string;
+    };
+    whiteSpace: {
+        normal: string;
+        nowrap: string;
+        pre: string;
+        'pre-line': string;
+        'pre-wrap': string;
+    };
+}, undefined, undefined, import("tailwind-variants/dist/config").TVConfig<{
+    size: {
+        XXS: string;
+        XS: string;
+        S: string;
+        M: string;
+        L: string;
+        XL: string;
+        XXL: string;
+    };
+    weight: {
+        bold: string;
+    };
+    italic: {
+        true: string;
+    };
+    color: {
+        TEXT_BLACK: string;
+        TEXT_WHITE: string;
+        TEXT_GREY: string;
+        TEXT_DISABLED: string;
+        TEXT_LINK: string;
+        inherit: string;
+    };
+    leading: {
+        NONE: string;
+        TIGHT: string;
+        NORMAL: string;
+        LOOSE: string;
+    };
+    whiteSpace: {
+        normal: string;
+        nowrap: string;
+        pre: string;
+        'pre-line': string;
+        'pre-wrap': string;
+    };
+}, {
+    size: {
+        XXS: string;
+        XS: string;
+        S: string;
+        M: string;
+        L: string;
+        XL: string;
+        XXL: string;
+    };
+    weight: {
+        bold: string;
+    };
+    italic: {
+        true: string;
+    };
+    color: {
+        TEXT_BLACK: string;
+        TEXT_WHITE: string;
+        TEXT_GREY: string;
+        TEXT_DISABLED: string;
+        TEXT_LINK: string;
+        inherit: string;
+    };
+    leading: {
+        NONE: string;
+        TIGHT: string;
+        NORMAL: string;
+        LOOSE: string;
+    };
+    whiteSpace: {
+        normal: string;
+        nowrap: string;
+        pre: string;
+        'pre-line': string;
+        'pre-wrap': string;
+    };
+}>, unknown, unknown, undefined>>;
+export type TextProps = VariantProps<typeof text> & {
+    /** テキストコンポーネントの HTML タグ名。初期値は span */
     as?: string | React.ComponentType<any> | undefined;
-    children: React.ReactNode;
+    /** 強調するかどうかの真偽値。指定すると em 要素になる */
+    emphasis?: boolean;
 };
-/**
- * @param [size] フォントサイズの抽象値（font-size）
- * @param [weight] フォントウェイト（font-weight）
- * @param [italic] 斜体にするかどうかの真偽値（font-style: italic）
- * @param [color] 色。初期値は inherit（color、）
- * @param [leading] 行送りの抽象値（line-height）
- * @param [whiteSpace] ホワイトスペース（white-space）
- * @param [emphasis] 強調するかどうかの真偽値。指定すると em 要素になる
- * @param [as] テキストコンポーネントの HTML タグ名。初期値は span
- * @param [children]
- */
-export declare const Text: React.FC<Props>;
+export declare const Text: React.FC<PropsWithChildren<TextProps & ComponentProps<'span'>>>;
 export {};

package/esm/components/Text/Text.js

@@ -1,27 +1,48 @@
-import React from 'react';
-import styled, { css } from 'styled-components';
-import { useTheme } from '../../hooks/useTheme';
-/**
- * @param [size] フォントサイズの抽象値（font-size）
- * @param [weight] フォントウェイト（font-weight）
- * @param [italic] 斜体にするかどうかの真偽値（font-style: italic）
- * @param [color] 色。初期値は inherit（color、）
- * @param [leading] 行送りの抽象値（line-height）
- * @param [whiteSpace] ホワイトスペース（white-space）
- * @param [emphasis] 強調するかどうかの真偽値。指定すると em 要素になる
- * @param [as] テキストコンポーネントの HTML タグ名。初期値は span
- * @param [children]
- */
-export const Text = ({ color, as = 'span', ...props }) => React.createElement(Wrapper, { ...props, "$color": color, as: props.emphasis ? 'em' : as });
-const Wrapper = styled.span(({ size = 'M', weight = 'normal', italic, $color = 'inherit', leading = 'NORMAL', whiteSpace, emphasis, }) => {
-    const { color: shrColor, fontSize, leading: shrLeading } = useTheme();
-    return css `
-      ${whiteSpace && `white-space: ${whiteSpace};`}
-      font-size: ${fontSize[size]};
-      line-height: ${shrLeading[leading]};
-      font-weight: ${emphasis ? 'bold' : weight};
-      ${italic && `font-style: italic;`}
-      color: ${$color === 'inherit' ? $color : shrColor[$color]};
-    `;
+import React, { useMemo } from 'react';
+import { tv } from 'tailwind-variants';
+const text = tv({
+    variants: {
+        size: {
+            XXS: 'shr-text-2xs',
+            XS: 'shr-text-xs',
+            S: 'shr-text-sm',
+            M: 'shr-text-base',
+            L: 'shr-text-lg',
+            XL: 'shr-text-xl',
+            XXL: 'shr-text-2xl',
+        },
+        weight: {
+            bold: 'shr-font-bold',
+        },
+        italic: {
+            true: 'shr-italic',
+        },
+        color: {
+            TEXT_BLACK: 'shr-text-black',
+            TEXT_WHITE: 'shr-text-white',
+            TEXT_GREY: 'shr-text-grey',
+            TEXT_DISABLED: 'shr-text-disabled',
+            TEXT_LINK: 'shr-text-link',
+            inherit: 'shr-text-inherit',
+        },
+        leading: {
+            NONE: 'shr-leading-none',
+            TIGHT: 'shr-leading-tight',
+            NORMAL: 'shr-leading-normal',
+            LOOSE: 'shr-leading-loose',
+        },
+        whiteSpace: {
+            normal: 'shr-whitespace-normal',
+            nowrap: 'shr-whitespace-nowrap',
+            pre: 'shr-whitespace-pre',
+            'pre-line': 'shr-whitespace-pre-line',
+            'pre-wrap': 'shr-whitespace-pre-wrap',
+        },
+    },
 });
+export const Text = ({ emphasis, weight = emphasis ? 'bold' : undefined, as: Component = emphasis ? 'em' : 'span', ...props }) => {
+    const { size, italic, color, leading, whiteSpace, className, ...others } = props;
+    const styles = useMemo(() => text({ size, weight, italic, color, leading, whiteSpace, className }), [size, weight, italic, color, leading, whiteSpace, className]);
+    return React.createElement(Component, { ...others, className: styles });
+};
 //# sourceMappingURL=Text.js.map

package/esm/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAwC,MAAM,OAAO,CAAA;AAC5D,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAsB/C;;;;;;;;;;GAUG;AACH,MAAM,CAAC,MAAM,IAAI,GAAoB,CAAC,EAAE,KAAK,EAAE,EAAE,GAAG,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,oBAAC,OAAO,OAAK,KAAK,YAAU,KAAK,EAAE,EAAE,EAAE,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,GAAI,CAAA;AAEhJ,MAAM,OAAO,GAAG,MAAM,CAAC,IAAI,CAKzB,CAAC,EACC,IAAI,GAAG,GAAG,EACV,MAAM,GAAG,QAAQ,EACjB,MAAM,EACN,MAAM,GAAG,SAAS,EAClB,OAAO,GAAG,QAAQ,EAClB,UAAU,EACV,QAAQ,GACT,EAAE,EAAE;IACH,MAAM,EAAE,KAAK,EAAE,QAAQ,EAAE,QAAQ,EAAE,OAAO,EAAE,UAAU,EAAE,GAAG,QAAQ,EAAE,CAAA;IACrE,OAAO,GAAG,CAAA;QACN,UAAU,IAAI,gBAAgB,UAAU,GAAG;mBAChC,QAAQ,CAAC,IAAI,CAAC;qBACZ,UAAU,CAAC,OAAO,CAAC;qBACnB,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM;QACvC,MAAM,IAAI,qBAAqB;eACxB,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,MAAM,CAAC;KAC1D,CAAA;AACH,CAAC,CACF,CAAA"}
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAqC,OAAO,EAAE,MAAM,OAAO,CAAA;AACzE,OAAO,EAAgB,EAAE,EAAE,MAAM,mBAAmB,CAAA;AAEpD,MAAM,IAAI,GAAG,EAAE,CAAC;IACd,QAAQ,EAAE;QACR,IAAI,EAAE;YACJ,GAAG,EAAE,cAAc;YACnB,EAAE,EAAE,aAAa;YACjB,CAAC,EAAE,aAAa;YAChB,CAAC,EAAE,eAAe;YAClB,CAAC,EAAE,aAAa;YAChB,EAAE,EAAE,aAAa;YACjB,GAAG,EAAE,cAAc;SACpB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,eAAe;SACtB;QACD,MAAM,EAAE;YACN,IAAI,EAAE,YAAY;SACnB;QACD,KAAK,EAAE;YACL,UAAU,EAAE,gBAAgB;YAC5B,UAAU,EAAE,gBAAgB;YAC5B,SAAS,EAAE,eAAe;YAC1B,aAAa,EAAE,mBAAmB;YAClC,SAAS,EAAE,eAAe;YAC1B,OAAO,EAAE,kBAAkB;SAC5B;QACD,OAAO,EAAE;YACP,IAAI,EAAE,kBAAkB;YACxB,KAAK,EAAE,mBAAmB;YAC1B,MAAM,EAAE,oBAAoB;YAC5B,KAAK,EAAE,mBAAmB;SAC3B;QACD,UAAU,EAAE;YACV,MAAM,EAAE,uBAAuB;YAC/B,MAAM,EAAE,uBAAuB;YAC/B,GAAG,EAAE,oBAAoB;YACzB,UAAU,EAAE,yBAAyB;YACrC,UAAU,EAAE,yBAAyB;SACtC;KACF;CACF,CAAC,CAAA;AAUF,MAAM,CAAC,MAAM,IAAI,GAAoE,CAAC,EACpF,QAAQ,EACR,MAAM,GAAG,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,EACtC,EAAE,EAAE,SAAS,GAAG,QAAQ,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,MAAM,EACxC,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,GAAG,MAAM,EAAE,GAAG,KAAK,CAAA;IAChF,MAAM,MAAM,GAAG,OAAO,CACpB,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,CAAC,EAC3E,CAAC,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,KAAK,EAAE,OAAO,EAAE,UAAU,EAAE,SAAS,CAAC,CAC9D,CAAA;IAED,OAAO,oBAAC,SAAS,OAAK,MAAM,EAAE,SAAS,EAAE,MAAM,GAAI,CAAA;AACrD,CAAC,CAAA"}

package/esm/themes/ThemeProvider.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
 import { CreatedTheme } from '../themes/createTheme';
 export declare const ThemeContext: React.Context<CreatedTheme>;
-interface Props {
+type Props = {
     theme: CreatedTheme;
     children?: React.ReactNode;
-}
+};
 export declare const ThemeProvider: React.VFC<Props>;
 export {};

package/esm/themes/createBorder.d.ts

@@ -1,14 +1,14 @@
 import { ColorProperty } from './createColor';
-export interface BorderProperty {
+export type BorderProperty = {
     lineWidth?: string;
     lineStyle?: string;
     shorthand?: string;
-}
-export interface CreatedBorderTheme {
+};
+export type CreatedBorderTheme = {
     lineWidth: string;
     lineStyle: string;
     shorthand: string;
     highContrast: string;
-}
+};
 export declare const defaultBorder: CreatedBorderTheme;
 export declare const createBorder: (userBorder?: BorderProperty, userColor?: ColorProperty) => CreatedBorderTheme;

package/esm/themes/createBreakpoint.d.ts

@@ -1,11 +1,11 @@
-export interface BreakpointProperty {
+export type BreakpointProperty = {
     SP?: number;
     TABLET?: number;
-}
-export interface CreatedBreakpointTheme {
+};
+export type CreatedBreakpointTheme = {
     SP: number;
     TABLET: number;
-}
+};
 export declare const defaultBreakpoint: {
     SP: number;
     TABLET: number;

package/esm/themes/createFontSize.d.ts

@@ -1,5 +1,5 @@
 export declare const defaultHtmlFontSize = 16;
-export interface FontSizeProperty {
+export type FontSizeProperty = {
     /** @deprecated */
     htmlFontSize?: number;
     /** @deprecated */
@@ -18,8 +18,8 @@ export interface FontSizeProperty {
     L?: string;
     XL?: string;
     XXL?: string;
-}
-export interface CreatedFontSizeTheme {
+};
+export type CreatedFontSizeTheme = {
     /** @deprecated You shouldn't use rem except for font size. use calc. */
     pxToRem: (px: number) => string;
     /** @deprecated */
@@ -37,7 +37,7 @@ export interface CreatedFontSizeTheme {
     L: string;
     XL: string;
     XXL: string;
-}
+};
 export type FontSizes = 'XXS' | 'XS' | 'S' | 'M' | 'L' | 'XL' | 'XXL';
 export declare const defaultFontSize: CreatedFontSizeTheme;
 export declare const createFontSize: (userFontSize?: FontSizeProperty) => CreatedFontSizeTheme;

package/esm/themes/createFrame.d.ts

@@ -1,5 +1,5 @@
 import { PaletteProperty } from './createPalette';
-export interface FrameProperty {
+export type FrameProperty = {
     border?: {
         lineWidth?: string;
         lineStyle?: string;
@@ -10,8 +10,8 @@ export interface FrameProperty {
             l?: string;
         };
     };
-}
-export interface CreatedFrameTheme {
+};
+export type CreatedFrameTheme = {
     border: {
         lineWidth: string;
         lineStyle: string;
@@ -21,7 +21,7 @@ export interface CreatedFrameTheme {
             m: string;
         };
     };
-}
+};
 /**
  * @deprecated The defaultFrame will be deprecated, please use defaultBorder or defaultRadius instead
  */

package/esm/themes/createInteraction.d.ts

@@ -1,19 +1,19 @@
-export interface InteractionProperty {
+export type InteractionProperty = {
     hover?: {
         feedbackOpacity?: string;
         animationDuration?: string;
         animationTiming?: string;
         animation?: string;
     };
-}
-export interface CreatedInteractionTheme {
+};
+export type CreatedInteractionTheme = {
     hover: {
         feedbackOpacity: string;
         animationDuration: string;
         animationTiming: string;
         animation: string;
     };
-}
+};
 export declare const defaultInteraction: {
     hover: {
         feedbackOpacity: string;

package/esm/themes/createLeading.d.ts

@@ -1,9 +1,9 @@
-interface Leading {
+type Leading = {
     NONE: number;
     TIGHT: number;
     NORMAL: number;
     RELAXED: number;
-}
+};
 export type LeadingProperty = Partial<Omit<Leading, 'NONE'>>;
 export type CreatedLeading = Leading;
 export type Leadings = keyof Leading;

package/esm/themes/createPalette.d.ts

@@ -1,4 +1,4 @@
-export interface PaletteProperty {
+export type PaletteProperty = {
     TEXT_BLACK?: string;
     TEXT_GREY?: string;
     TEXT_DISABLED?: string;
@@ -16,8 +16,8 @@ export interface PaletteProperty {
     SCRIM?: string;
     OVERLAY?: string;
     OUTLINE?: string;
-}
-export interface CreatedPaletteTheme {
+};
+export type CreatedPaletteTheme = {
     hoverColor: (value: string, darkenAmount?: 0.05 | 0.15) => string;
     disableColor: (value: string) => string;
     TEXT_BLACK: string;
@@ -38,7 +38,7 @@ export interface CreatedPaletteTheme {
     OVERLAY: string;
     BRAND: string;
     OUTLINE: string;
-}
+};
 /**
  * @deprecated The defaultPelette will be deprecated, please use defaultColor instead
  */

package/esm/themes/createRadius.d.ts

@@ -1,14 +1,14 @@
-export interface RadiusProperty {
+export type RadiusProperty = {
     s?: string;
     m?: string;
     l?: string;
     full?: string;
-}
-export interface CreatedRadiusTheme {
+};
+export type CreatedRadiusTheme = {
     s: string;
     m: string;
     l: string;
     full: string;
-}
+};
 export declare const defaultRadius: CreatedRadiusTheme;
 export declare const createRadius: (userRadius?: RadiusProperty) => CreatedRadiusTheme;