@hyphen/hyphen-components 5.6.0 → 5.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Alert/Alert.stories.d.ts +1 -1
- package/dist/components/Badge/Badge.stories.d.ts +1 -1
- package/dist/components/Box/Box.stories.d.ts +1 -1
- package/dist/components/Button/Button.stories.d.ts +1 -1
- package/dist/components/Card/Card.stories.d.ts +1 -1
- package/dist/components/CheckboxInput/CheckboxInput.stories.d.ts +1 -1
- package/dist/components/Collapsible/Collapsible.stories.d.ts +1 -1
- package/dist/components/DateInput/DateInput.stories.d.ts +1 -1
- package/dist/components/DatePicker/DatePicker.stories.d.ts +1 -1
- package/dist/components/Details/Details.stories.d.ts +1 -1
- package/dist/components/Drawer/Drawer.stories.d.ts +1 -1
- package/dist/components/DropdownMenu/DropdownMenu.stories.d.ts +1 -1
- package/dist/components/FormLabel/FormLabel.stories.d.ts +1 -1
- package/dist/components/Heading/Heading.stories.d.ts +1 -1
- package/dist/components/Icon/Icon.stories.d.ts +1 -1
- package/dist/components/Modal/Modal.stories.d.ts +1 -1
- package/dist/components/Pagination/Pagination.stories.d.ts +1 -1
- package/dist/components/Popover/Popover.stories.d.ts +1 -1
- package/dist/components/RadioGroup/RadioGroup.stories.d.ts +1 -1
- package/dist/components/RangeInput/RangeInput.stories.d.ts +1 -1
- package/dist/components/ResponsiveProvider/ResponsiveProvider.stories.d.ts +1 -1
- package/dist/components/SelectInput/SelectInput.stories.d.ts +1 -1
- package/dist/components/SelectInputInset/SelectInputInset.stories.d.ts +1 -1
- package/dist/components/SelectInputNative/SelectInputNative.stories.d.ts +1 -1
- package/dist/components/Sidebar/Sidebar.stories.d.ts +1 -1
- package/dist/components/Spinner/Spinner.stories.d.ts +1 -1
- package/dist/components/Switch/Switch.stories.d.ts +1 -1
- package/dist/components/Table/Table.stories.d.ts +1 -1
- package/dist/components/TextInput/TextInput.stories.d.ts +1 -1
- package/dist/components/TextInputInset/TextInputInset.stories.d.ts +1 -1
- package/dist/components/TextareaInput/TextareaInput.stories.d.ts +1 -1
- package/dist/components/TextareaInputInset/TextareaInputInset.stories.d.ts +1 -1
- package/dist/components/ThemeProvider/ThemeProvider.stories.d.ts +1 -1
- package/dist/components/TimePicker/TimePicker.stories.d.ts +1 -1
- package/dist/components/TimePickerNative/TimePickerNative.stories.d.ts +1 -1
- package/dist/components/Toast/Toast.stories.d.ts +1 -1
- package/dist/components/Toggle/Toggle.stories.d.ts +1 -1
- package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts +1 -1
- package/dist/components/Tooltip/Tooltip.stories.d.ts +1 -1
- package/dist/css/index.css +1 -1
- package/dist/hooks/useBreakpoint/useBreakpoint.stories.d.ts +1 -1
- package/dist/hooks/useIsMobile/useIsMobile.stories.d.ts +1 -1
- package/dist/hooks/useOpenClose/useOpenClose.stories.d.ts +1 -1
- package/dist/hooks/useTheme/useTheme.stories.d.ts +1 -1
- package/dist/hooks/useWindowSize/useWindowSize.stories.d.ts +1 -1
- package/dist/hyphen-components.cjs.development.js +2 -1
- package/dist/hyphen-components.cjs.development.js.map +1 -1
- package/dist/hyphen-components.cjs.production.min.js +1 -1
- package/dist/hyphen-components.cjs.production.min.js.map +1 -1
- package/dist/hyphen-components.esm.js +2 -1
- package/dist/hyphen-components.esm.js.map +1 -1
- package/package.json +11 -15
- package/src/components/Alert/Alert.mdx +1 -1
- package/src/components/Alert/Alert.module.scss +1 -1
- package/src/components/Alert/Alert.stories.tsx +1 -1
- package/src/components/Alert/Alert.tsx +1 -0
- package/src/components/Badge/Badge.mdx +1 -1
- package/src/components/Badge/Badge.stories.tsx +1 -1
- package/src/components/Box/Box.mdx +1 -1
- package/src/components/Box/Box.stories.tsx +1 -1
- package/src/components/Button/Button.mdx +1 -1
- package/src/components/Button/Button.stories.tsx +6 -4
- package/src/components/Card/Card.mdx +1 -1
- package/src/components/Card/Card.stories.tsx +1 -1
- package/src/components/CheckboxInput/CheckboxInput.mdx +1 -1
- package/src/components/CheckboxInput/CheckboxInput.stories.tsx +6 -6
- package/src/components/Collapsible/Collapsible.mdx +1 -1
- package/src/components/Collapsible/Collapsible.stories.tsx +2 -2
- package/src/components/DateInput/DateInput.mdx +1 -1
- package/src/components/DateInput/DateInput.stories.tsx +1 -1
- package/src/components/DatePicker/DatePicker.mdx +1 -1
- package/src/components/DatePicker/DatePicker.stories.tsx +1 -1
- package/src/components/Details/Details.mdx +1 -1
- package/src/components/Details/Details.stories.tsx +1 -1
- package/src/components/Drawer/Drawer.mdx +1 -1
- package/src/components/Drawer/Drawer.stories.tsx +2 -2
- package/src/components/DropdownMenu/DropdownMenu.mdx +1 -1
- package/src/components/DropdownMenu/DropdownMenu.stories.tsx +2 -2
- package/src/components/FormLabel/FormLabel.mdx +1 -1
- package/src/components/FormLabel/FormLabel.stories.tsx +1 -1
- package/src/components/Formik/Formik.mdx +1 -1
- package/src/components/Heading/Heading.mdx +1 -1
- package/src/components/Heading/Heading.stories.tsx +1 -1
- package/src/components/Icon/Icon.mdx +1 -1
- package/src/components/Icon/Icon.stories.tsx +1 -1
- package/src/components/Modal/Modal.mdx +1 -1
- package/src/components/Modal/Modal.stories.tsx +2 -2
- package/src/components/Pagination/Pagination.mdx +1 -1
- package/src/components/Pagination/Pagination.stories.tsx +1 -1
- package/src/components/Popover/Popover.mdx +1 -1
- package/src/components/Popover/Popover.stories.tsx +1 -1
- package/src/components/RadioGroup/RadioGroup.mdx +1 -1
- package/src/components/RadioGroup/RadioGroup.stories.tsx +1 -1
- package/src/components/RangeInput/RangeInput.mdx +1 -1
- package/src/components/RangeInput/RangeInput.stories.tsx +1 -1
- package/src/components/ResponsiveProvider/ResponsiveProvider.mdx +1 -1
- package/src/components/ResponsiveProvider/ResponsiveProvider.stories.tsx +1 -1
- package/src/components/SelectInput/SelectInput.mdx +1 -1
- package/src/components/SelectInput/SelectInput.stories.tsx +1 -1
- package/src/components/SelectInputInset/SelectInputInset.mdx +1 -1
- package/src/components/SelectInputInset/SelectInputInset.stories.tsx +1 -1
- package/src/components/SelectInputNative/SelectInputNative.mdx +1 -1
- package/src/components/SelectInputNative/SelectInputNative.stories.tsx +1 -1
- package/src/components/Sidebar/Sidebar.stories.tsx +1 -1
- package/src/components/Spinner/Spinner.mdx +1 -1
- package/src/components/Spinner/Spinner.stories.tsx +1 -1
- package/src/components/Switch/Switch.mdx +1 -1
- package/src/components/Switch/Switch.stories.tsx +1 -1
- package/src/components/Table/Table.mdx +1 -1
- package/src/components/Table/Table.stories.tsx +1 -1
- package/src/components/TextInput/TextInput.mdx +1 -1
- package/src/components/TextInput/TextInput.stories.tsx +1 -1
- package/src/components/TextInputInset/TextInputInset.mdx +1 -1
- package/src/components/TextInputInset/TextInputInset.stories.tsx +1 -1
- package/src/components/TextareaInput/TextareaInput.mdx +1 -1
- package/src/components/TextareaInput/TextareaInput.stories.tsx +1 -1
- package/src/components/TextareaInputInset/TextareaInputInset.mdx +1 -1
- package/src/components/TextareaInputInset/TextareaInputInset.stories.tsx +1 -1
- package/src/components/ThemeProvider/ThemeProvider.mdx +1 -1
- package/src/components/ThemeProvider/ThemeProvider.stories.tsx +1 -1
- package/src/components/TimePicker/TimePicker.mdx +1 -1
- package/src/components/TimePicker/TimePicker.stories.tsx +1 -1
- package/src/components/TimePickerNative/TimePickerNative.mdx +1 -1
- package/src/components/TimePickerNative/TimePickerNative.stories.tsx +1 -1
- package/src/components/Toast/Toast.mdx +1 -1
- package/src/components/Toast/Toast.stories.tsx +1 -1
- package/src/components/Toggle/Toggle.mdx +1 -1
- package/src/components/Toggle/Toggle.stories.tsx +1 -1
- package/src/components/ToggleGroup/ToggleGroup.mdx +1 -1
- package/src/components/ToggleGroup/ToggleGroup.stories.tsx +1 -1
- package/src/components/Tooltip/Tooltip.mdx +1 -1
- package/src/components/Tooltip/Tooltip.stories.tsx +1 -1
- package/src/docs/Brands.mdx +1 -1
- package/src/docs/Colors.mdx +1 -1
- package/src/docs/DesignTokens.mdx +1 -1
- package/src/docs/GetStarted.mdx +1 -1
- package/src/docs/intro.mdx +1 -1
- package/src/hooks/useBreakpoint/useBreakpoint.mdx +1 -1
- package/src/hooks/useBreakpoint/useBreakpoint.stories.tsx +1 -1
- package/src/hooks/useIsMobile/useIsMobile.mdx +1 -1
- package/src/hooks/useIsMobile/useIsMobile.stories.tsx +1 -1
- package/src/hooks/useOpenClose/useOpenClose.mdx +1 -1
- package/src/hooks/useOpenClose/useOpenClose.stories.tsx +1 -1
- package/src/hooks/useTheme/useTheme.stories.tsx +1 -1
- package/src/hooks/useWindowSize/useWindowSize.mdx +1 -1
- package/src/hooks/useWindowSize/useWindowSize.stories.tsx +1 -1
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Button } from './Button';
|
|
3
|
-
import type { Meta } from '@storybook/react';
|
|
3
|
+
import type { Meta } from '@storybook/react-vite';
|
|
4
4
|
declare const meta: Meta<typeof Button>;
|
|
5
5
|
export default meta;
|
|
6
6
|
export declare const Default: () => React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { DatePicker } from './DatePicker';
|
|
3
|
-
import type { Meta } from '@storybook/react';
|
|
3
|
+
import type { Meta } from '@storybook/react-vite';
|
|
4
4
|
declare const meta: Meta<typeof DatePicker>;
|
|
5
5
|
export default meta;
|
|
6
6
|
export declare const BasicExample: () => React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Modal } from './Modal';
|
|
3
|
-
import type { Meta, StoryObj } from '@storybook/react';
|
|
3
|
+
import type { Meta, StoryObj } from '@storybook/react-vite';
|
|
4
4
|
declare const meta: Meta<typeof Modal>;
|
|
5
5
|
export default meta;
|
|
6
6
|
type Story = StoryObj<typeof Modal>;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { RadioGroup } from './RadioGroup';
|
|
3
|
-
import type { Meta } from '@storybook/react';
|
|
3
|
+
import type { Meta } from '@storybook/react-vite';
|
|
4
4
|
declare const meta: Meta<typeof RadioGroup>;
|
|
5
5
|
export default meta;
|
|
6
6
|
export declare const Default: () => React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ResponsiveProvider } from './ResponsiveProvider';
|
|
3
|
-
import type { Meta } from '@storybook/react';
|
|
3
|
+
import type { Meta } from '@storybook/react-vite';
|
|
4
4
|
declare const meta: Meta<typeof ResponsiveProvider>;
|
|
5
5
|
export default meta;
|
|
6
6
|
export declare const BasicUsage: () => React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { SelectInput } from './SelectInput';
|
|
3
|
-
import type { Meta } from '@storybook/react';
|
|
3
|
+
import type { Meta } from '@storybook/react-vite';
|
|
4
4
|
declare const meta: Meta<typeof SelectInput>;
|
|
5
5
|
export default meta;
|
|
6
6
|
export declare const Default: () => React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { SelectInputInset } from './SelectInputInset';
|
|
3
|
-
import type { Meta } from '@storybook/react';
|
|
3
|
+
import type { Meta } from '@storybook/react-vite';
|
|
4
4
|
declare const meta: Meta<typeof SelectInputInset>;
|
|
5
5
|
export default meta;
|
|
6
6
|
export declare const Default: () => React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { SelectInputNative } from './SelectInputNative';
|
|
3
|
-
import type { Meta } from '@storybook/react';
|
|
3
|
+
import type { Meta } from '@storybook/react-vite';
|
|
4
4
|
declare const meta: Meta<typeof SelectInputNative>;
|
|
5
5
|
export default meta;
|
|
6
6
|
export declare const Default: () => React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { TextInputInset } from './TextInputInset';
|
|
3
|
-
import type { Meta } from '@storybook/react';
|
|
3
|
+
import type { Meta } from '@storybook/react-vite';
|
|
4
4
|
declare const meta: Meta<typeof TextInputInset>;
|
|
5
5
|
export default meta;
|
|
6
6
|
export declare const Default: () => React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ThemeProvider } from './ThemeProvider';
|
|
3
|
-
import type { Meta } from '@storybook/react';
|
|
3
|
+
import type { Meta } from '@storybook/react-vite';
|
|
4
4
|
declare const meta: Meta<typeof ThemeProvider>;
|
|
5
5
|
export default meta;
|
|
6
6
|
export declare const BasicUsage: () => React.JSX.Element;
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Tooltip } from './Tooltip';
|
|
3
|
-
import type { Meta } from '@storybook/react';
|
|
3
|
+
import type { Meta } from '@storybook/react-vite';
|
|
4
4
|
declare const meta: Meta<typeof Tooltip>;
|
|
5
5
|
export default meta;
|
|
6
6
|
export declare const BasicUsage: () => React.JSX.Element;
|
package/dist/css/index.css
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.Box-module_box-transition__eQx8C{transition-duration:.2s;transition-property:background-color,border,box-shadow,color,font-size,border-width,border-color,border-top-width,border-right-width,border-bottom-width,border-left-width;transition-timing-function:cubic-bezier(.67,.83,.67)}
|
|
2
|
-
.Alert-module_alert__zP4AL{border-style:solid;border-width:var(--size-border-width-sm);box-shadow:var(--size-box-shadow-0);font-family:var(--assets-font-family-body)}.Alert-module_alert__zP4AL .Alert-module_close-icon__zs4Xk>button{background:none;border:0;color:
|
|
2
|
+
.Alert-module_alert__zP4AL{border-style:solid;border-width:var(--size-border-width-sm);box-shadow:var(--size-box-shadow-0);font-family:var(--assets-font-family-body)}.Alert-module_alert__zP4AL .Alert-module_close-icon__zs4Xk>button{background:none;border:0;color:var(--color-base-grey-600);cursor:pointer;font:inherit;padding:0}.Alert-module_alert__zP4AL .Alert-module_close-icon__zs4Xk>button:hover{color:var(--color-base-grey-600)}.Alert-module_alert-heading__VguTk{line-height:var(--size-line-height-heading)}.Alert-module_alert__default__-pcBw{background:var(--color-base-grey-100);border-color:var(--color-base-grey-200);color:var(--color-base-grey-500)}.Alert-module_alert__info__UZeOd{background:var(--color-base-blue-50);border-color:var(--color-base-blue-200);color:var(--color-base-grey-500)}.Alert-module_alert__success__o2IHF{background:var(--color-base-green-50);border-color:var(--color-base-green-200);color:var(--color-base-grey-500)}.Alert-module_alert__warning__lzTY-{background:var(--alert-warning-background-color,var(--color-base-yellow-50));border-color:var(--color-base-yellow-200);color:var(--color-base-grey-500)}.Alert-module_alert__danger__M-XFh{background:var(--color-base-red-50);border-color:var(--color-base-red-200);color:var(--color-base-grey-500)}.Alert-module_alert__icon__default__cCx9C{color:var(--color-base-grey-600)}.Alert-module_alert__icon__info__2W0Bi{color:var(--color-base-blue-500)}.Alert-module_alert__icon__success__NBCDO{color:var(--color-base-green-500)}.Alert-module_alert__icon__warning__nY4hy{color:var(--color-base-yellow-500)}.Alert-module_alert__icon__danger__NcOrf{color:var(--color-base-red-500)}
|
|
3
3
|
.Badge-module_badge__ZbEBU.Badge-module_size-sm__rL8a6,.Badge-module_size-sm__rL8a6{border-radius:var(--size-border-radius-lg);font-size:var(--size-font-size-xs);padding:var(--size-spacing-2xs) var(--size-spacing-sm)}.Badge-module_badge__ZbEBU.Badge-module_size-md__kf6IH,.Badge-module_size-md__kf6IH{border-radius:var(--size-border-radius-xl);font-size:var(--size-font-size-sm);padding:var(--size-spacing-xs) var(--size-spacing-md)}.Badge-module_badge__ZbEBU.Badge-module_size-lg__of6XJ,.Badge-module_size-lg__of6XJ{border-radius:var(--size-border-radius-2xl);font-size:var(--size-font-size-md);padding:var(--size-spacing-sm) var(--size-spacing-lg)}.Badge-module_badge__ZbEBU{border-style:solid;border-width:var(--size-border-width-sm);font-weight:var(--size-font-weight-semibold);line-height:var(--size-line-height-base)}.Badge-module_badge__ZbEBU.Badge-module_inverse__qZCFA{background-color:var(--color-background-inverse);border-color:var(--color-background-inverse);color:var(--color-font-inverse)}.Badge-module_badge__ZbEBU.Badge-module_purple__rX-xW{background-color:var(--color-base-purple-500);border-color:var(--color-base-purple-600);color:var(--color-base-white)}.Badge-module_badge__ZbEBU.Badge-module_green__W03uU{background-color:var(--color-base-green-500);border-color:var(--color-base-green-600);color:var(--color-base-white)}.Badge-module_badge__ZbEBU.Badge-module_red__fl2jg{background-color:var(--color-base-red-500);border-color:var(--color-base-red-600);color:var(--color-base-white)}.Badge-module_badge__ZbEBU.Badge-module_blue__C7kyV{background-color:var(--color-base-blue-500);border-color:var(--color-base-blue-600);color:var(--color-base-white)}.Badge-module_badge__ZbEBU.Badge-module_yellow__gGZ6R{background-color:var(--color-base-yellow-400);border-color:var(--color-base-yellow-500);color:var(--color-base-black)}.Badge-module_badge__ZbEBU.Badge-module_light-grey__Wtrhx{background-color:var(--color-base-grey-200);border-color:var(--color-base-grey-200);color:var(--color-base-grey-600)}.Badge-module_badge__ZbEBU.Badge-module_dark-grey__X-807{background-color:var(--color-base-grey-400);border-color:var(--color-base-grey-400);color:var(--color-base-white)}.Badge-module_badge__ZbEBU.Badge-module_hyphen__9pe7x{background:var(--color-background-brand-gradient);border-color:var(--color-base-yellow-500);color:var(--color-base-white)}@media (min-width:680px){.Badge-module_badge__ZbEBU.Badge-module_size-sm-tablet__6xMVk{border-radius:var(--size-border-radius-lg);font-size:var(--size-font-size-xs);padding:var(--size-spacing-2xs) var(--size-spacing-sm)}.Badge-module_badge__ZbEBU.Badge-module_size-md-tablet__4w-7I{border-radius:var(--size-border-radius-xl);font-size:var(--size-font-size-sm);padding:var(--size-spacing-xs) var(--size-spacing-md)}.Badge-module_badge__ZbEBU.Badge-module_size-lg-tablet__8xyRF{border-radius:var(--size-border-radius-2xl);font-size:var(--size-font-size-md);padding:var(--size-spacing-sm) var(--size-spacing-lg)}}@media (min-width:992px){.Badge-module_badge__ZbEBU.Badge-module_size-sm-desktop__Ayf5L{border-radius:var(--size-border-radius-lg);font-size:var(--size-font-size-xs);padding:var(--size-spacing-2xs) var(--size-spacing-sm)}.Badge-module_badge__ZbEBU.Badge-module_size-md-desktop__XSq7m{border-radius:var(--size-border-radius-xl);font-size:var(--size-font-size-sm);padding:var(--size-spacing-xs) var(--size-spacing-md)}.Badge-module_badge__ZbEBU.Badge-module_size-lg-desktop__Baw3S{border-radius:var(--size-border-radius-2xl);font-size:var(--size-font-size-md);padding:var(--size-spacing-sm) var(--size-spacing-lg)}}@media (min-width:1280px){.Badge-module_badge__ZbEBU.Badge-module_size-sm-hd__Da6Au{border-radius:var(--size-border-radius-lg);font-size:var(--size-font-size-xs);padding:var(--size-spacing-2xs) var(--size-spacing-sm)}.Badge-module_badge__ZbEBU.Badge-module_size-md-hd__-VNMk{border-radius:var(--size-border-radius-xl);font-size:var(--size-font-size-sm);padding:var(--size-spacing-xs) var(--size-spacing-md)}.Badge-module_badge__ZbEBU.Badge-module_size-lg-hd__6MOwL{border-radius:var(--size-border-radius-2xl);font-size:var(--size-font-size-md);padding:var(--size-spacing-sm) var(--size-spacing-lg)}}
|
|
4
4
|
.Spinner-module_spinner__SZoUP svg{animation:Spinner-module_spin__Yk0wm 1.5s linear infinite;display:inherit}@keyframes Spinner-module_spin__Yk0wm{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}
|
|
5
5
|
:root{--button-box-shadow-focus:0 0 0 4px var(--color-base-primary-200);--button-neutral-box-shadow-focus:0 0 0 4px var(--color-base-grey-200);--button-danger-box-shadow-focus:0 0 0 4px var(--color-base-danger-200)}.Button-module_button__18Bed.Button-module_size-sm__6Xrjw,.Button-module_size-sm__6Xrjw{border-radius:var(--INTERNAL_form-control-size-sm-border-radius);font-size:var(--INTERNAL_form-control-size-sm-font-size);height:32px;letter-spacing:.2px;min-height:32px;padding:var(--INTERNAL_form-control-size-sm-padding) var(--size-spacing-md)}.Button-module_button__18Bed.Button-module_size-md__BkuGu,.Button-module_size-md__BkuGu{border-radius:var(--button-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--button-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size));height:40px;letter-spacing:.2px;padding:calc(var(--button-size-md-padding-vertical, var(--INTERNAL_form-control-size-md-padding)) - 1px) calc(var(--button-size-md-padding-horizontal, var(--size-spacing-xl)) - 1px)}.Button-module_button__18Bed.Button-module_size-lg__JVYWV,.Button-module_size-lg__JVYWV{border-radius:var(--button-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--button-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size));gap:var(--size-spacing-lg);height:55px;letter-spacing:1px;min-height:55px;padding:var(--button-size-lg-padding-vertical,var(--INTERNAL_form-control-size-lg-padding)) var(--button-size-lg-padding-horizontal,var(--size-spacing-2xl))}.Button-module_button__18Bed{align-items:center;background-color:transparent;border:1px solid transparent;color:inherit;cursor:pointer;display:inline-flex;font-family:var(--assets-font-family-body);font-weight:var(--size-font-weight-semi-bold);gap:var(--size-spacing-sm);justify-content:center;line-height:1;padding:0;position:relative;text-align:center;text-decoration:none;transition-duration:.1s;transition-property:background-color,border,box-shadow,color;transition-timing-function:cubic-bezier(.67,.83,.67)}.Button-module_button__18Bed:hover{text-decoration:none}.Button-module_button__18Bed:disabled,.Button-module_button__18Bed[aria-disabled=true]{cursor:not-allowed;opacity:.45}.Button-module_button__18Bed.Button-module_primary__st6yY{background-color:var(--color-background-button-primary);border-color:var(--color-border-button-primary);color:var(--color-font-button-primary)}.Button-module_button__18Bed.Button-module_primary__st6yY:not(:disabled):hover{background-color:var(--color-background-button-primary-hover);border-color:var(--color-border-button-primary-hover);color:var(--color-font-button-primary-hover)}.Button-module_button__18Bed.Button-module_primary__st6yY:not(:disabled):active{background-color:var(--color-background-button-primary-active);border-color:var(--color-border-button-primary-active);color:var(--color-font-button-primary-active)}.Button-module_button__18Bed.Button-module_primary__st6yY:focus{box-shadow:var(--button-box-shadow-focus);outline:0}.Button-module_button__18Bed.Button-module_primary__st6yY:focus-visible{box-shadow:var(--button-box-shadow-focus);outline:0}.Button-module_button__18Bed.Button-module_primary__st6yY:focus:not(:focus-visible){box-shadow:none;outline:0}.Button-module_button__18Bed.Button-module_secondary__j-3rj{background-color:var(--color-background-button-secondary);border:1px solid;border-color:var(--color-border-button-secondary);color:var(--color-font-button-secondary)}.Button-module_button__18Bed.Button-module_secondary__j-3rj:not(:disabled):hover{background-color:var(--color-background-button-secondary-hover);border-color:var(--color-border-button-secondary-hover);color:var(--color-font-button-secondary-hover)}.Button-module_button__18Bed.Button-module_secondary__j-3rj:not(:disabled):active{background-color:var(--color-background-button-secondary-active);border-color:var(--color-border-button-secondary-active);color:var(--color-font-button-secondary-active)}.Button-module_button__18Bed.Button-module_secondary__j-3rj:focus{box-shadow:var(--button-box-shadow-focus);outline:0}.Button-module_button__18Bed.Button-module_secondary__j-3rj:focus-visible{box-shadow:var(--button-box-shadow-focus);outline:0}.Button-module_button__18Bed.Button-module_secondary__j-3rj:focus:not(:focus-visible){box-shadow:none;outline:0}.Button-module_button__18Bed.Button-module_tertiary__Nd7xM{background-color:var(--color-background-button-tertiary);color:var(--color-font-button-tertiary)}.Button-module_button__18Bed.Button-module_tertiary__Nd7xM:not(:disabled):hover{background-color:var(--color-background-button-tertiary-hover);border-color:var(--color-border-button-tertiary-hover);color:var(--color-font-button-tertiary-hover)}.Button-module_button__18Bed.Button-module_tertiary__Nd7xM:not(:disabled):active{background-color:var(--color-background-button-tertiary-active);border-color:var(--color-border-button-tertiary-active);color:var(--color-font-button-tertiary-active)}.Button-module_button__18Bed.Button-module_tertiary__Nd7xM:focus{box-shadow:var(--button-box-shadow-focus);outline:0}.Button-module_button__18Bed.Button-module_tertiary__Nd7xM:focus-visible{box-shadow:var(--button-box-shadow-focus);outline:0}.Button-module_button__18Bed.Button-module_tertiary__Nd7xM:focus:not(:focus-visible){box-shadow:none;outline:0}.Button-module_button__18Bed.Button-module_danger__Hxs5n{background-color:var(--color-background-button-danger);color:var(--color-font-button-danger)}.Button-module_button__18Bed.Button-module_danger__Hxs5n:not(:disabled):hover{background-color:var(--color-background-button-danger-hover);color:var(--color-font-button-danger-hover)}.Button-module_button__18Bed.Button-module_danger__Hxs5n:not(:disabled):active{background-color:var(--color-background-button-danger-active);color:var(--color-font-button-danger-active)}.Button-module_button__18Bed.Button-module_danger__Hxs5n:focus{box-shadow:var(--button-danger-box-shadow-focus);outline:0}.Button-module_button__18Bed.Button-module_danger__Hxs5n:focus-visible{box-shadow:var(--button-danger-box-shadow-focus);outline:0}.Button-module_button__18Bed.Button-module_danger__Hxs5n:focus:not(:focus-visible){box-shadow:none;outline:0}@media (min-width:680px){.Button-module_button__18Bed.Button-module_size-sm-tablet__9XaSx{border-radius:var(--INTERNAL_form-control-size-sm-border-radius);font-size:var(--INTERNAL_form-control-size-sm-font-size);height:32px;letter-spacing:.2px;min-height:32px;padding:var(--INTERNAL_form-control-size-sm-padding) var(--size-spacing-md)}.Button-module_button__18Bed.Button-module_size-md-tablet__YQxaI{border-radius:var(--button-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--button-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size));height:40px;letter-spacing:.2px;padding:calc(var(--button-size-md-padding-vertical, var(--INTERNAL_form-control-size-md-padding)) - 1px) calc(var(--button-size-md-padding-horizontal, var(--size-spacing-xl)) - 1px)}.Button-module_button__18Bed.Button-module_size-lg-tablet__h3l97{border-radius:var(--button-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--button-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size));gap:var(--size-spacing-lg);height:55px;letter-spacing:1px;min-height:55px;padding:var(--button-size-lg-padding-vertical,var(--INTERNAL_form-control-size-lg-padding)) var(--button-size-lg-padding-horizontal,var(--size-spacing-2xl))}}@media (min-width:992px){.Button-module_button__18Bed.Button-module_size-sm-desktop__8tTsg{border-radius:var(--INTERNAL_form-control-size-sm-border-radius);font-size:var(--INTERNAL_form-control-size-sm-font-size);height:32px;letter-spacing:.2px;min-height:32px;padding:var(--INTERNAL_form-control-size-sm-padding) var(--size-spacing-md)}.Button-module_button__18Bed.Button-module_size-md-desktop__OCdDi{border-radius:var(--button-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--button-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size));height:40px;letter-spacing:.2px;padding:calc(var(--button-size-md-padding-vertical, var(--INTERNAL_form-control-size-md-padding)) - 1px) calc(var(--button-size-md-padding-horizontal, var(--size-spacing-xl)) - 1px)}.Button-module_button__18Bed.Button-module_size-lg-desktop__uFc4f{border-radius:var(--button-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--button-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size));gap:var(--size-spacing-lg);height:55px;letter-spacing:1px;min-height:55px;padding:var(--button-size-lg-padding-vertical,var(--INTERNAL_form-control-size-lg-padding)) var(--button-size-lg-padding-horizontal,var(--size-spacing-2xl))}}@media (min-width:1280px){.Button-module_button__18Bed.Button-module_size-sm-hd__INFfD{border-radius:var(--INTERNAL_form-control-size-sm-border-radius);font-size:var(--INTERNAL_form-control-size-sm-font-size);height:32px;letter-spacing:.2px;min-height:32px;padding:var(--INTERNAL_form-control-size-sm-padding) var(--size-spacing-md)}.Button-module_button__18Bed.Button-module_size-md-hd__8e2mW{border-radius:var(--button-size-md-border-radius,var(--INTERNAL_form-control-size-md-border-radius));font-size:var(--button-size-md-font-size,var(--INTERNAL_form-control-size-md-font-size));height:40px;letter-spacing:.2px;padding:calc(var(--button-size-md-padding-vertical, var(--INTERNAL_form-control-size-md-padding)) - 1px) calc(var(--button-size-md-padding-horizontal, var(--size-spacing-xl)) - 1px)}.Button-module_button__18Bed.Button-module_size-lg-hd__DH60l{border-radius:var(--button-size-lg-border-radius,var(--INTERNAL_form-control-size-lg-border-radius));font-size:var(--button-size-lg-font-size,var(--INTERNAL_form-control-size-lg-font-size));gap:var(--size-spacing-lg);height:55px;letter-spacing:1px;min-height:55px;padding:var(--button-size-lg-padding-vertical,var(--INTERNAL_form-control-size-lg-padding)) var(--button-size-lg-padding-horizontal,var(--size-spacing-2xl))}}.Button-module_button__18Bed.Button-module_loading__QfItr .Button-module_label__1PsXG{visibility:hidden}.Button-module_button__18Bed.Button-module_full-width__qDri6{width:100%}.Button-module_spinner-wrapper__rALNw{left:50%;position:absolute;top:50%;transform:translate(-50%,-50%)}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { ThemeProvider } from '../../components/ThemeProvider/ThemeProvider';
|
|
3
|
-
import type { Meta } from '@storybook/react';
|
|
3
|
+
import type { Meta } from '@storybook/react-vite';
|
|
4
4
|
declare const meta: Meta<typeof ThemeProvider>;
|
|
5
5
|
export default meta;
|
|
6
6
|
export declare const BasicUsage: () => React.JSX.Element;
|
|
@@ -612,7 +612,8 @@ var Alert = function Alert(_ref) {
|
|
|
612
612
|
}, React.createElement("button", {
|
|
613
613
|
type: "button",
|
|
614
614
|
onClick: handleClose,
|
|
615
|
-
onKeyUp: handleCloseKeyPress
|
|
615
|
+
onKeyUp: handleCloseKeyPress,
|
|
616
|
+
"aria-label": "dismiss"
|
|
616
617
|
}, closeText || React.createElement(Icon, {
|
|
617
618
|
name: "remove",
|
|
618
619
|
"data-testid": "alert-close-icon-test-id"
|