@uva-glass/component-library 1.34.0 → 1.35.1

package/dist/components/HorizontalList/HorizontalList.d.ts

@@ -0,0 +1,5 @@
+export interface HorizontalListProps {
+    values: string[];
+    separator?: string;
+}
+export declare const HorizontalList: ({ values, separator }: HorizontalListProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/HorizontalList/HorizontalList.js

@@ -0,0 +1,12 @@
+import { jsx as l, jsxs as e } from "react/jsx-runtime";
+import '../../assets/HorizontalList.css';const o = {
+  "horizontal-list-wrapper": "_horizontal-list-wrapper_1ahjq_1",
+  "horizontal-list-separator": "_horizontal-list-separator_1ahjq_5"
+}, n = ({ values: r, separator: s = "•" }) => /* @__PURE__ */ l("div", { className: o["horizontal-list-wrapper"], children: r.map((a, t) => /* @__PURE__ */ e("span", { children: [
+  a,
+  t < r.length - 1 && /* @__PURE__ */ l("span", { className: o["horizontal-list-separator"], dangerouslySetInnerHTML: { __html: s } })
+] }, `${a.replace(" ", "-")}_${t}`)) });
+export {
+  n as HorizontalList
+};
+//# sourceMappingURL=HorizontalList.js.map

package/dist/components/HorizontalList/HorizontalList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalList.js","sources":["../../../src/components/HorizontalList/HorizontalList.tsx"],"sourcesContent":["import styles from './HorizontalList.module.css';\n\nexport interface HorizontalListProps {\n  values: string[];\n  separator?: string;\n}\n\nexport const HorizontalList = ({ values, separator = '&bull;' }: HorizontalListProps) => {\n  return (\n    <div className={styles['horizontal-list-wrapper']}>\n      {values.map((string, index) => (\n        <span key={`${string.replace(' ', '-')}_${index}`}>\n          {string}\n          {index < values.length - 1 && (\n            <span className={styles['horizontal-list-separator']} dangerouslySetInnerHTML={{ __html: separator }} />\n          )}\n        </span>\n      ))}\n    </div>\n  );\n};\n"],"names":["HorizontalList","values","separator","jsx","styles","string","index","jsxs"],"mappings":";;;;GAOaA,IAAiB,CAAC,EAAE,QAAAC,GAAQ,WAAAC,IAAY,eAEhD,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,yBAAyB,GAC7C,UAAOH,EAAA,IAAI,CAACI,GAAQC,MACnB,gBAAAC,EAAC,QACE,EAAA,UAAA;AAAA,EAAAF;AAAA,EACAC,IAAQL,EAAO,SAAS,uBACtB,QAAK,EAAA,WAAWG,EAAO,2BAA2B,GAAG,yBAAyB,EAAE,QAAQF,EAAa,EAAA,CAAA;AAH/F,EAAA,GAAA,GAAGG,EAAO,QAAQ,KAAK,GAAG,CAAC,IAAIC,CAAK,EAK/C,CACD,EACH,CAAA;"}

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

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

package/dist/components/HorizontalList/HorizontalList.stories.js

@@ -0,0 +1,22 @@
+import { jsx as s } from "react/jsx-runtime";
+import { HorizontalList as t } from "./HorizontalList.js";
+const n = {
+  title: "Atoms/HorizontalList",
+  component: t,
+  argTypes: {
+    separator: {
+      control: "text"
+    }
+  }
+}, a = (o) => /* @__PURE__ */ s(t, { ...o }), r = {
+  values: ["Curabitur consequat", "Lectus sit amet luctus vulputate", "Nisi semi mattis"],
+  separator: "•"
+}, e = a.bind({});
+e.args = {
+  ...r
+};
+export {
+  e as HorizontalListExample,
+  n as default
+};
+//# sourceMappingURL=HorizontalList.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"HorizontalList.stories.js","sources":["../../../src/components/HorizontalList/HorizontalList.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { HorizontalListProps } from './HorizontalList';\n\nimport { HorizontalList } from './HorizontalList';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/HorizontalList',\n  component: HorizontalList,\n  argTypes: {\n    separator: {\n      control: 'text',\n    },\n  },\n} as Meta<HorizontalListProps>;\n\nconst Template: StoryFn<HorizontalListProps> = (args) => <HorizontalList {...args} />;\n\nconst defaultArgs: Partial<HorizontalListProps> = {\n  values: ['Curabitur consequat', 'Lectus sit amet luctus vulputate', 'Nisi semi mattis'],\n  separator: '&bull;',\n};\n\nexport const HorizontalListExample = Template.bind({});\nHorizontalListExample.args = {\n  ...defaultArgs,\n};\n"],"names":["HorizontalList_stories","HorizontalList","Template","args","jsx","defaultArgs","HorizontalListExample"],"mappings":";;AAMA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,WAAW;AAAA,MACT,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEMC,IAAyC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAgB,GAAGE,EAAM,CAAA,GAE7EE,IAA4C;AAAA,EAChD,QAAQ,CAAC,uBAAuB,oCAAoC,kBAAkB;AAAA,EACtF,WAAW;AACb,GAEaC,IAAwBJ,EAAS,KAAK,EAAE;AACrDI,EAAsB,OAAO;AAAA,EAC3B,GAAGD;AACL;"}

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

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

package/dist/components/HorizontalList/index.js

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

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

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

package/dist/components/ProgrammeCard/ProgrammeCard.js

@@ -1,7 +1,7 @@
 import { jsxs as _, jsx as s } from "react/jsx-runtime";
 import '../../assets/ProgrammeCard.css';const m = {
-  "programme-card": "_programme-card_158br_3",
-  "programme-card__divider": "_programme-card__divider_158br_19"
+  "programme-card": "_programme-card_18hy2_3",
+  "programme-card__divider": "_programme-card__divider_18hy2_19"
 }, p = ({ onClick: a, header: d, details: e }) => {
   const o = (r) => {
     a && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), a(r));

package/dist/components/index.d.ts

@@ -11,6 +11,7 @@ export * from './FieldHint';
 export * from './Fieldset';
 export * from './FormField';
 export * from './GridRow';
+export * from './HorizontalList';
 export * from './Icon';
 export * from './IconButton';
 export * from './InfoMessage';

package/dist/components/index.js

@@ -8,29 +8,30 @@ import { Card as d } from "./Card/Card.js";
 import { Checkbox as S } from "./Checkbox/Checkbox.js";
 import { Drawer as M } from "./Drawer/Drawer.js";
 import { FieldHint as I } from "./FieldHint/FieldHint.js";
-import { Fieldset as L } from "./Fieldset/Fieldset.js";
+import { Fieldset as C } from "./Fieldset/Fieldset.js";
 import { FormField as g } from "./FormField/FormField.js";
 import { GridRow as A } from "./GridRow/GridRow.js";
-import { Icon as P } from "./Icon/Icon.js";
-import { IconButton as v } from "./IconButton/IconButton.js";
-import { InfoMessage as G } from "./InfoMessage/InfoMessage.js";
-import { Input as y } from "./Input/Input.js";
-import { InputField as N } from "./InputField/InputField.js";
-import { Label as T } from "./Label/Label.js";
-import { M as q } from "../MenuLink-CIzBwlKY.js";
-import { MetaDataList as E } from "./MetaDataList/MetaDataList.js";
-import { ModalDialog as K } from "./ModalDialog/ModalDialog.js";
-import { M as U } from "../MultiSelect-Drcfmp0z.js";
-import { OverlayCloseButton as W } from "./OverlayCloseButton/OverlayCloseButton.js";
-import { ProgrammeCard as Y } from "./ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as _ } from "./RadioButton/RadioButton.js";
-import { Repeater as oo } from "./Repeater/Repeater.js";
-import { SectionNotification as to } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as po } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as fo, useSelect as xo } from "./SelectListbox/SelectProvider.js";
-import { Spinner as ao } from "./Spinner/Spinner.js";
-import { StatusPill as lo } from "./StatusPill/StatusPill.js";
-import { Tooltip as co } from "./Tooltip/Tooltip.js";
+import { HorizontalList as P } from "./HorizontalList/HorizontalList.js";
+import { Icon as v } from "./Icon/Icon.js";
+import { IconButton as G } from "./IconButton/IconButton.js";
+import { InfoMessage as h } from "./InfoMessage/InfoMessage.js";
+import { Input as z } from "./Input/Input.js";
+import { InputField as O } from "./InputField/InputField.js";
+import { Label as j } from "./Label/Label.js";
+import { M as E } from "../MenuLink-CIzBwlKY.js";
+import { MetaDataList as K } from "./MetaDataList/MetaDataList.js";
+import { ModalDialog as U } from "./ModalDialog/ModalDialog.js";
+import { M as W } from "../MultiSelect-Drcfmp0z.js";
+import { OverlayCloseButton as Y } from "./OverlayCloseButton/OverlayCloseButton.js";
+import { ProgrammeCard as _ } from "./ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as oo } from "./RadioButton/RadioButton.js";
+import { Repeater as to } from "./Repeater/Repeater.js";
+import { SectionNotification as po } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as fo } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as io, useSelect as ao } from "./SelectListbox/SelectProvider.js";
+import { Spinner as lo } from "./Spinner/Spinner.js";
+import { StatusPill as co } from "./StatusPill/StatusPill.js";
+import { Tooltip as So } from "./Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as AppStatusBar,
@@ -42,29 +43,30 @@ export {
   S as Checkbox,
   M as Drawer,
   I as FieldHint,
-  L as Fieldset,
+  C as Fieldset,
   g as FormField,
   A as GridRow,
-  P as Icon,
-  v as IconButton,
-  G as InfoMessage,
-  y as Input,
-  N as InputField,
-  T as Label,
-  q as MenuLink,
-  E as MetaDataList,
-  K as ModalDialog,
-  U as MultiSelect,
-  W as OverlayCloseButton,
-  Y as ProgrammeCard,
-  _ as RadioButton,
-  oo as Repeater,
-  to as SectionNotification,
-  po as SelectListbox,
-  fo as SelectProvider,
-  ao as Spinner,
-  lo as StatusPill,
-  co as Tooltip,
-  xo as useSelect
+  P as HorizontalList,
+  v as Icon,
+  G as IconButton,
+  h as InfoMessage,
+  z as Input,
+  O as InputField,
+  j as Label,
+  E as MenuLink,
+  K as MetaDataList,
+  U as ModalDialog,
+  W as MultiSelect,
+  Y as OverlayCloseButton,
+  _ as ProgrammeCard,
+  oo as RadioButton,
+  to as Repeater,
+  po as SectionNotification,
+  fo as SelectListbox,
+  io as SelectProvider,
+  lo as Spinner,
+  co as StatusPill,
+  So as Tooltip,
+  ao 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

@@ -8,29 +8,30 @@ import { Card as d } from "./components/Card/Card.js";
 import { Checkbox as S } from "./components/Checkbox/Checkbox.js";
 import { Drawer as M } from "./components/Drawer/Drawer.js";
 import { FieldHint as I } from "./components/FieldHint/FieldHint.js";
-import { Fieldset as L } from "./components/Fieldset/Fieldset.js";
+import { Fieldset as C } from "./components/Fieldset/Fieldset.js";
 import { FormField as g } from "./components/FormField/FormField.js";
 import { GridRow as A } from "./components/GridRow/GridRow.js";
-import { Icon as P } from "./components/Icon/Icon.js";
-import { IconButton as v } from "./components/IconButton/IconButton.js";
-import { InfoMessage as G } from "./components/InfoMessage/InfoMessage.js";
-import { Input as y } from "./components/Input/Input.js";
-import { InputField as N } from "./components/InputField/InputField.js";
-import { Label as T } from "./components/Label/Label.js";
-import { M as q } from "./MenuLink-CIzBwlKY.js";
-import { MetaDataList as E } from "./components/MetaDataList/MetaDataList.js";
-import { ModalDialog as K } from "./components/ModalDialog/ModalDialog.js";
-import { M as U } from "./MultiSelect-Drcfmp0z.js";
-import { OverlayCloseButton as W } from "./components/OverlayCloseButton/OverlayCloseButton.js";
-import { ProgrammeCard as Y } from "./components/ProgrammeCard/ProgrammeCard.js";
-import { RadioButton as _ } from "./components/RadioButton/RadioButton.js";
-import { Repeater as oo } from "./components/Repeater/Repeater.js";
-import { SectionNotification as to } from "./components/SectionNotification/SectionNotification.js";
-import { SelectListbox as po } from "./components/SelectListbox/SelectListbox.js";
-import { SelectProvider as fo, useSelect as xo } from "./components/SelectListbox/SelectProvider.js";
-import { Spinner as ao } from "./components/Spinner/Spinner.js";
-import { StatusPill as lo } from "./components/StatusPill/StatusPill.js";
-import { Tooltip as co } from "./components/Tooltip/Tooltip.js";
+import { HorizontalList as P } from "./components/HorizontalList/HorizontalList.js";
+import { Icon as v } from "./components/Icon/Icon.js";
+import { IconButton as G } from "./components/IconButton/IconButton.js";
+import { InfoMessage as h } from "./components/InfoMessage/InfoMessage.js";
+import { Input as z } from "./components/Input/Input.js";
+import { InputField as O } from "./components/InputField/InputField.js";
+import { Label as j } from "./components/Label/Label.js";
+import { M as E } from "./MenuLink-CIzBwlKY.js";
+import { MetaDataList as K } from "./components/MetaDataList/MetaDataList.js";
+import { ModalDialog as U } from "./components/ModalDialog/ModalDialog.js";
+import { M as W } from "./MultiSelect-Drcfmp0z.js";
+import { OverlayCloseButton as Y } from "./components/OverlayCloseButton/OverlayCloseButton.js";
+import { ProgrammeCard as _ } from "./components/ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as oo } from "./components/RadioButton/RadioButton.js";
+import { Repeater as to } from "./components/Repeater/Repeater.js";
+import { SectionNotification as po } from "./components/SectionNotification/SectionNotification.js";
+import { SelectListbox as fo } from "./components/SelectListbox/SelectListbox.js";
+import { SelectProvider as io, useSelect as ao } from "./components/SelectListbox/SelectProvider.js";
+import { Spinner as lo } from "./components/Spinner/Spinner.js";
+import { StatusPill as co } from "./components/StatusPill/StatusPill.js";
+import { Tooltip as So } from "./components/Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as AppStatusBar,
@@ -42,29 +43,30 @@ export {
   S as Checkbox,
   M as Drawer,
   I as FieldHint,
-  L as Fieldset,
+  C as Fieldset,
   g as FormField,
   A as GridRow,
-  P as Icon,
-  v as IconButton,
-  G as InfoMessage,
-  y as Input,
-  N as InputField,
-  T as Label,
-  q as MenuLink,
-  E as MetaDataList,
-  K as ModalDialog,
-  U as MultiSelect,
-  W as OverlayCloseButton,
-  Y as ProgrammeCard,
-  _ as RadioButton,
-  oo as Repeater,
-  to as SectionNotification,
-  po as SelectListbox,
-  fo as SelectProvider,
-  ao as Spinner,
-  lo as StatusPill,
-  co as Tooltip,
-  xo as useSelect
+  P as HorizontalList,
+  v as Icon,
+  G as IconButton,
+  h as InfoMessage,
+  z as Input,
+  O as InputField,
+  j as Label,
+  E as MenuLink,
+  K as MetaDataList,
+  U as ModalDialog,
+  W as MultiSelect,
+  Y as OverlayCloseButton,
+  _ as ProgrammeCard,
+  oo as RadioButton,
+  to as Repeater,
+  po as SectionNotification,
+  fo as SelectListbox,
+  io as SelectProvider,
+  lo as Spinner,
+  co as StatusPill,
+  So as Tooltip,
+  ao 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.34.0",
+  "version": "1.35.1",
   "type": "module",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -55,7 +55,7 @@
     "@storybook/react": "^8.1.10",
     "@storybook/react-vite": "^8.1.10",
     "@storybook/test": "^8.1.10",
-    "@types/node": "^20.14.5",
+    "@types/node": "^20.14.6",
     "@types/react": "^18.3.3",
     "@types/react-dom": "^18.3.0",
     "@typescript-eslint/eslint-plugin": "^7.13.1",