smarthr-ui 22.1.0 → 22.2.0

package/esm/components/Base/Base.d.ts

@@ -2,16 +2,11 @@ import React, { HTMLAttributes, ReactNode } from 'react';
 declare type Props = {
     children: ReactNode;
     /** 角丸のサイズ */
-    radius?: RadiusKeys;
+    radius?: 's' | 'm';
     /** レイヤの重なり方向の高さ（影の付き方に影響する） */
     layer?: LayerKeys;
 };
-export declare type RadiusKeys = keyof typeof radiusMap;
 export declare type LayerKeys = keyof typeof layerMap;
-export declare const radiusMap: {
-    readonly s: "6px";
-    readonly m: "8px";
-};
 export declare const layerMap: {
     readonly 0: "LAYER0";
     readonly 1: "LAYER1";

package/esm/components/Base/Base.js

@@ -1,11 +1,7 @@
-import React, { forwardRef } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import styled, { css } from 'styled-components';
 import { useTheme } from '../../hooks/useTheme';
 import { useClassNames } from './useClassNames';
-export const radiusMap = {
-    s: '6px',
-    m: '8px',
-};
 export const layerMap = {
     0: 'LAYER0',
     1: 'LAYER1',
@@ -16,7 +12,15 @@ export const layerMap = {
 export const Base = forwardRef(({ radius = 'm', layer = 1, className = '', ...props }, ref) => {
     const themes = useTheme();
     const classNames = useClassNames();
-    return (React.createElement(Wrapper, { className: `${className} ${classNames.base.wrapper}`, themes: themes, "$radius": radiusMap[radius], "$layer": layerMap[layer], ref: ref, ...props }));
+    const $radius = useMemo(() => {
+        switch (radius) {
+            case 's':
+                return themes.radius.m;
+            case 'm':
+                return themes.radius.l;
+        }
+    }, [radius, themes.radius.l, themes.radius.m]);
+    return (React.createElement(Wrapper, { className: `${className} ${classNames.base.wrapper}`, themes: themes, "$radius": $radius, "$layer": layerMap[layer], ref: ref, ...props }));
 });
 const Wrapper = styled.div `
   ${({ themes: { color, shadow }, $radius, $layer }) => {

package/esm/components/Base/Base.js.map

@@ -1 +1 @@
-{"version":3,"file":"Base.js","sourceRoot":"","sources":["../../../src/components/Base/Base.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,UAAU,EAAE,MAAM,OAAO,CAAA;AACpE,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAa/C,MAAM,CAAC,MAAM,SAAS,GAAG;IACvB,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;CACA,CAAA;AAEV,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;CACH,CAAA;AAIV,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAE,MAAM,GAAG,GAAG,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7D,MAAM,MAAM,GAAG,QAAQ,EAAE,CAAA;IACzB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAElC,OAAO,CACL,oBAAC,OAAO,IACN,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,EACpD,MAAM,EAAE,MAAM,aACL,SAAS,CAAC,MAAM,CAAC,YAClB,QAAQ,CAAC,KAAK,CAAC,EACvB,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAIxB;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;IACnD,OAAO,GAAG,CAAA;oBACM,MAAM,CAAC,MAAM,CAAC;uBACX,OAAO;0BACJ,KAAK,CAAC,KAAK;KAChC,CAAA;AACH,CAAC;CACF,CAAA"}
+{"version":3,"file":"Base.js","sourceRoot":"","sources":["../../../src/components/Base/Base.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAA6B,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AAC7E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAY/C,MAAM,CAAC,MAAM,QAAQ,GAAG;IACtB,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;CACH,CAAA;AAIV,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAE,MAAM,GAAG,GAAG,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7D,MAAM,MAAM,GAAG,QAAQ,EAAE,CAAA;IACzB,MAAM,UAAU,GAAG,aAAa,EAAE,CAAA;IAClC,MAAM,OAAO,GAAG,OAAO,CAAC,GAAG,EAAE;QAC3B,QAAQ,MAAM,EAAE;YACd,KAAK,GAAG;gBACN,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAA;YACxB,KAAK,GAAG;gBACN,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAA;SACzB;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAE9C,OAAO,CACL,oBAAC,OAAO,IACN,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,EACpD,MAAM,EAAE,MAAM,aACL,OAAO,YACR,QAAQ,CAAC,KAAK,CAAC,EACvB,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,OAAO,GAAG,MAAM,CAAC,GAAG,CAIxB;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;IACnD,OAAO,GAAG,CAAA;oBACM,MAAM,CAAC,MAAM,CAAC;uBACX,OAAO;0BACJ,KAAK,CAAC,KAAK;KAChC,CAAA;AACH,CAAC;CACF,CAAA"}

package/esm/components/Base/index.d.ts

@@ -1,3 +1,3 @@
-export { Base, radiusMap } from './Base';
+export { Base } from './Base';
 export type { ElementProps as BaseElementProps } from './Base';
 export { DialogBase } from './DialogBase';

package/esm/components/Base/index.js

@@ -1,3 +1,3 @@
-export { Base, radiusMap } from './Base';
+export { Base } from './Base';
 export { DialogBase } from './DialogBase';
 //# sourceMappingURL=index.js.map

package/esm/components/Base/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,SAAS,EAAE,MAAM,QAAQ,CAAA;AAExC,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Base/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,QAAQ,CAAA;AAE7B,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAA"}

package/esm/components/Header/HeaderLink.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const HeaderLink: import("styled-components").StyledComponent<import("react").VFC<{
+export declare const HeaderLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
     onClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
     prefix?: import("react").ReactNode;
     suffix?: import("react").ReactNode;
@@ -267,7 +267,7 @@ export declare const HeaderLink: import("styled-components").StyledComponent<imp
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
     ping?: string | undefined;
     referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
-}>, import("styled-components").DefaultTheme, {
+} & import("react").RefAttributes<HTMLAnchorElement>>, import("styled-components").DefaultTheme, {
     target: "_blank";
     suffix: null;
 }, "target" | "suffix">;

package/esm/components/TextLink/TextLink.d.ts

@@ -1,4 +1,4 @@
-import React, { AnchorHTMLAttributes, ReactNode, VFC } from 'react';
+import React, { AnchorHTMLAttributes, ReactNode } from 'react';
 declare type ElementProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof Props>;
 declare type Props = {
     /** リンクをクリックした時に発火するコールバック関数 */
@@ -8,5 +8,5 @@ declare type Props = {
     /** テキストの後ろに表示するアイコン */
     suffix?: ReactNode;
 };
-export declare const TextLink: VFC<Props & ElementProps>;
+export declare const TextLink: React.ForwardRefExoticComponent<Props & ElementProps & React.RefAttributes<HTMLAnchorElement>>;
 export {};

package/esm/components/TextLink/TextLink.js

@@ -1,8 +1,8 @@
-import React, { useMemo } from 'react';
+import React, { forwardRef, useMemo } from 'react';
 import styled, { css } from 'styled-components';
 import { useTheme } from '../../hooks/useTheme';
 import { FaExternalLinkAltIcon } from '../Icon';
-export const TextLink = ({ href, target, onClick, children, prefix, suffix, ...props }) => {
+export const TextLink = forwardRef(({ href, target, onClick, children, prefix, suffix, ...props }, ref) => {
     const theme = useTheme();
     const actualSuffix = useMemo(() => {
         if (target === '_blank' && suffix === undefined) {
@@ -30,12 +30,12 @@ export const TextLink = ({ href, target, onClick, children, prefix, suffix, ...p
             onClick(e);
         };
     }, [href, onClick]);
-    return (React.createElement(StyledAncher, { ...props, href: actualHref, target: target, onClick: actualOnClick, themes: theme },
+    return (React.createElement(StyledAnchor, { ...props, ref: ref, href: actualHref, target: target, onClick: actualOnClick, themes: theme },
         prefix && React.createElement(PrefixWrapper, { themes: theme }, prefix),
         children,
         actualSuffix && React.createElement(SuffixWrapper, { themes: theme }, actualSuffix)));
-};
-const StyledAncher = styled.a `
+});
+const StyledAnchor = styled.a `
   ${({ themes }) => {
     const { color } = themes;
     return css `

package/esm/components/TextLink/TextLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextLink.js","sourceRoot":"","sources":["../../../src/components/TextLink/TextLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwC,OAAO,EAAE,MAAM,OAAO,CAAA;AAC5E,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAY/C,MAAM,CAAC,MAAM,QAAQ,GAA8B,CAAC,EAClD,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,MAAM,EACN,MAAM,EACN,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,IAAI,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,SAAS,EAAE;YAC/C,OAAO,oBAAC,qBAAqB,kBAAY,sCAAQ,GAAG,CAAA;SACrD;QACD,OAAO,MAAM,CAAA;IACf,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IACpB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,IAAI,EAAE;YACR,OAAO,IAAI,CAAA;SACZ;QAED,IAAI,OAAO,EAAE;YACX,OAAO,EAAE,CAAA;SACV;QAED,OAAO,SAAS,CAAA;IAClB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IACnB,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,SAAS,CAAA;SACjB;QAED,OAAO,CAAC,CAAmB,EAAE,EAAE;YAC7B,IAAI,CAAC,IAAI,EAAE;gBACT,CAAC,CAAC,cAAc,EAAE,CAAA;aACnB;YACD,OAAO,CAAC,CAAC,CAAC,CAAA;QACZ,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IAEnB,OAAO,CACL,oBAAC,YAAY,OACP,KAAK,EACT,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,KAAK;QAEZ,MAAM,IAAI,oBAAC,aAAa,IAAC,MAAM,EAAE,KAAK,IAAG,MAAM,CAAiB;QAChE,QAAQ;QACR,YAAY,IAAI,oBAAC,aAAa,IAAC,MAAM,EAAE,KAAK,IAAG,YAAY,CAAiB,CAChE,CAChB,CAAA;AACH,CAAC,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAmB;IAC5C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IACxB,OAAO,GAAG,CAAA;;;eAGC,KAAK,CAAC,SAAS;;;iBAGb,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC;;;;;;KAM7C,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAC/B,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;oBACpB,aAAa,CAAC,IAAI,CAAC;;GAEpC,CACF,CAAA;AACD,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAC/B,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;mBACrB,aAAa,CAAC,IAAI,CAAC;;GAEnC,CACF,CAAA"}
+{"version":3,"file":"TextLink.js","sourceRoot":"","sources":["../../../src/components/TextLink/TextLink.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmC,UAAU,EAAE,OAAO,EAAE,MAAM,OAAO,CAAA;AACnF,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAC/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AACtD,OAAO,EAAE,qBAAqB,EAAE,MAAM,SAAS,CAAA;AAY/C,MAAM,CAAC,MAAM,QAAQ,GAAG,UAAU,CAChC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,YAAY,GAAG,OAAO,CAAC,GAAG,EAAE;QAChC,IAAI,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,SAAS,EAAE;YAC/C,OAAO,oBAAC,qBAAqB,kBAAY,sCAAQ,GAAG,CAAA;SACrD;QACD,OAAO,MAAM,CAAA;IACf,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IACpB,MAAM,UAAU,GAAG,OAAO,CAAC,GAAG,EAAE;QAC9B,IAAI,IAAI,EAAE;YACR,OAAO,IAAI,CAAA;SACZ;QAED,IAAI,OAAO,EAAE;YACX,OAAO,EAAE,CAAA;SACV;QAED,OAAO,SAAS,CAAA;IAClB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IACnB,MAAM,aAAa,GAAG,OAAO,CAAC,GAAG,EAAE;QACjC,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,SAAS,CAAA;SACjB;QAED,OAAO,CAAC,CAAmB,EAAE,EAAE;YAC7B,IAAI,CAAC,IAAI,EAAE;gBACT,CAAC,CAAC,cAAc,EAAE,CAAA;aACnB;YACD,OAAO,CAAC,CAAC,CAAC,CAAA;QACZ,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IAEnB,OAAO,CACL,oBAAC,YAAY,OACP,KAAK,EACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,KAAK;QAEZ,MAAM,IAAI,oBAAC,aAAa,IAAC,MAAM,EAAE,KAAK,IAAG,MAAM,CAAiB;QAChE,QAAQ;QACR,YAAY,IAAI,oBAAC,aAAa,IAAC,MAAM,EAAE,KAAK,IAAG,YAAY,CAAiB,CAChE,CAChB,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAmB;IAC5C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IACxB,OAAO,GAAG,CAAA;;;eAGC,KAAK,CAAC,SAAS;;;iBAGb,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC;;;;;;KAM7C,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAC/B,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;oBACpB,aAAa,CAAC,IAAI,CAAC;;GAEpC,CACF,CAAA;AACD,MAAM,aAAa,GAAG,MAAM,CAAC,IAAI,CAC/B,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,GAAG,CAAA;mBACrB,aAAa,CAAC,IAAI,CAAC;;GAEnC,CACF,CAAA"}

package/esm/themes/createRadius.d.ts

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

package/esm/themes/createRadius.js

@@ -2,6 +2,8 @@ import { merge } from '../libs/lodash';
 export const defaultRadius = {
     s: '4px',
     m: '6px',
+    l: '8px',
+    full: '10000px',
 };
 export const createRadius = (userRadius = {}) => {
     const created = merge({ ...defaultRadius }, userRadius);

package/esm/themes/createRadius.js.map

@@ -1 +1 @@
-{"version":3,"file":"createRadius.js","sourceRoot":"","sources":["../../src/themes/createRadius.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAYtC,MAAM,CAAC,MAAM,aAAa,GAAuB;IAC/C,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;CACT,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,aAA6B,EAAE,EAAE,EAAE;IAC9D,MAAM,OAAO,GAAuB,KAAK,CAAC,EAAE,GAAG,aAAa,EAAE,EAAE,UAAU,CAAC,CAAA;IAC3E,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}
+{"version":3,"file":"createRadius.js","sourceRoot":"","sources":["../../src/themes/createRadius.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,gBAAgB,CAAA;AAgBtC,MAAM,CAAC,MAAM,aAAa,GAAuB;IAC/C,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,IAAI,EAAE,SAAS;CAChB,CAAA;AAED,MAAM,CAAC,MAAM,YAAY,GAAG,CAAC,aAA6B,EAAE,EAAE,EAAE;IAC9D,MAAM,OAAO,GAAuB,KAAK,CAAC,EAAE,GAAG,aAAa,EAAE,EAAE,UAAU,CAAC,CAAA;IAC3E,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA"}

package/lib/components/Base/Base.d.ts

@@ -2,16 +2,11 @@ import React, { HTMLAttributes, ReactNode } from 'react';
 declare type Props = {
     children: ReactNode;
     /** 角丸のサイズ */
-    radius?: RadiusKeys;
+    radius?: 's' | 'm';
     /** レイヤの重なり方向の高さ（影の付き方に影響する） */
     layer?: LayerKeys;
 };
-export declare type RadiusKeys = keyof typeof radiusMap;
 export declare type LayerKeys = keyof typeof layerMap;
-export declare const radiusMap: {
-    readonly s: "6px";
-    readonly m: "8px";
-};
 export declare const layerMap: {
     readonly 0: "LAYER0";
     readonly 1: "LAYER1";

package/lib/components/Base/Base.js

@@ -23,15 +23,11 @@ var __importStar = (this && this.__importStar) || function (mod) {
     return result;
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Base = exports.layerMap = exports.radiusMap = void 0;
+exports.Base = exports.layerMap = void 0;
 const react_1 = __importStar(require("react"));
 const styled_components_1 = __importStar(require("styled-components"));
 const useTheme_1 = require("../../hooks/useTheme");
 const useClassNames_1 = require("./useClassNames");
-exports.radiusMap = {
-    s: '6px',
-    m: '8px',
-};
 exports.layerMap = {
     0: 'LAYER0',
     1: 'LAYER1',
@@ -42,7 +38,15 @@ exports.layerMap = {
 exports.Base = (0, react_1.forwardRef)(({ radius = 'm', layer = 1, className = '', ...props }, ref) => {
     const themes = (0, useTheme_1.useTheme)();
     const classNames = (0, useClassNames_1.useClassNames)();
-    return (react_1.default.createElement(Wrapper, { className: `${className} ${classNames.base.wrapper}`, themes: themes, "$radius": exports.radiusMap[radius], "$layer": exports.layerMap[layer], ref: ref, ...props }));
+    const $radius = (0, react_1.useMemo)(() => {
+        switch (radius) {
+            case 's':
+                return themes.radius.m;
+            case 'm':
+                return themes.radius.l;
+        }
+    }, [radius, themes.radius.l, themes.radius.m]);
+    return (react_1.default.createElement(Wrapper, { className: `${className} ${classNames.base.wrapper}`, themes: themes, "$radius": $radius, "$layer": exports.layerMap[layer], ref: ref, ...props }));
 });
 const Wrapper = styled_components_1.default.div `
   ${({ themes: { color, shadow }, $radius, $layer }) => {

package/lib/components/Base/Base.js.map

@@ -1 +1 @@
-{"version":3,"file":"Base.js","sourceRoot":"","sources":["../../../src/components/Base/Base.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAoE;AACpE,uEAA+C;AAC/C,mDAAsD;AACtD,mDAA+C;AAalC,QAAA,SAAS,GAAG;IACvB,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;CACA,CAAA;AAEG,QAAA,QAAQ,GAAG;IACtB,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;CACH,CAAA;AAIG,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CAAC,EAAE,MAAM,GAAG,GAAG,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7D,MAAM,MAAM,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACzB,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAElC,OAAO,CACL,8BAAC,OAAO,IACN,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,EACpD,MAAM,EAAE,MAAM,aACL,iBAAS,CAAC,MAAM,CAAC,YAClB,gBAAQ,CAAC,KAAK,CAAC,EACvB,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAIxB;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;IACnD,OAAO,IAAA,uBAAG,EAAA;oBACM,MAAM,CAAC,MAAM,CAAC;uBACX,OAAO;0BACJ,KAAK,CAAC,KAAK;KAChC,CAAA;AACH,CAAC;CACF,CAAA"}
+{"version":3,"file":"Base.js","sourceRoot":"","sources":["../../../src/components/Base/Base.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA6E;AAC7E,uEAA+C;AAC/C,mDAAsD;AACtD,mDAA+C;AAYlC,QAAA,QAAQ,GAAG;IACtB,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;IACX,CAAC,EAAE,QAAQ;CACH,CAAA;AAIG,QAAA,IAAI,GAAG,IAAA,kBAAU,EAC5B,CAAC,EAAE,MAAM,GAAG,GAAG,EAAE,KAAK,GAAG,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IAC7D,MAAM,MAAM,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACzB,MAAM,UAAU,GAAG,IAAA,6BAAa,GAAE,CAAA;IAClC,MAAM,OAAO,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC3B,QAAQ,MAAM,EAAE;YACd,KAAK,GAAG;gBACN,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAA;YACxB,KAAK,GAAG;gBACN,OAAO,MAAM,CAAC,MAAM,CAAC,CAAC,CAAA;SACzB;IACH,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC,CAAA;IAE9C,OAAO,CACL,8BAAC,OAAO,IACN,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,IAAI,CAAC,OAAO,EAAE,EACpD,MAAM,EAAE,MAAM,aACL,OAAO,YACR,gBAAQ,CAAC,KAAK,CAAC,EACvB,GAAG,EAAE,GAAG,KACJ,KAAK,GACT,CACH,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,OAAO,GAAG,2BAAM,CAAC,GAAG,CAIxB;IACE,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE;IACnD,OAAO,IAAA,uBAAG,EAAA;oBACM,MAAM,CAAC,MAAM,CAAC;uBACX,OAAO;0BACJ,KAAK,CAAC,KAAK;KAChC,CAAA;AACH,CAAC;CACF,CAAA"}

package/lib/components/Base/index.d.ts

@@ -1,3 +1,3 @@
-export { Base, radiusMap } from './Base';
+export { Base } from './Base';
 export type { ElementProps as BaseElementProps } from './Base';
 export { DialogBase } from './DialogBase';

package/lib/components/Base/index.js

@@ -1,9 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.DialogBase = exports.radiusMap = exports.Base = void 0;
+exports.DialogBase = exports.Base = void 0;
 var Base_1 = require("./Base");
 Object.defineProperty(exports, "Base", { enumerable: true, get: function () { return Base_1.Base; } });
-Object.defineProperty(exports, "radiusMap", { enumerable: true, get: function () { return Base_1.radiusMap; } });
 var DialogBase_1 = require("./DialogBase");
 Object.defineProperty(exports, "DialogBase", { enumerable: true, get: function () { return DialogBase_1.DialogBase; } });
 //# sourceMappingURL=index.js.map

package/lib/components/Base/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Base/index.ts"],"names":[],"mappings":";;;AAAA,+BAAwC;AAA/B,4FAAA,IAAI,OAAA;AAAE,iGAAA,SAAS,OAAA;AAExB,2CAAyC;AAAhC,wGAAA,UAAU,OAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Base/index.ts"],"names":[],"mappings":";;;AAAA,+BAA6B;AAApB,4FAAA,IAAI,OAAA;AAEb,2CAAyC;AAAhC,wGAAA,UAAU,OAAA"}

package/lib/components/Header/HeaderLink.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-export declare const HeaderLink: import("styled-components").StyledComponent<import("react").VFC<{
+export declare const HeaderLink: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<{
     onClick?: ((e: import("react").MouseEvent<Element, MouseEvent>) => void) | undefined;
     prefix?: import("react").ReactNode;
     suffix?: import("react").ReactNode;
@@ -267,7 +267,7 @@ export declare const HeaderLink: import("styled-components").StyledComponent<imp
     onTransitionEndCapture?: import("react").TransitionEventHandler<HTMLAnchorElement> | undefined;
     ping?: string | undefined;
     referrerPolicy?: import("react").HTMLAttributeReferrerPolicy | undefined;
-}>, import("styled-components").DefaultTheme, {
+} & import("react").RefAttributes<HTMLAnchorElement>>, import("styled-components").DefaultTheme, {
     target: "_blank";
     suffix: null;
 }, "target" | "suffix">;

package/lib/components/TextLink/TextLink.d.ts

@@ -1,4 +1,4 @@
-import React, { AnchorHTMLAttributes, ReactNode, VFC } from 'react';
+import React, { AnchorHTMLAttributes, ReactNode } from 'react';
 declare type ElementProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof Props>;
 declare type Props = {
     /** リンクをクリックした時に発火するコールバック関数 */
@@ -8,5 +8,5 @@ declare type Props = {
     /** テキストの後ろに表示するアイコン */
     suffix?: ReactNode;
 };
-export declare const TextLink: VFC<Props & ElementProps>;
+export declare const TextLink: React.ForwardRefExoticComponent<Props & ElementProps & React.RefAttributes<HTMLAnchorElement>>;
 export {};

package/lib/components/TextLink/TextLink.js

@@ -28,7 +28,7 @@ const react_1 = __importStar(require("react"));
 const styled_components_1 = __importStar(require("styled-components"));
 const useTheme_1 = require("../../hooks/useTheme");
 const Icon_1 = require("../Icon");
-const TextLink = ({ href, target, onClick, children, prefix, suffix, ...props }) => {
+exports.TextLink = (0, react_1.forwardRef)(({ href, target, onClick, children, prefix, suffix, ...props }, ref) => {
     const theme = (0, useTheme_1.useTheme)();
     const actualSuffix = (0, react_1.useMemo)(() => {
         if (target === '_blank' && suffix === undefined) {
@@ -56,13 +56,12 @@ const TextLink = ({ href, target, onClick, children, prefix, suffix, ...props })
             onClick(e);
         };
     }, [href, onClick]);
-    return (react_1.default.createElement(StyledAncher, { ...props, href: actualHref, target: target, onClick: actualOnClick, themes: theme },
+    return (react_1.default.createElement(StyledAnchor, { ...props, ref: ref, href: actualHref, target: target, onClick: actualOnClick, themes: theme },
         prefix && react_1.default.createElement(PrefixWrapper, { themes: theme }, prefix),
         children,
         actualSuffix && react_1.default.createElement(SuffixWrapper, { themes: theme }, actualSuffix)));
-};
-exports.TextLink = TextLink;
-const StyledAncher = styled_components_1.default.a `
+});
+const StyledAnchor = styled_components_1.default.a `
   ${({ themes }) => {
     const { color } = themes;
     return (0, styled_components_1.css) `

package/lib/components/TextLink/TextLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"TextLink.js","sourceRoot":"","sources":["../../../src/components/TextLink/TextLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAA4E;AAC5E,uEAA+C;AAC/C,mDAAsD;AACtD,kCAA+C;AAYxC,MAAM,QAAQ,GAA8B,CAAC,EAClD,IAAI,EACJ,MAAM,EACN,OAAO,EACP,QAAQ,EACR,MAAM,EACN,MAAM,EACN,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAChC,IAAI,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,SAAS,EAAE;YAC/C,OAAO,8BAAC,4BAAqB,kBAAY,sCAAQ,GAAG,CAAA;SACrD;QACD,OAAO,MAAM,CAAA;IACf,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IACpB,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,IAAI,IAAI,EAAE;YACR,OAAO,IAAI,CAAA;SACZ;QAED,IAAI,OAAO,EAAE;YACX,OAAO,EAAE,CAAA;SACV;QAED,OAAO,SAAS,CAAA;IAClB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IACnB,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,SAAS,CAAA;SACjB;QAED,OAAO,CAAC,CAAmB,EAAE,EAAE;YAC7B,IAAI,CAAC,IAAI,EAAE;gBACT,CAAC,CAAC,cAAc,EAAE,CAAA;aACnB;YACD,OAAO,CAAC,CAAC,CAAC,CAAA;QACZ,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IAEnB,OAAO,CACL,8BAAC,YAAY,OACP,KAAK,EACT,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,KAAK;QAEZ,MAAM,IAAI,8BAAC,aAAa,IAAC,MAAM,EAAE,KAAK,IAAG,MAAM,CAAiB;QAChE,QAAQ;QACR,YAAY,IAAI,8BAAC,aAAa,IAAC,MAAM,EAAE,KAAK,IAAG,YAAY,CAAiB,CAChE,CAChB,CAAA;AACH,CAAC,CAAA;AArDY,QAAA,QAAQ,YAqDpB;AAED,MAAM,YAAY,GAAG,2BAAM,CAAC,CAAC,CAAmB;IAC5C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IACxB,OAAO,IAAA,uBAAG,EAAA;;;eAGC,KAAK,CAAC,SAAS;;;iBAGb,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC;;;;;;KAM7C,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,aAAa,GAAG,2BAAM,CAAC,IAAI,CAC/B,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;oBACpB,aAAa,CAAC,IAAI,CAAC;;GAEpC,CACF,CAAA;AACD,MAAM,aAAa,GAAG,2BAAM,CAAC,IAAI,CAC/B,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;mBACrB,aAAa,CAAC,IAAI,CAAC;;GAEnC,CACF,CAAA"}
+{"version":3,"file":"TextLink.js","sourceRoot":"","sources":["../../../src/components/TextLink/TextLink.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+CAAmF;AACnF,uEAA+C;AAC/C,mDAAsD;AACtD,kCAA+C;AAYlC,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,QAAQ,EAAE,MAAM,EAAE,MAAM,EAAE,GAAG,KAAK,EAAE,EAAE,GAAG,EAAE,EAAE;IACrE,MAAM,KAAK,GAAG,IAAA,mBAAQ,GAAE,CAAA;IACxB,MAAM,YAAY,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAChC,IAAI,MAAM,KAAK,QAAQ,IAAI,MAAM,KAAK,SAAS,EAAE;YAC/C,OAAO,8BAAC,4BAAqB,kBAAY,sCAAQ,GAAG,CAAA;SACrD;QACD,OAAO,MAAM,CAAA;IACf,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC,CAAA;IACpB,MAAM,UAAU,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QAC9B,IAAI,IAAI,EAAE;YACR,OAAO,IAAI,CAAA;SACZ;QAED,IAAI,OAAO,EAAE;YACX,OAAO,EAAE,CAAA;SACV;QAED,OAAO,SAAS,CAAA;IAClB,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IACnB,MAAM,aAAa,GAAG,IAAA,eAAO,EAAC,GAAG,EAAE;QACjC,IAAI,CAAC,OAAO,EAAE;YACZ,OAAO,SAAS,CAAA;SACjB;QAED,OAAO,CAAC,CAAmB,EAAE,EAAE;YAC7B,IAAI,CAAC,IAAI,EAAE;gBACT,CAAC,CAAC,cAAc,EAAE,CAAA;aACnB;YACD,OAAO,CAAC,CAAC,CAAC,CAAA;QACZ,CAAC,CAAA;IACH,CAAC,EAAE,CAAC,IAAI,EAAE,OAAO,CAAC,CAAC,CAAA;IAEnB,OAAO,CACL,8BAAC,YAAY,OACP,KAAK,EACT,GAAG,EAAE,GAAG,EACR,IAAI,EAAE,UAAU,EAChB,MAAM,EAAE,MAAM,EACd,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,KAAK;QAEZ,MAAM,IAAI,8BAAC,aAAa,IAAC,MAAM,EAAE,KAAK,IAAG,MAAM,CAAiB;QAChE,QAAQ;QACR,YAAY,IAAI,8BAAC,aAAa,IAAC,MAAM,EAAE,KAAK,IAAG,YAAY,CAAiB,CAChE,CAChB,CAAA;AACH,CAAC,CACF,CAAA;AAED,MAAM,YAAY,GAAG,2BAAM,CAAC,CAAC,CAAmB;IAC5C,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE;IACf,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IACxB,OAAO,IAAA,uBAAG,EAAA;;;eAGC,KAAK,CAAC,SAAS;;;iBAGb,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,SAAS,CAAC;;;;;;KAM7C,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,aAAa,GAAG,2BAAM,CAAC,IAAI,CAC/B,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;oBACpB,aAAa,CAAC,IAAI,CAAC;;GAEpC,CACF,CAAA;AACD,MAAM,aAAa,GAAG,2BAAM,CAAC,IAAI,CAC/B,CAAC,EAAE,MAAM,EAAE,EAAE,aAAa,EAAE,EAAE,EAAE,EAAE,CAAC,IAAA,uBAAG,EAAA;mBACrB,aAAa,CAAC,IAAI,CAAC;;GAEnC,CACF,CAAA"}

package/lib/themes/createRadius.d.ts

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

package/lib/themes/createRadius.js

@@ -5,6 +5,8 @@ const lodash_1 = require("../libs/lodash");
 exports.defaultRadius = {
     s: '4px',
     m: '6px',
+    l: '8px',
+    full: '10000px',
 };
 const createRadius = (userRadius = {}) => {
     const created = (0, lodash_1.merge)({ ...exports.defaultRadius }, userRadius);

package/lib/themes/createRadius.js.map

@@ -1 +1 @@
-{"version":3,"file":"createRadius.js","sourceRoot":"","sources":["../../src/themes/createRadius.ts"],"names":[],"mappings":";;;AAAA,2CAAsC;AAYzB,QAAA,aAAa,GAAuB;IAC/C,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;CACT,CAAA;AAEM,MAAM,YAAY,GAAG,CAAC,aAA6B,EAAE,EAAE,EAAE;IAC9D,MAAM,OAAO,GAAuB,IAAA,cAAK,EAAC,EAAE,GAAG,qBAAa,EAAE,EAAE,UAAU,CAAC,CAAA;IAC3E,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAHY,QAAA,YAAY,gBAGxB"}
+{"version":3,"file":"createRadius.js","sourceRoot":"","sources":["../../src/themes/createRadius.ts"],"names":[],"mappings":";;;AAAA,2CAAsC;AAgBzB,QAAA,aAAa,GAAuB;IAC/C,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,CAAC,EAAE,KAAK;IACR,IAAI,EAAE,SAAS;CAChB,CAAA;AAEM,MAAM,YAAY,GAAG,CAAC,aAA6B,EAAE,EAAE,EAAE;IAC9D,MAAM,OAAO,GAAuB,IAAA,cAAK,EAAC,EAAE,GAAG,qBAAa,EAAE,EAAE,UAAU,CAAC,CAAA;IAC3E,OAAO,OAAO,CAAA;AAChB,CAAC,CAAA;AAHY,QAAA,YAAY,gBAGxB"}

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "smarthr-ui",
   "description": "SmartHR ui components built with React.",
-  "version": "22.1.0",
+  "version": "22.2.0",
   "author": "SmartHR-UI Team",
   "dependencies": {
     "dayjs": "^1.11.3",
@@ -27,14 +27,14 @@
     "@storybook/react": "^6.5.9",
     "@storybook/testing-library": "^0.0.13",
     "@storybook/theming": "^6.5.9",
-    "@swc/core": "^1.2.208",
+    "@swc/core": "^1.2.211",
     "@swc/jest": "^0.2.21",
     "@testing-library/react-hooks": "^8.0.1",
     "@types/jest": "^28.1.3",
     "@types/lodash.merge": "^4.6.7",
     "@types/lodash.range": "^3.2.7",
     "@types/node": "^14.18.21",
-    "@types/react": "^18.0.14",
+    "@types/react": "^18.0.15",
     "@types/react-dom": "^18.0.5",
     "@types/react-test-renderer": "^17.0.2",
     "@types/react-transition-group": "^4.4.5",
@@ -44,7 +44,7 @@
     "babel-plugin-polyfill-regenerator": "^0.3.1",
     "ecma-version-validator-webpack-plugin": "^1.2.1",
     "eslint": "^8.19.0",
-    "eslint-config-smarthr": "^6.0.7",
+    "eslint-config-smarthr": "^6.0.8",
     "fs-extra": "^10.1.0",
     "http-server": "^14.1.1",
     "husky": "^8.0.1",
@@ -58,7 +58,7 @@
     "postcss-syntax": "^0.36.2",
     "prettier": "^2.7.1",
     "prettier-config-smarthr": "^1.0.0",
-    "puppeteer": "^15.3.0",
+    "puppeteer": "^15.3.2",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
     "react-test-renderer": "^18.2.0",
@@ -70,7 +70,7 @@
     "storybook-readme": "^5.0.9",
     "storycap": "^3.1.9",
     "styled-components": "^5.3.5",
-    "styled-reset": "^4.4.1",
+    "styled-reset": "^4.4.2",
     "stylelint": "^14.9.1",
     "stylelint-config-prettier": "^9.0.3",
     "stylelint-config-smarthr": "^1.0.3",
@@ -154,7 +154,7 @@
     "minimist": "1.2.6",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "@types/react": "^18.0.14",
+    "@types/react": "^18.0.15",
     "@babel/helper-compilation-targets": "^7.18.6"
   }
 }