smarthr-ui 20.2.1 → 21.0.0

package/CHANGELOG.md

@@ -2,6 +2,47 @@
 
 All notable changes to this project will be documented in this file. See [standard-version](https://github.com/conventional-changelog/standard-version) for commit guidelines.
 
+## [21.0.0](https://github.com/kufu/smarthr-ui/compare/v20.4.0...v21.0.0) (2022-05-09)
+
+
+### ⚠ BREAKING CHANGES
+
+* `InputFile` のファイル選択の制御方法を変更 (#2440)
+* `SmartHRLogo` の I/F 変更 (SHRUI-551) (#2446)
+* props の typo を修正 (#2448)
+
+### Features
+
+* `Button`, `AnchorButton` コンポーネントを追加 (SHRUI-545) ([#2443](https://github.com/kufu/smarthr-ui/issues/2443)) ([98bedf6](https://github.com/kufu/smarthr-ui/commit/98bedf663a9b537d05c1d133d89f78dfd7bc9693))
+* `InputFile` のファイル選択の制御方法を変更 ([#2440](https://github.com/kufu/smarthr-ui/issues/2440)) ([dc62eb6](https://github.com/kufu/smarthr-ui/commit/dc62eb60420a5479a10ac19fd18ed0c53e09b517))
+* DatePickerで別フォーマット日付の併記をサポートしたい ([#2242](https://github.com/kufu/smarthr-ui/issues/2242)) ([3fcf128](https://github.com/kufu/smarthr-ui/commit/3fcf12893df7d625586d9a3ffc60a32b43088b82)), closes [/github.com/kufu/smarthr-ui/pull/2242#discussion_r800413336](https://github.com/kufu//github.com/kufu/smarthr-ui/pull/2242/issues/discussion_r800413336) [/github.com/kufu/smarthr-ui/pull/2242#discussion_r857246590](https://github.com/kufu//github.com/kufu/smarthr-ui/pull/2242/issues/discussion_r857246590) [/github.com/kufu/smarthr-ui/pull/2242#discussion_r857246886](https://github.com/kufu//github.com/kufu/smarthr-ui/pull/2242/issues/discussion_r857246886) [/github.com/kufu/smarthr-ui/pull/2242#discussion_r857250131](https://github.com/kufu//github.com/kufu/smarthr-ui/pull/2242/issues/discussion_r857250131)
+
+
+### Bug Fixes
+
+* `SmartHRLogo` の I/F 変更 (SHRUI-551) ([#2446](https://github.com/kufu/smarthr-ui/issues/2446)) ([0a4487f](https://github.com/kufu/smarthr-ui/commit/0a4487ffdfac45ec0eafa665b6115e71682fd915))
+* `Tooltip` のメッセージがスクリーンリーダーで読めるように修正 (SHRUI-556) ([#2468](https://github.com/kufu/smarthr-ui/issues/2468)) ([3e6b7bc](https://github.com/kufu/smarthr-ui/commit/3e6b7bc094ebf5957470bfffc1df04a7d8a9f166))
+* props の typo を修正 ([#2448](https://github.com/kufu/smarthr-ui/issues/2448)) ([45cfd69](https://github.com/kufu/smarthr-ui/commit/45cfd6971fd90694945fc93f909d1a8f91048ba2))
+
+## [20.4.0](https://github.com/kufu/smarthr-ui/compare/v20.3.0...v20.4.0) (2022-04-25)
+
+
+### Features
+
+* :focus を :focus-visible に置き換える ([#2442](https://github.com/kufu/smarthr-ui/issues/2442)) ([34d27de](https://github.com/kufu/smarthr-ui/commit/34d27def8fb02c54627379ad8b4d673d6aaa784b))
+
+
+### Bug Fixes
+
+* NotificationBar の閉じるボタンが縮まないように修正 ([#2441](https://github.com/kufu/smarthr-ui/issues/2441)) ([2ff5ffc](https://github.com/kufu/smarthr-ui/commit/2ff5ffc1e8678020b3f60e54e2c02de25db654f2))
+
+## [20.3.0](https://github.com/kufu/smarthr-ui/compare/v20.2.1...v20.3.0) (2022-04-18)
+
+
+### Features
+
+* use ReactNode for i18n ([#2428](https://github.com/kufu/smarthr-ui/issues/2428)) ([a50cb2f](https://github.com/kufu/smarthr-ui/commit/a50cb2f48f2897bfa5516e96c49f8d1a7e0e16c2))
+
 ### [20.2.1](https://github.com/kufu/smarthr-ui/compare/v20.2.0...v20.2.1) (2022-04-14)
 
 

package/esm/components/AccordionPanel/AccordionPanelTrigger.js

@@ -51,13 +51,12 @@ const Button = styled.button `
       font-size: inherit;
       text-align: left;
 
-      &:hover,
-      &:focus:not(:focus-visible) {
+      &:hover {
         background-color: ${color.hoverColor(color.WHITE)};
         box-shadow: none;
       }
 
-      &:focus {
+      &:focus-visible {
         ${shadow.focusIndicatorStyles}
       }
 

package/esm/components/AccordionPanel/AccordionPanelTrigger.js.map

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

package/esm/components/AppNavi/AppNavi.d.ts

@@ -16,7 +16,7 @@ declare type Props = {
     /** コンポーネントに適用するクラス名 */
     className?: string;
     /** ドロップダウンにキャレットを表示するかどうか */
-    displayDrodownCaret?: boolean;
+    displayDropdownCaret?: boolean;
 };
 export declare const AppNavi: VFC<Props & ElementProps>;
 export {};

package/esm/components/AppNavi/AppNavi.js

@@ -7,7 +7,7 @@ import { AppNaviAnchor } from './AppNaviAnchor';
 import { AppNaviDropdown } from './AppNaviDropdown';
 import { AppNaviCustomTag } from './AppNaviCustomTag';
 import { useClassNames } from './useClassNames';
-export const AppNavi = ({ label, buttons, isCurrentUnclickable, className = '', children = null, displayDrodownCaret = false, ...props }) => {
+export const AppNavi = ({ label, buttons, isCurrentUnclickable, className = '', children = null, displayDropdownCaret = false, ...props }) => {
     const theme = useTheme();
     const classNames = useClassNames();
     return (React.createElement(Wrapper, { themes: theme, className: `${className} ${classNames.wrapper}`, ...props },
@@ -20,7 +20,7 @@ export const AppNavi = ({ label, buttons, isCurrentUnclickable, className = '',
             }
             if ('dropdownContent' in button) {
                 return (React.createElement("li", { key: i, className: classNames.listItem },
-                    React.createElement(AppNaviDropdown, { dropdownContent: button.dropdownContent, icon: button.icon, current: button.current, isUnclickable: isUnclickable, displayCaret: displayDrodownCaret }, button.children)));
+                    React.createElement(AppNaviDropdown, { dropdownContent: button.dropdownContent, icon: button.icon, current: button.current, isUnclickable: isUnclickable, displayCaret: displayDropdownCaret }, button.children)));
             }
             if ('tag' in button) {
                 const { tag, icon, current, children: buttonChildren, ...buttonProps } = button;

package/esm/components/AppNavi/AppNavi.js.map

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

package/esm/components/Button/AnchorButton.d.ts

@@ -0,0 +1,5 @@
+import { AnchorHTMLAttributes, VFC } from 'react';
+import { BaseProps } from './types';
+declare type ElementProps = Omit<AnchorHTMLAttributes<HTMLAnchorElement>, keyof BaseProps>;
+export declare const AnchorButton: VFC<BaseProps & ElementProps>;
+export {};

package/esm/components/Button/AnchorButton.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { useClassNames } from './useClassNames';
+import { ButtonWrapper } from './ButtonWrapper';
+import { ButtonInner } from './ButtonInner';
+export const AnchorButton = ({ size = 'default', square = false, prefix, suffix, wide = false, variant = 'secondary', className = '', children, ...props }) => {
+    const classNames = useClassNames().anchorButton;
+    return (React.createElement(ButtonWrapper, { ...props, size: size, square: square, wide: wide, variant: variant, className: `${className} ${classNames.wrapper}`, isAnchor: true },
+        React.createElement(ButtonInner, { prefix: prefix, suffix: suffix }, children)));
+};
+//# sourceMappingURL=AnchorButton.js.map

package/esm/components/Button/AnchorButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"AnchorButton.js","sourceRoot":"","sources":["../../../src/components/Button/AnchorButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAGxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,MAAM,CAAC,MAAM,YAAY,GAAkC,CAAC,EAC1D,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,KAAK,EACd,MAAM,EACN,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,WAAW,EACrB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC,YAAY,CAAA;IAE/C,OAAO,CACL,oBAAC,aAAa,OACR,KAAK,EACT,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE,EAC/C,QAAQ;QAER,oBAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IACxC,QAAQ,CACG,CACA,CACjB,CAAA;AACH,CAAC,CAAA"}

package/esm/components/Button/BaseButton.js

@@ -57,7 +57,7 @@ const Base = styled.div `
         background-clip: padding-box;
       }
 
-      &:focus {
+      &:focus-visible {
         ${shadow.focusIndicatorStyles}
       }
 

package/esm/components/Button/Button.d.ts

@@ -0,0 +1,5 @@
+import { ButtonHTMLAttributes, VFC } from 'react';
+import { BaseProps } from './types';
+declare type ElementProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, keyof BaseProps>;
+export declare const Button: VFC<BaseProps & ElementProps>;
+export {};

package/esm/components/Button/Button.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { useClassNames } from './useClassNames';
+import { ButtonWrapper } from './ButtonWrapper';
+import { ButtonInner } from './ButtonInner';
+export const Button = ({ size = 'default', square = false, prefix, suffix, wide = false, variant = 'secondary', className = '', children, ...props }) => {
+    const classNames = useClassNames().button;
+    return (React.createElement(ButtonWrapper, { ...props, size: size, square: square, wide: wide, variant: variant, className: `${className} ${classNames.wrapper}` },
+        React.createElement(ButtonInner, { prefix: prefix, suffix: suffix }, children)));
+};
+//# sourceMappingURL=Button.js.map

package/esm/components/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../src/components/Button/Button.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAA;AAGxD,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAC/C,OAAO,EAAE,WAAW,EAAE,MAAM,eAAe,CAAA;AAI3C,MAAM,CAAC,MAAM,MAAM,GAAkC,CAAC,EACpD,IAAI,GAAG,SAAS,EAChB,MAAM,GAAG,KAAK,EACd,MAAM,EACN,MAAM,EACN,IAAI,GAAG,KAAK,EACZ,OAAO,GAAG,WAAW,EACrB,SAAS,GAAG,EAAE,EACd,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,UAAU,GAAG,aAAa,EAAE,CAAC,MAAM,CAAA;IAEzC,OAAO,CACL,oBAAC,aAAa,OACR,KAAK,EACT,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,EACd,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,GAAG,SAAS,IAAI,UAAU,CAAC,OAAO,EAAE;QAE/C,oBAAC,WAAW,IAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,IACxC,QAAQ,CACG,CACA,CACjB,CAAA;AACH,CAAC,CAAA"}

package/esm/components/Button/ButtonInner.d.ts

@@ -0,0 +1,7 @@
+import React, { VFC } from 'react';
+export declare type Props = {
+    prefix?: React.ReactNode;
+    suffix?: React.ReactNode;
+    children?: React.ReactNode;
+};
+export declare const ButtonInner: VFC<Props>;

package/esm/components/Button/ButtonInner.js

@@ -0,0 +1,18 @@
+import React from 'react';
+import styled from 'styled-components';
+export const ButtonInner = ({ prefix, suffix, children }) => {
+    return (React.createElement(React.Fragment, null,
+        prefix,
+        React.createElement(TextLabel, null, children),
+        suffix));
+};
+const TextLabel = styled.span `
+  /* LineClamp を併用する場合に、幅を計算してもらうために指定 */
+  min-width: 0;
+
+  .s & {
+    /* FIXME! SVG とテキストコンテンツの縦位置が揃わないので暫定対応 */
+    line-height: 0;
+  }
+`;
+//# sourceMappingURL=ButtonInner.js.map

package/esm/components/Button/ButtonInner.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ButtonInner.js","sourceRoot":"","sources":["../../../src/components/Button/ButtonInner.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAA;AAClC,OAAO,MAAM,MAAM,mBAAmB,CAAA;AAQtC,MAAM,CAAC,MAAM,WAAW,GAAe,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE;IACtE,OAAO,CACL;QACG,MAAM;QACP,oBAAC,SAAS,QAAE,QAAQ,CAAa;QAChC,MAAM,CACN,CACJ,CAAA;AACH,CAAC,CAAA;AAED,MAAM,SAAS,GAAG,MAAM,CAAC,IAAI,CAAA;;;;;;;;CAQ5B,CAAA"}

package/esm/components/Button/ButtonWrapper.d.ts

@@ -0,0 +1,13 @@
+import { ReactNode } from 'react';
+import { Variant } from './types';
+declare type Props = {
+    size: 'default' | 's';
+    square: boolean;
+    wide: boolean;
+    variant: Variant;
+    className: string;
+    children: ReactNode;
+    isAnchor?: boolean;
+};
+export declare function ButtonWrapper<T extends Props>({ size, square, className, isAnchor, ...props }: T): JSX.Element;
+export {};

package/esm/components/Button/ButtonWrapper.js

@@ -0,0 +1,181 @@
+import React, { useMemo } from 'react';
+import styled, { css } from 'styled-components';
+import { useTheme } from '../../hooks/useTheme';
+export function ButtonWrapper({ size, square, className, isAnchor, ...props }) {
+    const theme = useTheme();
+    const buttonClassName = useMemo(() => `${size} ${className} ${square ? 'square' : ''}`, [className, size, square]);
+    return isAnchor ? (React.createElement(Anchor, { ...props, className: buttonClassName, themes: theme })) : (React.createElement(Button, { ...props, className: buttonClassName, themes: theme }));
+}
+const baseStyles = css(({ wide, themes }) => {
+    const { border, fontSize, leading, radius, shadow, spacingByChar } = themes;
+    return css `
+    box-sizing: border-box;
+    cursor: pointer;
+    display: inline-flex;
+    justify-content: center;
+    align-items: center;
+    gap: ${spacingByChar(0.5)};
+    text-align: center;
+    white-space: nowrap;
+    border-radius: ${radius.m};
+
+    /* ボタンの高さを合わせるために指定 */
+    border: ${border.lineWidth} ${border.lineStyle} transparent;
+    padding: ${spacingByChar(0.75)} ${spacingByChar(1)};
+    font-family: inherit;
+    font-size: ${fontSize.M};
+    font-weight: bold;
+    line-height: ${leading.NONE};
+    ${wide && 'width: 100%;'}
+
+    &.square {
+      padding: ${spacingByChar(0.75)};
+    }
+
+    &.s {
+      padding: ${spacingByChar(0.5)};
+      font-size: ${fontSize.S};
+
+      /* ボタンラベルの line-height を 0 にしたため、高さを担保する */
+      min-height: calc(${fontSize.S} + ${spacingByChar(1)} + (${border.lineWidth} * 2));
+    }
+
+    &:focus-visible {
+      ${shadow.focusIndicatorStyles}
+    }
+
+    /* baseline より下の leading などの余白を埋める */
+    .smarthr-ui-Icon,
+    svg {
+      display: block;
+    }
+  `;
+});
+const Button = styled.button(({ variant, themes }) => {
+    const styles = variantStyles(variant, themes);
+    return css `
+    ${baseStyles}
+    ${styles.default}
+
+    &:focus-visible,
+    &:hover {
+      ${styles.focus}
+    }
+    &[disabled] {
+      cursor: not-allowed;
+      ${styles.disabled}
+
+      /* alpha color を使用しているので、背景色と干渉させない */
+      background-clip: padding-box;
+    }
+  `;
+});
+const Anchor = styled.a(({ variant, themes }) => {
+    const styles = variantStyles(variant, themes);
+    return css `
+    ${baseStyles}
+    ${styles.default}
+    text-decoration: none;
+
+    &:focus-visible,
+    &:hover {
+      ${styles.focus}
+    }
+    &:not([href]) {
+      cursor: not-allowed;
+      ${styles.disabled}
+
+      /* alpha color を使用しているので、背景色と干渉させない */
+      background-clip: padding-box;
+    }
+  `;
+});
+function variantStyles(variant, theme) {
+    const { color } = theme;
+    switch (variant) {
+        case 'primary':
+            return {
+                default: css `
+          border-color: ${color.MAIN};
+          background-color: ${color.MAIN};
+          color: ${color.TEXT_WHITE};
+        `,
+                focus: css `
+          border-color: ${color.hoverColor(color.MAIN)};
+          background-color: ${color.hoverColor(color.MAIN)};
+        `,
+                disabled: css `
+          border-color: ${color.disableColor(color.MAIN)};
+          background-color: ${color.disableColor(color.MAIN)};
+          color: ${color.disableColor(color.TEXT_WHITE)};
+        `,
+            };
+        case 'secondary':
+            return {
+                default: css `
+          border-color: ${color.BORDER};
+          background-color: ${color.WHITE};
+          color: ${color.TEXT_BLACK};
+        `,
+                focus: css `
+          border-color: ${color.hoverColor(color.BORDER)};
+          background-color: ${color.hoverColor(color.WHITE)};
+        `,
+                disabled: css `
+          border-color: ${color.disableColor(color.BORDER)};
+          background-color: ${color.disableColor(color.WHITE)};
+          color: ${color.TEXT_DISABLED};
+        `,
+            };
+        case 'danger':
+            return {
+                default: css `
+          border-color: ${color.DANGER};
+          background-color: ${color.DANGER};
+          color: ${color.TEXT_WHITE};
+        `,
+                focus: css `
+          border-color: ${color.hoverColor(color.DANGER)};
+          background-color: ${color.hoverColor(color.DANGER)};
+        `,
+                disabled: css `
+          border-color: ${color.disableColor(color.DANGER)};
+          background-color: ${color.disableColor(color.DANGER)};
+          color: ${color.disableColor(color.TEXT_WHITE)};
+        `,
+            };
+        case 'skeleton':
+            return {
+                default: css `
+          border-color: ${color.WHITE};
+          background-color: transparent;
+          color: ${color.TEXT_WHITE};
+        `,
+                focus: css `
+          border-color: ${color.hoverColor(color.WHITE)};
+          background-color: ${color.OVERLAY};
+          color: ${color.hoverColor(color.TEXT_WHITE)};
+        `,
+                disabled: css `
+          border-color: ${color.disableColor(color.WHITE)};
+          background-color: transparent;
+          color: ${color.disableColor(color.TEXT_WHITE)};
+        `,
+            };
+        case 'text':
+            return {
+                default: css `
+          background-color: transparent;
+          color: ${color.TEXT_BLACK};
+        `,
+                focus: css `
+          background-color: ${color.hoverColor(color.WHITE)};
+        `,
+                disabled: css `
+          background-color: transparent;
+          color: ${color.TEXT_DISABLED};
+        `,
+            };
+    }
+}
+//# sourceMappingURL=ButtonWrapper.js.map

package/esm/components/Button/ButtonWrapper.js.map

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

package/esm/components/Button/DangerButton.d.ts

@@ -1,4 +1,10 @@
 import { VFC } from 'react';
 import { AnchorProps, ButtonProps } from './BaseButton';
+/**
+ * @deprecated `DangerButton` コンポーネントは非推奨です。代わりに `Button` コンポーネントと `variant` プロパティを使用してください。
+ */
 export declare const DangerButton: VFC<ButtonProps>;
+/**
+ * @deprecated `DangerButtonAnchor` コンポーネントは非推奨です。代わりに `AnchorButton` コンポーネントと `variant` プロパティを使用してください。
+ */
 export declare const DangerButtonAnchor: VFC<AnchorProps>;

package/esm/components/Button/DangerButton.js

@@ -3,11 +3,17 @@ import styled, { css } from 'styled-components';
 import { useTheme } from '../../hooks/useTheme';
 import { BaseButton, BaseButtonAnchor } from './BaseButton';
 import { useClassNames } from './useClassNames';
+/**
+ * @deprecated `DangerButton` コンポーネントは非推奨です。代わりに `Button` コンポーネントと `variant` プロパティを使用してください。
+ */
 export const DangerButton = ({ type = 'button', className = '', ...props }) => {
     const theme = useTheme();
     const { dangerButton } = useClassNames();
     return (React.createElement(DangerStyleButton, { ...props, themes: theme, type: type, className: `${className} ${dangerButton.wrapper}` }));
 };
+/**
+ * @deprecated `DangerButtonAnchor` コンポーネントは非推奨です。代わりに `AnchorButton` コンポーネントと `variant` プロパティを使用してください。
+ */
 export const DangerButtonAnchor = ({ className = '', ...props }) => {
     const theme = useTheme();
     const { dangerButtonAnchor } = useClassNames();
@@ -21,7 +27,7 @@ const dangerStyle = css `
       background-color: ${color.DANGER};
       color: ${color.TEXT_WHITE};
 
-      &:focus,
+      &:focus-visible,
       &:hover {
         border-color: ${color.hoverColor(color.DANGER)};
         background-color: ${color.hoverColor(color.DANGER)};

package/esm/components/Button/DangerButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"DangerButton.js","sourceRoot":"","sources":["../../../src/components/Button/DangerButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAA;AAClC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAe,UAAU,EAAE,gBAAgB,EAAe,MAAM,cAAc,CAAA;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,CAAC,MAAM,YAAY,GAAqB,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9F,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAA;IAExC,OAAO,CACL,oBAAC,iBAAiB,OACZ,KAAK,EACT,MAAM,EAAE,KAAK,EACb,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,GAAG,SAAS,IAAI,YAAY,CAAC,OAAO,EAAE,GACjD,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,kBAAkB,GAAqB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,kBAAkB,EAAE,GAAG,aAAa,EAAE,CAAA;IAE9C,OAAO,CACL,oBAAC,uBAAuB,IACtB,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,GAAG,SAAS,IAAI,kBAAkB,CAAC,OAAO,EAAE,KACnD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,GAAG,CAAA;IACnB,CAAC,EAAE,MAAM,EAAqB,EAAE,EAAE;IAClC,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAExB,OAAO,GAAG,CAAA;sBACQ,KAAK,CAAC,MAAM;0BACR,KAAK,CAAC,MAAM;eACvB,KAAK,CAAC,UAAU;;;;wBAIP,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC;4BAC1B,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC;;KAErD,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,aAAa,GAAG,GAAG,CAAA;IACrB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAqB,EAAE,EAAE,CAAC,GAAG,CAAA;oBACjC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC;wBAC5B,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC;aAC3C,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC;GAC9C;CACF,CAAA;AACD,MAAM,iBAAiB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;IACxC,WAAW;;MAET,aAAa;;CAElB,CAAA;AACD,MAAM,uBAAuB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;IACpD,WAAW;;MAET,aAAa;;CAElB,CAAA"}
+{"version":3,"file":"DangerButton.js","sourceRoot":"","sources":["../../../src/components/Button/DangerButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAA;AAClC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAe,UAAU,EAAE,gBAAgB,EAAe,MAAM,cAAc,CAAA;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C;;GAEG;AACH,MAAM,CAAC,MAAM,YAAY,GAAqB,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC9F,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,YAAY,EAAE,GAAG,aAAa,EAAE,CAAA;IAExC,OAAO,CACL,oBAAC,iBAAiB,OACZ,KAAK,EACT,MAAM,EAAE,KAAK,EACb,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,GAAG,SAAS,IAAI,YAAY,CAAC,OAAO,EAAE,GACjD,CACH,CAAA;AACH,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAqB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACnF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,kBAAkB,EAAE,GAAG,aAAa,EAAE,CAAA;IAE9C,OAAO,CACL,oBAAC,uBAAuB,IACtB,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,GAAG,SAAS,IAAI,kBAAkB,CAAC,OAAO,EAAE,KACnD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,WAAW,GAAG,GAAG,CAAA;IACnB,CAAC,EAAE,MAAM,EAAqB,EAAE,EAAE;IAClC,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAExB,OAAO,GAAG,CAAA;sBACQ,KAAK,CAAC,MAAM;0BACR,KAAK,CAAC,MAAM;eACvB,KAAK,CAAC,UAAU;;;;wBAIP,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC;4BAC1B,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC;;KAErD,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,aAAa,GAAG,GAAG,CAAA;IACrB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAqB,EAAE,EAAE,CAAC,GAAG,CAAA;oBACjC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC;wBAC5B,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC;aAC3C,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC;GAC9C;CACF,CAAA;AACD,MAAM,iBAAiB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;IACxC,WAAW;;MAET,aAAa;;CAElB,CAAA;AACD,MAAM,uBAAuB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;IACpD,WAAW;;MAET,aAAa;;CAElB,CAAA"}

package/esm/components/Button/PrimaryButton.d.ts

@@ -1,4 +1,10 @@
 import { VFC } from 'react';
 import { AnchorProps, ButtonProps } from './BaseButton';
+/**
+ * @deprecated `PrimaryButton` コンポーネントは非推奨です。代わりに `Button` コンポーネントと `variant` プロパティを使用してください。
+ */
 export declare const PrimaryButton: VFC<ButtonProps>;
+/**
+ * @deprecated `PrimaryButtonAnchor` コンポーネントは非推奨です。代わりに `AnchorButton` コンポーネントと `variant` プロパティを使用してください。
+ */
 export declare const PrimaryButtonAnchor: VFC<AnchorProps>;

package/esm/components/Button/PrimaryButton.js

@@ -3,6 +3,9 @@ import styled, { css } from 'styled-components';
 import { useTheme } from '../../hooks/useTheme';
 import { BaseButton, BaseButtonAnchor } from './BaseButton';
 import { useClassNames } from './useClassNames';
+/**
+ * @deprecated `PrimaryButton` コンポーネントは非推奨です。代わりに `Button` コンポーネントと `variant` プロパティを使用してください。
+ */
 export const PrimaryButton = ({ type = 'button', className = '', ...props }) => {
     const theme = useTheme();
     const { primaryButton } = useClassNames();
@@ -11,6 +14,9 @@ export const PrimaryButton = ({ type = 'button', className = '', ...props }) =>
 // set the displayName explicit.
 // This is for error message of BottomFixedArea component.
 PrimaryButton.displayName = 'PrimaryButton';
+/**
+ * @deprecated `PrimaryButtonAnchor` コンポーネントは非推奨です。代わりに `AnchorButton` コンポーネントと `variant` プロパティを使用してください。
+ */
 export const PrimaryButtonAnchor = ({ className = '', ...props }) => {
     const theme = useTheme();
     const { primaryButtonAnchor } = useClassNames();
@@ -27,7 +33,7 @@ const primaryStyle = css `
       background-color: ${color.MAIN};
       color: ${color.TEXT_WHITE};
 
-      &:focus,
+      &:focus-visible,
       &:hover {
         border-color: ${color.hoverColor(color.MAIN)};
         background-color: ${color.hoverColor(color.MAIN)};

package/esm/components/Button/PrimaryButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"PrimaryButton.js","sourceRoot":"","sources":["../../../src/components/Button/PrimaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAA;AAClC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAe,UAAU,EAAE,gBAAgB,EAAe,MAAM,cAAc,CAAA;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,CAAC,MAAM,aAAa,GAAqB,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC/F,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAAA;IAEzC,OAAO,CACL,oBAAC,kBAAkB,OACb,KAAK,EACT,MAAM,EAAE,KAAK,EACb,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,GAAG,SAAS,IAAI,aAAa,CAAC,OAAO,EAAE,GAClD,CACH,CAAA;AACH,CAAC,CAAA;AAED,gCAAgC;AAChC,0DAA0D;AAC1D,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C,MAAM,CAAC,MAAM,mBAAmB,GAAqB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,mBAAmB,EAAE,GAAG,aAAa,EAAE,CAAA;IAE/C,OAAO,CACL,oBAAC,wBAAwB,IACvB,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,GAAG,SAAS,IAAI,mBAAmB,CAAC,OAAO,EAAE,KACpD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AAED,gCAAgC;AAChC,0DAA0D;AAC1D,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAEvD,MAAM,YAAY,GAAG,GAAG,CAAA;IACpB,CAAC,EAAE,MAAM,EAAqB,EAAE,EAAE;IAClC,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAExB,OAAO,GAAG,CAAA;sBACQ,KAAK,CAAC,IAAI;0BACN,KAAK,CAAC,IAAI;eACrB,KAAK,CAAC,UAAU;;;;wBAIP,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;4BACxB,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;iBACvC,KAAK,CAAC,UAAU;;KAE5B,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,aAAa,GAAG,GAAG,CAAA;IACrB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAqB,EAAE,EAAE,CAAC,GAAG,CAAA;oBACjC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC;wBAC1B,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC;aACzC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC;GAC9C;CACF,CAAA;AACD,MAAM,kBAAkB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;IACzC,YAAY;;MAEV,aAAa;;CAElB,CAAA;AACD,MAAM,wBAAwB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;IACrD,YAAY;;MAEV,aAAa;;CAElB,CAAA"}
+{"version":3,"file":"PrimaryButton.js","sourceRoot":"","sources":["../../../src/components/Button/PrimaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAA;AAClC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAe,UAAU,EAAE,gBAAgB,EAAe,MAAM,cAAc,CAAA;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C;;GAEG;AACH,MAAM,CAAC,MAAM,aAAa,GAAqB,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAC/F,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,aAAa,EAAE,GAAG,aAAa,EAAE,CAAA;IAEzC,OAAO,CACL,oBAAC,kBAAkB,OACb,KAAK,EACT,MAAM,EAAE,KAAK,EACb,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,GAAG,SAAS,IAAI,aAAa,CAAC,OAAO,EAAE,GAClD,CACH,CAAA;AACH,CAAC,CAAA;AAED,gCAAgC;AAChC,0DAA0D;AAC1D,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA;AAE3C;;GAEG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAqB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACpF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,mBAAmB,EAAE,GAAG,aAAa,EAAE,CAAA;IAE/C,OAAO,CACL,oBAAC,wBAAwB,IACvB,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,GAAG,SAAS,IAAI,mBAAmB,CAAC,OAAO,EAAE,KACpD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AAED,gCAAgC;AAChC,0DAA0D;AAC1D,mBAAmB,CAAC,WAAW,GAAG,qBAAqB,CAAA;AAEvD,MAAM,YAAY,GAAG,GAAG,CAAA;IACpB,CAAC,EAAE,MAAM,EAAqB,EAAE,EAAE;IAClC,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAExB,OAAO,GAAG,CAAA;sBACQ,KAAK,CAAC,IAAI;0BACN,KAAK,CAAC,IAAI;eACrB,KAAK,CAAC,UAAU;;;;wBAIP,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;4BACxB,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,IAAI,CAAC;iBACvC,KAAK,CAAC,UAAU;;KAE5B,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,aAAa,GAAG,GAAG,CAAA;IACrB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAqB,EAAE,EAAE,CAAC,GAAG,CAAA;oBACjC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC;wBAC1B,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,IAAI,CAAC;aACzC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC;GAC9C;CACF,CAAA;AACD,MAAM,kBAAkB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;IACzC,YAAY;;MAEV,aAAa;;CAElB,CAAA;AACD,MAAM,wBAAwB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;IACrD,YAAY;;MAEV,aAAa;;CAElB,CAAA"}

package/esm/components/Button/SecondaryButton.d.ts

@@ -1,4 +1,10 @@
 import { VFC } from 'react';
 import { AnchorProps, ButtonProps } from './BaseButton';
+/**
+ * @deprecated `SecondaryButton` コンポーネントは非推奨です。代わりに `Button` コンポーネントと `variant` プロパティを使用してください。
+ */
 export declare const SecondaryButton: VFC<ButtonProps>;
+/**
+ * @deprecated `SecondaryButtonAnchor` コンポーネントは非推奨です。代わりに `AnchorButton` コンポーネントと `variant` プロパティを使用してください。
+ */
 export declare const SecondaryButtonAnchor: VFC<AnchorProps>;

package/esm/components/Button/SecondaryButton.js

@@ -3,6 +3,9 @@ import styled, { css } from 'styled-components';
 import { useTheme } from '../../hooks/useTheme';
 import { BaseButton, BaseButtonAnchor } from './BaseButton';
 import { useClassNames } from './useClassNames';
+/**
+ * @deprecated `SecondaryButton` コンポーネントは非推奨です。代わりに `Button` コンポーネントと `variant` プロパティを使用してください。
+ */
 export const SecondaryButton = ({ type = 'button', className = '', ...props }) => {
     const theme = useTheme();
     const { secondaryButton } = useClassNames();
@@ -11,6 +14,9 @@ export const SecondaryButton = ({ type = 'button', className = '', ...props }) =
 // set the displayName explicit.
 // This is for error message of BottomFixedArea component.
 SecondaryButton.displayName = 'SecondaryButton';
+/**
+ * @deprecated `SecondaryButtonAnchor` コンポーネントは非推奨です。代わりに `AnchorButton` コンポーネントと `variant` プロパティを使用してください。
+ */
 export const SecondaryButtonAnchor = ({ className = '', ...props }) => {
     const theme = useTheme();
     const { secondaryButtonAnchor } = useClassNames();
@@ -27,7 +33,7 @@ const secondaryStyle = css `
       background-color: ${color.WHITE};
       color: ${color.TEXT_BLACK};
 
-      &:focus,
+      &:focus-visible,
       &:hover {
         border-color: ${color.hoverColor(color.BORDER)};
         background-color: ${color.hoverColor(color.WHITE)};

package/esm/components/Button/SecondaryButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SecondaryButton.js","sourceRoot":"","sources":["../../../src/components/Button/SecondaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAA;AAClC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAe,UAAU,EAAE,gBAAgB,EAAe,MAAM,cAAc,CAAA;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,CAAC,MAAM,eAAe,GAAqB,CAAC,EAChD,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,eAAe,EAAE,GAAG,aAAa,EAAE,CAAA;IAE3C,OAAO,CACL,oBAAC,oBAAoB,OACf,KAAK,EACT,MAAM,EAAE,KAAK,EACb,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,GAAG,SAAS,IAAI,eAAe,CAAC,OAAO,EAAE,GACpD,CACH,CAAA;AACH,CAAC,CAAA;AACD,gCAAgC;AAChC,0DAA0D;AAC1D,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C,MAAM,CAAC,MAAM,qBAAqB,GAAqB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,qBAAqB,EAAE,GAAG,aAAa,EAAE,CAAA;IAEjD,OAAO,CACL,oBAAC,0BAA0B,IACzB,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,GAAG,SAAS,IAAI,qBAAqB,CAAC,OAAO,EAAE,KACtD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AACD,gCAAgC;AAChC,0DAA0D;AAC1D,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAE3D,MAAM,cAAc,GAAG,GAAG,CAAA;IACtB,CAAC,EAAE,MAAM,EAAqB,EAAE,EAAE;IAClC,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAExB,OAAO,GAAG,CAAA;sBACQ,KAAK,CAAC,MAAM;0BACR,KAAK,CAAC,KAAK;eACtB,KAAK,CAAC,UAAU;;;;wBAIP,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC;4BAC1B,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;iBACxC,KAAK,CAAC,UAAU;;KAE5B,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,aAAa,GAAG,GAAG,CAAA;IACrB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAqB,EAAE,EAAE,CAAC,GAAG,CAAA;oBACjC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC;wBAC5B,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;aAC1C,KAAK,CAAC,aAAa;GAC7B;CACF,CAAA;AACD,MAAM,oBAAoB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;IAC3C,cAAc;;MAEZ,aAAa;;CAElB,CAAA;AACD,MAAM,0BAA0B,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;IACvD,cAAc;;MAEZ,aAAa;;CAElB,CAAA"}
+{"version":3,"file":"SecondaryButton.js","sourceRoot":"","sources":["../../../src/components/Button/SecondaryButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAA;AAClC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAe,UAAU,EAAE,gBAAgB,EAAe,MAAM,cAAc,CAAA;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C;;GAEG;AACH,MAAM,CAAC,MAAM,eAAe,GAAqB,CAAC,EAChD,IAAI,GAAG,QAAQ,EACf,SAAS,GAAG,EAAE,EACd,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,eAAe,EAAE,GAAG,aAAa,EAAE,CAAA;IAE3C,OAAO,CACL,oBAAC,oBAAoB,OACf,KAAK,EACT,MAAM,EAAE,KAAK,EACb,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,GAAG,SAAS,IAAI,eAAe,CAAC,OAAO,EAAE,GACpD,CACH,CAAA;AACH,CAAC,CAAA;AACD,gCAAgC;AAChC,0DAA0D;AAC1D,eAAe,CAAC,WAAW,GAAG,iBAAiB,CAAA;AAE/C;;GAEG;AACH,MAAM,CAAC,MAAM,qBAAqB,GAAqB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACtF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,qBAAqB,EAAE,GAAG,aAAa,EAAE,CAAA;IAEjD,OAAO,CACL,oBAAC,0BAA0B,IACzB,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,GAAG,SAAS,IAAI,qBAAqB,CAAC,OAAO,EAAE,KACtD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AACD,gCAAgC;AAChC,0DAA0D;AAC1D,qBAAqB,CAAC,WAAW,GAAG,uBAAuB,CAAA;AAE3D,MAAM,cAAc,GAAG,GAAG,CAAA;IACtB,CAAC,EAAE,MAAM,EAAqB,EAAE,EAAE;IAClC,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAExB,OAAO,GAAG,CAAA;sBACQ,KAAK,CAAC,MAAM;0BACR,KAAK,CAAC,KAAK;eACtB,KAAK,CAAC,UAAU;;;;wBAIP,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,MAAM,CAAC;4BAC1B,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;iBACxC,KAAK,CAAC,UAAU;;KAE5B,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,aAAa,GAAG,GAAG,CAAA;IACrB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAqB,EAAE,EAAE,CAAC,GAAG,CAAA;oBACjC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,MAAM,CAAC;wBAC5B,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;aAC1C,KAAK,CAAC,aAAa;GAC7B;CACF,CAAA;AACD,MAAM,oBAAoB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;IAC3C,cAAc;;MAEZ,aAAa;;CAElB,CAAA;AACD,MAAM,0BAA0B,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;IACvD,cAAc;;MAEZ,aAAa;;CAElB,CAAA"}

package/esm/components/Button/SkeletonButton.d.ts

@@ -1,4 +1,10 @@
 import { VFC } from 'react';
 import { AnchorProps, ButtonProps } from './BaseButton';
+/**
+ * @deprecated `SkeletonButton` コンポーネントは非推奨です。代わりに `Button` コンポーネントと `variant` プロパティを使用してください。
+ */
 export declare const SkeletonButton: VFC<ButtonProps>;
+/**
+ * @deprecated `SkeletonButtonAnchor` コンポーネントは非推奨です。代わりに `AnchorButton` コンポーネントと `variant` プロパティを使用してください。
+ */
 export declare const SkeletonButtonAnchor: VFC<AnchorProps>;

package/esm/components/Button/SkeletonButton.js

@@ -3,11 +3,17 @@ import styled, { css } from 'styled-components';
 import { useTheme } from '../../hooks/useTheme';
 import { BaseButton, BaseButtonAnchor } from './BaseButton';
 import { useClassNames } from './useClassNames';
+/**
+ * @deprecated `SkeletonButton` コンポーネントは非推奨です。代わりに `Button` コンポーネントと `variant` プロパティを使用してください。
+ */
 export const SkeletonButton = ({ type = 'button', className = '', ...props }) => {
     const theme = useTheme();
     const { skeletonButton } = useClassNames();
     return (React.createElement(SkeletonStyleButton, { ...props, themes: theme, type: type, className: `${className} ${skeletonButton.wrapper}` }));
 };
+/**
+ * @deprecated `SkeletonButtonAnchor` コンポーネントは非推奨です。代わりに `AnchorButton` コンポーネントと `variant` プロパティを使用してください。
+ */
 export const SkeletonButtonAnchor = ({ className = '', ...props }) => {
     const theme = useTheme();
     const { skeletonButtonAnchor } = useClassNames();
@@ -21,7 +27,7 @@ const skeletonStyle = css `
       background-color: transparent;
       color: ${color.TEXT_WHITE};
 
-      &:focus,
+      &:focus-visible,
       &:hover {
         border-color: ${color.hoverColor(color.WHITE)};
         background-color: ${color.OVERLAY};

package/esm/components/Button/SkeletonButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"SkeletonButton.js","sourceRoot":"","sources":["../../../src/components/Button/SkeletonButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAA;AAClC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAe,UAAU,EAAE,gBAAgB,EAAe,MAAM,cAAc,CAAA;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C,MAAM,CAAC,MAAM,cAAc,GAAqB,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChG,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,cAAc,EAAE,GAAG,aAAa,EAAE,CAAA;IAE1C,OAAO,CACL,oBAAC,mBAAmB,OACd,KAAK,EACT,MAAM,EAAE,KAAK,EACb,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,GAAG,SAAS,IAAI,cAAc,CAAC,OAAO,EAAE,GACnD,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,CAAC,MAAM,oBAAoB,GAAqB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,oBAAoB,EAAE,GAAG,aAAa,EAAE,CAAA;IAEhD,OAAO,CACL,oBAAC,yBAAyB,IACxB,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,GAAG,SAAS,IAAI,oBAAoB,CAAC,OAAO,EAAE,KACrD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,GAAG,CAAA;IACrB,CAAC,EAAE,MAAM,EAAqB,EAAE,EAAE;IAClC,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAExB,OAAO,GAAG,CAAA;sBACQ,KAAK,CAAC,KAAK;;eAElB,KAAK,CAAC,UAAU;;;;wBAIP,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;4BACzB,KAAK,CAAC,OAAO;iBACxB,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC;;KAE9C,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,aAAa,GAAG,GAAG,CAAA;IACrB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAqB,EAAE,EAAE,CAAC,GAAG,CAAA;oBACjC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;;aAEtC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC;GAC9C;CACF,CAAA;AACD,MAAM,mBAAmB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;IAC1C,aAAa;;MAEX,aAAa;;CAElB,CAAA;AACD,MAAM,yBAAyB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;IACtD,aAAa;;MAEX,aAAa;;CAElB,CAAA"}
+{"version":3,"file":"SkeletonButton.js","sourceRoot":"","sources":["../../../src/components/Button/SkeletonButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAc,MAAM,OAAO,CAAA;AAClC,OAAO,MAAM,EAAE,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAA;AAE/C,OAAO,EAAS,QAAQ,EAAE,MAAM,sBAAsB,CAAA;AAEtD,OAAO,EAAe,UAAU,EAAE,gBAAgB,EAAe,MAAM,cAAc,CAAA;AACrF,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAE/C;;GAEG;AACH,MAAM,CAAC,MAAM,cAAc,GAAqB,CAAC,EAAE,IAAI,GAAG,QAAQ,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IAChG,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,cAAc,EAAE,GAAG,aAAa,EAAE,CAAA;IAE1C,OAAO,CACL,oBAAC,mBAAmB,OACd,KAAK,EACT,MAAM,EAAE,KAAK,EACb,IAAI,EAAE,IAAI,EACV,SAAS,EAAE,GAAG,SAAS,IAAI,cAAc,CAAC,OAAO,EAAE,GACnD,CACH,CAAA;AACH,CAAC,CAAA;AAED;;GAEG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAqB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACrF,MAAM,KAAK,GAAG,QAAQ,EAAE,CAAA;IACxB,MAAM,EAAE,oBAAoB,EAAE,GAAG,aAAa,EAAE,CAAA;IAEhD,OAAO,CACL,oBAAC,yBAAyB,IACxB,MAAM,EAAE,KAAK,EACb,SAAS,EAAE,GAAG,SAAS,IAAI,oBAAoB,CAAC,OAAO,EAAE,KACrD,KAAK,GACT,CACH,CAAA;AACH,CAAC,CAAA;AAED,MAAM,aAAa,GAAG,GAAG,CAAA;IACrB,CAAC,EAAE,MAAM,EAAqB,EAAE,EAAE;IAClC,MAAM,EAAE,KAAK,EAAE,GAAG,MAAM,CAAA;IAExB,OAAO,GAAG,CAAA;sBACQ,KAAK,CAAC,KAAK;;eAElB,KAAK,CAAC,UAAU;;;;wBAIP,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,KAAK,CAAC;4BACzB,KAAK,CAAC,OAAO;iBACxB,KAAK,CAAC,UAAU,CAAC,KAAK,CAAC,UAAU,CAAC;;KAE9C,CAAA;AACH,CAAC;CACF,CAAA;AACD,MAAM,aAAa,GAAG,GAAG,CAAA;IACrB,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAqB,EAAE,EAAE,CAAC,GAAG,CAAA;oBACjC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,KAAK,CAAC;;aAEtC,KAAK,CAAC,YAAY,CAAC,KAAK,CAAC,UAAU,CAAC;GAC9C;CACF,CAAA;AACD,MAAM,mBAAmB,GAAG,MAAM,CAAC,UAAU,CAAC,CAAA;IAC1C,aAAa;;MAEX,aAAa;;CAElB,CAAA;AACD,MAAM,yBAAyB,GAAG,MAAM,CAAC,gBAAgB,CAAC,CAAA;IACtD,aAAa;;MAEX,aAAa;;CAElB,CAAA"}