@uva-glass/component-library 1.16.0 → 1.17.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 (28) hide show
  1. package/dist/assets/Container.css +1 -0
  2. package/dist/assets/MetaDataList.css +1 -0
  3. package/dist/assets/OverlayCloseButton.css +1 -1
  4. package/dist/components/MetaDataList/MetaDataList.d.ts +6 -0
  5. package/dist/components/MetaDataList/MetaDataList.js +14 -0
  6. package/dist/components/MetaDataList/MetaDataList.js.map +1 -0
  7. package/dist/components/MetaDataList/MetaDataList.stories.d.ts +5 -0
  8. package/dist/components/MetaDataList/MetaDataList.stories.js +19 -0
  9. package/dist/components/MetaDataList/MetaDataList.stories.js.map +1 -0
  10. package/dist/components/MetaDataList/index.d.ts +1 -0
  11. package/dist/components/MetaDataList/index.js +5 -0
  12. package/dist/components/MetaDataList/index.js.map +1 -0
  13. package/dist/components/OverlayCloseButton/OverlayCloseButton.js +1 -1
  14. package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js +8 -7
  15. package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js.map +1 -1
  16. package/dist/components/index.d.ts +1 -0
  17. package/dist/components/index.js +17 -15
  18. package/dist/components/index.js.map +1 -1
  19. package/dist/components/storyComponents/Container/Container.d.ts +7 -0
  20. package/dist/components/storyComponents/Container/Container.js +26 -0
  21. package/dist/components/storyComponents/Container/Container.js.map +1 -0
  22. package/dist/components/storyComponents/Container/index.d.ts +1 -0
  23. package/dist/components/storyComponents/Container/index.js +5 -0
  24. package/dist/components/storyComponents/Container/index.js.map +1 -0
  25. package/dist/index.js +17 -15
  26. package/dist/index.js.map +1 -1
  27. package/package.json +10 -10
  28. package/dist/assets/OverlayCloseButton2.css +0 -1
@@ -0,0 +1 @@
1
+ ._container_13q1e_1{background-color:var(--color-white);border:2px dotted var(--color-black);padding:1rem;position:relative}._container--small_13q1e_8{height:10rem;width:10rem}._container--medium_13q1e_13{height:30rem;width:30rem}._container--large_13q1e_18{height:50rem;width:50rem}
@@ -0,0 +1 @@
1
+ ._meta-data-list_1kbet_1{margin:0}._meta-data-list__item_1kbet_5{display:flex;gap:1rem;justify-content:space-between;padding:.5rem 0}._meta-data-list__item_1kbet_5:not(:last-of-type){border-bottom:1px solid var(--color-pattens-blue)}._meta-data-list__term_1kbet_16{color:var(--color-scarpa-flow)}._meta-data-list__description_1kbet_20{align-items:center;display:inline-flex;font-weight:var(--semibold);margin:0;text-align:right}
@@ -1 +1 @@
1
- .btn-container{height:100px;position:relative;width:100px}
1
+ ._overlay-close-button_1uqum_1{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:var(--color-black);display:inline-flex;height:1.5rem;justify-content:center;position:absolute;right:.125rem;top:.125rem;transition:var(--transition-colors);width:1.5rem}._overlay-close-button_1uqum_1:focus-visible{outline:.125rem dotted var(--color-cobalt);outline-offset:.125rem}._overlay-close-button_1uqum_1:hover{background-color:var(--color-lavender);cursor:pointer;outline:0}._overlay-close-button_1uqum_1:after{bottom:-.625rem;content:" ";left:-.625rem;position:absolute;right:-.625rem;top:-.625rem}@media (min-width: 28rem) and (min-height: 28rem){._overlay-close-button--padded_1uqum_39{right:1rem;top:1rem}}
@@ -0,0 +1,6 @@
1
+ import { ReactNode } from 'react';
2
+
3
+ export interface MetaDataListProps {
4
+ items: Record<string, ReactNode>;
5
+ }
6
+ export declare const MetaDataList: ({ items }: MetaDataListProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,14 @@
1
+ import { jsx as a, jsxs as i } from "react/jsx-runtime";
2
+ import '../../assets/MetaDataList.css';const t = {
3
+ "meta-data-list": "_meta-data-list_1kbet_1",
4
+ "meta-data-list__item": "_meta-data-list__item_1kbet_5",
5
+ "meta-data-list__term": "_meta-data-list__term_1kbet_16",
6
+ "meta-data-list__description": "_meta-data-list__description_1kbet_20"
7
+ }, m = ({ items: s }) => /* @__PURE__ */ a("dl", { className: t["meta-data-list"], children: Object.entries(s).map(([e, _]) => /* @__PURE__ */ i("div", { className: t["meta-data-list__item"], children: [
8
+ /* @__PURE__ */ a("dt", { className: t["meta-data-list__term"], children: e }),
9
+ /* @__PURE__ */ a("dd", { className: t["meta-data-list__description"], children: _ })
10
+ ] }, e)) });
11
+ export {
12
+ m as MetaDataList
13
+ };
14
+ //# sourceMappingURL=MetaDataList.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MetaDataList.js","sources":["../../../src/components/MetaDataList/MetaDataList.tsx"],"sourcesContent":["import type { ReactNode } from 'react';\n\nimport styles from './MetaDataList.module.css';\n\nexport interface MetaDataListProps {\n items: Record<string, ReactNode>;\n}\n\nexport const MetaDataList = ({ items }: MetaDataListProps) => (\n <dl className={styles['meta-data-list']}>\n {Object.entries(items).map(([term, description]) => (\n <div key={term} className={styles['meta-data-list__item']}>\n <dt className={styles['meta-data-list__term']}>{term}</dt>\n <dd className={styles['meta-data-list__description']}>{description}</dd>\n </div>\n ))}\n </dl>\n);\n"],"names":["MetaDataList","items","jsx","styles","term","description","jsxs"],"mappings":";;;;;;GAQaA,IAAe,CAAC,EAAE,OAAAC,EAAM,MAClC,gBAAAC,EAAA,MAAA,EAAG,WAAWC,EAAO,gBAAgB,GACnC,UAAO,OAAA,QAAQF,CAAK,EAAE,IAAI,CAAC,CAACG,GAAMC,CAAW,MAC5C,gBAAAC,EAAC,OAAe,EAAA,WAAWH,EAAO,sBAAsB,GACtD,UAAA;AAAA,EAAA,gBAAAD,EAAC,MAAG,EAAA,WAAWC,EAAO,sBAAsB,GAAI,UAAKC,GAAA;AAAA,oBACpD,MAAG,EAAA,WAAWD,EAAO,6BAA6B,GAAI,UAAYE,GAAA;AAAA,EAF3D,GAAAD,CAGV,CACD,EACH,CAAA;"}
@@ -0,0 +1,5 @@
1
+ import { MetaDataListProps } from './MetaDataList';
2
+
3
+ declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, MetaDataListProps>;
4
+ export default _default;
5
+ export declare const MetaDataListExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, MetaDataListProps>;
@@ -0,0 +1,19 @@
1
+ import { jsx as t } from "react/jsx-runtime";
2
+ import { MetaDataList as e } from "./MetaDataList.js";
3
+ import { Container as o } from "../storyComponents/Container/Container.js";
4
+ const p = {
5
+ title: "Atoms/MetaDataList",
6
+ component: e
7
+ }, i = (a) => /* @__PURE__ */ t(o, { children: /* @__PURE__ */ t(e, { ...a }) }), m = i.bind({});
8
+ m.args = {
9
+ items: {
10
+ "item one": "foo",
11
+ "item two": "bar",
12
+ "item three": "baz"
13
+ }
14
+ };
15
+ export {
16
+ m as MetaDataListExample,
17
+ p as default
18
+ };
19
+ //# sourceMappingURL=MetaDataList.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"MetaDataList.stories.js","sources":["../../../src/components/MetaDataList/MetaDataList.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { MetaDataListProps } from './MetaDataList';\n\nimport { MetaDataList } from './MetaDataList';\n\nimport { Container } from 'components/storyComponents/Container/';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/MetaDataList',\n component: MetaDataList,\n} as Meta<MetaDataListProps>;\n\nconst Template: StoryFn<MetaDataListProps> = (args) => (\n <Container>\n <MetaDataList {...args} />\n </Container>\n);\n\nexport const MetaDataListExample = Template.bind({});\nMetaDataListExample.args = {\n items: {\n 'item one': 'foo',\n 'item two': 'bar',\n 'item three': 'baz',\n },\n};\n"],"names":["MetaDataList_stories","MetaDataList","Template","args","jsx","Container","MetaDataListExample"],"mappings":";;;AAQA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAAuC,CAACC,MAC5C,gBAAAC,EAACC,KACC,UAAC,gBAAAD,EAAAH,GAAA,EAAc,GAAGE,EAAM,CAAA,EAC1B,CAAA,GAGWG,IAAsBJ,EAAS,KAAK,EAAE;AACnDI,EAAoB,OAAO;AAAA,EACzB,OAAO;AAAA,IACL,YAAY;AAAA,IACZ,YAAY;AAAA,IACZ,cAAc;AAAA,EAChB;AACF;"}
@@ -0,0 +1 @@
1
+ export * from './MetaDataList';
@@ -0,0 +1,5 @@
1
+ import { MetaDataList as e } from "./MetaDataList.js";
2
+ export {
3
+ e as MetaDataList
4
+ };
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -2,7 +2,7 @@ import { jsx as o } from "react/jsx-runtime";
2
2
  import { c as l } from "../../clsx-DB4S2d7J.js";
3
3
  import { forwardRef as a } from "react";
4
4
  import { Icon as n } from "../Icon/Icon.js";
5
- import '../../assets/OverlayCloseButton2.css';const t = {
5
+ import '../../assets/OverlayCloseButton.css';const t = {
6
6
  "overlay-close-button": "_overlay-close-button_1uqum_1",
7
7
  "overlay-close-button--padded": "_overlay-close-button--padded_1uqum_39"
8
8
  }, p = a(
@@ -1,7 +1,8 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import { f as a } from "../../index-Ce_VqA9S.js";
2
+ import { f as l } from "../../index-Ce_VqA9S.js";
3
3
  import { OverlayCloseButton as e } from "./OverlayCloseButton.js";
4
- import '../../assets/OverlayCloseButton.css';const i = {
4
+ import { Container as a } from "../storyComponents/Container/Container.js";
5
+ const p = {
5
6
  title: "Atoms/OverlayCloseButton",
6
7
  component: e,
7
8
  argTypes: {
@@ -12,14 +13,14 @@ import '../../assets/OverlayCloseButton.css';const i = {
12
13
  control: "text"
13
14
  }
14
15
  }
15
- }, l = (t) => /* @__PURE__ */ o("div", { className: "btn-container", children: /* @__PURE__ */ o(e, { ...t }) }), r = l.bind({});
16
- r.args = {
16
+ }, r = (t) => /* @__PURE__ */ o(a, { size: "small", children: /* @__PURE__ */ o(e, { ...t }) }), n = r.bind({});
17
+ n.args = {
17
18
  paddedModal: !1,
18
19
  "aria-label": "Close",
19
- onClick: a()
20
+ onClick: l()
20
21
  };
21
22
  export {
22
- r as OverlayCloseButtonExample,
23
- i as default
23
+ n as OverlayCloseButtonExample,
24
+ p as default
24
25
  };
25
26
  //# sourceMappingURL=OverlayCloseButton.stories.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"OverlayCloseButton.stories.js","sources":["../../../src/components/OverlayCloseButton/OverlayCloseButton.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { OverlayCloseButtonProps } from './OverlayCloseButton';\n\nimport { OverlayCloseButton } from './OverlayCloseButton';\n\nimport './OverlayCloseButton.stories.css';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/OverlayCloseButton',\n component: OverlayCloseButton,\n argTypes: {\n paddedModal: {\n control: 'boolean',\n },\n 'aria-label': {\n control: 'text',\n },\n },\n} as Meta<OverlayCloseButtonProps>;\n\nconst Template: StoryFn<OverlayCloseButtonProps> = (args) => {\n return (\n <div className=\"btn-container\">\n <OverlayCloseButton {...args} />\n </div>\n );\n};\n\nexport const OverlayCloseButtonExample = Template.bind({});\nOverlayCloseButtonExample.args = {\n paddedModal: false,\n 'aria-label': 'Close',\n onClick: fn(),\n};\n"],"names":["OverlayCloseButton_stories","OverlayCloseButton","Template","args","jsx","OverlayCloseButtonExample","fn"],"mappings":";;;AAUA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,aAAa;AAAA,MACX,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEMC,IAA6C,CAACC,MAEhD,gBAAAC,EAAC,SAAI,WAAU,iBACb,4BAACH,GAAoB,EAAA,GAAGE,EAAM,CAAA,EAChC,CAAA,GAISE,IAA4BH,EAAS,KAAK,EAAE;AACzDG,EAA0B,OAAO;AAAA,EAC/B,aAAa;AAAA,EACb,cAAc;AAAA,EACd,SAASC,EAAG;AACd;"}
1
+ {"version":3,"file":"OverlayCloseButton.stories.js","sources":["../../../src/components/OverlayCloseButton/OverlayCloseButton.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { OverlayCloseButtonProps } from './OverlayCloseButton';\n\nimport { OverlayCloseButton } from './OverlayCloseButton';\n\nimport { Container } from 'components/storyComponents/Container/';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/OverlayCloseButton',\n component: OverlayCloseButton,\n argTypes: {\n paddedModal: {\n control: 'boolean',\n },\n 'aria-label': {\n control: 'text',\n },\n },\n} as Meta<OverlayCloseButtonProps>;\n\nconst Template: StoryFn<OverlayCloseButtonProps> = (args) => {\n return (\n <Container size=\"small\">\n <OverlayCloseButton {...args} />\n </Container>\n );\n};\n\nexport const OverlayCloseButtonExample = Template.bind({});\nOverlayCloseButtonExample.args = {\n paddedModal: false,\n 'aria-label': 'Close',\n onClick: fn(),\n};\n"],"names":["OverlayCloseButton_stories","OverlayCloseButton","Template","args","jsx","Container","OverlayCloseButtonExample","fn"],"mappings":";;;;AAUA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,aAAa;AAAA,MACX,SAAS;AAAA,IACX;AAAA,IACA,cAAc;AAAA,MACZ,SAAS;AAAA,IACX;AAAA,EACF;AACF,GAEMC,IAA6C,CAACC,MAEhD,gBAAAC,EAACC,KAAU,MAAK,SACd,4BAACJ,GAAoB,EAAA,GAAGE,EAAM,CAAA,EAChC,CAAA,GAISG,IAA4BJ,EAAS,KAAK,EAAE;AACzDI,EAA0B,OAAO;AAAA,EAC/B,aAAa;AAAA,EACb,cAAc;AAAA,EACd,SAASC,EAAG;AACd;"}
@@ -9,6 +9,7 @@ export * from './Input';
9
9
  export * from './InputField';
10
10
  export * from './Label';
11
11
  export * from './MenuLink';
12
+ export * from './MetaDataList';
12
13
  export * from './OverlayCloseButton';
13
14
  export * from './RadioButton';
14
15
  export * from './SectionNotification';
@@ -4,17 +4,18 @@ import { Card as x } from "./Card/Card.js";
4
4
  import { FieldHint as n } from "./FieldHint/FieldHint.js";
5
5
  import { Icon as a } from "./Icon/Icon.js";
6
6
  import { IconButton as l } from "./IconButton/IconButton.js";
7
- import { InfoMessage as s } from "./InfoMessage/InfoMessage.js";
7
+ import { InfoMessage as c } from "./InfoMessage/InfoMessage.js";
8
8
  import { Input as d } from "./Input/Input.js";
9
9
  import { InputField as I } from "./InputField/InputField.js";
10
10
  import { Label as M } from "./Label/Label.js";
11
11
  import { M as v } from "../MenuLink-DDAin3rf.js";
12
- import { OverlayCloseButton as F } from "./OverlayCloseButton/OverlayCloseButton.js";
13
- import { RadioButton as k } from "./RadioButton/RadioButton.js";
14
- import { SectionNotification as A } from "./SectionNotification/SectionNotification.js";
15
- import { SelectListbox as N } from "./SelectListbox/SelectListbox.js";
16
- import { SelectProvider as P, useSelect as R } from "./SelectListbox/SelectProvider.js";
17
- import { Spinner as j } from "./Spinner/Spinner.js";
12
+ import { MetaDataList as F } from "./MetaDataList/MetaDataList.js";
13
+ import { OverlayCloseButton as k } from "./OverlayCloseButton/OverlayCloseButton.js";
14
+ import { RadioButton as A } from "./RadioButton/RadioButton.js";
15
+ import { SectionNotification as H } from "./SectionNotification/SectionNotification.js";
16
+ import { SelectListbox as O } from "./SelectListbox/SelectListbox.js";
17
+ import { SelectProvider as R, useSelect as h } from "./SelectListbox/SelectProvider.js";
18
+ import { Spinner as q } from "./Spinner/Spinner.js";
18
19
  export {
19
20
  t as AppStatusBar,
20
21
  p as Button,
@@ -22,17 +23,18 @@ export {
22
23
  n as FieldHint,
23
24
  a as Icon,
24
25
  l as IconButton,
25
- s as InfoMessage,
26
+ c as InfoMessage,
26
27
  d as Input,
27
28
  I as InputField,
28
29
  M as Label,
29
30
  v as MenuLink,
30
- F as OverlayCloseButton,
31
- k as RadioButton,
32
- A as SectionNotification,
33
- N as SelectListbox,
34
- P as SelectProvider,
35
- j as Spinner,
36
- R as useSelect
31
+ F as MetaDataList,
32
+ k as OverlayCloseButton,
33
+ A as RadioButton,
34
+ H as SectionNotification,
35
+ O as SelectListbox,
36
+ R as SelectProvider,
37
+ q as Spinner,
38
+ h as useSelect
37
39
  };
38
40
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
@@ -0,0 +1,7 @@
1
+ import { PropsWithChildren } from 'react';
2
+
3
+ interface ContainerProps {
4
+ size?: 'small' | 'medium' | 'large';
5
+ }
6
+ export declare const Container: ({ children, size }: PropsWithChildren<ContainerProps>) => import("react/jsx-runtime").JSX.Element;
7
+ export {};
@@ -0,0 +1,26 @@
1
+ import { jsxs as o, Fragment as t, jsx as r } from "react/jsx-runtime";
2
+ import { c as i } from "../../../clsx-DB4S2d7J.js";
3
+ import '../../../assets/Container.css';const c = "_container_13q1e_1", n = {
4
+ container: c,
5
+ "container--small": "_container--small_13q1e_8",
6
+ "container--medium": "_container--medium_13q1e_13",
7
+ "container--large": "_container--large_13q1e_18"
8
+ }, s = ({ children: a, size: e = "medium" }) => /* @__PURE__ */ o(t, { children: [
9
+ /* @__PURE__ */ r("label", { htmlFor: "container", children: "Storybook container with 1rem padding" }),
10
+ /* @__PURE__ */ r(
11
+ "div",
12
+ {
13
+ id: "container",
14
+ className: i(n.container, {
15
+ [n["container--small"]]: e === "small",
16
+ [n["container--medium"]]: e === "medium",
17
+ [n["container--large"]]: e === "large"
18
+ }),
19
+ children: a
20
+ }
21
+ )
22
+ ] });
23
+ export {
24
+ s as Container
25
+ };
26
+ //# sourceMappingURL=Container.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"Container.js","sources":["../../../../src/components/storyComponents/Container/Container.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport type { PropsWithChildren } from 'react';\n\nimport styles from './Container.module.css';\n\ninterface ContainerProps {\n size?: 'small' | 'medium' | 'large';\n}\n\nexport const Container = ({ children, size = 'medium' }: PropsWithChildren<ContainerProps>) => {\n return (\n <>\n <label htmlFor=\"container\">Storybook container with 1rem padding</label>\n <div\n id=\"container\"\n className={clsx(styles['container'], {\n [styles['container--small']]: size === 'small',\n [styles['container--medium']]: size === 'medium',\n [styles['container--large']]: size === 'large',\n })}\n >\n {children}\n </div>\n </>\n );\n};\n"],"names":["Container","children","size","jsxs","Fragment","jsx","clsx","styles"],"mappings":";;;;;;;GAUaA,IAAY,CAAC,EAAE,UAAAC,GAAU,MAAAC,IAAO,eAGvC,gBAAAC,EAAAC,GAAA,EAAA,UAAA;AAAA,EAAC,gBAAAC,EAAA,SAAA,EAAM,SAAQ,aAAY,UAAqC,yCAAA;AAAA,EAChE,gBAAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,IAAG;AAAA,MACH,WAAWC,EAAKC,EAAO,WAAc;AAAA,QACnC,CAACA,EAAO,kBAAkB,CAAC,GAAGL,MAAS;AAAA,QACvC,CAACK,EAAO,mBAAmB,CAAC,GAAGL,MAAS;AAAA,QACxC,CAACK,EAAO,kBAAkB,CAAC,GAAGL,MAAS;AAAA,MAAA,CACxC;AAAA,MAEA,UAAAD;AAAA,IAAA;AAAA,EACH;AACF,EAAA,CAAA;"}
@@ -0,0 +1 @@
1
+ export * from './Container';
@@ -0,0 +1,5 @@
1
+ import { Container as e } from "./Container.js";
2
+ export {
3
+ e as Container
4
+ };
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
package/dist/index.js CHANGED
@@ -4,17 +4,18 @@ import { Card as x } from "./components/Card/Card.js";
4
4
  import { FieldHint as n } from "./components/FieldHint/FieldHint.js";
5
5
  import { Icon as a } from "./components/Icon/Icon.js";
6
6
  import { IconButton as l } from "./components/IconButton/IconButton.js";
7
- import { InfoMessage as s } from "./components/InfoMessage/InfoMessage.js";
7
+ import { InfoMessage as c } from "./components/InfoMessage/InfoMessage.js";
8
8
  import { Input as d } from "./components/Input/Input.js";
9
9
  import { InputField as I } from "./components/InputField/InputField.js";
10
10
  import { Label as M } from "./components/Label/Label.js";
11
11
  import { M as v } from "./MenuLink-DDAin3rf.js";
12
- import { OverlayCloseButton as F } from "./components/OverlayCloseButton/OverlayCloseButton.js";
13
- import { RadioButton as k } from "./components/RadioButton/RadioButton.js";
14
- import { SectionNotification as A } from "./components/SectionNotification/SectionNotification.js";
15
- import { SelectListbox as N } from "./components/SelectListbox/SelectListbox.js";
16
- import { SelectProvider as P, useSelect as R } from "./components/SelectListbox/SelectProvider.js";
17
- import { Spinner as j } from "./components/Spinner/Spinner.js";
12
+ import { MetaDataList as F } from "./components/MetaDataList/MetaDataList.js";
13
+ import { OverlayCloseButton as k } from "./components/OverlayCloseButton/OverlayCloseButton.js";
14
+ import { RadioButton as A } from "./components/RadioButton/RadioButton.js";
15
+ import { SectionNotification as H } from "./components/SectionNotification/SectionNotification.js";
16
+ import { SelectListbox as O } from "./components/SelectListbox/SelectListbox.js";
17
+ import { SelectProvider as R, useSelect as h } from "./components/SelectListbox/SelectProvider.js";
18
+ import { Spinner as q } from "./components/Spinner/Spinner.js";
18
19
  export {
19
20
  t as AppStatusBar,
20
21
  p as Button,
@@ -22,17 +23,18 @@ export {
22
23
  n as FieldHint,
23
24
  a as Icon,
24
25
  l as IconButton,
25
- s as InfoMessage,
26
+ c as InfoMessage,
26
27
  d as Input,
27
28
  I as InputField,
28
29
  M as Label,
29
30
  v as MenuLink,
30
- F as OverlayCloseButton,
31
- k as RadioButton,
32
- A as SectionNotification,
33
- N as SelectListbox,
34
- P as SelectProvider,
35
- j as Spinner,
36
- R as useSelect
31
+ F as MetaDataList,
32
+ k as OverlayCloseButton,
33
+ A as RadioButton,
34
+ H as SectionNotification,
35
+ O as SelectListbox,
36
+ R as SelectProvider,
37
+ q as Spinner,
38
+ h as useSelect
37
39
  };
38
40
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@uva-glass/component-library",
3
3
  "author": "Team Glass - Frontend vrienden",
4
4
  "private": false,
5
- "version": "1.16.0",
5
+ "version": "1.17.0",
6
6
  "type": "module",
7
7
  "main": "dist/index.js",
8
8
  "types": "dist/index.d.ts",
@@ -44,14 +44,14 @@
44
44
  "@semantic-release/git": "^10.0.1",
45
45
  "@semantic-release/gitlab": "^13.1.0",
46
46
  "@semantic-release/npm": "^12.0.1",
47
- "@storybook/addon-a11y": "^8.1.4",
48
- "@storybook/addon-essentials": "^8.1.4",
49
- "@storybook/addon-interactions": "^8.1.4",
50
- "@storybook/addon-links": "^8.1.4",
51
- "@storybook/blocks": "^8.1.4",
52
- "@storybook/react": "^8.1.4",
53
- "@storybook/react-vite": "^8.1.4",
54
- "@storybook/test": "^8.1.4",
47
+ "@storybook/addon-a11y": "^8.1.5",
48
+ "@storybook/addon-essentials": "^8.1.5",
49
+ "@storybook/addon-interactions": "^8.1.5",
50
+ "@storybook/addon-links": "^8.1.5",
51
+ "@storybook/blocks": "^8.1.5",
52
+ "@storybook/react": "^8.1.5",
53
+ "@storybook/react-vite": "^8.1.5",
54
+ "@storybook/test": "^8.1.5",
55
55
  "@types/node": "^20.12.12",
56
56
  "@types/react": "^18.3.3",
57
57
  "@types/react-dom": "^18.3.0",
@@ -77,7 +77,7 @@
77
77
  "react": "^18.3.1",
78
78
  "react-dom": "^18.3.1",
79
79
  "semantic-release": "^23.1.1",
80
- "storybook": "^8.1.4",
80
+ "storybook": "^8.1.5",
81
81
  "style-dictionary": "^3.9.2",
82
82
  "stylelint": "^16.6.1",
83
83
  "stylelint-config-recommended": "^14.0.0",
@@ -1 +0,0 @@
1
- ._overlay-close-button_1uqum_1{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:var(--color-black);display:inline-flex;height:1.5rem;justify-content:center;position:absolute;right:.125rem;top:.125rem;transition:var(--transition-colors);width:1.5rem}._overlay-close-button_1uqum_1:focus-visible{outline:.125rem dotted var(--color-cobalt);outline-offset:.125rem}._overlay-close-button_1uqum_1:hover{background-color:var(--color-lavender);cursor:pointer;outline:0}._overlay-close-button_1uqum_1:after{bottom:-.625rem;content:" ";left:-.625rem;position:absolute;right:-.625rem;top:-.625rem}@media (min-width: 28rem) and (min-height: 28rem){._overlay-close-button--padded_1uqum_39{right:1rem;top:1rem}}