@uva-glass/component-library 1.24.1 → 1.26.0

package/dist/assets/RadioButton.css

@@ -1 +1 @@
-.fieldset{border:0;display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0}
+._radio-button_1if7s_1{align-items:center;display:grid;gap:0 .5rem;grid-template-columns:auto [label] 1fr}._radio-button_1if7s_1 ._radio-button__input_1if7s_8{cursor:pointer;margin-top:0}._radio-button__label_1if7s_13{cursor:pointer;display:flex;flex-direction:column}._radio-button__description_1if7s_19{color:var(--color-scarpa-flow);grid-area:label;margin:0}._radio-button_1if7s_1 ._radio-button__label_1if7s_13{width:fit-content}._radio-button_1if7s_1 :disabled+._radio-button__label_1if7s_13{color:var(--color-scarpa-flow);cursor:unset}._radio-button--gap-large_1if7s_34{column-gap:1rem}

package/dist/assets/RadioButton2.css

@@ -1 +1 @@
-._radio-button_1if7s_1{align-items:center;display:grid;gap:0 .5rem;grid-template-columns:auto [label] 1fr}._radio-button_1if7s_1 ._radio-button__input_1if7s_8{cursor:pointer;margin-top:0}._radio-button__label_1if7s_13{cursor:pointer;display:flex;flex-direction:column}._radio-button__description_1if7s_19{color:var(--color-scarpa-flow);grid-area:label;margin:0}._radio-button_1if7s_1 ._radio-button__label_1if7s_13{width:fit-content}._radio-button_1if7s_1 :disabled+._radio-button__label_1if7s_13{color:var(--color-scarpa-flow);cursor:unset}._radio-button--gap-large_1if7s_34{column-gap:1rem}
+.fieldset{border:0;display:flex;flex-direction:column;gap:.5rem;margin:0;padding:0}

package/dist/assets/Repeater.css

@@ -0,0 +1 @@
+._repeater_12czp_1{display:flex}._repeater--row_12czp_5{flex-direction:row}._repeater--row-reverse_12czp_9{flex-direction:row-reverse}._repeater--column_12czp_13{flex-direction:column}._repeater--column-reverse_12czp_17{flex-direction:column-reverse}._repeater--gap-025_12czp_21{gap:.25rem}._repeater--gap-050_12czp_25{gap:.5rem}._repeater--gap-075_12czp_29{gap:.75rem}._repeater--gap-100_12czp_33{gap:1rem}._repeater--gap-150_12czp_37{gap:1.5rem}._repeater--gap-200_12czp_41{gap:2rem}

package/dist/assets/StatusPill.css

@@ -0,0 +1 @@
+._status-pill_x7rv2_1{align-items:center;border-radius:1.5rem;display:flex;gap:.25rem;padding:.25rem .5rem;width:fit-content}._status-pill__possible_x7rv2_10{background-color:var(--color-mint-cream);color:var(--color-san-felix)}._status-pill__impossible_x7rv2_15{background-color:var(--color-amour);color:var(--color-uva-red-dark)}._status-pill--bar_x7rv2_20{border-radius:0;justify-content:center;padding:.5rem;width:100%}

package/dist/components/ProgrammeCard/ProgrammeCard.d.ts

@@ -0,0 +1,8 @@
+import { KeyboardEvent, MouseEvent, ReactNode } from 'react';
+
+export interface ProgrammeCardProps {
+    onClick: (event: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;
+    header?: ReactNode;
+    details?: ReactNode;
+}
+export declare const ProgrammeCard: ({ onClick, header, details }: ProgrammeCardProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ProgrammeCard/ProgrammeCard.js

@@ -0,0 +1,18 @@
+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"
+}, p = ({ onClick: a, header: d, details: e }) => {
+  const o = (r) => {
+    a && (r.key === "Enter" || r.key === " ") && (r.preventDefault(), a(r));
+  };
+  return /* @__PURE__ */ _("div", { className: m["programme-card"], role: "button", onClick: a, onKeyDown: o, tabIndex: 0, children: [
+    d,
+    e && /* @__PURE__ */ s("hr", { className: m["programme-card__divider"] }),
+    e
+  ] });
+};
+export {
+  p as ProgrammeCard
+};
+//# sourceMappingURL=ProgrammeCard.js.map

package/dist/components/ProgrammeCard/ProgrammeCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ProgrammeCard.js","sources":["../../../src/components/ProgrammeCard/ProgrammeCard.tsx"],"sourcesContent":["import type { KeyboardEvent, MouseEvent, ReactNode } from 'react';\n\nimport styles from './ProgrammeCard.module.css';\n\nexport interface ProgrammeCardProps {\n  onClick: (event: MouseEvent<HTMLDivElement> | KeyboardEvent<HTMLDivElement>) => void;\n  header?: ReactNode;\n  details?: ReactNode;\n}\n\nexport const ProgrammeCard = ({ onClick, header, details }: ProgrammeCardProps) => {\n  const handleKeyDown = (event: KeyboardEvent<HTMLDivElement>) => {\n    if (onClick && (event.key === 'Enter' || event.key === ' ')) {\n      event.preventDefault();\n      onClick(event);\n    }\n  };\n\n  return (\n    <div className={styles['programme-card']} role=\"button\" onClick={onClick} onKeyDown={handleKeyDown} tabIndex={0}>\n      {header}\n      {details && <hr className={styles['programme-card__divider']} />}\n      {details}\n    </div>\n  );\n};\n"],"names":["ProgrammeCard","onClick","header","details","handleKeyDown","event","jsxs","styles","jsx"],"mappings":";;;;GAUaA,IAAgB,CAAC,EAAE,SAAAC,GAAS,QAAAC,GAAQ,SAAAC,QAAkC;AAC3E,QAAAC,IAAgB,CAACC,MAAyC;AAC9D,IAAIJ,MAAYI,EAAM,QAAQ,WAAWA,EAAM,QAAQ,SACrDA,EAAM,eAAe,GACrBJ,EAAQI,CAAK;AAAA,EACf;AAGF,SACG,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,gBAAgB,GAAG,MAAK,UAAS,SAAAN,GAAkB,WAAWG,GAAe,UAAU,GAC3G,UAAA;AAAA,IAAAF;AAAA,IACAC,KAAY,gBAAAK,EAAA,MAAA,EAAG,WAAWD,EAAO,yBAAyB,GAAG;AAAA,IAC7DJ;AAAA,EACH,EAAA,CAAA;AAEJ;"}

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

@@ -0,0 +1,7 @@
+import { ProgrammeCardProps } from './ProgrammeCard';
+
+declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, ProgrammeCardProps>;
+export default _default;
+export declare const ProgrammeCardExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ProgrammeCardProps>;
+export declare const WithComplexContent: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ProgrammeCardProps>;
+export declare const MultiProgrammeCards: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ProgrammeCardProps>;

package/dist/components/ProgrammeCard/ProgrammeCard.stories.js

@@ -0,0 +1,62 @@
+import { jsxs as r, jsx as e } from "react/jsx-runtime";
+import { f as a } from "../../index-DFUrxrKJ.js";
+import { ProgrammeCard as t } from "./ProgrammeCard.js";
+import { Container as n } from "../storyComponents/Container/Container.js";
+import "react";
+import { Icon as m } from "../Icon/Icon.js";
+import "../Button/Button.js";
+import "../IconButton/IconButton.js";
+import "../Input/Input.js";
+import "../InputField/InputField.js";
+import "../OverlayCloseButton/OverlayCloseButton.js";
+import { Repeater as i } from "../Repeater/Repeater.js";
+import "../SelectListbox/SelectListbox.js";
+import "../SelectListbox/SelectProvider.js";
+const j = {
+  title: "Atoms/ProgrammeCard",
+  component: t
+}, s = (o) => /* @__PURE__ */ e(n, { size: "large", children: /* @__PURE__ */ e(t, { ...o }) }), l = s.bind({});
+l.args = {
+  header: "This is my header",
+  details: "This is my details",
+  onClick: a()
+};
+const d = s.bind({});
+d.args = {
+  header: /* @__PURE__ */ r(i, { flexDirection: "row", gap: "150", children: [
+    /* @__PURE__ */ e(m, { name: "Envelope", size: 32 }),
+    /* @__PURE__ */ e("h2", { style: { margin: 0 }, children: "This is my header" })
+  ] }),
+  details: /* @__PURE__ */ r(i, { flexDirection: "row", gap: "150", children: [
+    /* @__PURE__ */ r(i, { flexDirection: "row", children: [
+      /* @__PURE__ */ e(m, { name: "FaceFrown" }),
+      "Details 1"
+    ] }),
+    /* @__PURE__ */ r(i, { flexDirection: "row", children: [
+      /* @__PURE__ */ e(m, { name: "Heart" }),
+      "Details 2"
+    ] }),
+    /* @__PURE__ */ r(i, { flexDirection: "row", children: [
+      /* @__PURE__ */ e(m, { name: "Sparkles" }),
+      "Details 3"
+    ] })
+  ] }),
+  onClick: a()
+};
+const c = (o) => /* @__PURE__ */ e(n, { size: "large", children: /* @__PURE__ */ r(i, { children: [
+  /* @__PURE__ */ e(t, { ...o }),
+  /* @__PURE__ */ e(t, { ...o }),
+  /* @__PURE__ */ e(t, { ...o })
+] }) }), p = c.bind({});
+p.args = {
+  header: "This is my header",
+  details: "This is my details",
+  onClick: a()
+};
+export {
+  p as MultiProgrammeCards,
+  l as ProgrammeCardExample,
+  d as WithComplexContent,
+  j as default
+};
+//# sourceMappingURL=ProgrammeCard.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"ProgrammeCard.stories.js","sources":["../../../src/components/ProgrammeCard/ProgrammeCard.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { ProgrammeCardProps } from './ProgrammeCard';\n\nimport { ProgrammeCard } from './ProgrammeCard';\n\nimport { Container } from 'components/storyComponents/Container';\nimport { Icon, Repeater } from 'components';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/ProgrammeCard',\n  component: ProgrammeCard,\n} as Meta<ProgrammeCardProps>;\n\nconst Template: StoryFn<ProgrammeCardProps> = (args) => (\n  <Container size=\"large\">\n    <ProgrammeCard {...args} />\n  </Container>\n);\n\nexport const ProgrammeCardExample = Template.bind({});\nProgrammeCardExample.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  onClick: fn(),\n};\n\nexport const WithComplexContent = Template.bind({});\nWithComplexContent.args = {\n  header: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Icon name=\"Envelope\" size={32} />\n      <h2 style={{ margin: 0 }}>This is my header</h2>\n    </Repeater>\n  ),\n  details: (\n    <Repeater flexDirection=\"row\" gap=\"150\">\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"FaceFrown\" />\n        Details 1\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Heart\" />\n        Details 2\n      </Repeater>\n      <Repeater flexDirection=\"row\">\n        <Icon name=\"Sparkles\" />\n        Details 3\n      </Repeater>\n    </Repeater>\n  ),\n  onClick: fn(),\n};\n\nconst MultiProgrammeCardsTemplate: StoryFn<ProgrammeCardProps> = (args) => (\n  <Container size=\"large\">\n    <Repeater>\n      <ProgrammeCard {...args} />\n      <ProgrammeCard {...args} />\n      <ProgrammeCard {...args} />\n    </Repeater>\n  </Container>\n);\n\nexport const MultiProgrammeCards = MultiProgrammeCardsTemplate.bind({});\nMultiProgrammeCards.args = {\n  header: 'This is my header',\n  details: 'This is my details',\n  onClick: fn(),\n};\n"],"names":["ProgrammeCard_stories","ProgrammeCard","Template","args","jsx","Container","ProgrammeCardExample","fn","WithComplexContent","jsxs","Repeater","Icon","MultiProgrammeCardsTemplate","MultiProgrammeCards"],"mappings":";;;;;;;;;;;;;;AAWA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAAwC,CAACC,MAC5C,gBAAAC,EAAAC,GAAA,EAAU,MAAK,SACd,UAAC,gBAAAD,EAAAH,GAAA,EAAe,GAAGE,EAAM,CAAA,EAC3B,CAAA,GAGWG,IAAuBJ,EAAS,KAAK,EAAE;AACpDI,EAAqB,OAAO;AAAA,EAC1B,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASC,EAAG;AACd;AAEO,MAAMC,IAAqBN,EAAS,KAAK,EAAE;AAClDM,EAAmB,OAAO;AAAA,EACxB,QACG,gBAAAC,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAA,gBAAAN,EAACO,GAAK,EAAA,MAAK,YAAW,MAAM,IAAI;AAAA,sBAC/B,MAAG,EAAA,OAAO,EAAE,QAAQ,KAAK,UAAiB,qBAAA;AAAA,EAAA,GAC7C;AAAA,EAEF,SACG,gBAAAF,EAAAC,GAAA,EAAS,eAAc,OAAM,KAAI,OAChC,UAAA;AAAA,IAAC,gBAAAD,EAAAC,GAAA,EAAS,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,YAAY,CAAA;AAAA,MAAE;AAAA,IAAA,GAE3B;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,QAAQ,CAAA;AAAA,MAAE;AAAA,IAAA,GAEvB;AAAA,IACA,gBAAAF,EAACC,GAAS,EAAA,eAAc,OACtB,UAAA;AAAA,MAAC,gBAAAN,EAAAO,GAAA,EAAK,MAAK,WAAW,CAAA;AAAA,MAAE;AAAA,IAAA,GAE1B;AAAA,EAAA,GACF;AAAA,EAEF,SAASJ,EAAG;AACd;AAEA,MAAMK,IAA2D,CAACT,MAChE,gBAAAC,EAACC,KAAU,MAAK,SACd,4BAACK,GACC,EAAA,UAAA;AAAA,EAAC,gBAAAN,EAAAH,GAAA,EAAe,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EACzB,gBAAAC,EAACH,GAAe,EAAA,GAAGE,GAAM;AAAA,EAC3B,CAAA,EACF,CAAA,GAGWU,IAAsBD,EAA4B,KAAK,EAAE;AACtEC,EAAoB,OAAO;AAAA,EACzB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,SAASN,EAAG;AACd;"}

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

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

package/dist/components/ProgrammeCard/index.js

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

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

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

package/dist/components/RadioButton/RadioButton.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as a } from "react/jsx-runtime";
 import { c as d } from "../../clsx-DB4S2d7J.js";
-import '../../assets/RadioButton2.css';const t = {
+import '../../assets/RadioButton.css';const t = {
   "radio-button": "_radio-button_1if7s_1",
   "radio-button__input": "_radio-button__input_1if7s_8",
   "radio-button__label": "_radio-button__label_1if7s_13",

package/dist/components/RadioButton/RadioButton.stories.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
 import { RadioButton as t } from "./RadioButton.js";
-import '../../assets/RadioButton.css';const d = {
+import '../../assets/RadioButton2.css';const d = {
   title: "Atoms/RadioButton",
   component: t,
   argTypes: {

package/dist/components/Repeater/Repeater.d.ts

@@ -0,0 +1,7 @@
+import { PropsWithChildren } from 'react';
+
+export interface RepeaterProps {
+    flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse';
+    gap?: '025' | '050' | '075' | '100' | '150' | '200';
+}
+export declare const Repeater: ({ children, flexDirection, gap }: PropsWithChildren<RepeaterProps>) => import("react/jsx-runtime").JSX.Element;

package/dist/components/Repeater/Repeater.js

@@ -0,0 +1,19 @@
+import { jsx as t } from "react/jsx-runtime";
+import { c as _ } from "../../clsx-DB4S2d7J.js";
+import '../../assets/Repeater.css';const c = "_repeater_12czp_1", e = {
+  repeater: c,
+  "repeater--row": "_repeater--row_12czp_5",
+  "repeater--row-reverse": "_repeater--row-reverse_12czp_9",
+  "repeater--column": "_repeater--column_12czp_13",
+  "repeater--column-reverse": "_repeater--column-reverse_12czp_17",
+  "repeater--gap-025": "_repeater--gap-025_12czp_21",
+  "repeater--gap-050": "_repeater--gap-050_12czp_25",
+  "repeater--gap-075": "_repeater--gap-075_12czp_29",
+  "repeater--gap-100": "_repeater--gap-100_12czp_33",
+  "repeater--gap-150": "_repeater--gap-150_12czp_37",
+  "repeater--gap-200": "_repeater--gap-200_12czp_41"
+}, g = ({ children: r, flexDirection: p = "column", gap: a = "050" }) => /* @__PURE__ */ t("div", { className: _(e.repeater, e[`repeater--${p}`], e[`repeater--gap-${a}`]), children: r });
+export {
+  g as Repeater
+};
+//# sourceMappingURL=Repeater.js.map

package/dist/components/Repeater/Repeater.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Repeater.js","sources":["../../../src/components/Repeater/Repeater.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from './Repeater.module.css';\n\nexport interface RepeaterProps {\n  flexDirection?: 'row' | 'row-reverse' | 'column' | 'column-reverse';\n  gap?: '025' | '050' | '075' | '100' | '150' | '200';\n}\n\nexport const Repeater = ({ children, flexDirection = 'column', gap = '050' }: PropsWithChildren<RepeaterProps>) => {\n  return (\n    <div className={clsx(styles['repeater'], styles[`repeater--${flexDirection}`], styles[`repeater--gap-${gap}`])}>\n      {children}\n    </div>\n  );\n};\n"],"names":["Repeater","children","flexDirection","gap","clsx","styles"],"mappings":";;;;;;;;;;;;;;GAWaA,IAAW,CAAC,EAAE,UAAAC,GAAU,eAAAC,IAAgB,UAAU,KAAAC,IAAM,8BAEhE,OAAI,EAAA,WAAWC,EAAKC,EAAO,UAAaA,EAAO,aAAaH,CAAa,EAAE,GAAGG,EAAO,iBAAiBF,CAAG,EAAE,CAAC,GAC1G,UAAAF,EACH,CAAA;"}

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

@@ -0,0 +1,6 @@
+import { PropsWithChildren } from 'react';
+import { RepeaterProps } from './Repeater';
+
+declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, PropsWithChildren<RepeaterProps>>;
+export default _default;
+export declare const RepeaterExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<RepeaterProps>>;

package/dist/components/Repeater/Repeater.stories.js

@@ -0,0 +1,39 @@
+import { jsxs as i, Fragment as l, jsx as e } from "react/jsx-runtime";
+import { Repeater as t } from "./Repeater.js";
+import { Container as o } from "../storyComponents/Container/Container.js";
+const s = {
+  title: "Atoms/Repeater",
+  component: t,
+  argTypes: {
+    flexDirection: {
+      control: {
+        type: "select"
+      }
+    },
+    gap: {
+      control: {
+        type: "select",
+        sort: !1
+      }
+    },
+    children: {
+      table: {
+        disable: !0
+      }
+    }
+  }
+}, n = (r) => /* @__PURE__ */ e(o, { children: /* @__PURE__ */ e(t, { ...r }) }), a = n.bind({});
+a.args = {
+  flexDirection: "column",
+  gap: "050",
+  children: /* @__PURE__ */ i(l, { children: [
+    /* @__PURE__ */ e("div", { children: "Example item 1" }),
+    /* @__PURE__ */ e("div", { children: "Example item 2" }),
+    /* @__PURE__ */ e("div", { children: "Example item 3" })
+  ] })
+};
+export {
+  a as RepeaterExample,
+  s as default
+};
+//# sourceMappingURL=Repeater.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"Repeater.stories.js","sources":["../../../src/components/Repeater/Repeater.stories.tsx"],"sourcesContent":["import type { PropsWithChildren } from 'react';\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { RepeaterProps } from './Repeater';\n\nimport { Repeater } from './Repeater';\n\nimport { Container } from 'components/storyComponents/Container';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Repeater',\n  component: Repeater,\n  argTypes: {\n    flexDirection: {\n      control: {\n        type: 'select',\n      },\n    },\n    gap: {\n      control: {\n        type: 'select',\n        sort: false,\n      },\n    },\n    children: {\n      table: {\n        disable: true,\n      },\n    },\n  },\n} as Meta<PropsWithChildren<RepeaterProps>>;\n\nconst Template: StoryFn<PropsWithChildren<RepeaterProps>> = (args) => (\n  <Container>\n    <Repeater {...args} />\n  </Container>\n);\n\nexport const RepeaterExample = Template.bind({});\nRepeaterExample.args = {\n  flexDirection: 'column',\n  gap: '050',\n  children: (\n    <>\n      <div>Example item 1</div>\n      <div>Example item 2</div>\n      <div>Example item 3</div>\n    </>\n  ),\n};\n"],"names":["Repeater_stories","Repeater","Template","args","jsx","Container","RepeaterExample","jsxs","Fragment"],"mappings":";;;AASA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,eAAe;AAAA,MACb,SAAS;AAAA,QACP,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,KAAK;AAAA,MACH,SAAS;AAAA,QACP,MAAM;AAAA,QACN,MAAM;AAAA,MACR;AAAA,IACF;AAAA,IACA,UAAU;AAAA,MACR,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,GAEMC,IAAsD,CAACC,MAC3D,gBAAAC,EAACC,KACC,UAAC,gBAAAD,EAAAH,GAAA,EAAU,GAAGE,EAAM,CAAA,EACtB,CAAA,GAGWG,IAAkBJ,EAAS,KAAK,EAAE;AAC/CI,EAAgB,OAAO;AAAA,EACrB,eAAe;AAAA,EACf,KAAK;AAAA,EACL,UAEI,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,IAAA,gBAAAJ,EAAC,SAAI,UAAc,iBAAA,CAAA;AAAA,IACnB,gBAAAA,EAAC,SAAI,UAAc,iBAAA,CAAA;AAAA,IACnB,gBAAAA,EAAC,SAAI,UAAc,iBAAA,CAAA;AAAA,EAAA,GACrB;AAEJ;"}

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

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

package/dist/components/Repeater/index.js

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

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

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

package/dist/components/StatusPill/StatusPill.d.ts

@@ -0,0 +1,6 @@
+export interface StatusPillProps {
+    status: 'possible' | 'impossible';
+    variant?: 'default' | 'bar';
+    label: string;
+}
+export declare function StatusPill({ status, variant, label }: StatusPillProps): import("react/jsx-runtime").JSX.Element;

package/dist/components/StatusPill/StatusPill.js

@@ -0,0 +1,32 @@
+import { jsxs as p, jsx as _ } from "react/jsx-runtime";
+import { c as e } from "../../clsx-DB4S2d7J.js";
+import { Icon as a } from "../Icon/Icon.js";
+import '../../assets/StatusPill.css';const l = {
+  "status-pill": "_status-pill_x7rv2_1",
+  "status-pill__possible": "_status-pill__possible_x7rv2_10",
+  "status-pill__impossible": "_status-pill__impossible_x7rv2_15",
+  "status-pill--bar": "_status-pill--bar_x7rv2_20"
+}, o = {
+  possible: "CheckCircleFillMini",
+  impossible: "CrossCircleFillMini"
+};
+function m({ status: s, variant: i = "default", label: t }) {
+  return /* @__PURE__ */ p(
+    "span",
+    {
+      className: e(
+        l["status-pill"],
+        l[`status-pill__${s}`],
+        i !== "default" && l[`status-pill--${i}`]
+      ),
+      children: [
+        /* @__PURE__ */ _(a, { name: o[s], title: s, size: 16 }),
+        t
+      ]
+    }
+  );
+}
+export {
+  m as StatusPill
+};
+//# sourceMappingURL=StatusPill.js.map

package/dist/components/StatusPill/StatusPill.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"StatusPill.js","sources":["../../../src/components/StatusPill/StatusPill.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { IconProps } from 'components/Icon';\n\nimport styles from './StatusPill.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport interface StatusPillProps {\n  status: 'possible' | 'impossible';\n  variant?: 'default' | 'bar';\n  label: string;\n}\n\nconst iconNameMap: Partial<Record<StatusPillProps['status'], IconProps['name']>> = {\n  possible: 'CheckCircleFillMini',\n  impossible: 'CrossCircleFillMini',\n};\n\nexport function StatusPill({ status, variant = 'default', label }: StatusPillProps) {\n  return (\n    <span\n      className={clsx(\n        styles['status-pill'],\n        styles[`status-pill__${status}`],\n        variant !== 'default' && styles[`status-pill--${variant}`]\n      )}\n    >\n      <Icon name={iconNameMap[status]!} title={status} size={16} />\n      {label}\n    </span>\n  );\n}\n"],"names":["iconNameMap","StatusPill","status","variant","label","jsxs","clsx","styles","jsx","Icon"],"mappings":";;;;;;;;GAcMA,IAA6E;AAAA,EACjF,UAAU;AAAA,EACV,YAAY;AACd;AAEO,SAASC,EAAW,EAAE,QAAAC,GAAQ,SAAAC,IAAU,WAAW,OAAAC,KAA0B;AAEhF,SAAA,gBAAAC;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWC;AAAA,QACTC,EAAO,aAAa;AAAA,QACpBA,EAAO,gBAAgBL,CAAM,EAAE;AAAA,QAC/BC,MAAY,aAAaI,EAAO,gBAAgBJ,CAAO,EAAE;AAAA,MAC3D;AAAA,MAEA,UAAA;AAAA,QAAC,gBAAAK,EAAAC,GAAA,EAAK,MAAMT,EAAYE,CAAM,GAAI,OAAOA,GAAQ,MAAM,IAAI;AAAA,QAC1DE;AAAA,MAAA;AAAA,IAAA;AAAA,EAAA;AAGP;"}

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

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

package/dist/components/StatusPill/StatusPill.stories.js

@@ -0,0 +1,17 @@
+import { jsx as t } from "react/jsx-runtime";
+import { StatusPill as l } from "./StatusPill.js";
+import { Container as a } from "../storyComponents/Container/Container.js";
+const n = {
+  title: "Molecules/StatusPill",
+  component: l
+}, e = (s) => /* @__PURE__ */ t(a, { children: /* @__PURE__ */ t(l, { ...s }) }), o = e.bind({});
+o.args = {
+  status: "possible",
+  variant: "default",
+  label: "Example Status Pill"
+};
+export {
+  o as StatusPillExample,
+  n as default
+};
+//# sourceMappingURL=StatusPill.stories.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"StatusPill.stories.js","sources":["../../../src/components/StatusPill/StatusPill.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { StatusPillProps } from './StatusPill';\n\nimport { StatusPill } from './StatusPill';\n\nimport { Container } from 'components/storyComponents/Container';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Molecules/StatusPill',\n  component: StatusPill,\n} as Meta<StatusPillProps>;\n\nconst Template: StoryFn<StatusPillProps> = (args) => (\n  <Container>\n    <StatusPill {...args} />\n  </Container>\n);\n\nexport const StatusPillExample = Template.bind({});\nStatusPillExample.args = {\n  status: 'possible',\n  variant: 'default',\n  label: 'Example Status Pill',\n};\n"],"names":["StatusPill_stories","StatusPill","Template","args","jsx","Container","StatusPillExample"],"mappings":";;;AAQA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAAqC,CAACC,MAC1C,gBAAAC,EAACC,KACC,UAAC,gBAAAD,EAAAH,GAAA,EAAY,GAAGE,EAAM,CAAA,EACxB,CAAA,GAGWG,IAAoBJ,EAAS,KAAK,EAAE;AACjDI,EAAkB,OAAO;AAAA,EACvB,QAAQ;AAAA,EACR,SAAS;AAAA,EACT,OAAO;AACT;"}

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

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

package/dist/components/StatusPill/index.js

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

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

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

package/dist/components/index.d.ts

@@ -17,9 +17,12 @@ export * from './MenuLink';
 export * from './MetaDataList';
 export * from './ModalDialog';
 export * from './OverlayCloseButton';
+export * from './ProgrammeCard';
 export * from './RadioButton';
+export * from './Repeater';
 export * from './SectionNotification';
 export * from './SelectListbox';
 export * from './SelectListbox/SelectProvider';
 export * from './Spinner';
+export * from './StatusPill';
 export * from './Tooltip';

package/dist/components/index.js

@@ -1,54 +1,60 @@
 import { Accordion as t } from "./Accordion/Accordion.js";
 import { AppStatusBar as p } from "./AppStatusBar/AppStatusBar.js";
-import { Backdrop as x } from "./Backdrop/Backdrop.js";
-import { Button as n } from "./Button/Button.js";
-import { ButtonGroup as a } from "./ButtonGroup/ButtonGroup.js";
-import { Card as c } from "./Card/Card.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 { FieldHint as B } from "./FieldHint/FieldHint.js";
-import { FormField as S } from "./FormField/FormField.js";
-import { Icon as F } from "./Icon/Icon.js";
-import { IconButton as b } from "./IconButton/IconButton.js";
-import { InfoMessage as C } from "./InfoMessage/InfoMessage.js";
-import { Input as v } from "./Input/Input.js";
-import { InputField as D } from "./InputField/InputField.js";
-import { Label as y } from "./Label/Label.js";
-import { M as H } from "../MenuLink-CLEqkVVh.js";
-import { MetaDataList as O } from "./MetaDataList/MetaDataList.js";
-import { M as R } from "../ModalDialog-B1c9QYLZ.js";
+import { FormField as M } from "./FormField/FormField.js";
+import { Icon as C } from "./Icon/Icon.js";
+import { IconButton as L } from "./IconButton/IconButton.js";
+import { InfoMessage as g } from "./InfoMessage/InfoMessage.js";
+import { Input as P } from "./Input/Input.js";
+import { InputField as A } from "./InputField/InputField.js";
+import { Label as R } from "./Label/Label.js";
+import { M as y } from "../MenuLink-CLEqkVVh.js";
+import { MetaDataList as H } from "./MetaDataList/MetaDataList.js";
+import { M as O } from "../ModalDialog-B1c9QYLZ.js";
 import { OverlayCloseButton as j } from "./OverlayCloseButton/OverlayCloseButton.js";
-import { RadioButton as w } from "./RadioButton/RadioButton.js";
-import { SectionNotification as E } from "./SectionNotification/SectionNotification.js";
-import { SelectListbox as K } from "./SelectListbox/SelectListbox.js";
-import { SelectProvider as U, useSelect as V } from "./SelectListbox/SelectProvider.js";
-import { Spinner as X } from "./Spinner/Spinner.js";
-import { Tooltip as Z } from "./Tooltip/Tooltip.js";
+import { ProgrammeCard as w } from "./ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as E } from "./RadioButton/RadioButton.js";
+import { Repeater as K } from "./Repeater/Repeater.js";
+import { SectionNotification as U } from "./SectionNotification/SectionNotification.js";
+import { SelectListbox as W } from "./SelectListbox/SelectListbox.js";
+import { SelectProvider as Y, useSelect as Z } from "./SelectListbox/SelectProvider.js";
+import { Spinner as $ } from "./Spinner/Spinner.js";
+import { StatusPill as ro } from "./StatusPill/StatusPill.js";
+import { Tooltip as eo } from "./Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as AppStatusBar,
-  x as Backdrop,
-  n as Button,
-  a as ButtonGroup,
-  c as Card,
+  f as Backdrop,
+  a as Button,
+  n as ButtonGroup,
+  u as Card,
   d as Checkbox,
   B as FieldHint,
-  S as FormField,
-  F as Icon,
-  b as IconButton,
-  C as InfoMessage,
-  v as Input,
-  D as InputField,
-  y as Label,
-  H as MenuLink,
-  O as MetaDataList,
-  R as ModalDialog,
+  M as FormField,
+  C as Icon,
+  L as IconButton,
+  g as InfoMessage,
+  P as Input,
+  A as InputField,
+  R as Label,
+  y as MenuLink,
+  H as MetaDataList,
+  O as ModalDialog,
   j as OverlayCloseButton,
-  w as RadioButton,
-  E as SectionNotification,
-  K as SelectListbox,
-  U as SelectProvider,
-  X as Spinner,
-  Z as Tooltip,
-  V as useSelect
+  w as ProgrammeCard,
+  E as RadioButton,
+  K as Repeater,
+  U as SectionNotification,
+  W as SelectListbox,
+  Y as SelectProvider,
+  $ as Spinner,
+  ro as StatusPill,
+  eo as Tooltip,
+  Z 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,54 +1,60 @@
 import { Accordion as t } from "./components/Accordion/Accordion.js";
 import { AppStatusBar as p } from "./components/AppStatusBar/AppStatusBar.js";
-import { Backdrop as x } from "./components/Backdrop/Backdrop.js";
-import { Button as n } from "./components/Button/Button.js";
-import { ButtonGroup as a } from "./components/ButtonGroup/ButtonGroup.js";
-import { Card as c } from "./components/Card/Card.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 { FieldHint as B } from "./components/FieldHint/FieldHint.js";
-import { FormField as S } from "./components/FormField/FormField.js";
-import { Icon as F } from "./components/Icon/Icon.js";
-import { IconButton as b } from "./components/IconButton/IconButton.js";
-import { InfoMessage as C } from "./components/InfoMessage/InfoMessage.js";
-import { Input as v } from "./components/Input/Input.js";
-import { InputField as D } from "./components/InputField/InputField.js";
-import { Label as y } from "./components/Label/Label.js";
-import { M as H } from "./MenuLink-CLEqkVVh.js";
-import { MetaDataList as O } from "./components/MetaDataList/MetaDataList.js";
-import { M as R } from "./ModalDialog-B1c9QYLZ.js";
+import { FormField as M } from "./components/FormField/FormField.js";
+import { Icon as C } from "./components/Icon/Icon.js";
+import { IconButton as L } from "./components/IconButton/IconButton.js";
+import { InfoMessage as g } from "./components/InfoMessage/InfoMessage.js";
+import { Input as P } from "./components/Input/Input.js";
+import { InputField as A } from "./components/InputField/InputField.js";
+import { Label as R } from "./components/Label/Label.js";
+import { M as y } from "./MenuLink-CLEqkVVh.js";
+import { MetaDataList as H } from "./components/MetaDataList/MetaDataList.js";
+import { M as O } from "./ModalDialog-B1c9QYLZ.js";
 import { OverlayCloseButton as j } from "./components/OverlayCloseButton/OverlayCloseButton.js";
-import { RadioButton as w } from "./components/RadioButton/RadioButton.js";
-import { SectionNotification as E } from "./components/SectionNotification/SectionNotification.js";
-import { SelectListbox as K } from "./components/SelectListbox/SelectListbox.js";
-import { SelectProvider as U, useSelect as V } from "./components/SelectListbox/SelectProvider.js";
-import { Spinner as X } from "./components/Spinner/Spinner.js";
-import { Tooltip as Z } from "./components/Tooltip/Tooltip.js";
+import { ProgrammeCard as w } from "./components/ProgrammeCard/ProgrammeCard.js";
+import { RadioButton as E } from "./components/RadioButton/RadioButton.js";
+import { Repeater as K } from "./components/Repeater/Repeater.js";
+import { SectionNotification as U } from "./components/SectionNotification/SectionNotification.js";
+import { SelectListbox as W } from "./components/SelectListbox/SelectListbox.js";
+import { SelectProvider as Y, useSelect as Z } from "./components/SelectListbox/SelectProvider.js";
+import { Spinner as $ } from "./components/Spinner/Spinner.js";
+import { StatusPill as ro } from "./components/StatusPill/StatusPill.js";
+import { Tooltip as eo } from "./components/Tooltip/Tooltip.js";
 export {
   t as Accordion,
   p as AppStatusBar,
-  x as Backdrop,
-  n as Button,
-  a as ButtonGroup,
-  c as Card,
+  f as Backdrop,
+  a as Button,
+  n as ButtonGroup,
+  u as Card,
   d as Checkbox,
   B as FieldHint,
-  S as FormField,
-  F as Icon,
-  b as IconButton,
-  C as InfoMessage,
-  v as Input,
-  D as InputField,
-  y as Label,
-  H as MenuLink,
-  O as MetaDataList,
-  R as ModalDialog,
+  M as FormField,
+  C as Icon,
+  L as IconButton,
+  g as InfoMessage,
+  P as Input,
+  A as InputField,
+  R as Label,
+  y as MenuLink,
+  H as MetaDataList,
+  O as ModalDialog,
   j as OverlayCloseButton,
-  w as RadioButton,
-  E as SectionNotification,
-  K as SelectListbox,
-  U as SelectProvider,
-  X as Spinner,
-  Z as Tooltip,
-  V as useSelect
+  w as ProgrammeCard,
+  E as RadioButton,
+  K as Repeater,
+  U as SectionNotification,
+  W as SelectListbox,
+  Y as SelectProvider,
+  $ as Spinner,
+  ro as StatusPill,
+  eo as Tooltip,
+  Z 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;"}