@uva-glass/component-library 1.27.0 → 1.28.0

package/dist/assets/Attention.css

@@ -0,0 +1 @@
+._attention_1kulj_1{display:flex;gap:1rem}._attention_1kulj_1>svg{flex-shrink:0;height:1.5rem;width:1.5rem}

package/dist/components/Attention/Attention.d.ts

@@ -0,0 +1,3 @@
+import { PropsWithChildren } from 'react';
+
+export declare const Attention: ({ children }: PropsWithChildren) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Attention/Attention.js

@@ -0,0 +1,12 @@
+import { jsxs as n, jsx as i } from "react/jsx-runtime";
+import { Icon as o } from "../Icon/Icon.js";
+import '../../assets/Attention.css';const e = "_attention_1kulj_1", s = {
+  attention: e
+}, l = ({ children: t }) => /* @__PURE__ */ n("div", { className: s.attention, children: [
+  /* @__PURE__ */ i(o, { name: "ExclamationCircleFillMini", size: 24 }),
+  t
+] });
+export {
+  l as Attention
+};
+//# sourceMappingURL=Attention.js.map

package/dist/components/Attention/Attention.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attention.js","sources":["../../../src/components/Attention/Attention.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\n\nimport styles from './Attention.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport const Attention = ({ children }: PropsWithChildren) => (\n  <div className={styles['attention']}>\n    <Icon name=\"ExclamationCircleFillMini\" size={24} />\n    {children}\n  </div>\n);\n"],"names":["Attention","children","styles","jsx","Icon"],"mappings":";;;;GAMaA,IAAY,CAAC,EAAE,UAAAC,EAAS,wBAClC,OAAI,EAAA,WAAWC,EAAO,WACrB,UAAA;AAAA,EAAA,gBAAAC,EAACC,GAAK,EAAA,MAAK,6BAA4B,MAAM,IAAI;AAAA,EAChDH;AAAA,EACH,CAAA;"}

package/dist/components/Attention/Attention.stories.d.ts

@@ -0,0 +1,7 @@
+declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, {
+    children?: import('react').ReactNode;
+}>;
+export default _default;
+export declare const AttentionExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, {
+    children?: import('react').ReactNode;
+}>;

package/dist/components/Attention/Attention.stories.js

@@ -0,0 +1,12 @@
+import { jsx as o } from "react/jsx-runtime";
+import { Attention as t } from "./Attention.js";
+const r = {
+  title: "Atoms/Attention",
+  component: t
+}, e = (n) => /* @__PURE__ */ o(t, { ...n, children: "Example Attention" }), i = e.bind({});
+i.args = {};
+export {
+  i as AttentionExample,
+  r as default
+};
+//# sourceMappingURL=Attention.stories.js.map

package/dist/components/Attention/Attention.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Attention.stories.js","sources":["../../../src/components/Attention/Attention.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PropsWithChildren } from 'react';\n\nimport { Attention } from './Attention';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Attention',\n  component: Attention,\n} as Meta<PropsWithChildren>;\n\nconst Template: StoryFn<PropsWithChildren> = (args) => <Attention {...args}>Example Attention</Attention>;\n\nexport const AttentionExample = Template.bind({});\nAttentionExample.args = {};\n"],"names":["Attention_stories","Attention","Template","args","AttentionExample"],"mappings":";;AAMA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAAuC,CAACC,wBAAUF,GAAW,EAAA,GAAGE,GAAM,UAAiB,oBAAA,CAAA,GAEhFC,IAAmBF,EAAS,KAAK,EAAE;AAChDE,EAAiB,OAAO,CAAC;"}

package/dist/components/Attention/index.d.ts

@@ -0,0 +1 @@
+export * from './Attention';

package/dist/components/Attention/index.js

@@ -0,0 +1,5 @@
+import { Attention as e } from "./Attention.js";
+export {
+  e as Attention
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Attention/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/dist/components/index.d.ts

@@ -1,5 +1,6 @@
 export * from './Accordion';
 export * from './AppStatusBar';
+export * from './Attention';
 export * from './Backdrop';
 export * from './Button';
 export * from './ButtonGroup';

package/dist/components/index.js

@@ -1,62 +1,64 @@
 import { Accordion as t } from "./Accordion/Accordion.js";
 import { AppStatusBar as p } from "./AppStatusBar/AppStatusBar.js";
-import { Backdrop as f } from "./Backdrop/Backdrop.js";
-import { Button as a } from "./Button/Button.js";
-import { ButtonGroup as n } from "./ButtonGroup/ButtonGroup.js";
-import { Card as u } from "./Card/Card.js";
-import { Checkbox as d } from "./Checkbox/Checkbox.js";
-import { Drawer as B } from "./Drawer/Drawer.js";
-import { FieldHint as I } from "./FieldHint/FieldHint.js";
-import { FormField as C } from "./FormField/FormField.js";
-import { Icon as L } from "./Icon/Icon.js";
-import { IconButton as g } from "./IconButton/IconButton.js";
-import { InfoMessage as D } from "./InfoMessage/InfoMessage.js";
-import { Input as v } from "./Input/Input.js";
-import { InputField as R } from "./InputField/InputField.js";
-import { Label as w } from "./Label/Label.js";
-import { M as G } from "../MenuLink-CLEqkVVh.js";
-import { MetaDataList as N } from "./MetaDataList/MetaDataList.js";
-import { ModalDialog as T } from "./ModalDialog/ModalDialog.js";
-import { OverlayCloseButton as q } from "./OverlayCloseButton/OverlayCloseButton.js";
-import { ProgrammeCard as E } from "./ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as K } from "./RadioButton/RadioButton.js";
-import { Repeater as U } from "./Repeater/Repeater.js";
-import { SectionNotification as W } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as Y } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as _, useSelect as $ } from "./SelectListbox/SelectProvider.js";
-import { Spinner as ro } from "./Spinner/Spinner.js";
-import { StatusPill as eo } from "./StatusPill/StatusPill.js";
-import { Tooltip as mo } from "./Tooltip/Tooltip.js";
+import { Attention as f } from "./Attention/Attention.js";
+import { Backdrop as a } from "./Backdrop/Backdrop.js";
+import { Button as i } from "./Button/Button.js";
+import { ButtonGroup as u } from "./ButtonGroup/ButtonGroup.js";
+import { Card as d } from "./Card/Card.js";
+import { Checkbox as B } from "./Checkbox/Checkbox.js";
+import { Drawer as I } from "./Drawer/Drawer.js";
+import { FieldHint as C } from "./FieldHint/FieldHint.js";
+import { FormField as L } from "./FormField/FormField.js";
+import { Icon as g } from "./Icon/Icon.js";
+import { IconButton as A } from "./IconButton/IconButton.js";
+import { InfoMessage as P } from "./InfoMessage/InfoMessage.js";
+import { Input as R } from "./Input/Input.js";
+import { InputField as w } from "./InputField/InputField.js";
+import { Label as G } from "./Label/Label.js";
+import { M as N } from "../MenuLink-CLEqkVVh.js";
+import { MetaDataList as T } from "./MetaDataList/MetaDataList.js";
+import { ModalDialog as q } from "./ModalDialog/ModalDialog.js";
+import { OverlayCloseButton as E } from "./OverlayCloseButton/OverlayCloseButton.js";
+import { ProgrammeCard as K } from "./ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as U } from "./RadioButton/RadioButton.js";
+import { Repeater as W } from "./Repeater/Repeater.js";
+import { SectionNotification as Y } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as _ } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as oo, useSelect as ro } from "./SelectListbox/SelectProvider.js";
+import { Spinner as eo } from "./Spinner/Spinner.js";
+import { StatusPill as mo } from "./StatusPill/StatusPill.js";
+import { Tooltip as xo } from "./Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as AppStatusBar,
-  f as Backdrop,
-  a as Button,
-  n as ButtonGroup,
-  u as Card,
-  d as Checkbox,
-  B as Drawer,
-  I as FieldHint,
-  C as FormField,
-  L as Icon,
-  g as IconButton,
-  D as InfoMessage,
-  v as Input,
-  R as InputField,
-  w as Label,
-  G as MenuLink,
-  N as MetaDataList,
-  T as ModalDialog,
-  q as OverlayCloseButton,
-  E as ProgrammeCard,
-  K as RadioButton,
-  U as Repeater,
-  W as SectionNotification,
-  Y as SelectListbox,
-  _ as SelectProvider,
-  ro as Spinner,
-  eo as StatusPill,
-  mo as Tooltip,
-  $ as useSelect
+  f as Attention,
+  a as Backdrop,
+  i as Button,
+  u as ButtonGroup,
+  d as Card,
+  B as Checkbox,
+  I as Drawer,
+  C as FieldHint,
+  L as FormField,
+  g as Icon,
+  A as IconButton,
+  P as InfoMessage,
+  R as Input,
+  w as InputField,
+  G as Label,
+  N as MenuLink,
+  T as MetaDataList,
+  q as ModalDialog,
+  E as OverlayCloseButton,
+  K as ProgrammeCard,
+  U as RadioButton,
+  W as Repeater,
+  Y as SectionNotification,
+  _ as SelectListbox,
+  oo as SelectProvider,
+  eo as Spinner,
+  mo as StatusPill,
+  xo as Tooltip,
+  ro as useSelect
 };
 //# sourceMappingURL=index.js.map

package/dist/components/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/index.js

@@ -1,62 +1,64 @@
 import { Accordion as t } from "./components/Accordion/Accordion.js";
 import { AppStatusBar as p } from "./components/AppStatusBar/AppStatusBar.js";
-import { Backdrop as f } from "./components/Backdrop/Backdrop.js";
-import { Button as a } from "./components/Button/Button.js";
-import { ButtonGroup as n } from "./components/ButtonGroup/ButtonGroup.js";
-import { Card as u } from "./components/Card/Card.js";
-import { Checkbox as d } from "./components/Checkbox/Checkbox.js";
-import { Drawer as B } from "./components/Drawer/Drawer.js";
-import { FieldHint as I } from "./components/FieldHint/FieldHint.js";
-import { FormField as C } from "./components/FormField/FormField.js";
-import { Icon as L } from "./components/Icon/Icon.js";
-import { IconButton as g } from "./components/IconButton/IconButton.js";
-import { InfoMessage as D } from "./components/InfoMessage/InfoMessage.js";
-import { Input as v } from "./components/Input/Input.js";
-import { InputField as R } from "./components/InputField/InputField.js";
-import { Label as w } from "./components/Label/Label.js";
-import { M as G } from "./MenuLink-CLEqkVVh.js";
-import { MetaDataList as N } from "./components/MetaDataList/MetaDataList.js";
-import { ModalDialog as T } from "./components/ModalDialog/ModalDialog.js";
-import { OverlayCloseButton as q } from "./components/OverlayCloseButton/OverlayCloseButton.js";
-import { ProgrammeCard as E } from "./components/ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as K } from "./components/RadioButton/RadioButton.js";
-import { Repeater as U } from "./components/Repeater/Repeater.js";
-import { SectionNotification as W } from "./components/SectionNotification/SectionNotification.js";
-import { SelectListbox as Y } from "./components/SelectListbox/SelectListbox.js";
-import { SelectProvider as _, useSelect as $ } from "./components/SelectListbox/SelectProvider.js";
-import { Spinner as ro } from "./components/Spinner/Spinner.js";
-import { StatusPill as eo } from "./components/StatusPill/StatusPill.js";
-import { Tooltip as mo } from "./components/Tooltip/Tooltip.js";
+import { Attention as f } from "./components/Attention/Attention.js";
+import { Backdrop as a } from "./components/Backdrop/Backdrop.js";
+import { Button as i } from "./components/Button/Button.js";
+import { ButtonGroup as u } from "./components/ButtonGroup/ButtonGroup.js";
+import { Card as d } from "./components/Card/Card.js";
+import { Checkbox as B } from "./components/Checkbox/Checkbox.js";
+import { Drawer as I } from "./components/Drawer/Drawer.js";
+import { FieldHint as C } from "./components/FieldHint/FieldHint.js";
+import { FormField as L } from "./components/FormField/FormField.js";
+import { Icon as g } from "./components/Icon/Icon.js";
+import { IconButton as A } from "./components/IconButton/IconButton.js";
+import { InfoMessage as P } from "./components/InfoMessage/InfoMessage.js";
+import { Input as R } from "./components/Input/Input.js";
+import { InputField as w } from "./components/InputField/InputField.js";
+import { Label as G } from "./components/Label/Label.js";
+import { M as N } from "./MenuLink-CLEqkVVh.js";
+import { MetaDataList as T } from "./components/MetaDataList/MetaDataList.js";
+import { ModalDialog as q } from "./components/ModalDialog/ModalDialog.js";
+import { OverlayCloseButton as E } from "./components/OverlayCloseButton/OverlayCloseButton.js";
+import { ProgrammeCard as K } from "./components/ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as U } from "./components/RadioButton/RadioButton.js";
+import { Repeater as W } from "./components/Repeater/Repeater.js";
+import { SectionNotification as Y } from "./components/SectionNotification/SectionNotification.js";
+import { SelectListbox as _ } from "./components/SelectListbox/SelectListbox.js";
+import { SelectProvider as oo, useSelect as ro } from "./components/SelectListbox/SelectProvider.js";
+import { Spinner as eo } from "./components/Spinner/Spinner.js";
+import { StatusPill as mo } from "./components/StatusPill/StatusPill.js";
+import { Tooltip as xo } from "./components/Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as AppStatusBar,
-  f as Backdrop,
-  a as Button,
-  n as ButtonGroup,
-  u as Card,
-  d as Checkbox,
-  B as Drawer,
-  I as FieldHint,
-  C as FormField,
-  L as Icon,
-  g as IconButton,
-  D as InfoMessage,
-  v as Input,
-  R as InputField,
-  w as Label,
-  G as MenuLink,
-  N as MetaDataList,
-  T as ModalDialog,
-  q as OverlayCloseButton,
-  E as ProgrammeCard,
-  K as RadioButton,
-  U as Repeater,
-  W as SectionNotification,
-  Y as SelectListbox,
-  _ as SelectProvider,
-  ro as Spinner,
-  eo as StatusPill,
-  mo as Tooltip,
-  $ as useSelect
+  f as Attention,
+  a as Backdrop,
+  i as Button,
+  u as ButtonGroup,
+  d as Card,
+  B as Checkbox,
+  I as Drawer,
+  C as FieldHint,
+  L as FormField,
+  g as Icon,
+  A as IconButton,
+  P as InfoMessage,
+  R as Input,
+  w as InputField,
+  G as Label,
+  N as MenuLink,
+  T as MetaDataList,
+  q as ModalDialog,
+  E as OverlayCloseButton,
+  K as ProgrammeCard,
+  U as RadioButton,
+  W as Repeater,
+  Y as SectionNotification,
+  _ as SelectListbox,
+  oo as SelectProvider,
+  eo as Spinner,
+  mo as StatusPill,
+  xo as Tooltip,
+  ro as useSelect
 };
 //# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -2,7 +2,7 @@
   "name": "@uva-glass/component-library",
   "author": "Team Glass - Frontend vrienden",
   "private": false,
-  "version": "1.27.0",
+  "version": "1.28.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",