@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.
- package/dist/assets/Container.css +1 -0
- package/dist/assets/MetaDataList.css +1 -0
- package/dist/assets/OverlayCloseButton.css +1 -1
- package/dist/components/MetaDataList/MetaDataList.d.ts +6 -0
- package/dist/components/MetaDataList/MetaDataList.js +14 -0
- package/dist/components/MetaDataList/MetaDataList.js.map +1 -0
- package/dist/components/MetaDataList/MetaDataList.stories.d.ts +5 -0
- package/dist/components/MetaDataList/MetaDataList.stories.js +19 -0
- package/dist/components/MetaDataList/MetaDataList.stories.js.map +1 -0
- package/dist/components/MetaDataList/index.d.ts +1 -0
- package/dist/components/MetaDataList/index.js +5 -0
- package/dist/components/MetaDataList/index.js.map +1 -0
- package/dist/components/OverlayCloseButton/OverlayCloseButton.js +1 -1
- package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js +8 -7
- package/dist/components/OverlayCloseButton/OverlayCloseButton.stories.js.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +17 -15
- package/dist/components/index.js.map +1 -1
- package/dist/components/storyComponents/Container/Container.d.ts +7 -0
- package/dist/components/storyComponents/Container/Container.js +26 -0
- package/dist/components/storyComponents/Container/Container.js.map +1 -0
- package/dist/components/storyComponents/Container/index.d.ts +1 -0
- package/dist/components/storyComponents/Container/index.js +5 -0
- package/dist/components/storyComponents/Container/index.js.map +1 -0
- package/dist/index.js +17 -15
- package/dist/index.js.map +1 -1
- package/package.json +10 -10
- 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
|
-
.
|
|
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,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 @@
|
|
|
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/
|
|
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
|
|
2
|
+
import { f as l } from "../../index-Ce_VqA9S.js";
|
|
3
3
|
import { OverlayCloseButton as e } from "./OverlayCloseButton.js";
|
|
4
|
-
import
|
|
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
|
-
},
|
|
16
|
-
|
|
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:
|
|
20
|
+
onClick: l()
|
|
20
21
|
};
|
|
21
22
|
export {
|
|
22
|
-
|
|
23
|
-
|
|
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 '
|
|
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';
|
package/dist/components/index.js
CHANGED
|
@@ -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
|
|
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 {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
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
|
-
|
|
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
|
|
31
|
-
k as
|
|
32
|
-
A as
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
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,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 @@
|
|
|
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
|
|
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 {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
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
|
-
|
|
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
|
|
31
|
-
k as
|
|
32
|
-
A as
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
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.
|
|
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.
|
|
48
|
-
"@storybook/addon-essentials": "^8.1.
|
|
49
|
-
"@storybook/addon-interactions": "^8.1.
|
|
50
|
-
"@storybook/addon-links": "^8.1.
|
|
51
|
-
"@storybook/blocks": "^8.1.
|
|
52
|
-
"@storybook/react": "^8.1.
|
|
53
|
-
"@storybook/react-vite": "^8.1.
|
|
54
|
-
"@storybook/test": "^8.1.
|
|
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.
|
|
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}}
|