@uva-glass/component-library 1.29.0 → 1.30.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/MultiSelect.css +1 -0
- package/dist/assets/MultiSelectItem.css +1 -0
- package/dist/components/MultiSelect/MultiSelect.d.ts +11 -0
- package/dist/components/MultiSelect/MultiSelect.js +10 -0
- package/dist/components/MultiSelect/MultiSelect.js.map +1 -0
- package/dist/components/MultiSelect/MultiSelect.stories.d.ts +5 -0
- package/dist/components/MultiSelect/MultiSelect.stories.js +42 -0
- package/dist/components/MultiSelect/MultiSelect.stories.js.map +1 -0
- package/dist/components/MultiSelect/index.d.ts +1 -0
- package/dist/components/MultiSelect/index.js +5 -0
- package/dist/components/MultiSelect/index.js.map +1 -0
- package/dist/components/MultiSelectItem/MultiSelectItem.d.ts +9 -0
- package/dist/components/MultiSelectItem/MultiSelectItem.js +19 -0
- package/dist/components/MultiSelectItem/MultiSelectItem.js.map +1 -0
- package/dist/components/MultiSelectItem/MultiSelectItem.stories.d.ts +5 -0
- package/dist/components/MultiSelectItem/MultiSelectItem.stories.js +17 -0
- package/dist/components/MultiSelectItem/MultiSelectItem.stories.js.map +1 -0
- package/dist/components/MultiSelectItem/index.d.ts +1 -0
- package/dist/components/MultiSelectItem/index.js +5 -0
- package/dist/components/MultiSelectItem/index.js.map +1 -0
- package/dist/components/index.d.ts +2 -0
- package/dist/components/index.js +33 -29
- package/dist/components/index.js.map +1 -1
- package/dist/index.js +33 -29
- package/dist/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._multi-select_1se76_1{border:1px solid var(--color-black);border-radius:var(--border-radius-default);padding:.75rem}._multi-select__scroll-container_1se76_7{list-style:none;margin:0;max-height:8.75rem;overflow:auto;padding:0}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
._multi-select__item_2oogm_1{list-style:none}._multi-select__item_2oogm_1+._multi-select__item_2oogm_1{margin-top:.5rem}._multi-select__item-inner_2oogm_9{align-items:center;display:flex;gap:.75rem}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
import { ChangeEvent } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface MultiSelectProps {
|
|
4
|
+
items: Array<{
|
|
5
|
+
label: string;
|
|
6
|
+
value: string | number;
|
|
7
|
+
checked: boolean;
|
|
8
|
+
}>;
|
|
9
|
+
onChange(event: ChangeEvent<HTMLInputElement>): void;
|
|
10
|
+
}
|
|
11
|
+
export declare const MultiSelect: ({ items, onChange }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { MultiSelectItem as i } from "../MultiSelectItem/MultiSelectItem.js";
|
|
3
|
+
import '../../assets/MultiSelect.css';const t = {
|
|
4
|
+
"multi-select": "_multi-select_1se76_1",
|
|
5
|
+
"multi-select__scroll-container": "_multi-select__scroll-container_1se76_7"
|
|
6
|
+
}, r = ({ items: c, onChange: s }) => /* @__PURE__ */ l("div", { className: t["multi-select"], children: /* @__PURE__ */ l("ul", { className: t["multi-select__scroll-container"], children: c.map((e) => /* @__PURE__ */ l(i, { ...e, onChange: s }, e.label)) }) });
|
|
7
|
+
export {
|
|
8
|
+
r as MultiSelect
|
|
9
|
+
};
|
|
10
|
+
//# sourceMappingURL=MultiSelect.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSelect.js","sources":["../../../src/components/MultiSelect/MultiSelect.tsx"],"sourcesContent":["import type { ChangeEvent } from 'react';\n\nimport styles from './MultiSelect.module.css';\n\nimport { MultiSelectItem } from 'components/MultiSelectItem';\n\nexport interface MultiSelectProps {\n items: Array<{\n label: string;\n value: string | number;\n checked: boolean;\n }>;\n onChange(event: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport const MultiSelect = ({ items, onChange }: MultiSelectProps) => (\n <div className={styles['multi-select']}>\n <ul className={styles['multi-select__scroll-container']}>\n {items.map((item) => (\n <MultiSelectItem key={item.label} {...item} onChange={onChange} />\n ))}\n </ul>\n </div>\n);\n"],"names":["MultiSelect","items","onChange","jsx","styles","item","MultiSelectItem"],"mappings":";;;;;GAeaA,IAAc,CAAC,EAAE,OAAAC,GAAO,UAAAC,EAAS,MAC3C,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAO,cAAc,GACnC,4BAAC,MAAG,EAAA,WAAWA,EAAO,gCAAgC,GACnD,UAAAH,EAAM,IAAI,CAACI,MACT,gBAAAF,EAAAG,GAAA,EAAkC,GAAGD,GAAM,UAAAH,EAAtB,GAAAG,EAAK,KAAqC,CACjE,GACH,EACF,CAAA;"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { MultiSelectProps } from './MultiSelect';
|
|
2
|
+
|
|
3
|
+
declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, MultiSelectProps>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const MultiSelectExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, MultiSelectProps>;
|
|
@@ -0,0 +1,42 @@
|
|
|
1
|
+
import { jsx as c } from "react/jsx-runtime";
|
|
2
|
+
import { f as r } from "../../index-DFUrxrKJ.js";
|
|
3
|
+
import { useState as u } from "react";
|
|
4
|
+
import { MultiSelect as o } from "./MultiSelect.js";
|
|
5
|
+
const h = {
|
|
6
|
+
title: "Organisms/MultiSelect",
|
|
7
|
+
component: o,
|
|
8
|
+
argTypes: {
|
|
9
|
+
onChange: { action: "changed" }
|
|
10
|
+
}
|
|
11
|
+
}, I = () => {
|
|
12
|
+
const [s, i] = u([]);
|
|
13
|
+
return /* @__PURE__ */ c(
|
|
14
|
+
o,
|
|
15
|
+
{
|
|
16
|
+
items: [
|
|
17
|
+
{ label: "Item 1", itemValue: "1" },
|
|
18
|
+
{ label: "Item 2", itemValue: "2" },
|
|
19
|
+
{ label: "Item 3", itemValue: "3" },
|
|
20
|
+
{ label: "Item 4", itemValue: "4" },
|
|
21
|
+
{ label: "Item 5", itemValue: "5" },
|
|
22
|
+
{ label: "Item 6", itemValue: "6" }
|
|
23
|
+
].map(({ label: t, itemValue: e }) => ({
|
|
24
|
+
label: t,
|
|
25
|
+
value: e,
|
|
26
|
+
checked: s.includes(e)
|
|
27
|
+
})),
|
|
28
|
+
onChange: (t) => {
|
|
29
|
+
const { checked: e, value: l } = t.target;
|
|
30
|
+
i((m) => {
|
|
31
|
+
const a = e ? [...m, l] : m.filter((n) => n !== l);
|
|
32
|
+
return r()(a), a;
|
|
33
|
+
});
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
);
|
|
37
|
+
}, V = I.bind({});
|
|
38
|
+
export {
|
|
39
|
+
V as MultiSelectExample,
|
|
40
|
+
h as default
|
|
41
|
+
};
|
|
42
|
+
//# sourceMappingURL=MultiSelect.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSelect.stories.js","sources":["../../../src/components/MultiSelect/MultiSelect.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\nimport { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MultiSelectProps } from './MultiSelect';\n\nimport { MultiSelect } from './MultiSelect';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Organisms/MultiSelect',\n component: MultiSelect,\n argTypes: {\n onChange: { action: 'changed' },\n },\n} as Meta<MultiSelectProps>;\n\nconst Template: StoryFn<MultiSelectProps> = () => {\n const [items, setItems] = useState<string[]>([]);\n\n const mockItems = [\n { label: 'Item 1', itemValue: '1' },\n { label: 'Item 2', itemValue: '2' },\n { label: 'Item 3', itemValue: '3' },\n { label: 'Item 4', itemValue: '4' },\n { label: 'Item 5', itemValue: '5' },\n { label: 'Item 6', itemValue: '6' },\n ];\n\n return (\n <MultiSelect\n items={mockItems.map(({ label, itemValue }) => ({\n label,\n value: itemValue,\n checked: items.includes(itemValue),\n }))}\n onChange={(event) => {\n const { checked, value } = event.target;\n setItems((prevState) => {\n const newItems = checked ? [...prevState, value] : prevState.filter((itemValue) => itemValue !== value);\n fn()(newItems);\n return newItems;\n });\n }}\n />\n );\n};\n\nexport const MultiSelectExample = Template.bind({});\n"],"names":["MultiSelect_stories","MultiSelect","Template","items","setItems","useState","jsx","label","itemValue","event","checked","value","prevState","newItems","fn","MultiSelectExample"],"mappings":";;;;AASA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,UAAU,EAAE,QAAQ,UAAU;AAAA,EAChC;AACF,GAEMC,IAAsC,MAAM;AAChD,QAAM,CAACC,GAAOC,CAAQ,IAAIC,EAAmB,CAAE,CAAA;AAY7C,SAAA,gBAAAC;AAAA,IAACL;AAAA,IAAA;AAAA,MACC,OAXc;AAAA,QAChB,EAAE,OAAO,UAAU,WAAW,IAAI;AAAA,QAClC,EAAE,OAAO,UAAU,WAAW,IAAI;AAAA,QAClC,EAAE,OAAO,UAAU,WAAW,IAAI;AAAA,QAClC,EAAE,OAAO,UAAU,WAAW,IAAI;AAAA,QAClC,EAAE,OAAO,UAAU,WAAW,IAAI;AAAA,QAClC,EAAE,OAAO,UAAU,WAAW,IAAI;AAAA,MAAA,EAKf,IAAI,CAAC,EAAE,OAAAM,GAAO,WAAAC,SAAiB;AAAA,QAC9C,OAAAD;AAAA,QACA,OAAOC;AAAA,QACP,SAASL,EAAM,SAASK,CAAS;AAAA,MAAA,EACjC;AAAA,MACF,UAAU,CAACC,MAAU;AACnB,cAAM,EAAE,SAAAC,GAAS,OAAAC,MAAUF,EAAM;AACjC,QAAAL,EAAS,CAACQ,MAAc;AACtB,gBAAMC,IAAWH,IAAU,CAAC,GAAGE,GAAWD,CAAK,IAAIC,EAAU,OAAO,CAACJ,MAAcA,MAAcG,CAAK;AACtGG,iBAAAA,EAAA,EAAKD,CAAQ,GACNA;AAAA,QAAA,CACR;AAAA,MACH;AAAA,IAAA;AAAA,EAAA;AAGN,GAEaE,IAAqBb,EAAS,KAAK,CAAE,CAAA;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './MultiSelect';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
import { ChangeEvent } from 'react';
|
|
2
|
+
|
|
3
|
+
export interface MultiSelectItemProps {
|
|
4
|
+
label: string;
|
|
5
|
+
value: string | number;
|
|
6
|
+
checked: boolean;
|
|
7
|
+
onChange(event: ChangeEvent<HTMLInputElement>): void;
|
|
8
|
+
}
|
|
9
|
+
export declare function MultiSelectItem({ label, value, checked, onChange }: MultiSelectItemProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { jsx as e, jsxs as s } from "react/jsx-runtime";
|
|
2
|
+
import { useId as _ } from "react";
|
|
3
|
+
import { Checkbox as c } from "../Checkbox/Checkbox.js";
|
|
4
|
+
import { Label as n } from "../Label/Label.js";
|
|
5
|
+
import '../../assets/MultiSelectItem.css';const i = {
|
|
6
|
+
"multi-select__item": "_multi-select__item_2oogm_1",
|
|
7
|
+
"multi-select__item-inner": "_multi-select__item-inner_2oogm_9"
|
|
8
|
+
};
|
|
9
|
+
function h({ label: m, value: l, checked: o, onChange: r }) {
|
|
10
|
+
const t = _();
|
|
11
|
+
return /* @__PURE__ */ e("li", { className: i["multi-select__item"], children: /* @__PURE__ */ s("div", { className: i["multi-select__item-inner"], children: [
|
|
12
|
+
/* @__PURE__ */ e(c, { id: t, value: l, checked: o, onChange: r }),
|
|
13
|
+
/* @__PURE__ */ e(n, { htmlFor: t, children: m })
|
|
14
|
+
] }) });
|
|
15
|
+
}
|
|
16
|
+
export {
|
|
17
|
+
h as MultiSelectItem
|
|
18
|
+
};
|
|
19
|
+
//# sourceMappingURL=MultiSelectItem.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSelectItem.js","sources":["../../../src/components/MultiSelectItem/MultiSelectItem.tsx"],"sourcesContent":["import { useId } from 'react';\n\nimport type { ChangeEvent } from 'react';\n\nimport styles from './MultiSelectItem.module.css';\n\nimport { Checkbox } from 'components/Checkbox';\nimport { Label } from 'components/Label';\n\nexport interface MultiSelectItemProps {\n label: string;\n value: string | number;\n checked: boolean;\n onChange(event: ChangeEvent<HTMLInputElement>): void;\n}\n\nexport function MultiSelectItem({ label, value, checked, onChange }: MultiSelectItemProps) {\n const id = useId();\n\n return (\n <li className={styles['multi-select__item']}>\n <div className={styles['multi-select__item-inner']}>\n <Checkbox id={id} value={value} checked={checked} onChange={onChange} />\n <Label htmlFor={id}>{label}</Label>\n </div>\n </li>\n );\n}\n"],"names":["MultiSelectItem","label","value","checked","onChange","id","useId","jsx","styles","jsxs","Checkbox","Label"],"mappings":";;;;;;;;AAgBO,SAASA,EAAgB,EAAE,OAAAC,GAAO,OAAAC,GAAO,SAAAC,GAAS,UAAAC,KAAkC;AACzF,QAAMC,IAAKC;AAGT,SAAA,gBAAAC,EAAC,MAAG,EAAA,WAAWC,EAAO,oBAAoB,GACxC,UAAA,gBAAAC,EAAC,OAAI,EAAA,WAAWD,EAAO,0BAA0B,GAC/C,UAAA;AAAA,IAAA,gBAAAD,EAACG,GAAS,EAAA,IAAAL,GAAQ,OAAAH,GAAc,SAAAC,GAAkB,UAAAC,GAAoB;AAAA,IACrE,gBAAAG,EAAAI,GAAA,EAAM,SAASN,GAAK,UAAMJ,GAAA;AAAA,EAAA,EAC7B,CAAA,EACF,CAAA;AAEJ;"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { MultiSelectItemProps } from './MultiSelectItem';
|
|
2
|
+
|
|
3
|
+
declare const _default: import('@storybook/types').ComponentAnnotations<import('@storybook/react').ReactRenderer, MultiSelectItemProps>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const MultiSelectItemExample: import('@storybook/types').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, MultiSelectItemProps>;
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as l } from "react/jsx-runtime";
|
|
2
|
+
import { f as m } from "../../index-DFUrxrKJ.js";
|
|
3
|
+
import { MultiSelectItem as e } from "./MultiSelectItem.js";
|
|
4
|
+
const u = {
|
|
5
|
+
title: "Molecules/MultiSelectItem",
|
|
6
|
+
component: e
|
|
7
|
+
}, o = (t) => /* @__PURE__ */ l(e, { ...t }), i = o.bind({});
|
|
8
|
+
i.args = {
|
|
9
|
+
label: "Example MultiSelectItem",
|
|
10
|
+
value: "Value MultiSelectItem",
|
|
11
|
+
onChange: m()
|
|
12
|
+
};
|
|
13
|
+
export {
|
|
14
|
+
i as MultiSelectItemExample,
|
|
15
|
+
u as default
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=MultiSelectItem.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"MultiSelectItem.stories.js","sources":["../../../src/components/MultiSelectItem/MultiSelectItem.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { MultiSelectItemProps } from './MultiSelectItem';\n\nimport { MultiSelectItem } from './MultiSelectItem';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Molecules/MultiSelectItem',\n component: MultiSelectItem,\n} as Meta<MultiSelectItemProps>;\n\nconst Template: StoryFn<MultiSelectItemProps> = (args) => <MultiSelectItem {...args} />;\n\nexport const MultiSelectItemExample = Template.bind({});\nMultiSelectItemExample.args = {\n label: 'Example MultiSelectItem',\n value: 'Value MultiSelectItem',\n onChange: fn(),\n};\n"],"names":["MultiSelectItem_stories","MultiSelectItem","Template","args","jsx","MultiSelectItemExample","fn"],"mappings":";;;AAQA,MAAeA,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AACb,GAEMC,IAA0C,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAiB,GAAGE,EAAM,CAAA,GAExEE,IAAyBH,EAAS,KAAK,EAAE;AACtDG,EAAuB,OAAO;AAAA,EAC5B,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAUC,EAAG;AACf;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './MultiSelectItem';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -18,6 +18,8 @@ export * from './Label';
|
|
|
18
18
|
export * from './MenuLink';
|
|
19
19
|
export * from './MetaDataList';
|
|
20
20
|
export * from './ModalDialog';
|
|
21
|
+
export * from './MultiSelect';
|
|
22
|
+
export * from './MultiSelectItem';
|
|
21
23
|
export * from './OverlayCloseButton';
|
|
22
24
|
export * from './ProgrammeCard';
|
|
23
25
|
export * from './RadioButton';
|
package/dist/components/index.js
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
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
|
|
5
|
-
import { Button as
|
|
4
|
+
import { Backdrop as i } from "./Backdrop/Backdrop.js";
|
|
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";
|
|
8
|
-
import { Checkbox as
|
|
9
|
-
import { Drawer as
|
|
8
|
+
import { Checkbox as S } from "./Checkbox/Checkbox.js";
|
|
9
|
+
import { Drawer as M } from "./Drawer/Drawer.js";
|
|
10
10
|
import { FieldHint as C } from "./FieldHint/FieldHint.js";
|
|
11
11
|
import { FormField as L } from "./FormField/FormField.js";
|
|
12
12
|
import { Icon as g } from "./Icon/Icon.js";
|
|
@@ -18,26 +18,28 @@ 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 {
|
|
21
|
+
import { MultiSelect as E } from "./MultiSelect/MultiSelect.js";
|
|
22
|
+
import { MultiSelectItem as K } from "./MultiSelectItem/MultiSelectItem.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 ao } from "./StatusPill/StatusPill.js";
|
|
32
|
+
import { Tooltip as lo } from "./Tooltip/Tooltip.js";
|
|
31
33
|
export {
|
|
32
34
|
t as Accordion,
|
|
33
35
|
p as AppStatusBar,
|
|
34
36
|
f as Attention,
|
|
35
|
-
|
|
36
|
-
|
|
37
|
+
i as Backdrop,
|
|
38
|
+
n as Button,
|
|
37
39
|
u as ButtonGroup,
|
|
38
40
|
d as Card,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
+
S as Checkbox,
|
|
42
|
+
M as Drawer,
|
|
41
43
|
C as FieldHint,
|
|
42
44
|
L as FormField,
|
|
43
45
|
g as Icon,
|
|
@@ -49,16 +51,18 @@ export {
|
|
|
49
51
|
N as MenuLink,
|
|
50
52
|
T as MetaDataList,
|
|
51
53
|
q as ModalDialog,
|
|
52
|
-
E as
|
|
53
|
-
K as
|
|
54
|
-
U as
|
|
55
|
-
W as
|
|
56
|
-
Y as
|
|
57
|
-
_ as
|
|
58
|
-
oo as
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
xo as
|
|
62
|
-
|
|
54
|
+
E as MultiSelect,
|
|
55
|
+
K as MultiSelectItem,
|
|
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
|
+
ao as StatusPill,
|
|
65
|
+
lo as Tooltip,
|
|
66
|
+
mo as useSelect
|
|
63
67
|
};
|
|
64
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
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import { Accordion as t } from "./components/Accordion/Accordion.js";
|
|
2
2
|
import { AppStatusBar as p } from "./components/AppStatusBar/AppStatusBar.js";
|
|
3
3
|
import { Attention as f } from "./components/Attention/Attention.js";
|
|
4
|
-
import { Backdrop as
|
|
5
|
-
import { Button as
|
|
4
|
+
import { Backdrop as i } from "./components/Backdrop/Backdrop.js";
|
|
5
|
+
import { Button as n } from "./components/Button/Button.js";
|
|
6
6
|
import { ButtonGroup as u } from "./components/ButtonGroup/ButtonGroup.js";
|
|
7
7
|
import { Card as d } from "./components/Card/Card.js";
|
|
8
|
-
import { Checkbox as
|
|
9
|
-
import { Drawer as
|
|
8
|
+
import { Checkbox as S } from "./components/Checkbox/Checkbox.js";
|
|
9
|
+
import { Drawer as M } from "./components/Drawer/Drawer.js";
|
|
10
10
|
import { FieldHint as C } from "./components/FieldHint/FieldHint.js";
|
|
11
11
|
import { FormField as L } from "./components/FormField/FormField.js";
|
|
12
12
|
import { Icon as g } from "./components/Icon/Icon.js";
|
|
@@ -18,26 +18,28 @@ import { Label as G } from "./components/Label/Label.js";
|
|
|
18
18
|
import { M as N } from "./MenuLink-CLEqkVVh.js";
|
|
19
19
|
import { MetaDataList as T } from "./components/MetaDataList/MetaDataList.js";
|
|
20
20
|
import { ModalDialog as q } from "./components/ModalDialog/ModalDialog.js";
|
|
21
|
-
import {
|
|
22
|
-
import {
|
|
23
|
-
import {
|
|
24
|
-
import {
|
|
25
|
-
import {
|
|
26
|
-
import {
|
|
27
|
-
import {
|
|
28
|
-
import {
|
|
29
|
-
import {
|
|
30
|
-
import {
|
|
21
|
+
import { MultiSelect as E } from "./components/MultiSelect/MultiSelect.js";
|
|
22
|
+
import { MultiSelectItem as K } from "./components/MultiSelectItem/MultiSelectItem.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 ao } from "./components/StatusPill/StatusPill.js";
|
|
32
|
+
import { Tooltip as lo } from "./components/Tooltip/Tooltip.js";
|
|
31
33
|
export {
|
|
32
34
|
t as Accordion,
|
|
33
35
|
p as AppStatusBar,
|
|
34
36
|
f as Attention,
|
|
35
|
-
|
|
36
|
-
|
|
37
|
+
i as Backdrop,
|
|
38
|
+
n as Button,
|
|
37
39
|
u as ButtonGroup,
|
|
38
40
|
d as Card,
|
|
39
|
-
|
|
40
|
-
|
|
41
|
+
S as Checkbox,
|
|
42
|
+
M as Drawer,
|
|
41
43
|
C as FieldHint,
|
|
42
44
|
L as FormField,
|
|
43
45
|
g as Icon,
|
|
@@ -49,16 +51,18 @@ export {
|
|
|
49
51
|
N as MenuLink,
|
|
50
52
|
T as MetaDataList,
|
|
51
53
|
q as ModalDialog,
|
|
52
|
-
E as
|
|
53
|
-
K as
|
|
54
|
-
U as
|
|
55
|
-
W as
|
|
56
|
-
Y as
|
|
57
|
-
_ as
|
|
58
|
-
oo as
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
xo as
|
|
62
|
-
|
|
54
|
+
E as MultiSelect,
|
|
55
|
+
K as MultiSelectItem,
|
|
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
|
+
ao as StatusPill,
|
|
65
|
+
lo as Tooltip,
|
|
66
|
+
mo as useSelect
|
|
63
67
|
};
|
|
64
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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|