@uva-glass/component-library 1.32.2 → 1.33.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/Fieldset.css +1 -0
- package/dist/assets/InputField.css +1 -1
- package/dist/components/Fieldset/Fieldset.d.ts +9 -0
- package/dist/components/Fieldset/Fieldset.js +32 -0
- package/dist/components/Fieldset/Fieldset.js.map +1 -0
- package/dist/components/Fieldset/Fieldset.stories.d.ts +7 -0
- package/dist/components/Fieldset/Fieldset.stories.js +43 -0
- package/dist/components/Fieldset/Fieldset.stories.js.map +1 -0
- package/dist/components/Fieldset/index.d.ts +1 -0
- package/dist/components/Fieldset/index.js +5 -0
- package/dist/components/Fieldset/index.js.map +1 -0
- package/dist/components/InputField/InputField.js +19 -19
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +47 -45
- package/dist/components/index.js.map +1 -1
- package/dist/index.js +47 -45
- package/dist/index.js.map +1 -1
- package/package.json +3 -3
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._fieldset_1pmtm_1{border:0;display:flex;flex-direction:column;gap:1rem;margin:0;padding:0}._fieldset--inline_1pmtm_10{column-gap:1.5rem;flex-direction:row}._fieldset__legend_1pmtm_15{font-weight:var(--semibold);padding:0}._fieldset__description_1pmtm_20{margin:0}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._input-field-
|
|
1
|
+
._input-field-wrapper_zd1td_1{align-items:center;display:flex;position:relative}._input-field_zd1td_1{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:transparent;border:1px solid;border-radius:.5rem;color:var(--color-black);flex:1;font-family:inherit;font-size:inherit;height:2.75rem;margin:0;padding:0 1rem;text-align:inherit}._input-field--large_zd1td_22{height:3rem}._input-field_zd1td_1:disabled{color:var(--color-scarpa-flow)}._input-field__clear-button_zd1td_30{align-items:center;background:none;border:none;cursor:pointer;display:flex;height:100%;padding:0 1rem 0 .5rem;position:absolute;right:0}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { PropsWithChildren, ReactNode } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface FieldsetProps {
|
|
4
|
+
description?: ReactNode;
|
|
5
|
+
descriptionId?: string;
|
|
6
|
+
inline?: boolean;
|
|
7
|
+
legend: string;
|
|
8
|
+
}
|
|
9
|
+
export declare const Fieldset: ({ inline, legend, description, descriptionId, children, }: PropsWithChildren<FieldsetProps>) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,32 @@
|
|
|
1
|
+
import { jsxs as i, jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { c as f } from "../../clsx-OuTLNxxd.js";
|
|
3
|
+
import '../../assets/Fieldset.css';const c = "_fieldset_1pmtm_1", m = "_fieldset__legend_1pmtm_15", o = "_fieldset__description_1pmtm_20", e = {
|
|
4
|
+
fieldset: c,
|
|
5
|
+
"fieldset--inline": "_fieldset--inline_1pmtm_10",
|
|
6
|
+
fieldset__legend: m,
|
|
7
|
+
fieldset__description: o
|
|
8
|
+
}, a = ({
|
|
9
|
+
inline: t,
|
|
10
|
+
legend: d,
|
|
11
|
+
description: s,
|
|
12
|
+
descriptionId: _,
|
|
13
|
+
children: n
|
|
14
|
+
}) => /* @__PURE__ */ i(
|
|
15
|
+
"fieldset",
|
|
16
|
+
{
|
|
17
|
+
className: f(e.fieldset, {
|
|
18
|
+
[e["fieldset--inline"]]: t
|
|
19
|
+
}),
|
|
20
|
+
children: [
|
|
21
|
+
/* @__PURE__ */ i("div", { children: [
|
|
22
|
+
/* @__PURE__ */ l("legend", { className: e.fieldset__legend, children: d }),
|
|
23
|
+
s && /* @__PURE__ */ l("p", { className: e.fieldset__description, id: _, children: s })
|
|
24
|
+
] }),
|
|
25
|
+
n
|
|
26
|
+
]
|
|
27
|
+
}
|
|
28
|
+
);
|
|
29
|
+
export {
|
|
30
|
+
a as Fieldset
|
|
31
|
+
};
|
|
32
|
+
//# sourceMappingURL=Fieldset.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Fieldset.js","sources":["../../../src/components/Fieldset/Fieldset.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { PropsWithChildren, ReactNode } from 'react';\n\nimport styles from './Fieldset.module.css';\n\nexport interface FieldsetProps {\n description?: ReactNode;\n descriptionId?: string;\n inline?: boolean;\n legend: string;\n}\n\nexport const Fieldset = ({\n inline,\n legend,\n description,\n descriptionId,\n children,\n}: PropsWithChildren<FieldsetProps>) => (\n <fieldset\n className={clsx(styles['fieldset'], {\n [styles['fieldset--inline']]: inline,\n })}\n >\n <div>\n <legend className={styles['fieldset__legend']}>{legend}</legend>\n {description && (\n <p className={styles['fieldset__description']} id={descriptionId}>\n {description}\n </p>\n )}\n </div>\n {children}\n </fieldset>\n);\n"],"names":["Fieldset","inline","legend","description","descriptionId","children","jsxs","clsx","styles","jsx"],"mappings":";;;;;;;GAaaA,IAAW,CAAC;AAAA,EACvB,QAAAC;AAAA,EACA,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,UAAAC;AACF,MACE,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,UAAa;AAAA,MAClC,CAACA,EAAO,kBAAkB,CAAC,GAAGP;AAAA,IAAA,CAC/B;AAAA,IAED,UAAA;AAAA,MAAA,gBAAAK,EAAC,OACC,EAAA,UAAA;AAAA,QAAA,gBAAAG,EAAC,UAAO,EAAA,WAAWD,EAAO,kBAAsB,UAAON,GAAA;AAAA,QACtDC,uBACE,KAAE,EAAA,WAAWK,EAAO,uBAA0B,IAAIJ,GAChD,UACHD,EAAA,CAAA;AAAA,MAAA,GAEJ;AAAA,MACCE;AAAA,IAAA;AAAA,EAAA;AACH;"}
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { PropsWithChildren } from 'react';
|
|
2
|
+
import { FieldsetProps } from './Fieldset';
|
|
3
|
+
|
|
4
|
+
declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, PropsWithChildren<FieldsetProps>>;
|
|
5
|
+
export default _default;
|
|
6
|
+
export declare const FieldsetExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<FieldsetProps>>;
|
|
7
|
+
export declare const WithDescriptionExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<FieldsetProps>>;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsx as e, jsxs as l } from "react/jsx-runtime";
|
|
2
|
+
import { Fieldset as s } from "./Fieldset.js";
|
|
3
|
+
import { InputField as i } from "../InputField/InputField.js";
|
|
4
|
+
import { Label as t } from "../Label/Label.js";
|
|
5
|
+
import { Container as n } from "../storyComponents/Container/Container.js";
|
|
6
|
+
import { FormField as r } from "../FormField/FormField.js";
|
|
7
|
+
const g = {
|
|
8
|
+
title: "Atoms/Fieldset",
|
|
9
|
+
component: s,
|
|
10
|
+
argTypes: {
|
|
11
|
+
descriptionId: {
|
|
12
|
+
table: {
|
|
13
|
+
disable: !0
|
|
14
|
+
}
|
|
15
|
+
}
|
|
16
|
+
}
|
|
17
|
+
}, o = (d) => /* @__PURE__ */ e(n, { size: "large", children: /* @__PURE__ */ l(s, { ...d, children: [
|
|
18
|
+
/* @__PURE__ */ l(r, { children: [
|
|
19
|
+
/* @__PURE__ */ e(t, { htmlFor: "d6aa53fd", children: "Example label 1" }),
|
|
20
|
+
/* @__PURE__ */ e(i, { id: "d6aa53fd" })
|
|
21
|
+
] }),
|
|
22
|
+
/* @__PURE__ */ l(r, { children: [
|
|
23
|
+
/* @__PURE__ */ e(t, { htmlFor: "4e7a2f22", children: "Example label 2" }),
|
|
24
|
+
/* @__PURE__ */ e(i, { id: "4e7a2f22" })
|
|
25
|
+
] })
|
|
26
|
+
] }) }), a = {
|
|
27
|
+
legend: "Fieldset example",
|
|
28
|
+
inline: !1
|
|
29
|
+
}, m = o.bind({});
|
|
30
|
+
m.args = {
|
|
31
|
+
...a
|
|
32
|
+
};
|
|
33
|
+
const p = o.bind({});
|
|
34
|
+
p.args = {
|
|
35
|
+
...a,
|
|
36
|
+
description: "A Fieldset groups several controls as well as labels"
|
|
37
|
+
};
|
|
38
|
+
export {
|
|
39
|
+
m as FieldsetExample,
|
|
40
|
+
p as WithDescriptionExample,
|
|
41
|
+
g as default
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=Fieldset.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Fieldset.stories.js","sources":["../../../src/components/Fieldset/Fieldset.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { PropsWithChildren } from 'react';\nimport type { FieldsetProps } from './Fieldset';\n\nimport { Fieldset } from './Fieldset';\n\nimport { InputField } from 'components/InputField';\nimport { Label } from 'components/Label';\nimport { Container } from 'components/storyComponents/Container';\nimport { FormField } from 'components/FormField';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/Fieldset',\n component: Fieldset,\n argTypes: {\n descriptionId: {\n table: {\n disable: true,\n },\n },\n },\n} as Meta<PropsWithChildren<FieldsetProps>>;\n\nconst Template: StoryFn<PropsWithChildren<FieldsetProps>> = (args) => (\n <Container size=\"large\">\n <Fieldset {...args}>\n <FormField>\n <Label htmlFor=\"d6aa53fd\">Example label 1</Label>\n <InputField id=\"d6aa53fd\" />\n </FormField>\n <FormField>\n <Label htmlFor=\"4e7a2f22\">Example label 2</Label>\n <InputField id=\"4e7a2f22\" />\n </FormField>\n </Fieldset>\n </Container>\n);\n\nconst defaultArgs: Partial<PropsWithChildren<FieldsetProps>> = {\n legend: 'Fieldset example',\n inline: false,\n};\n\nexport const FieldsetExample = Template.bind({});\nFieldsetExample.args = {\n ...defaultArgs,\n};\n\nexport const WithDescriptionExample = Template.bind({});\nWithDescriptionExample.args = {\n ...defaultArgs,\n description: 'A Fieldset groups several controls as well as labels',\n};\n"],"names":["Fieldset_stories","Fieldset","Template","args","jsx","Container","jsxs","FormField","Label","InputField","defaultArgs","FieldsetExample","WithDescriptionExample"],"mappings":";;;;;;AAYA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,eAAe;AAAA,MACb,OAAO;AAAA,QACL,SAAS;AAAA,MACX;AAAA,IACF;AAAA,EACF;AACF,GAEMC,IAAsD,CAACC,MAC1D,gBAAAC,EAAAC,GAAA,EAAU,MAAK,SACd,UAAA,gBAAAC,EAACL,GAAU,EAAA,GAAGE,GACZ,UAAA;AAAA,EAAA,gBAAAG,EAACC,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAH,EAAAI,GAAA,EAAM,SAAQ,YAAW,UAAe,mBAAA;AAAA,IACzC,gBAAAJ,EAACK,GAAW,EAAA,IAAG,WAAW,CAAA;AAAA,EAAA,GAC5B;AAAA,oBACCF,GACC,EAAA,UAAA;AAAA,IAAC,gBAAAH,EAAAI,GAAA,EAAM,SAAQ,YAAW,UAAe,mBAAA;AAAA,IACzC,gBAAAJ,EAACK,GAAW,EAAA,IAAG,WAAW,CAAA;AAAA,EAAA,GAC5B;AAAA,EACF,CAAA,EACF,CAAA,GAGIC,IAAyD;AAAA,EAC7D,QAAQ;AAAA,EACR,QAAQ;AACV,GAEaC,IAAkBT,EAAS,KAAK,EAAE;AAC/CS,EAAgB,OAAO;AAAA,EACrB,GAAGD;AACL;AAEO,MAAME,IAAyBV,EAAS,KAAK,EAAE;AACtDU,EAAuB,OAAO;AAAA,EAC5B,GAAGF;AAAA,EACH,aAAa;AACf;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Fieldset';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1,34 +1,34 @@
|
|
|
1
|
-
import { jsxs as
|
|
2
|
-
import { forwardRef as
|
|
3
|
-
import { c as
|
|
1
|
+
import { jsxs as m, jsx as p } from "react/jsx-runtime";
|
|
2
|
+
import { forwardRef as h, useState as b, useRef as g, useEffect as x } from "react";
|
|
3
|
+
import { c as z } from "../../clsx-OuTLNxxd.js";
|
|
4
4
|
import '../../assets/InputField.css';const i = {
|
|
5
|
-
"input-field-wrapper": "_input-field-
|
|
6
|
-
"input-field": "_input-
|
|
7
|
-
"input-field--large": "_input-field--
|
|
8
|
-
"input-field__clear-button": "_input-field__clear-
|
|
9
|
-
},
|
|
10
|
-
({ autoComplete: c = "off", id: r, value: e, variant: s, type:
|
|
11
|
-
const [
|
|
5
|
+
"input-field-wrapper": "_input-field-wrapper_zd1td_1",
|
|
6
|
+
"input-field": "_input-field_zd1td_1",
|
|
7
|
+
"input-field--large": "_input-field--large_zd1td_22",
|
|
8
|
+
"input-field__clear-button": "_input-field__clear-button_zd1td_30"
|
|
9
|
+
}, N = h(
|
|
10
|
+
({ autoComplete: c = "off", id: r, value: e, variant: s, type: d = "text", clearTrigger: n, onClear: u, ...f }, t) => {
|
|
11
|
+
const [o, a] = b(0), l = g(null);
|
|
12
12
|
x(() => {
|
|
13
|
-
l.current &&
|
|
13
|
+
l.current && a(l.current.offsetWidth);
|
|
14
14
|
}, [e]);
|
|
15
|
-
const
|
|
15
|
+
const _ = () => {
|
|
16
16
|
u && t && "current" in t && t.current && (u(), t.current.focus());
|
|
17
17
|
};
|
|
18
|
-
return /* @__PURE__ */
|
|
18
|
+
return /* @__PURE__ */ m("div", { className: i["input-field-wrapper"], children: [
|
|
19
19
|
/* @__PURE__ */ p(
|
|
20
20
|
"input",
|
|
21
21
|
{
|
|
22
|
-
...
|
|
22
|
+
...f,
|
|
23
23
|
autoComplete: c,
|
|
24
24
|
ref: t,
|
|
25
25
|
id: r,
|
|
26
|
-
className:
|
|
26
|
+
className: z(i["input-field"], {
|
|
27
27
|
[i["input-field--large"]]: s === "large"
|
|
28
28
|
}),
|
|
29
|
-
type:
|
|
29
|
+
type: d,
|
|
30
30
|
value: e,
|
|
31
|
-
style: { paddingRight: e && n ?
|
|
31
|
+
style: { paddingRight: e && n ? o : void 0 }
|
|
32
32
|
}
|
|
33
33
|
),
|
|
34
34
|
e && n && /* @__PURE__ */ p(
|
|
@@ -36,7 +36,7 @@ import '../../assets/InputField.css';const i = {
|
|
|
36
36
|
{
|
|
37
37
|
type: "button",
|
|
38
38
|
className: i["input-field__clear-button"],
|
|
39
|
-
onClick:
|
|
39
|
+
onClick: _,
|
|
40
40
|
ref: l,
|
|
41
41
|
"aria-label": `clear trigger for ${r}`,
|
|
42
42
|
children: n
|
|
@@ -46,6 +46,6 @@ import '../../assets/InputField.css';const i = {
|
|
|
46
46
|
}
|
|
47
47
|
);
|
|
48
48
|
export {
|
|
49
|
-
|
|
49
|
+
N as InputField
|
|
50
50
|
};
|
|
51
51
|
//# sourceMappingURL=InputField.js.map
|
package/dist/components/index.js
CHANGED
|
@@ -7,28 +7,29 @@ import { ButtonGroup as u } from "./ButtonGroup/ButtonGroup.js";
|
|
|
7
7
|
import { Card as d } from "./Card/Card.js";
|
|
8
8
|
import { Checkbox as S } from "./Checkbox/Checkbox.js";
|
|
9
9
|
import { Drawer as M } from "./Drawer/Drawer.js";
|
|
10
|
-
import { FieldHint as
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
10
|
+
import { FieldHint as I } from "./FieldHint/FieldHint.js";
|
|
11
|
+
import { Fieldset as L } from "./Fieldset/Fieldset.js";
|
|
12
|
+
import { FormField as g } from "./FormField/FormField.js";
|
|
13
|
+
import { Icon as A } from "./Icon/Icon.js";
|
|
14
|
+
import { IconButton as P } from "./IconButton/IconButton.js";
|
|
15
|
+
import { InfoMessage as R } from "./InfoMessage/InfoMessage.js";
|
|
16
|
+
import { Input as w } from "./Input/Input.js";
|
|
17
|
+
import { InputField as G } from "./InputField/InputField.js";
|
|
18
|
+
import { Label as N } from "./Label/Label.js";
|
|
19
|
+
import { M as T } from "../MenuLink-CIzBwlKY.js";
|
|
20
|
+
import { MetaDataList as q } from "./MetaDataList/MetaDataList.js";
|
|
21
|
+
import { ModalDialog as E } from "./ModalDialog/ModalDialog.js";
|
|
22
|
+
import { M as K } from "../MultiSelect-Cb4-L7lm.js";
|
|
23
|
+
import { OverlayCloseButton as U } from "./OverlayCloseButton/OverlayCloseButton.js";
|
|
24
|
+
import { ProgrammeCard as W } from "./ProgrammeCard/ProgrammeCard.js";
|
|
25
|
+
import { RadioButton as Y } from "./RadioButton/RadioButton.js";
|
|
26
|
+
import { Repeater as _ } from "./Repeater/Repeater.js";
|
|
27
|
+
import { SectionNotification as oo } from "./SectionNotification/SectionNotification.js";
|
|
28
|
+
import { SelectListbox as to } from "./SelectListbox/SelectListbox.js";
|
|
29
|
+
import { SelectProvider as po, useSelect as mo } from "./SelectListbox/SelectProvider.js";
|
|
30
|
+
import { Spinner as xo } from "./Spinner/Spinner.js";
|
|
31
|
+
import { StatusPill as io } from "./StatusPill/StatusPill.js";
|
|
32
|
+
import { Tooltip as lo } from "./Tooltip/Tooltip.js";
|
|
32
33
|
export {
|
|
33
34
|
t as Accordion,
|
|
34
35
|
p as AppStatusBar,
|
|
@@ -39,28 +40,29 @@ export {
|
|
|
39
40
|
d as Card,
|
|
40
41
|
S as Checkbox,
|
|
41
42
|
M as Drawer,
|
|
42
|
-
|
|
43
|
-
L as
|
|
44
|
-
g as
|
|
45
|
-
A as
|
|
46
|
-
P as
|
|
47
|
-
R as
|
|
48
|
-
w as
|
|
49
|
-
G as
|
|
50
|
-
N as
|
|
51
|
-
T as
|
|
52
|
-
q as
|
|
53
|
-
E as
|
|
54
|
-
K as
|
|
55
|
-
U as
|
|
56
|
-
W as
|
|
57
|
-
Y as
|
|
58
|
-
_ as
|
|
59
|
-
oo as
|
|
60
|
-
to as
|
|
61
|
-
|
|
62
|
-
xo as
|
|
63
|
-
io as
|
|
64
|
-
|
|
43
|
+
I as FieldHint,
|
|
44
|
+
L as Fieldset,
|
|
45
|
+
g as FormField,
|
|
46
|
+
A as Icon,
|
|
47
|
+
P as IconButton,
|
|
48
|
+
R as InfoMessage,
|
|
49
|
+
w as Input,
|
|
50
|
+
G as InputField,
|
|
51
|
+
N as Label,
|
|
52
|
+
T as MenuLink,
|
|
53
|
+
q as MetaDataList,
|
|
54
|
+
E as ModalDialog,
|
|
55
|
+
K as MultiSelect,
|
|
56
|
+
U as OverlayCloseButton,
|
|
57
|
+
W as ProgrammeCard,
|
|
58
|
+
Y as RadioButton,
|
|
59
|
+
_ as Repeater,
|
|
60
|
+
oo as SectionNotification,
|
|
61
|
+
to as SelectListbox,
|
|
62
|
+
po as SelectProvider,
|
|
63
|
+
xo as Spinner,
|
|
64
|
+
io as StatusPill,
|
|
65
|
+
lo as Tooltip,
|
|
66
|
+
mo as useSelect
|
|
65
67
|
};
|
|
66
68
|
//# 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
package/dist/index.js
CHANGED
|
@@ -7,28 +7,29 @@ import { ButtonGroup as u } from "./components/ButtonGroup/ButtonGroup.js";
|
|
|
7
7
|
import { Card as d } from "./components/Card/Card.js";
|
|
8
8
|
import { Checkbox as S } from "./components/Checkbox/Checkbox.js";
|
|
9
9
|
import { Drawer as M } from "./components/Drawer/Drawer.js";
|
|
10
|
-
import { FieldHint as
|
|
11
|
-
import {
|
|
12
|
-
import {
|
|
13
|
-
import {
|
|
14
|
-
import {
|
|
15
|
-
import {
|
|
16
|
-
import {
|
|
17
|
-
import {
|
|
18
|
-
import {
|
|
19
|
-
import {
|
|
20
|
-
import {
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
10
|
+
import { FieldHint as I } from "./components/FieldHint/FieldHint.js";
|
|
11
|
+
import { Fieldset as L } from "./components/Fieldset/Fieldset.js";
|
|
12
|
+
import { FormField as g } from "./components/FormField/FormField.js";
|
|
13
|
+
import { Icon as A } from "./components/Icon/Icon.js";
|
|
14
|
+
import { IconButton as P } from "./components/IconButton/IconButton.js";
|
|
15
|
+
import { InfoMessage as R } from "./components/InfoMessage/InfoMessage.js";
|
|
16
|
+
import { Input as w } from "./components/Input/Input.js";
|
|
17
|
+
import { InputField as G } from "./components/InputField/InputField.js";
|
|
18
|
+
import { Label as N } from "./components/Label/Label.js";
|
|
19
|
+
import { M as T } from "./MenuLink-CIzBwlKY.js";
|
|
20
|
+
import { MetaDataList as q } from "./components/MetaDataList/MetaDataList.js";
|
|
21
|
+
import { ModalDialog as E } from "./components/ModalDialog/ModalDialog.js";
|
|
22
|
+
import { M as K } from "./MultiSelect-Cb4-L7lm.js";
|
|
23
|
+
import { OverlayCloseButton as U } from "./components/OverlayCloseButton/OverlayCloseButton.js";
|
|
24
|
+
import { ProgrammeCard as W } from "./components/ProgrammeCard/ProgrammeCard.js";
|
|
25
|
+
import { RadioButton as Y } from "./components/RadioButton/RadioButton.js";
|
|
26
|
+
import { Repeater as _ } from "./components/Repeater/Repeater.js";
|
|
27
|
+
import { SectionNotification as oo } from "./components/SectionNotification/SectionNotification.js";
|
|
28
|
+
import { SelectListbox as to } from "./components/SelectListbox/SelectListbox.js";
|
|
29
|
+
import { SelectProvider as po, useSelect as mo } from "./components/SelectListbox/SelectProvider.js";
|
|
30
|
+
import { Spinner as xo } from "./components/Spinner/Spinner.js";
|
|
31
|
+
import { StatusPill as io } from "./components/StatusPill/StatusPill.js";
|
|
32
|
+
import { Tooltip as lo } from "./components/Tooltip/Tooltip.js";
|
|
32
33
|
export {
|
|
33
34
|
t as Accordion,
|
|
34
35
|
p as AppStatusBar,
|
|
@@ -39,28 +40,29 @@ export {
|
|
|
39
40
|
d as Card,
|
|
40
41
|
S as Checkbox,
|
|
41
42
|
M as Drawer,
|
|
42
|
-
|
|
43
|
-
L as
|
|
44
|
-
g as
|
|
45
|
-
A as
|
|
46
|
-
P as
|
|
47
|
-
R as
|
|
48
|
-
w as
|
|
49
|
-
G as
|
|
50
|
-
N as
|
|
51
|
-
T as
|
|
52
|
-
q as
|
|
53
|
-
E as
|
|
54
|
-
K as
|
|
55
|
-
U as
|
|
56
|
-
W as
|
|
57
|
-
Y as
|
|
58
|
-
_ as
|
|
59
|
-
oo as
|
|
60
|
-
to as
|
|
61
|
-
|
|
62
|
-
xo as
|
|
63
|
-
io as
|
|
64
|
-
|
|
43
|
+
I as FieldHint,
|
|
44
|
+
L as Fieldset,
|
|
45
|
+
g as FormField,
|
|
46
|
+
A as Icon,
|
|
47
|
+
P as IconButton,
|
|
48
|
+
R as InfoMessage,
|
|
49
|
+
w as Input,
|
|
50
|
+
G as InputField,
|
|
51
|
+
N as Label,
|
|
52
|
+
T as MenuLink,
|
|
53
|
+
q as MetaDataList,
|
|
54
|
+
E as ModalDialog,
|
|
55
|
+
K as MultiSelect,
|
|
56
|
+
U as OverlayCloseButton,
|
|
57
|
+
W as ProgrammeCard,
|
|
58
|
+
Y as RadioButton,
|
|
59
|
+
_ as Repeater,
|
|
60
|
+
oo as SectionNotification,
|
|
61
|
+
to as SelectListbox,
|
|
62
|
+
po as SelectProvider,
|
|
63
|
+
xo as Spinner,
|
|
64
|
+
io as StatusPill,
|
|
65
|
+
lo as Tooltip,
|
|
66
|
+
mo as useSelect
|
|
65
67
|
};
|
|
66
68
|
//# 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.33.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "dist/index.js",
|
|
8
8
|
"types": "dist/index.d.ts",
|
|
@@ -67,11 +67,11 @@
|
|
|
67
67
|
"eslint": "^8.57.0",
|
|
68
68
|
"eslint-config-prettier": "^9.1.0",
|
|
69
69
|
"eslint-plugin-prettier": "^5.1.3",
|
|
70
|
-
"eslint-plugin-react": "^7.34.
|
|
70
|
+
"eslint-plugin-react": "^7.34.3",
|
|
71
71
|
"eslint-plugin-react-hooks": "^4.6.2",
|
|
72
72
|
"eslint-plugin-react-refresh": "^0.4.7",
|
|
73
73
|
"eslint-plugin-storybook": "^0.8.0",
|
|
74
|
-
"glob": "^10.4.
|
|
74
|
+
"glob": "^10.4.2",
|
|
75
75
|
"jest": "^29.7.0",
|
|
76
76
|
"jest-environment-jsdom": "^29.7.0",
|
|
77
77
|
"jest-junit": "^16.0.0",
|