@uva-glass/component-library 1.42.1 → 1.43.0

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.
Files changed (87) hide show
  1. package/dist/assets/ModalDialog.css +1 -1
  2. package/dist/components/Accordion/Accordion.d.ts +0 -1
  3. package/dist/components/Accordion/Accordion.stories.d.ts +0 -1
  4. package/dist/components/ActionList/ActionList.d.ts +0 -1
  5. package/dist/components/ActionList/ActionList.stories.d.ts +0 -1
  6. package/dist/components/AppStatusBar/AppStatusBar.stories.d.ts +0 -1
  7. package/dist/components/Attention/Attention.d.ts +0 -1
  8. package/dist/components/Attention/Attention.stories.d.ts +0 -1
  9. package/dist/components/Backdrop/Backdrop.d.ts +0 -1
  10. package/dist/components/Backdrop/Backdrop.stories.d.ts +0 -1
  11. package/dist/components/Button/Button.d.ts +0 -1
  12. package/dist/components/Button/Button.stories.d.ts +0 -1
  13. package/dist/components/ButtonGroup/ButtonGroup.d.ts +0 -1
  14. package/dist/components/ButtonGroup/ButtonGroup.stories.d.ts +0 -1
  15. package/dist/components/Card/Card.d.ts +0 -1
  16. package/dist/components/Card/Card.stories.d.ts +0 -1
  17. package/dist/components/Checkbox/Checkbox.d.ts +0 -1
  18. package/dist/components/Checkbox/Checkbox.stories.d.ts +0 -1
  19. package/dist/components/Drawer/Drawer.d.ts +0 -1
  20. package/dist/components/Drawer/Drawer.stories.d.ts +0 -1
  21. package/dist/components/EmptyStateDataDisplay/EmptyStateDataDisplay.stories.d.ts +0 -1
  22. package/dist/components/FieldHint/FieldHint.stories.d.ts +0 -1
  23. package/dist/components/Fieldset/Fieldset.d.ts +0 -1
  24. package/dist/components/Fieldset/Fieldset.stories.d.ts +0 -1
  25. package/dist/components/FormField/FormField.d.ts +0 -1
  26. package/dist/components/FormField/FormField.stories.d.ts +0 -1
  27. package/dist/components/GridRow/Column/Column.d.ts +0 -1
  28. package/dist/components/GridRow/GridRow.d.ts +0 -1
  29. package/dist/components/GridRow/GridRow.stories.d.ts +0 -1
  30. package/dist/components/HorizontalList/HorizontalList.stories.d.ts +0 -1
  31. package/dist/components/Icon/Icon.d.ts +0 -1
  32. package/dist/components/Icon/Icon.stories.d.ts +0 -1
  33. package/dist/components/Icon/Icon.stories.js +13 -12
  34. package/dist/components/Icon/Icon.stories.js.map +1 -1
  35. package/dist/components/Icon/icons/index.js +338 -58
  36. package/dist/components/Icon/icons/index.js.map +1 -1
  37. package/dist/components/IconButton/IconButton.d.ts +0 -1
  38. package/dist/components/IconButton/IconButton.stories.d.ts +0 -1
  39. package/dist/components/InfoMessage/InfoMessage.d.ts +0 -1
  40. package/dist/components/InfoMessage/InfoMessage.stories.d.ts +0 -1
  41. package/dist/components/Input/Input.d.ts +0 -1
  42. package/dist/components/Input/Input.stories.d.ts +0 -1
  43. package/dist/components/InputField/InputField.d.ts +0 -1
  44. package/dist/components/InputField/InputField.stories.d.ts +0 -1
  45. package/dist/components/Label/Label.d.ts +0 -1
  46. package/dist/components/Label/Label.stories.d.ts +0 -1
  47. package/dist/components/MenuButton/MenuButton.d.ts +0 -1
  48. package/dist/components/MenuButton/MenuButton.stories.d.ts +0 -1
  49. package/dist/components/MenuLink/MenuLink.d.ts +0 -1
  50. package/dist/components/MenuLink/MenuLink.stories.d.ts +0 -1
  51. package/dist/components/MetaDataList/MetaDataList.d.ts +0 -1
  52. package/dist/components/MetaDataList/MetaDataList.stories.d.ts +0 -1
  53. package/dist/components/ModalDialog/ModalDialog.d.ts +0 -1
  54. package/dist/components/ModalDialog/ModalDialog.js +96 -75
  55. package/dist/components/ModalDialog/ModalDialog.js.map +1 -1
  56. package/dist/components/ModalDialog/ModalDialog.stories.d.ts +1 -1
  57. package/dist/components/ModalDialog/ModalDialog.stories.js +36 -27
  58. package/dist/components/ModalDialog/ModalDialog.stories.js.map +1 -1
  59. package/dist/components/MultiSelect/MultiSelect.d.ts +0 -1
  60. package/dist/components/MultiSelect/MultiSelect.stories.d.ts +0 -1
  61. package/dist/components/MultiSelect/components/MultiSelectItem.d.ts +0 -1
  62. package/dist/components/OverlayCloseButton/OverlayCloseButton.d.ts +0 -1
  63. package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.d.ts +0 -1
  64. package/dist/components/Periods/Periods.stories.d.ts +0 -1
  65. package/dist/components/ProgrammeCard/ProgrammeCard.d.ts +0 -1
  66. package/dist/components/ProgrammeCard/ProgrammeCard.stories.d.ts +0 -1
  67. package/dist/components/RadioButton/RadioButton.d.ts +0 -1
  68. package/dist/components/RadioButton/RadioButton.stories.d.ts +0 -1
  69. package/dist/components/Repeater/Repeater.d.ts +0 -1
  70. package/dist/components/Repeater/Repeater.stories.d.ts +0 -1
  71. package/dist/components/SectionNotification/SectionNotification.d.ts +0 -1
  72. package/dist/components/SectionNotification/SectionNotification.stories.d.ts +0 -1
  73. package/dist/components/SelectListbox/SelectListBox.stories.d.ts +0 -1
  74. package/dist/components/SelectListbox/SelectListBox.stories.js +42 -14
  75. package/dist/components/SelectListbox/SelectListBox.stories.js.map +1 -1
  76. package/dist/components/SelectListbox/SelectListbox.d.ts +0 -1
  77. package/dist/components/SelectListbox/SelectProvider.d.ts +0 -1
  78. package/dist/components/SelectListbox/components/SelectButton.d.ts +0 -1
  79. package/dist/components/SelectListbox/components/SelectContainer.d.ts +0 -1
  80. package/dist/components/SelectListbox/components/SelectOption.d.ts +0 -1
  81. package/dist/components/SelectListbox/components/SelectOptionBox.d.ts +0 -1
  82. package/dist/components/Spinner/Spinner.stories.d.ts +0 -1
  83. package/dist/components/StatusPill/StatusPill.stories.d.ts +0 -1
  84. package/dist/components/Tooltip/Tooltip.d.ts +0 -1
  85. package/dist/components/Tooltip/Tooltip.stories.d.ts +0 -1
  86. package/dist/components/storyComponents/Container/Container.d.ts +0 -1
  87. package/package.json +16 -16
@@ -1 +1 @@
1
- ._modal-dialog_14t7m_1{--modal-dialog-padding: 1.5rem;--modal-dialog-padding-mobile: 1.25rem;background:var(--color-white);box-shadow:0 2px 2px #0000000f,0 4px 3px #00000012;display:flex;flex-direction:column;height:100dvh;position:relative;width:100vw}._modal-dialog--padded_14t7m_18{padding:0}._modal-dialog__content_14t7m_22{display:flex;flex-direction:column;height:100svh;justify-content:space-between;overflow:auto;padding:0 var(--modal-dialog-padding-mobile);width:100%}._modal-dialog__children_14t7m_32{padding-bottom:var(--modal-dialog-padding-mobile)}._modal-dialog__title_14t7m_36{font-size:var(--font-size-m);line-height:var(--line-height-m);margin:0 var(--modal-dialog-padding-mobile) 0 0;padding:var(--modal-dialog-padding-mobile)}._modal-dialog--confirm_14t7m_43{padding:var(--modal-dialog-padding-mobile) 0 0}._modal-dialog__buttons_14t7m_47{background-color:var(--color-white);bottom:0;display:flex;flex-direction:column;gap:.75rem;justify-content:flex-start;margin:0 calc(-1 * var(--modal-dialog-padding-mobile));padding:var(--modal-dialog-padding-mobile);position:sticky;right:0}._modal-dialog--buttons-border_14t7m_60{border-top:1px solid var(--color-pattens-blue)}._modal-dialog__close_14t7m_64{position:absolute;right:var(--modal-dialog-padding-mobile);top:var(--modal-dialog-padding-mobile)}@media (min-width: 28rem) and (min-height: 28rem){._modal-dialog_14t7m_1{height:unset;max-height:100svh;max-width:100vw;width:30rem}._modal-dialog--padded_14t7m_18{width:34.25rem}._modal-dialog--slim_14t7m_82{width:27.5rem}._modal-dialog--wide_14t7m_86{width:36rem}._modal-dialog__title_14t7m_36{margin-right:var(--modal-dialog-padding);padding:var(--modal-dialog-padding)}._modal-dialog__content_14t7m_22{height:unset;padding:0 var(--modal-dialog-padding)}._modal-dialog--content-with-buttons_14t7m_100{margin-bottom:6.25rem}._modal-dialog__children_14t7m_32{padding-bottom:var(--modal-dialog-padding)}._modal-dialog--confirm_14t7m_43{padding:var(--modal-dialog-padding) 0 0}._modal-dialog__buttons_14t7m_47{margin:unset;padding:var(--modal-dialog-padding);position:absolute;width:inherit}._modal-dialog__close_14t7m_64{position:absolute;right:var(--modal-dialog-padding);top:var(--modal-dialog-padding)}}
1
+ ._modal-dialog_1w1ar_1{--modal-dialog-padding: 1.5rem;--modal-dialog-padding-mobile: 1.25rem;background:var(--color-white);box-shadow:0 2px 2px #0000000f,0 4px 3px #00000012;display:flex;flex-direction:column;height:100dvh;position:relative;width:100vw}._modal-dialog--padded_1w1ar_18{padding:0}._modal-dialog__content_1w1ar_22{display:flex;flex-direction:column;height:100svh;justify-content:space-between;overflow:hidden;overflow-y:auto;padding:0 var(--modal-dialog-padding-mobile);width:100%}._modal-dialog__children_1w1ar_33{padding-bottom:var(--modal-dialog-padding-mobile)}._modal-dialog__title_1w1ar_37{font-size:var(--font-size-m);line-height:var(--line-height-m);margin:0 var(--modal-dialog-padding-mobile) 0 0;padding:var(--modal-dialog-padding-mobile)}._modal-dialog--confirm_1w1ar_44{padding:var(--modal-dialog-padding-mobile) 0 0}._modal-dialog__buttons_1w1ar_48{background-color:var(--color-white);bottom:0;display:flex;flex-direction:column;gap:.75rem;justify-content:flex-start;margin:0 calc(-1 * var(--modal-dialog-padding-mobile));padding:var(--modal-dialog-padding-mobile);position:sticky;right:0}._modal-dialog__buttons--border_1w1ar_61{border-top:1px solid var(--color-pattens-blue)}._modal-dialog__buttons_1w1ar_48:before{content:"";position:absolute;left:0;right:0;bottom:100%;height:10px;background:linear-gradient(to top,#0000004d,#0000);opacity:0;transition:opacity .4s ease-out;pointer-events:none}._modal-dialog__buttons--shadow_1w1ar_78:before{opacity:1}._modal-dialog__close_1w1ar_82{position:absolute;right:var(--modal-dialog-padding-mobile);top:var(--modal-dialog-padding-mobile)}@media (min-width: 28rem) and (min-height: 28rem){._modal-dialog_1w1ar_1{height:unset;max-height:100svh;max-width:100vw;width:30rem}._modal-dialog--padded_1w1ar_18{width:34.25rem}._modal-dialog--slim_1w1ar_100{width:27.5rem}._modal-dialog--wide_1w1ar_104{width:36rem}._modal-dialog__title_1w1ar_37{margin-right:var(--modal-dialog-padding);padding:var(--modal-dialog-padding)}._modal-dialog__content_1w1ar_22{height:unset;padding:0 var(--modal-dialog-padding)}._modal-dialog--content-with-buttons_1w1ar_118{margin-bottom:5.75rem}._modal-dialog__children_1w1ar_33{padding-bottom:var(--modal-dialog-padding)}._modal-dialog--confirm_1w1ar_44{padding:var(--modal-dialog-padding) 0 0}._modal-dialog__buttons_1w1ar_48{margin:unset;padding:var(--modal-dialog-padding);position:absolute;width:inherit}._modal-dialog__close_1w1ar_82{position:absolute;right:var(--modal-dialog-padding);top:var(--modal-dialog-padding)}}
@@ -1,5 +1,4 @@
1
1
  import { ReactNode } from 'react';
2
-
3
2
  export interface AccordionProps {
4
3
  title: ReactNode;
5
4
  content: ReactNode;
@@ -1,6 +1,5 @@
1
1
  import { Meta } from '@storybook/react';
2
2
  import { AccordionProps } from './Accordion';
3
-
4
3
  declare const _default: Meta<AccordionProps>;
5
4
  export default _default;
6
5
  export declare const AccordionExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, AccordionProps>;
@@ -1,7 +1,6 @@
1
1
  import { ReactElement } from 'react';
2
2
  import { IconProps } from 'components/Icon';
3
3
  import { UIButtonVariant } from 'types/UserInterface';
4
-
5
4
  export interface ActionListProps {
6
5
  label: string;
7
6
  prefixIcon?: IconProps['name'];
@@ -1,6 +1,5 @@
1
1
  import { Meta } from '@storybook/react';
2
2
  import { ActionListProps } from './ActionList';
3
-
4
3
  declare const _default: Meta<ActionListProps>;
5
4
  export default _default;
6
5
  export declare const ActionListExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ActionListProps>;
@@ -1,5 +1,4 @@
1
1
  import { Meta } from '@storybook/react';
2
-
3
2
  interface AppStatusBarProps {
4
3
  message: string;
5
4
  severity: 'info' | 'warning' | 'error';
@@ -1,3 +1,2 @@
1
1
  import { PropsWithChildren } from 'react';
2
-
3
2
  export declare const Attention: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,5 @@
1
1
  import { Meta } from '@storybook/react';
2
2
  import { PropsWithChildren } from 'react';
3
-
4
3
  declare const _default: Meta<PropsWithChildren>;
5
4
  export default _default;
6
5
  export declare const AttentionExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, {
@@ -1,4 +1,3 @@
1
1
  import { HTMLAttributes } from 'react';
2
-
3
2
  export type BackdropProps = Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style'>;
4
3
  export declare const Backdrop: ({ children, ...restProps }: BackdropProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,5 @@
1
1
  import { Meta } from '@storybook/react';
2
2
  import { BackdropProps } from './Backdrop';
3
-
4
3
  type BackdropStoryProps = BackdropProps & {
5
4
  visible: boolean;
6
5
  };
@@ -1,5 +1,4 @@
1
1
  import { ButtonHTMLAttributes, ReactNode } from 'react';
2
-
3
2
  export type UIButtonVariant = 'primary' | 'secondary' | 'destructive-primary' | 'destructive-secondary' | 'blank';
4
3
  export interface ButtonProps extends Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'style'> {
5
4
  variant: UIButtonVariant;
@@ -1,6 +1,5 @@
1
1
  import { Meta } from '@storybook/react';
2
2
  import { ButtonProps } from './Button';
3
-
4
3
  declare const _default: Meta<ButtonProps>;
5
4
  export default _default;
6
5
  export declare const ButtonExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ButtonProps>;
@@ -1,5 +1,4 @@
1
1
  import { PropsWithChildren } from 'react';
2
-
3
2
  export interface ButtonGroupProps {
4
3
  stacked?: boolean;
5
4
  reversed?: boolean;
@@ -1,7 +1,6 @@
1
1
  import { Meta } from '@storybook/react';
2
2
  import { PropsWithChildren } from 'react';
3
3
  import { ButtonGroupProps } from './ButtonGroup';
4
-
5
4
  declare const _default: Meta<PropsWithChildren<ButtonGroupProps>>;
6
5
  export default _default;
7
6
  export declare const ButtonGroupExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<ButtonGroupProps>>;
@@ -1,5 +1,4 @@
1
1
  import { PropsWithChildren, ReactNode } from 'react';
2
-
3
2
  export interface CardProps {
4
3
  header?: ReactNode;
5
4
  highContrast?: boolean;
@@ -1,7 +1,6 @@
1
1
  import { PropsWithChildren } from 'react';
2
2
  import { Meta } from '@storybook/react';
3
3
  import { CardProps } from './Card';
4
-
5
4
  declare const _default: Meta<PropsWithChildren<CardProps>>;
6
5
  export default _default;
7
6
  export declare const CardExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<CardProps>>;
@@ -1,4 +1,3 @@
1
1
  import { InputHTMLAttributes } from 'react';
2
-
3
2
  export type CheckboxProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'type'>;
4
3
  export declare const Checkbox: ({ ...restProps }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,6 +1,5 @@
1
1
  import { Meta } from '@storybook/react';
2
2
  import { CheckboxProps } from './Checkbox';
3
-
4
3
  declare const _default: Meta<CheckboxProps>;
5
4
  export default _default;
6
5
  export declare const CheckboxExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, CheckboxProps>;
@@ -1,5 +1,4 @@
1
1
  import { HTMLAttributes, PropsWithChildren, ReactNode } from 'react';
2
-
3
2
  export interface DrawerProps extends Omit<HTMLAttributes<HTMLDivElement>, 'style' | 'className'> {
4
3
  buttons?: ReactNode;
5
4
  isOpen?: boolean;
@@ -1,6 +1,5 @@
1
1
  import { Meta } from '@storybook/react';
2
2
  import { DrawerProps } from './Drawer';
3
-
4
3
  declare const _default: Meta<DrawerProps>;
5
4
  export default _default;
6
5
  export declare const DrawerExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, DrawerProps>;
@@ -1,6 +1,5 @@
1
1
  import { Meta } from '@storybook/react';
2
2
  import { EmptyStateDataDisplayProps } from './EmptyStateDataDisplay';
3
-
4
3
  declare const _default: Meta<EmptyStateDataDisplayProps>;
5
4
  export default _default;
6
5
  export declare const EmptyStateDataDisplayExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, EmptyStateDataDisplayProps>;
@@ -1,6 +1,5 @@
1
1
  import { Meta } from '@storybook/react';
2
2
  import { FieldHintProps } from './FieldHint';
3
-
4
3
  declare const _default: Meta<FieldHintProps>;
5
4
  export default _default;
6
5
  export declare const FieldHintExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, FieldHintProps>;
@@ -1,5 +1,4 @@
1
1
  import { PropsWithChildren, ReactNode } from 'react';
2
-
3
2
  export interface FieldsetProps {
4
3
  description?: ReactNode;
5
4
  descriptionId?: string;
@@ -1,7 +1,6 @@
1
1
  import { Meta } from '@storybook/react';
2
2
  import { PropsWithChildren } from 'react';
3
3
  import { FieldsetProps } from './Fieldset';
4
-
5
4
  declare const _default: Meta<PropsWithChildren<FieldsetProps>>;
6
5
  export default _default;
7
6
  export declare const FieldsetExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<FieldsetProps>>;
@@ -1,5 +1,4 @@
1
1
  import { HTMLAttributes, PropsWithChildren } from 'react';
2
-
3
2
  export interface FormFieldProps extends HTMLAttributes<HTMLDivElement> {
4
3
  outerSpace?: boolean;
5
4
  inline?: boolean;
@@ -1,7 +1,6 @@
1
1
  import { Meta } from '@storybook/react';
2
2
  import { PropsWithChildren } from 'react';
3
3
  import { FormFieldProps } from './FormField';
4
-
5
4
  declare const _default: Meta<PropsWithChildren<FormFieldProps>>;
6
5
  export default _default;
7
6
  export declare const FormFieldExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<FormFieldProps>>;
@@ -1,5 +1,4 @@
1
1
  import { PropsWithChildren } from 'react';
2
-
3
2
  type columnSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9' | '10' | '11' | '12';
4
3
  export interface ColumnProps {
5
4
  size?: columnSize;
@@ -1,5 +1,4 @@
1
1
  import { PropsWithChildren } from 'react';
2
-
3
2
  type spacing = '0' | '025' | '050' | '075' | '100' | '125' | '150' | '175' | '200' | '250' | '300' | '350';
4
3
  export interface GridRowProps {
5
4
  gutter?: spacing;
@@ -1,6 +1,5 @@
1
1
  import { Meta } from '@storybook/react';
2
2
  import { GridRowProps } from './GridRow';
3
-
4
3
  declare const _default: Meta<GridRowProps>;
5
4
  export default _default;
6
5
  export declare const GridRowExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, GridRowProps>;
@@ -1,6 +1,5 @@
1
1
  import { Meta } from '@storybook/react';
2
2
  import { HorizontalListProps } from './HorizontalList';
3
-
4
3
  declare const _default: Meta<HorizontalListProps>;
5
4
  export default _default;
6
5
  export declare const HorizontalListExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, HorizontalListProps>;
@@ -1,6 +1,5 @@
1
1
  import { ReactNode, SVGAttributes } from 'react';
2
2
  import { Icons } from './icons';
3
-
4
3
  type IconName = keyof typeof Icons;
5
4
  export interface IconProps extends Omit<SVGAttributes<SVGElement>, 'height' | 'width'> {
6
5
  name: IconName;
@@ -1,6 +1,5 @@
1
1
  import { Meta } from '@storybook/react';
2
2
  import { IconProps } from './Icon';
3
-
4
3
  declare const _default: Meta<IconProps>;
5
4
  export default _default;
6
5
  export declare const IconExample: import('@storybook/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, IconProps>;
@@ -1,19 +1,20 @@
1
- import { jsx as e, jsxs as r } from "react/jsx-runtime";
1
+ import { jsx as e, jsxs as t } from "react/jsx-runtime";
2
2
  import { Icon as i } from "./Icon.js";
3
- import { Icons as t } from "./icons/index.js";
3
+ import { Icons as r } from "./icons/index.js";
4
4
  import { ClipboardButton as c } from "../storyComponents/ClipboardButton/ClipboardButton.js";
5
5
  import '../../assets/Icon.css';const s = "_icon__wrapper_lse0u_1", p = "_icon__item_lse0u_13", n = {
6
6
  icon__wrapper: s,
7
7
  icon__item: p
8
- }, w = {
8
+ }, u = {
9
9
  title: "Atoms/Icon",
10
10
  component: i
11
- }, _ = (o) => /* @__PURE__ */ e(i, { ...o }), m = _.bind({});
12
- m.args = {
11
+ }, _ = (o) => /* @__PURE__ */ e(i, { ...o }), a = _.bind({});
12
+ a.args = {
13
13
  name: "ArrowDownOnSquare",
14
- size: 32
14
+ size: 32,
15
+ title: "Optional Icon title"
15
16
  };
16
- const x = () => /* @__PURE__ */ e(
17
+ const w = () => /* @__PURE__ */ e(
17
18
  "div",
18
19
  {
19
20
  style: {
@@ -23,9 +24,9 @@ const x = () => /* @__PURE__ */ e(
23
24
  padding: "1rem",
24
25
  maxWidth: "1024px"
25
26
  },
26
- children: Object.keys(t).map((o) => /* @__PURE__ */ r("div", { className: n.icon__wrapper, children: [
27
+ children: Object.keys(r).map((o) => /* @__PURE__ */ t("div", { className: n.icon__wrapper, children: [
27
28
  /* @__PURE__ */ e(i, { name: o, size: 48 }),
28
- /* @__PURE__ */ r("div", { className: n.icon__item, children: [
29
+ /* @__PURE__ */ t("div", { className: n.icon__item, children: [
29
30
  /* @__PURE__ */ e("span", { children: o }),
30
31
  /* @__PURE__ */ e(c, { text: `<Icon icon={${o}} />` })
31
32
  ] })
@@ -33,8 +34,8 @@ const x = () => /* @__PURE__ */ e(
33
34
  }
34
35
  );
35
36
  export {
36
- m as IconExample,
37
- x as IconOverview,
38
- w as default
37
+ a as IconExample,
38
+ w as IconOverview,
39
+ u as default
39
40
  };
40
41
  //# sourceMappingURL=Icon.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Icon.stories.js","sources":["../../../src/components/Icon/Icon.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { IconProps } from './Icon';\n\nimport { Icon } from './Icon';\nimport { Icons } from './icons';\nimport styles from './story.module.css';\n\nimport { ClipboardButton } from 'components/storyComponents/ClipboardButton/';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/Icon',\n component: Icon,\n} as Meta<IconProps>;\n\nconst Template: StoryFn<IconProps> = (args) => <Icon {...args} />;\n\nexport const IconExample = Template.bind({});\nIconExample.args = {\n name: 'ArrowDownOnSquare',\n size: 32,\n};\n\nexport const IconOverview = () => {\n return (\n <div\n style={{\n display: 'grid',\n gridTemplateColumns: 'repeat(4, 1fr)',\n gridGap: '1rem',\n padding: '1rem',\n maxWidth: '1024px',\n }}\n >\n {Object.keys(Icons).map((name) => (\n <div key={name} className={styles.icon__wrapper}>\n <Icon name={name as keyof typeof Icons} size={48} />\n <div className={styles.icon__item}>\n <span>{name}</span>\n <ClipboardButton text={`<Icon icon={${name}} />`} />\n </div>\n </div>\n ))}\n </div>\n );\n};\n"],"names":["Icon_stories","Icon","Template","args","jsx","IconExample","IconOverview","Icons","name","jsxs","styles","ClipboardButton"],"mappings":";;;;;;;GAUeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAA+B,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAM,GAAGE,EAAM,CAAA,GAElDE,IAAcH,EAAS,KAAK,EAAE;AAC3CG,EAAY,OAAO;AAAA,EACjB,MAAM;AAAA,EACN,MAAM;AACR;AAEO,MAAMC,IAAe,MAExB,gBAAAF;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,qBAAqB;AAAA,MACrB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,IACZ;AAAA,IAEC,UAAA,OAAO,KAAKG,CAAK,EAAE,IAAI,CAACC,MACtB,gBAAAC,EAAA,OAAA,EAAe,WAAWC,EAAO,eAChC,UAAA;AAAA,MAAC,gBAAAN,EAAAH,GAAA,EAAK,MAAAO,GAAkC,MAAM,GAAI,CAAA;AAAA,MACjD,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA;AAAA,QAAA,gBAAAN,EAAC,UAAM,UAAKI,EAAA,CAAA;AAAA,QACX,gBAAAJ,EAAAO,GAAA,EAAgB,MAAM,eAAeH,CAAI,QAAQ;AAAA,MAAA,GACpD;AAAA,IAAA,EAAA,GALQA,CAMV,CACD;AAAA,EAAA;AAAA;"}
1
+ {"version":3,"file":"Icon.stories.js","sources":["../../../src/components/Icon/Icon.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { IconProps } from './Icon';\n\nimport { Icon } from './Icon';\nimport { Icons } from './icons';\nimport styles from './story.module.css';\n\nimport { ClipboardButton } from 'components/storyComponents/ClipboardButton/';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/Icon',\n component: Icon,\n} as Meta<IconProps>;\n\nconst Template: StoryFn<IconProps> = (args) => <Icon {...args} />;\n\nexport const IconExample = Template.bind({});\nIconExample.args = {\n name: 'ArrowDownOnSquare',\n size: 32,\n title: 'Optional Icon title',\n};\n\nexport const IconOverview = () => {\n return (\n <div\n style={{\n display: 'grid',\n gridTemplateColumns: 'repeat(4, 1fr)',\n gridGap: '1rem',\n padding: '1rem',\n maxWidth: '1024px',\n }}\n >\n {Object.keys(Icons).map((name) => (\n <div key={name} className={styles.icon__wrapper}>\n <Icon name={name as keyof typeof Icons} size={48} />\n <div className={styles.icon__item}>\n <span>{name}</span>\n <ClipboardButton text={`<Icon icon={${name}} />`} />\n </div>\n </div>\n ))}\n </div>\n );\n};\n"],"names":["Icon_stories","Icon","Template","args","jsx","IconExample","IconOverview","Icons","name","jsxs","styles","ClipboardButton"],"mappings":";;;;;;;GAUeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAA+B,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAM,GAAGE,EAAM,CAAA,GAElDE,IAAcH,EAAS,KAAK,EAAE;AAC3CG,EAAY,OAAO;AAAA,EACjB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AACT;AAEO,MAAMC,IAAe,MAExB,gBAAAF;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,qBAAqB;AAAA,MACrB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,IACZ;AAAA,IAEC,UAAA,OAAO,KAAKG,CAAK,EAAE,IAAI,CAACC,MACtB,gBAAAC,EAAA,OAAA,EAAe,WAAWC,EAAO,eAChC,UAAA;AAAA,MAAC,gBAAAN,EAAAH,GAAA,EAAK,MAAAO,GAAkC,MAAM,GAAI,CAAA;AAAA,MACjD,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA;AAAA,QAAA,gBAAAN,EAAC,UAAM,UAAKI,EAAA,CAAA;AAAA,QACX,gBAAAJ,EAAAO,GAAA,EAAgB,MAAM,eAAeH,CAAI,QAAQ;AAAA,MAAA,GACpD;AAAA,IAAA,EAAA,GALQA,CAMV,CACD;AAAA,EAAA;AAAA;"}