@uva-glass/component-library 1.31.0 → 1.32.0

package/dist/index.js

@@ -1,7 +1,7 @@
 import { Accordion as t } from "./components/Accordion/Accordion.js";
 import { AppStatusBar as p } from "./components/AppStatusBar/AppStatusBar.js";
 import { Attention as f } from "./components/Attention/Attention.js";
-import { Backdrop as i } from "./components/Backdrop/Backdrop.js";
+import { Backdrop as a } from "./components/Backdrop/Backdrop.js";
 import { Button as n } from "./components/Button/Button.js";
 import { ButtonGroup as u } from "./components/ButtonGroup/ButtonGroup.js";
 import { Card as d } from "./components/Card/Card.js";
@@ -18,23 +18,22 @@ 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 { MultiSelect as E } from "./components/MultiSelect/MultiSelect.js";
-import { MultiSelectItem as K } from "./components/MultiSelectItem/MultiSelectItem.js";
-import { OverlayCloseButton as U } from "./components/OverlayCloseButton/OverlayCloseButton.js";
-import { ProgrammeCard as W } from "./components/ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as Y } from "./components/RadioButton/RadioButton.js";
-import { Repeater as _ } from "./components/Repeater/Repeater.js";
-import { SectionNotification as oo } from "./components/SectionNotification/SectionNotification.js";
-import { SelectListbox as to } from "./components/SelectListbox/SelectListbox.js";
-import { SelectProvider as po, useSelect as mo } from "./components/SelectListbox/SelectProvider.js";
-import { Spinner as xo } from "./components/Spinner/Spinner.js";
-import { StatusPill as ao } from "./components/StatusPill/StatusPill.js";
-import { Tooltip as lo } from "./components/Tooltip/Tooltip.js";
+import { M as E } from "./MultiSelect-CFOkF66G.js";
+import { OverlayCloseButton as K } from "./components/OverlayCloseButton/OverlayCloseButton.js";
+import { ProgrammeCard as U } from "./components/ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as W } from "./components/RadioButton/RadioButton.js";
+import { Repeater as Y } from "./components/Repeater/Repeater.js";
+import { SectionNotification as _ } from "./components/SectionNotification/SectionNotification.js";
+import { SelectListbox as oo } from "./components/SelectListbox/SelectListbox.js";
+import { SelectProvider as to, useSelect as eo } from "./components/SelectListbox/SelectProvider.js";
+import { Spinner as mo } from "./components/Spinner/Spinner.js";
+import { StatusPill as xo } from "./components/StatusPill/StatusPill.js";
+import { Tooltip as io } from "./components/Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as AppStatusBar,
   f as Attention,
-  i as Backdrop,
+  a as Backdrop,
   n as Button,
   u as ButtonGroup,
   d as Card,
@@ -52,17 +51,16 @@ export {
   T as MetaDataList,
   q as ModalDialog,
   E as MultiSelect,
-  K as MultiSelectItem,
-  U as OverlayCloseButton,
-  W as ProgrammeCard,
-  Y as RadioButton,
-  _ as Repeater,
-  oo as SectionNotification,
-  to as SelectListbox,
-  po as SelectProvider,
-  xo as Spinner,
-  ao as StatusPill,
-  lo as Tooltip,
-  mo as useSelect
+  K as OverlayCloseButton,
+  U as ProgrammeCard,
+  W as RadioButton,
+  Y as Repeater,
+  _ as SectionNotification,
+  oo as SelectListbox,
+  to as SelectProvider,
+  mo as Spinner,
+  xo as StatusPill,
+  io as Tooltip,
+  eo 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.31.0",
+  "version": "1.32.0",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -47,14 +47,14 @@
     "@semantic-release/git": "^10.0.1",
     "@semantic-release/gitlab": "^13.1.0",
     "@semantic-release/npm": "^12.0.1",
-    "@storybook/addon-a11y": "^8.1.6",
-    "@storybook/addon-essentials": "^8.1.6",
-    "@storybook/addon-interactions": "^8.1.6",
-    "@storybook/addon-links": "^8.1.6",
-    "@storybook/blocks": "^8.1.6",
-    "@storybook/react": "^8.1.6",
-    "@storybook/react-vite": "^8.1.6",
-    "@storybook/test": "^8.1.6",
+    "@storybook/addon-a11y": "^8.1.8",
+    "@storybook/addon-essentials": "^8.1.8",
+    "@storybook/addon-interactions": "^8.1.8",
+    "@storybook/addon-links": "^8.1.8",
+    "@storybook/blocks": "^8.1.8",
+    "@storybook/react": "^8.1.8",
+    "@storybook/react-vite": "^8.1.8",
+    "@storybook/test": "^8.1.8",
     "@types/node": "^20.14.2",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
@@ -81,7 +81,7 @@
     "react-dom": "^18.3.1",
     "react-router-dom": "^6.23.1",
     "semantic-release": "^24.0.0",
-    "storybook": "^8.1.6",
+    "storybook": "^8.1.8",
     "style-dictionary": "^3.9.2",
     "stylelint": "^16.6.1",
     "stylelint-config-recommended": "^14.0.0",

package/dist/assets/MultiSelect.css

@@ -1 +0,0 @@
-._multi-select_1se76_1{border:1px solid var(--color-black);border-radius:var(--border-radius-default);padding:.75rem}._multi-select__scroll-container_1se76_7{list-style:none;margin:0;max-height:8.75rem;overflow:auto;padding:0}

package/dist/components/MultiSelectItem/MultiSelectItem.js

@@ -1,19 +0,0 @@
-import { jsx as e, jsxs as s } from "react/jsx-runtime";
-import { useId as _ } from "react";
-import { Checkbox as c } from "../Checkbox/Checkbox.js";
-import { Label as n } from "../Label/Label.js";
-import '../../assets/MultiSelectItem.css';const i = {
-  "multi-select__item": "_multi-select__item_2oogm_1",
-  "multi-select__item-inner": "_multi-select__item-inner_2oogm_9"
-};
-function h({ label: m, value: l, checked: o, onChange: r }) {
-  const t = _();
-  return /* @__PURE__ */ e("li", { className: i["multi-select__item"], children: /* @__PURE__ */ s("div", { className: i["multi-select__item-inner"], children: [
-    /* @__PURE__ */ e(c, { id: t, value: l, checked: o, onChange: r }),
-    /* @__PURE__ */ e(n, { htmlFor: t, children: m })
-  ] }) });
-}
-export {
-  h as MultiSelectItem
-};
-//# sourceMappingURL=MultiSelectItem.js.map

package/dist/components/MultiSelectItem/MultiSelectItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelectItem.js","sources":["../../../src/components/MultiSelectItem/MultiSelectItem.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from './MultiSelectItem.module.css';\n\nimport { Checkbox } from 'components/Checkbox';\nimport { Label } from 'components/Label';\n\nexport interface MultiSelectItemProps {\n  label: string;\n  value: string | number;\n  checked: boolean;\n  onChange(event: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport function MultiSelectItem({ label, value, checked, onChange }: MultiSelectItemProps) {\n  const id = useId();\n\n  return (\n    <li className={styles['multi-select__item']}>\n      <div className={styles['multi-select__item-inner']}>\n        <Checkbox id={id} value={value} checked={checked} onChange={onChange} />\n        <Label htmlFor={id}>{label}</Label>\n      </div>\n    </li>\n  );\n}\n"],"names":["MultiSelectItem","label","value","checked","onChange","id","useId","jsx","styles","jsxs","Checkbox","Label"],"mappings":";;;;;;;;AAgBO,SAASA,EAAgB,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,UAAAC,KAAkC;AACzF,QAAMC,IAAKC;AAGT,SAAA,gBAAAC,EAAC,MAAG,EAAA,WAAWC,EAAO,oBAAoB,GACxC,UAAA,gBAAAC,EAAC,OAAI,EAAA,WAAWD,EAAO,0BAA0B,GAC/C,UAAA;AAAA,IAAA,gBAAAD,EAACG,GAAS,EAAA,IAAAL,GAAQ,OAAAH,GAAc,SAAAC,GAAkB,UAAAC,GAAoB;AAAA,IACrE,gBAAAG,EAAAI,GAAA,EAAM,SAASN,GAAK,UAAMJ,GAAA;AAAA,EAAA,EAC7B,CAAA,EACF,CAAA;AAEJ;"}

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

@@ -1,5 +0,0 @@
-import { MultiSelectItemProps } from './MultiSelectItem';
-
-declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, MultiSelectItemProps>;
-export default _default;
-export declare const MultiSelectItemExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, MultiSelectItemProps>;

package/dist/components/MultiSelectItem/MultiSelectItem.stories.js

@@ -1,17 +0,0 @@
-import { jsx as l } from "react/jsx-runtime";
-import { f as m } from "../../index-DFUrxrKJ.js";
-import { MultiSelectItem as e } from "./MultiSelectItem.js";
-const u = {
-  title: "Molecules/MultiSelectItem",
-  component: e
-}, o = (t) => /* @__PURE__ */ l(e, { ...t }), i = o.bind({});
-i.args = {
-  label: "Example MultiSelectItem",
-  value: "Value MultiSelectItem",
-  onChange: m()
-};
-export {
-  i as MultiSelectItemExample,
-  u as default
-};
-//# sourceMappingURL=MultiSelectItem.stories.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"MultiSelectItem.stories.js","sources":["../../../src/components/MultiSelectItem/MultiSelectItem.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MultiSelectItemProps } from './MultiSelectItem';\n\nimport { MultiSelectItem } from './MultiSelectItem';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/MultiSelectItem',\n  component: MultiSelectItem,\n} as Meta<MultiSelectItemProps>;\n\nconst Template: StoryFn<MultiSelectItemProps> = (args) => <MultiSelectItem {...args} />;\n\nexport const MultiSelectItemExample = Template.bind({});\nMultiSelectItemExample.args = {\n  label: 'Example MultiSelectItem',\n  value: 'Value MultiSelectItem',\n  onChange: fn(),\n};\n"],"names":["MultiSelectItem_stories","MultiSelectItem","Template","args","jsx","MultiSelectItemExample","fn"],"mappings":";;;AAQA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAA0C,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAiB,GAAGE,EAAM,CAAA,GAExEE,IAAyBH,EAAS,KAAK,EAAE;AACtDG,EAAuB,OAAO;AAAA,EAC5B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAUC,EAAG;AACf;"}

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

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

package/dist/components/MultiSelectItem/index.js

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

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

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