@uva-glass/component-library 1.31.0 → 1.32.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/MultiSelect-CFOkF66G.js +46 -0
- package/dist/MultiSelect-CFOkF66G.js.map +1 -0
- package/dist/MultiSelectItem-D5q99kfp.js +24 -0
- package/dist/MultiSelectItem-D5q99kfp.js.map +1 -0
- package/dist/assets/Label.css +1 -1
- package/dist/assets/MultiSelectItem.css +1 -1
- package/dist/components/InputField/InputField.d.ts +1 -0
- package/dist/components/InputField/InputField.js +21 -24
- package/dist/components/InputField/InputField.js.map +1 -1
- package/dist/components/InputField/InputField.stories.js +41 -26
- package/dist/components/InputField/InputField.stories.js.map +1 -1
- package/dist/components/Label/Label.d.ts +2 -1
- package/dist/components/Label/Label.js +17 -5
- package/dist/components/Label/Label.js.map +1 -1
- package/dist/components/Label/Label.stories.d.ts +1 -0
- package/dist/components/Label/Label.stories.js +13 -5
- package/dist/components/Label/Label.stories.js.map +1 -1
- package/dist/components/MultiSelect/MultiSelect.d.ts +11 -8
- package/dist/components/MultiSelect/MultiSelect.js +5 -7
- package/dist/components/MultiSelect/MultiSelect.js.map +1 -1
- package/dist/components/MultiSelect/MultiSelect.stories.d.ts +5 -2
- package/dist/components/MultiSelect/MultiSelect.stories.js +74 -35
- package/dist/components/MultiSelect/MultiSelect.stories.js.map +1 -1
- package/dist/components/MultiSelect/components/MultiSelectHeader.d.ts +6 -0
- package/dist/components/MultiSelect/components/MultiSelectHeader.js +16 -0
- package/dist/components/MultiSelect/components/MultiSelectHeader.js.map +1 -0
- package/dist/components/MultiSelect/components/MultiSelectItem.js +9 -0
- package/dist/components/MultiSelect/components/MultiSelectItem.js.map +1 -0
- package/dist/components/MultiSelect/index.js +1 -1
- package/dist/components/ProgrammeCard/ProgrammeCard.stories.js +3 -2
- package/dist/components/ProgrammeCard/ProgrammeCard.stories.js.map +1 -1
- package/dist/components/index.d.ts +0 -1
- package/dist/components/index.js +24 -26
- package/dist/components/index.js.map +1 -1
- package/dist/index-DFUrxrKJ.js.map +1 -1
- package/dist/index.js +24 -26
- package/dist/index.js.map +1 -1
- package/package.json +10 -10
- package/dist/assets/MultiSelect.css +0 -1
- package/dist/components/MultiSelectItem/MultiSelectItem.js +0 -19
- package/dist/components/MultiSelectItem/MultiSelectItem.js.map +0 -1
- package/dist/components/MultiSelectItem/MultiSelectItem.stories.d.ts +0 -5
- package/dist/components/MultiSelectItem/MultiSelectItem.stories.js +0 -17
- package/dist/components/MultiSelectItem/MultiSelectItem.stories.js.map +0 -1
- package/dist/components/MultiSelectItem/index.d.ts +0 -1
- package/dist/components/MultiSelectItem/index.js +0 -5
- package/dist/components/MultiSelectItem/index.js.map +0 -1
- /package/dist/components/{MultiSelectItem → MultiSelect/components}/MultiSelectItem.d.ts +0 -0
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import "react/jsx-runtime";
|
|
2
|
+
import "../../../MultiSelectItem-D5q99kfp.js";
|
|
3
|
+
import "../../Label/Label.js";
|
|
4
|
+
import "react";
|
|
5
|
+
import "../../Button/Button.js";
|
|
6
|
+
import "../../OverlayCloseButton/OverlayCloseButton.js";
|
|
7
|
+
import "../../IconButton/IconButton.js";
|
|
8
|
+
import "../../Input/Input.js";
|
|
9
|
+
import "../../InputField/InputField.js";
|
|
10
|
+
import { a as u } from "../../../MultiSelect-CFOkF66G.js";
|
|
11
|
+
import "../../SelectListbox/SelectListbox.js";
|
|
12
|
+
import "../../SelectListbox/SelectProvider.js";
|
|
13
|
+
export {
|
|
14
|
+
u as MultiSelectHeader
|
|
15
|
+
};
|
|
16
|
+
//# sourceMappingURL=MultiSelectHeader.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSelectHeader.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import "react/jsx-runtime";
|
|
2
|
+
import "react";
|
|
3
|
+
import { M as e } from "../../../MultiSelectItem-D5q99kfp.js";
|
|
4
|
+
import "../../Checkbox/Checkbox.js";
|
|
5
|
+
import "../../Label/Label.js";
|
|
6
|
+
export {
|
|
7
|
+
e as MultiSelectItem
|
|
8
|
+
};
|
|
9
|
+
//# sourceMappingURL=MultiSelectItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSelectItem.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;"}
|
|
@@ -9,10 +9,11 @@ import "../OverlayCloseButton/OverlayCloseButton.js";
|
|
|
9
9
|
import "../IconButton/IconButton.js";
|
|
10
10
|
import "../Input/Input.js";
|
|
11
11
|
import "../InputField/InputField.js";
|
|
12
|
+
import "../../MultiSelect-CFOkF66G.js";
|
|
12
13
|
import { Repeater as i } from "../Repeater/Repeater.js";
|
|
13
14
|
import "../SelectListbox/SelectListbox.js";
|
|
14
15
|
import "../SelectListbox/SelectProvider.js";
|
|
15
|
-
const
|
|
16
|
+
const E = {
|
|
16
17
|
title: "Atoms/ProgrammeCard",
|
|
17
18
|
component: t
|
|
18
19
|
}, s = (o) => /* @__PURE__ */ e(n, { size: "large", children: /* @__PURE__ */ e(t, { ...o }) }), l = s.bind({});
|
|
@@ -57,6 +58,6 @@ export {
|
|
|
57
58
|
p as MultiProgrammeCards,
|
|
58
59
|
l as ProgrammeCardExample,
|
|
59
60
|
d as WithComplexContent,
|
|
60
|
-
|
|
61
|
+
E as default
|
|
61
62
|
};
|
|
62
63
|
//# sourceMappingURL=ProgrammeCard.stories.js.map
|
|
@@ -1 +1 @@
|
|
|
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":"
|
|
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;"}
|
|
@@ -19,7 +19,6 @@ export * from './MenuLink';
|
|
|
19
19
|
export * from './MetaDataList';
|
|
20
20
|
export * from './ModalDialog';
|
|
21
21
|
export * from './MultiSelect';
|
|
22
|
-
export * from './MultiSelectItem';
|
|
23
22
|
export * from './OverlayCloseButton';
|
|
24
23
|
export * from './ProgrammeCard';
|
|
25
24
|
export * from './RadioButton';
|
package/dist/components/index.js
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import { Accordion as t } from "./Accordion/Accordion.js";
|
|
2
2
|
import { AppStatusBar as p } from "./AppStatusBar/AppStatusBar.js";
|
|
3
3
|
import { Attention as f } from "./Attention/Attention.js";
|
|
4
|
-
import { Backdrop as
|
|
4
|
+
import { Backdrop as a } from "./Backdrop/Backdrop.js";
|
|
5
5
|
import { Button as n } from "./Button/Button.js";
|
|
6
6
|
import { ButtonGroup as u } from "./ButtonGroup/ButtonGroup.js";
|
|
7
7
|
import { Card as d } from "./Card/Card.js";
|
|
@@ -18,23 +18,22 @@ import { Label as G } from "./Label/Label.js";
|
|
|
18
18
|
import { M as N } from "../MenuLink-CLEqkVVh.js";
|
|
19
19
|
import { MetaDataList as T } from "./MetaDataList/MetaDataList.js";
|
|
20
20
|
import { ModalDialog as q } from "./ModalDialog/ModalDialog.js";
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
31
|
-
import {
|
|
32
|
-
import { Tooltip as lo } from "./Tooltip/Tooltip.js";
|
|
21
|
+
import { M as E } from "../MultiSelect-CFOkF66G.js";
|
|
22
|
+
import { OverlayCloseButton as K } from "./OverlayCloseButton/OverlayCloseButton.js";
|
|
23
|
+
import { ProgrammeCard as U } from "./ProgrammeCard/ProgrammeCard.js";
|
|
24
|
+
import { RadioButton as W } from "./RadioButton/RadioButton.js";
|
|
25
|
+
import { Repeater as Y } from "./Repeater/Repeater.js";
|
|
26
|
+
import { SectionNotification as _ } from "./SectionNotification/SectionNotification.js";
|
|
27
|
+
import { SelectListbox as oo } from "./SelectListbox/SelectListbox.js";
|
|
28
|
+
import { SelectProvider as to, useSelect as eo } from "./SelectListbox/SelectProvider.js";
|
|
29
|
+
import { Spinner as mo } from "./Spinner/Spinner.js";
|
|
30
|
+
import { StatusPill as xo } from "./StatusPill/StatusPill.js";
|
|
31
|
+
import { Tooltip as io } from "./Tooltip/Tooltip.js";
|
|
33
32
|
export {
|
|
34
33
|
t as Accordion,
|
|
35
34
|
p as AppStatusBar,
|
|
36
35
|
f as Attention,
|
|
37
|
-
|
|
36
|
+
a as Backdrop,
|
|
38
37
|
n as Button,
|
|
39
38
|
u as ButtonGroup,
|
|
40
39
|
d as Card,
|
|
@@ -52,17 +51,16 @@ export {
|
|
|
52
51
|
T as MetaDataList,
|
|
53
52
|
q as ModalDialog,
|
|
54
53
|
E as MultiSelect,
|
|
55
|
-
K as
|
|
56
|
-
U as
|
|
57
|
-
W as
|
|
58
|
-
Y as
|
|
59
|
-
_ as
|
|
60
|
-
oo as
|
|
61
|
-
to as
|
|
62
|
-
|
|
63
|
-
xo as
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
mo as useSelect
|
|
54
|
+
K as OverlayCloseButton,
|
|
55
|
+
U as ProgrammeCard,
|
|
56
|
+
W as RadioButton,
|
|
57
|
+
Y as Repeater,
|
|
58
|
+
_ as SectionNotification,
|
|
59
|
+
oo as SelectListbox,
|
|
60
|
+
to as SelectProvider,
|
|
61
|
+
mo as Spinner,
|
|
62
|
+
xo as StatusPill,
|
|
63
|
+
io as Tooltip,
|
|
64
|
+
eo as useSelect
|
|
67
65
|
};
|
|
68
66
|
//# 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|