@uva-glass/component-library 3.28.3 → 3.29.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/Button.module-D-q-W0TM.js +16 -0
- package/dist/Button.module-D-q-W0TM.js.map +1 -0
- package/dist/assets/Button.css +1 -1
- package/dist/assets/Notification.css +1 -0
- package/dist/components/Buttons/Button.js +1 -1
- package/dist/components/Buttons/Button.stories.js +15 -6
- package/dist/components/Buttons/Button.stories.js.map +1 -1
- package/dist/components/Buttons/LinkButton.js +1 -1
- package/dist/components/Buttons/MenuButton.js +1 -1
- package/dist/components/Checkbox/Checkbox.test.js +6 -5
- package/dist/components/Checkbox/Checkbox.test.js.map +1 -1
- package/dist/components/Icon/icons/index.d.ts +12 -0
- package/dist/components/Icon/icons/index.js +201 -191
- package/dist/components/Icon/icons/index.js.map +1 -1
- package/dist/components/Notification/Notification.d.ts +12 -0
- package/dist/components/Notification/Notification.js +58 -0
- package/dist/components/Notification/Notification.js.map +1 -0
- package/dist/components/Notification/Notification.stories.d.ts +6 -0
- package/dist/components/Notification/Notification.stories.js +43 -0
- package/dist/components/Notification/Notification.stories.js.map +1 -0
- package/dist/components/Notification/Notification.test.d.ts +0 -0
- package/dist/components/Notification/Notification.test.js +12 -0
- package/dist/components/Notification/Notification.test.js.map +1 -0
- package/dist/components/Notification/index.d.ts +1 -0
- package/dist/components/Notification/index.js +5 -0
- package/dist/components/Notification/index.js.map +1 -0
- package/dist/components/OverlayStepBar/OverlayStepBar.stories.js +1 -0
- package/dist/components/OverlayStepBar/OverlayStepBar.stories.js.map +1 -1
- package/dist/components/index.d.ts +1 -0
- package/dist/components/index.js +54 -52
- package/dist/components/index.js.map +1 -1
- package/dist/index.js +54 -52
- package/dist/index.js.map +1 -1
- package/dist/types/UserInterface.d.ts +1 -1
- package/package.json +8 -8
- package/dist/Button.module-Dlqf6mMD.js +0 -15
- package/dist/Button.module-Dlqf6mMD.js.map +0 -1
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export type NotificationVariant = 'default' | 'bar';
|
|
3
|
+
export type NotificationLevel = 'neutral' | 'information' | 'success' | 'warning' | 'danger';
|
|
4
|
+
export interface NotificationProps {
|
|
5
|
+
title: string;
|
|
6
|
+
subtitle?: string;
|
|
7
|
+
action?: ReactNode;
|
|
8
|
+
variant?: NotificationVariant;
|
|
9
|
+
level: NotificationLevel;
|
|
10
|
+
onClose?: () => void;
|
|
11
|
+
}
|
|
12
|
+
export declare const Notification: ({ title, subtitle, action, variant, level, onClose }: NotificationProps) => import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
import { jsxs as c, jsx as o } from "react/jsx-runtime";
|
|
2
|
+
import { c as s } from "../../clsx-OuTLNxxd.js";
|
|
3
|
+
import { Icon as r } from "../Icon/Icon.js";
|
|
4
|
+
import '../../assets/Notification.css';const p = "_notification_eo06p_1", t = {
|
|
5
|
+
notification: p,
|
|
6
|
+
"notification--default": "_notification--default_eo06p_6",
|
|
7
|
+
"notification--bar": "_notification--bar_eo06p_9",
|
|
8
|
+
"notification--neutral": "_notification--neutral_eo06p_14",
|
|
9
|
+
"notification--information": "_notification--information_eo06p_18",
|
|
10
|
+
"notification--success": "_notification--success_eo06p_22",
|
|
11
|
+
"notification--warning": "_notification--warning_eo06p_26",
|
|
12
|
+
"notification--danger": "_notification--danger_eo06p_30",
|
|
13
|
+
"notification-content": "_notification-content_eo06p_54",
|
|
14
|
+
"notification-content--text": "_notification-content--text_eo06p_58",
|
|
15
|
+
"notification-title": "_notification-title_eo06p_64",
|
|
16
|
+
"notification-subtitle": "_notification-subtitle_eo06p_68",
|
|
17
|
+
"notification-close-button": "_notification-close-button_eo06p_72",
|
|
18
|
+
"notification-close-button--bar--neutral": "_notification-close-button--bar--neutral_eo06p_106",
|
|
19
|
+
"notification-close-button--bar--information": "_notification-close-button--bar--information_eo06p_107",
|
|
20
|
+
"notification-close-button--bar--danger": "_notification-close-button--bar--danger_eo06p_108",
|
|
21
|
+
"notification-close-button--neutral": "_notification-close-button--neutral_eo06p_112",
|
|
22
|
+
"notification-close-button--information": "_notification-close-button--information_eo06p_116",
|
|
23
|
+
"notification-close-button--success": "_notification-close-button--success_eo06p_120",
|
|
24
|
+
"notification-close-button--warning": "_notification-close-button--warning_eo06p_123",
|
|
25
|
+
"notification-close-button--danger": "_notification-close-button--danger_eo06p_126",
|
|
26
|
+
"notification-close-button--bar--success": "_notification-close-button--bar--success_eo06p_139",
|
|
27
|
+
"notification-close-button--bar--warning": "_notification-close-button--bar--warning_eo06p_142"
|
|
28
|
+
}, N = ({ title: _, subtitle: a, action: e, variant: f = "default", level: i, onClose: l }) => {
|
|
29
|
+
const u = f === "bar";
|
|
30
|
+
function b(n) {
|
|
31
|
+
return n === "neutral" ? "CalendarEdit" : n === "information" ? "SquareInfo" : n === "success" ? "CheckCircle" : "ExclamationTriangleMini";
|
|
32
|
+
}
|
|
33
|
+
return /* @__PURE__ */ c("div", { className: s(t.notification, t[`notification--${f}`], t[`notification--${i}`]), children: [
|
|
34
|
+
/* @__PURE__ */ c("div", { className: t["notification-content"], children: [
|
|
35
|
+
/* @__PURE__ */ o(r, { name: b(i) }),
|
|
36
|
+
/* @__PURE__ */ c("div", { className: t["notification-content--text"], children: [
|
|
37
|
+
/* @__PURE__ */ o("p", { className: t["notification-title"], children: _ }),
|
|
38
|
+
a && /* @__PURE__ */ o("p", { className: t["notification-subtitle"], children: a }),
|
|
39
|
+
e && /* @__PURE__ */ o("div", { className: t["notification-action"], children: e })
|
|
40
|
+
] })
|
|
41
|
+
] }),
|
|
42
|
+
l && /* @__PURE__ */ o(
|
|
43
|
+
"button",
|
|
44
|
+
{
|
|
45
|
+
type: "button",
|
|
46
|
+
"aria-label": "close",
|
|
47
|
+
className: s(t["notification-close-button"], t[`notification-close-button--${i}`], {
|
|
48
|
+
[t[`notification-close-button--bar--${i}`]]: u
|
|
49
|
+
}),
|
|
50
|
+
children: /* @__PURE__ */ o(r, { name: "Cross", size: 24 })
|
|
51
|
+
}
|
|
52
|
+
)
|
|
53
|
+
] });
|
|
54
|
+
};
|
|
55
|
+
export {
|
|
56
|
+
N as Notification
|
|
57
|
+
};
|
|
58
|
+
//# sourceMappingURL=Notification.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Notification.js","sources":["../../../src/components/Notification/Notification.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { ReactNode } from 'react';\n\nimport styles from './Notification.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport type NotificationVariant = 'default' | 'bar';\nexport type NotificationLevel = 'neutral' | 'information' | 'success' | 'warning' | 'danger';\n\nexport interface NotificationProps {\n title: string;\n subtitle?: string;\n action?: ReactNode;\n variant?: NotificationVariant;\n level: NotificationLevel;\n onClose?: () => void;\n}\n\nexport const Notification = ({ title, subtitle, action, variant = 'default', level, onClose }: NotificationProps) => {\n const isBar = variant === 'bar';\n\n function setIconName(toastType: NotificationLevel) {\n if (toastType === 'neutral') return 'CalendarEdit';\n if (toastType === 'information') return 'SquareInfo';\n if (toastType === 'success') return 'CheckCircle';\n return 'ExclamationTriangleMini';\n }\n\n return (\n <div className={clsx(styles['notification'], styles[`notification--${variant}`], styles[`notification--${level}`])}>\n <div className={styles['notification-content']}>\n <Icon name={setIconName(level)} />\n <div className={styles['notification-content--text']}>\n <p className={styles['notification-title']}>{title}</p>\n {subtitle && <p className={styles['notification-subtitle']}>{subtitle}</p>}\n {action && <div className={styles['notification-action']}>{action}</div>}\n </div>\n </div>\n {onClose && (\n <button\n type=\"button\"\n aria-label=\"close\"\n className={clsx(styles['notification-close-button'], styles[`notification-close-button--${level}`], {\n [styles[`notification-close-button--bar--${level}`]]: isBar,\n })}\n >\n <Icon name=\"Cross\" size={24} />\n </button>\n )}\n </div>\n );\n};\n"],"names":["Notification","title","subtitle","action","variant","level","onClose","isBar","setIconName","toastType","clsx","styles","jsxs","jsx","Icon"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;GAoBaA,IAAe,CAAC,EAAE,OAAAC,GAAO,UAAAC,GAAU,QAAAC,GAAQ,SAAAC,IAAU,WAAW,OAAAC,GAAO,SAAAC,QAAiC;AACnH,QAAMC,IAAQH,MAAY;AAE1B,WAASI,EAAYC,GAA8B;AAC7C,WAAAA,MAAc,YAAkB,iBAChCA,MAAc,gBAAsB,eACpCA,MAAc,YAAkB,gBAC7B;AAAA,EAAA;AAGT,2BACG,OAAI,EAAA,WAAWC,EAAKC,EAAO,cAAiBA,EAAO,iBAAiBP,CAAO,EAAE,GAAGO,EAAO,iBAAiBN,CAAK,EAAE,CAAC,GAC/G,UAAA;AAAA,IAAA,gBAAAO,EAAC,OAAI,EAAA,WAAWD,EAAO,sBAAsB,GAC3C,UAAA;AAAA,MAAA,gBAAAE,EAACC,GAAK,EAAA,MAAMN,EAAYH,CAAK,EAAG,CAAA;AAAA,MAC/B,gBAAAO,EAAA,OAAA,EAAI,WAAWD,EAAO,4BAA4B,GACjD,UAAA;AAAA,QAAA,gBAAAE,EAAC,KAAE,EAAA,WAAWF,EAAO,oBAAoB,GAAI,UAAMV,GAAA;AAAA,QAClDC,KAAa,gBAAAW,EAAA,KAAA,EAAE,WAAWF,EAAO,uBAAuB,GAAI,UAAST,GAAA;AAAA,QACrEC,KAAW,gBAAAU,EAAA,OAAA,EAAI,WAAWF,EAAO,qBAAqB,GAAI,UAAOR,EAAA,CAAA;AAAA,MAAA,EACpE,CAAA;AAAA,IAAA,GACF;AAAA,IACCG,KACC,gBAAAO;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAK;AAAA,QACL,cAAW;AAAA,QACX,WAAWH,EAAKC,EAAO,2BAA2B,GAAGA,EAAO,8BAA8BN,CAAK,EAAE,GAAG;AAAA,UAClG,CAACM,EAAO,mCAAmCN,CAAK,EAAE,CAAC,GAAGE;AAAA,QAAA,CACvD;AAAA,QAED,UAAC,gBAAAM,EAAAC,GAAA,EAAK,MAAK,SAAQ,MAAM,GAAI,CAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EAC/B,GAEJ;AAEJ;"}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import { Meta } from '@storybook/react';
|
|
2
|
+
import { NotificationProps } from './Notification';
|
|
3
|
+
declare const _default: Meta<NotificationProps>;
|
|
4
|
+
export default _default;
|
|
5
|
+
export declare const NotificationExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, NotificationProps>;
|
|
6
|
+
export declare const AsBar: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, NotificationProps>;
|
|
@@ -0,0 +1,43 @@
|
|
|
1
|
+
import { jsx as i } from "react/jsx-runtime";
|
|
2
|
+
import { fn as a } from "../../index-Dwqes6RH.js";
|
|
3
|
+
import { Notification as t } from "./Notification.js";
|
|
4
|
+
const r = `<Notification title={title} subtitle={subtitle} action={action}
|
|
5
|
+
level={level} variant={variant} onClose={() => {}} />`, p = {
|
|
6
|
+
title: "Molecules/Notification",
|
|
7
|
+
component: t,
|
|
8
|
+
argTypes: {
|
|
9
|
+
level: {
|
|
10
|
+
options: ["neutral", "information", "success", "warning", "danger"],
|
|
11
|
+
control: { type: "radio" }
|
|
12
|
+
},
|
|
13
|
+
variant: {
|
|
14
|
+
options: ["default", "bar"],
|
|
15
|
+
control: { type: "radio" }
|
|
16
|
+
}
|
|
17
|
+
},
|
|
18
|
+
parameters: {
|
|
19
|
+
inspectComponent: t,
|
|
20
|
+
codeString: r
|
|
21
|
+
}
|
|
22
|
+
}, e = (n) => /* @__PURE__ */ i(t, { ...n }), o = {
|
|
23
|
+
level: "information",
|
|
24
|
+
title: "Titel van de melding",
|
|
25
|
+
onClose: a()
|
|
26
|
+
}, l = e.bind({});
|
|
27
|
+
l.args = {
|
|
28
|
+
...o,
|
|
29
|
+
variant: "default",
|
|
30
|
+
subtitle: "Subtekst ter verduidelijking van de melding.",
|
|
31
|
+
action: /* @__PURE__ */ i("span", { children: "Actie" })
|
|
32
|
+
};
|
|
33
|
+
const s = e.bind({});
|
|
34
|
+
s.args = {
|
|
35
|
+
...o,
|
|
36
|
+
variant: "bar"
|
|
37
|
+
};
|
|
38
|
+
export {
|
|
39
|
+
s as AsBar,
|
|
40
|
+
l as NotificationExample,
|
|
41
|
+
p as default
|
|
42
|
+
};
|
|
43
|
+
//# sourceMappingURL=Notification.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Notification.stories.js","sources":["../../../src/components/Notification/Notification.stories.tsx"],"sourcesContent":["import { fn } from '@storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { NotificationProps } from './Notification';\n\nimport { Notification } from './Notification';\n\nconst codeString = `<Notification title={title} subtitle={subtitle} action={action} \n level={level} variant={variant} onClose={() => {}} />`;\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Molecules/Notification',\n component: Notification,\n argTypes: {\n level: {\n options: ['neutral', 'information', 'success', 'warning', 'danger'],\n control: { type: 'radio' },\n },\n variant: {\n options: ['default', 'bar'],\n control: { type: 'radio' },\n },\n },\n parameters: {\n inspectComponent: Notification,\n codeString: codeString,\n },\n} as Meta<NotificationProps>;\n\nconst Template: StoryFn<NotificationProps> = (args) => <Notification {...args} />;\n\nconst defaultArgs: Partial<NotificationProps> = {\n level: 'information',\n title: 'Titel van de melding',\n onClose: fn(),\n};\n\nexport const NotificationExample = Template.bind({});\nNotificationExample.args = {\n ...defaultArgs,\n variant: 'default',\n subtitle: 'Subtekst ter verduidelijking van de melding.',\n action: <span>Actie</span>,\n};\n\nexport const AsBar = Template.bind({});\nAsBar.args = {\n ...defaultArgs,\n variant: 'bar',\n};\n"],"names":["codeString","Notification_stories","Notification","Template","args","jsx","defaultArgs","fn","NotificationExample","AsBar"],"mappings":";;;AAOA,MAAMA,IAAa;AAAA,0DAIJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS,CAAC,WAAW,eAAe,WAAW,WAAW,QAAQ;AAAA,MAClE,SAAS,EAAE,MAAM,QAAQ;AAAA,IAC3B;AAAA,IACA,SAAS;AAAA,MACP,SAAS,CAAC,WAAW,KAAK;AAAA,MAC1B,SAAS,EAAE,MAAM,QAAQ;AAAA,IAAA;AAAA,EAE7B;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAuC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAc,GAAGE,GAAM,GAEzEE,IAA0C;AAAA,EAC9C,OAAO;AAAA,EACP,OAAO;AAAA,EACP,SAASC,EAAG;AACd,GAEaC,IAAsBL,EAAS,KAAK,CAAE,CAAA;AACnDK,EAAoB,OAAO;AAAA,EACzB,GAAGF;AAAA,EACH,SAAS;AAAA,EACT,UAAU;AAAA,EACV,QAAS,gBAAAD,EAAA,QAAA,EAAK,UAAK,QAAA,CAAA;AACrB;AAEO,MAAMI,IAAQN,EAAS,KAAK,CAAE,CAAA;AACrCM,EAAM,OAAO;AAAA,EACX,GAAGH;AAAA,EACH,SAAS;AACX;"}
|
|
File without changes
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { jsx as e } from "react/jsx-runtime";
|
|
2
|
+
import "../../index-BqLi4tOb.js";
|
|
3
|
+
import { r as i, s as t } from "../../react.esm-CsMDid07.js";
|
|
4
|
+
import { Notification as n } from "./Notification.js";
|
|
5
|
+
describe("Notification", () => {
|
|
6
|
+
it("renders title and subtitle", () => {
|
|
7
|
+
i(/* @__PURE__ */ e(n, { level: "information", title: "Info title", subtitle: "Info subtitle" })), expect(t.getByText("Info title")).toBeInTheDocument(), expect(t.getByText("Info subtitle")).toBeInTheDocument();
|
|
8
|
+
}), it("renders bar variant", () => {
|
|
9
|
+
i(/* @__PURE__ */ e(n, { level: "danger", variant: "bar", title: "Danger title" })), expect(t.getByText("Danger title")).toBeInTheDocument();
|
|
10
|
+
});
|
|
11
|
+
});
|
|
12
|
+
//# sourceMappingURL=Notification.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Notification.test.js","sources":["../../../src/components/Notification/Notification.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { Notification } from './Notification';\n\ndescribe('Notification', () => {\n it('renders title and subtitle', () => {\n render(<Notification level=\"information\" title=\"Info title\" subtitle=\"Info subtitle\" />);\n expect(screen.getByText('Info title')).toBeInTheDocument();\n expect(screen.getByText('Info subtitle')).toBeInTheDocument();\n });\n\n it('renders bar variant', () => {\n render(<Notification level=\"danger\" variant=\"bar\" title=\"Danger title\" />);\n expect(screen.getByText('Danger title')).toBeInTheDocument();\n });\n});\n"],"names":["render","jsx","Notification","screen"],"mappings":";;;;AAKA,SAAS,gBAAgB,MAAM;AAC7B,KAAG,8BAA8B,MAAM;AAC9B,IAAAA,EAAA,gBAAAC,EAACC,KAAa,OAAM,eAAc,OAAM,cAAa,UAAS,iBAAgB,CAAE,GACvF,OAAOC,EAAO,UAAU,YAAY,CAAC,EAAE,kBAAkB,GACzD,OAAOA,EAAO,UAAU,eAAe,CAAC,EAAE,kBAAkB;AAAA,EAAA,CAC7D,GAED,GAAG,uBAAuB,MAAM;AACvB,IAAAH,EAAA,gBAAAC,EAACC,KAAa,OAAM,UAAS,SAAQ,OAAM,OAAM,gBAAe,CAAE,GACzE,OAAOC,EAAO,UAAU,cAAc,CAAC,EAAE,kBAAkB;AAAA,EAAA,CAC5D;AACH,CAAC;"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export * from './Notification';
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OverlayStepBar.stories.js","sources":["../../../src/components/OverlayStepBar/OverlayStepBar.stories.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { OverlayStepBarProps } from './OverlayStepBar';\n\nimport { OverlayStepBar } from './OverlayStepBar';\n\nconst codeString =\n '<OverlayStepBar stepLabels={[string]} activeStep={number} disabledCountPrefix={[numbers]} onStepClick={(step) => void}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Molecules/OverlayStepBar',\n component: OverlayStepBar,\n argTypes: {\n activeStep: { control: 'number' },\n stepLabels: { control: 'object' },\n disabledCountPrefix: {\n table: {\n disable: true,\n },\n },\n onStepClick: { action: 'stepClicked' },\n },\n parameters: {\n inspectComponent: OverlayStepBar,\n codeString: codeString,\n },\n} as Meta<OverlayStepBarProps>;\n\nconst Template: StoryFn<OverlayStepBarProps> = (args) => {\n const [activeStep, setActiveStep] = useState(args.activeStep || 1);\n\n return (\n <OverlayStepBar\n {...args}\n activeStep={activeStep}\n onStepClick={(step) => {\n setActiveStep(step);\n args.onStepClick?.(step);\n }}\n />\n );\n};\n\nconst defaultArgs: Partial<OverlayStepBarProps> = {\n stepLabels: ['Basic Details', 'Lecturers', 'Period Planning', 'Assessment', 'Miscellaneous', 'Overview'],\n};\n\nexport const OverlayStepBarExample = Template.bind({});\nOverlayStepBarExample.args = {\n ...defaultArgs,\n activeStep: 2,\n};\n\nexport const OverlayStepBarHidePrifix = Template.bind({});\nOverlayStepBarHidePrifix.args = {\n ...defaultArgs,\n disabledCountPrefix: [1, 6],\n activeStep: 2,\n};\n"],"names":["codeString","OverlayStepBar_stories","OverlayStepBar","Template","args","activeStep","setActiveStep","useState","jsx","step","_a","defaultArgs","OverlayStepBarExample","OverlayStepBarHidePrifix"],"mappings":";;;AAOA,MAAMA,IACJ,4HAGaC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,YAAY,EAAE,SAAS,SAAS;AAAA,IAChC,YAAY,EAAE,SAAS,SAAS;AAAA,IAChC,qBAAqB;AAAA,MACnB,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IAEb;AAAA,IACA,aAAa,EAAE,QAAQ,cAAc;AAAA,EACvC;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAyC,CAACC,MAAS;AACvD,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASH,EAAK,cAAc,CAAC;AAG/D,SAAA,gBAAAI;AAAA,IAACN;AAAA,IAAA;AAAA,MACE,GAAGE;AAAA,MACJ,YAAAC;AAAA,MACA,aAAa,CAACI,MAAS;;AACrB,QAAAH,EAAcG,CAAI,IAClBC,IAAAN,EAAK,gBAAL,QAAAM,EAAA,KAAAN,GAAmBK;AAAA,MAAI;AAAA,IACzB;AAAA,EACF;AAEJ,GAEME,IAA4C;AAAA,EAChD,YAAY,CAAC,iBAAiB,aAAa,mBAAmB,cAAc,iBAAiB,UAAU;AACzG,GAEaC,IAAwBT,EAAS,KAAK,CAAE,CAAA;AACrDS,EAAsB,OAAO;AAAA,EAC3B,GAAGD;AAAA,EACH,YAAY;AACd;AAEO,MAAME,IAA2BV,EAAS,KAAK,CAAE,CAAA;AACxDU,EAAyB,OAAO;AAAA,EAC9B,GAAGF;AAAA,
|
|
1
|
+
{"version":3,"file":"OverlayStepBar.stories.js","sources":["../../../src/components/OverlayStepBar/OverlayStepBar.stories.tsx"],"sourcesContent":["import { useState } from 'react';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { OverlayStepBarProps } from './OverlayStepBar';\n\nimport { OverlayStepBar } from './OverlayStepBar';\n\nconst codeString =\n '<OverlayStepBar stepLabels={[string]} activeStep={number} disabledCountPrefix={[numbers]} onStepClick={(step) => void}/>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Molecules/OverlayStepBar',\n component: OverlayStepBar,\n argTypes: {\n activeStep: { control: 'number' },\n stepLabels: { control: 'object' },\n disabledCountPrefix: {\n table: {\n disable: true,\n },\n },\n onStepClick: { action: 'stepClicked' },\n },\n parameters: {\n inspectComponent: OverlayStepBar,\n codeString: codeString,\n },\n} as Meta<OverlayStepBarProps>;\n\nconst Template: StoryFn<OverlayStepBarProps> = (args) => {\n const [activeStep, setActiveStep] = useState(args.activeStep || 1);\n\n return (\n <OverlayStepBar\n {...args}\n activeStep={activeStep}\n onStepClick={(step) => {\n setActiveStep(step);\n args.onStepClick?.(step);\n }}\n />\n );\n};\n\nconst defaultArgs: Partial<OverlayStepBarProps> = {\n stepLabels: ['Basic Details', 'Lecturers', 'Period Planning', 'Assessment', 'Miscellaneous', 'Overview'],\n};\n\nexport const OverlayStepBarExample = Template.bind({});\nOverlayStepBarExample.args = {\n ...defaultArgs,\n activeStep: 2,\n};\n\nexport const OverlayStepBarHidePrifix = Template.bind({});\nOverlayStepBarHidePrifix.args = {\n ...defaultArgs,\n // eslint-disable-next-line @typescript-eslint/no-magic-numbers\n disabledCountPrefix: [1, 6],\n activeStep: 2,\n};\n"],"names":["codeString","OverlayStepBar_stories","OverlayStepBar","Template","args","activeStep","setActiveStep","useState","jsx","step","_a","defaultArgs","OverlayStepBarExample","OverlayStepBarHidePrifix"],"mappings":";;;AAOA,MAAMA,IACJ,4HAGaC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,YAAY,EAAE,SAAS,SAAS;AAAA,IAChC,YAAY,EAAE,SAAS,SAAS;AAAA,IAChC,qBAAqB;AAAA,MACnB,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IAEb;AAAA,IACA,aAAa,EAAE,QAAQ,cAAc;AAAA,EACvC;AAAA,EACA,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAyC,CAACC,MAAS;AACvD,QAAM,CAACC,GAAYC,CAAa,IAAIC,EAASH,EAAK,cAAc,CAAC;AAG/D,SAAA,gBAAAI;AAAA,IAACN;AAAA,IAAA;AAAA,MACE,GAAGE;AAAA,MACJ,YAAAC;AAAA,MACA,aAAa,CAACI,MAAS;;AACrB,QAAAH,EAAcG,CAAI,IAClBC,IAAAN,EAAK,gBAAL,QAAAM,EAAA,KAAAN,GAAmBK;AAAA,MAAI;AAAA,IACzB;AAAA,EACF;AAEJ,GAEME,IAA4C;AAAA,EAChD,YAAY,CAAC,iBAAiB,aAAa,mBAAmB,cAAc,iBAAiB,UAAU;AACzG,GAEaC,IAAwBT,EAAS,KAAK,CAAE,CAAA;AACrDS,EAAsB,OAAO;AAAA,EAC3B,GAAGD;AAAA,EACH,YAAY;AACd;AAEO,MAAME,IAA2BV,EAAS,KAAK,CAAE,CAAA;AACxDU,EAAyB,OAAO;AAAA,EAC9B,GAAGF;AAAA;AAAA,EAEH,qBAAqB,CAAC,GAAG,CAAC;AAAA,EAC1B,YAAY;AACd;"}
|
|
@@ -35,6 +35,7 @@ export * from './MetaDataList';
|
|
|
35
35
|
export * from './ModalDialog';
|
|
36
36
|
export * from './MultiSelect';
|
|
37
37
|
export * from './MultiSelectBox';
|
|
38
|
+
export * from './Notification';
|
|
38
39
|
export * from './OverlayCloseButton';
|
|
39
40
|
export * from './OverlayStepBar';
|
|
40
41
|
export * from './PageOverlay';
|
package/dist/components/index.js
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Accordion as t } from "./Accordion/Accordion.js";
|
|
2
2
|
import { AccordionCard as p } from "./AccordionCard/AccordionCard.js";
|
|
3
|
-
import { ActionList as
|
|
3
|
+
import { ActionList as f } from "./ActionList/ActionList.js";
|
|
4
4
|
import { AppStatusBar as a } from "./AppStatusBar/AppStatusBar.js";
|
|
5
5
|
import { Attention as n } from "./Attention/Attention.js";
|
|
6
6
|
import { Backdrop as c } from "./Backdrop/Backdrop.js";
|
|
@@ -17,7 +17,7 @@ import { ControlsButton as T } from "./ControlsButton/ControlsButton.js";
|
|
|
17
17
|
import { Drawer as w } from "./Drawer/Drawer.js";
|
|
18
18
|
import { EmptyStateDataDisplay as G } from "./EmptyStateDataDisplay/EmptyStateDataDisplay.js";
|
|
19
19
|
import { ExpandableInfoPanel as H } from "./ExpandableInfoPanel/ExpandableInfoPanel.js";
|
|
20
|
-
import { FeedbackBar as
|
|
20
|
+
import { FeedbackBar as z } from "./FeedbackBar/FeedbackBar.js";
|
|
21
21
|
import { FeedbackBox as j } from "./FeedbackBox/FeedbackBox.js";
|
|
22
22
|
import { FieldHint as J } from "./FieldHint/FieldHint.js";
|
|
23
23
|
import { Fieldset as Q } from "./Fieldset/Fieldset.js";
|
|
@@ -27,7 +27,7 @@ import { GridRow as _ } from "./GridRow/GridRow.js";
|
|
|
27
27
|
import { HorizontalList as oo } from "./HorizontalList/HorizontalList.js";
|
|
28
28
|
import { Icon as to } from "./Icon/Icon.js";
|
|
29
29
|
import { IconButton as po } from "./IconButton/IconButton.js";
|
|
30
|
-
import { InfoBanner as
|
|
30
|
+
import { InfoBanner as fo } from "./InfoBanner/InfoBanner.js";
|
|
31
31
|
import { InfoMessage as ao } from "./InfoMessage/InfoMessage.js";
|
|
32
32
|
import { Input as no } from "./Input/Input.js";
|
|
33
33
|
import { InputField as co } from "./InputField/InputField.js";
|
|
@@ -37,32 +37,33 @@ import { MetaDataList as Co } from "./MetaDataList/MetaDataList.js";
|
|
|
37
37
|
import { ModalDialog as ko } from "./ModalDialog/ModalDialog.js";
|
|
38
38
|
import { M as Mo } from "../TablePlugin-NmJsn2fm.js";
|
|
39
39
|
import { MultiSelectBox as Lo } from "./MultiSelectBox/MultiSelectBox.js";
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
40
|
+
import { Notification as Ro } from "./Notification/Notification.js";
|
|
41
|
+
import { OverlayCloseButton as ho } from "./OverlayCloseButton/OverlayCloseButton.js";
|
|
42
|
+
import { OverlayStepBar as Do } from "./OverlayStepBar/OverlayStepBar.js";
|
|
43
|
+
import { PageOverlay as vo } from "./PageOverlay/PageOverlay.js";
|
|
44
|
+
import { Periods as Eo } from "./Periods/Periods.js";
|
|
45
|
+
import { PeriodSelector as Oo } from "./PeriodSelector/PeriodSelector.js";
|
|
46
|
+
import { ProgrammeCard as No } from "./ProgrammeCard/ProgrammeCard.js";
|
|
47
|
+
import { RadioButton as Vo } from "./RadioButton/RadioButton.js";
|
|
48
|
+
import { RadioGroup as qo } from "./RadioGroup/RadioGroup.js";
|
|
49
|
+
import { RadioTabSelector as Ko } from "./RadioTabSelector/RadioTabSelector.js";
|
|
50
|
+
import { Repeater as Uo } from "./Repeater/Repeater.js";
|
|
51
|
+
import { Rte as Xo, RteEditor as Yo } from "./RteEditor/RteEditor.js";
|
|
52
|
+
import { SectionNotification as _o } from "./SectionNotification/SectionNotification.js";
|
|
53
|
+
import { SelectListbox as or } from "./SelectListbox/SelectListbox.js";
|
|
54
|
+
import { SelectProvider as tr, useSelect as er } from "./SelectListbox/SelectProvider.js";
|
|
55
|
+
import { Sortable as xr } from "./Sortable/Sortable.js";
|
|
56
|
+
import { Spinner as mr } from "./Spinner/Spinner.js";
|
|
57
|
+
import { StatusBadge as ir } from "./StatusBadge/StatusBage.js";
|
|
58
|
+
import { StatusPill as lr } from "./StatusPill/StatusPill.js";
|
|
59
|
+
import { TextArea as dr } from "./TextArea/TextArea.js";
|
|
60
|
+
import { ToggleSwitch as Br } from "./ToggleSwitch/ToggleSwitch.js";
|
|
61
|
+
import { Tooltip as Sr } from "./Tooltip/Tooltip.js";
|
|
62
|
+
import { VarIndicator as Cr } from "./VarIndicator/VarIndicator.js";
|
|
62
63
|
export {
|
|
63
64
|
t as Accordion,
|
|
64
65
|
p as AccordionCard,
|
|
65
|
-
|
|
66
|
+
f as ActionList,
|
|
66
67
|
a as AppStatusBar,
|
|
67
68
|
n as Attention,
|
|
68
69
|
c as Backdrop,
|
|
@@ -77,7 +78,7 @@ export {
|
|
|
77
78
|
w as Drawer,
|
|
78
79
|
G as EmptyStateDataDisplay,
|
|
79
80
|
H as ExpandableInfoPanel,
|
|
80
|
-
|
|
81
|
+
z as FeedbackBar,
|
|
81
82
|
j as FeedbackBox,
|
|
82
83
|
J as FieldHint,
|
|
83
84
|
Q as Fieldset,
|
|
@@ -87,7 +88,7 @@ export {
|
|
|
87
88
|
oo as HorizontalList,
|
|
88
89
|
to as Icon,
|
|
89
90
|
po as IconButton,
|
|
90
|
-
|
|
91
|
+
fo as InfoBanner,
|
|
91
92
|
ao as InfoMessage,
|
|
92
93
|
no as Input,
|
|
93
94
|
co as InputField,
|
|
@@ -99,29 +100,30 @@ export {
|
|
|
99
100
|
ko as ModalDialog,
|
|
100
101
|
Mo as MultiSelect,
|
|
101
102
|
Lo as MultiSelectBox,
|
|
102
|
-
Ro as
|
|
103
|
-
ho as
|
|
104
|
-
Do as
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
Vo as
|
|
110
|
-
qo as
|
|
111
|
-
Ko as
|
|
112
|
-
Uo as
|
|
113
|
-
|
|
114
|
-
Yo as
|
|
115
|
-
_o as
|
|
116
|
-
or as
|
|
117
|
-
|
|
118
|
-
xr as
|
|
119
|
-
|
|
120
|
-
ir as
|
|
121
|
-
lr as
|
|
122
|
-
dr as
|
|
123
|
-
Br as
|
|
124
|
-
Sr as
|
|
125
|
-
|
|
103
|
+
Ro as Notification,
|
|
104
|
+
ho as OverlayCloseButton,
|
|
105
|
+
Do as OverlayStepBar,
|
|
106
|
+
vo as PageOverlay,
|
|
107
|
+
Oo as PeriodSelector,
|
|
108
|
+
Eo as Periods,
|
|
109
|
+
No as ProgrammeCard,
|
|
110
|
+
Vo as RadioButton,
|
|
111
|
+
qo as RadioGroup,
|
|
112
|
+
Ko as RadioTabSelector,
|
|
113
|
+
Uo as Repeater,
|
|
114
|
+
Xo as Rte,
|
|
115
|
+
Yo as RteEditor,
|
|
116
|
+
_o as SectionNotification,
|
|
117
|
+
or as SelectListbox,
|
|
118
|
+
tr as SelectProvider,
|
|
119
|
+
xr as Sortable,
|
|
120
|
+
mr as Spinner,
|
|
121
|
+
ir as StatusBadge,
|
|
122
|
+
lr as StatusPill,
|
|
123
|
+
dr as TextArea,
|
|
124
|
+
Br as ToggleSwitch,
|
|
125
|
+
Sr as Tooltip,
|
|
126
|
+
Cr as VarIndicator,
|
|
127
|
+
er as useSelect
|
|
126
128
|
};
|
|
127
129
|
//# 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,6 +1,6 @@
|
|
|
1
1
|
import { Accordion as t } from "./components/Accordion/Accordion.js";
|
|
2
2
|
import { AccordionCard as p } from "./components/AccordionCard/AccordionCard.js";
|
|
3
|
-
import { ActionList as
|
|
3
|
+
import { ActionList as f } from "./components/ActionList/ActionList.js";
|
|
4
4
|
import { AppStatusBar as a } from "./components/AppStatusBar/AppStatusBar.js";
|
|
5
5
|
import { Attention as n } from "./components/Attention/Attention.js";
|
|
6
6
|
import { Backdrop as c } from "./components/Backdrop/Backdrop.js";
|
|
@@ -17,7 +17,7 @@ import { ControlsButton as T } from "./components/ControlsButton/ControlsButton.
|
|
|
17
17
|
import { Drawer as w } from "./components/Drawer/Drawer.js";
|
|
18
18
|
import { EmptyStateDataDisplay as G } from "./components/EmptyStateDataDisplay/EmptyStateDataDisplay.js";
|
|
19
19
|
import { ExpandableInfoPanel as H } from "./components/ExpandableInfoPanel/ExpandableInfoPanel.js";
|
|
20
|
-
import { FeedbackBar as
|
|
20
|
+
import { FeedbackBar as z } from "./components/FeedbackBar/FeedbackBar.js";
|
|
21
21
|
import { FeedbackBox as j } from "./components/FeedbackBox/FeedbackBox.js";
|
|
22
22
|
import { FieldHint as J } from "./components/FieldHint/FieldHint.js";
|
|
23
23
|
import { Fieldset as Q } from "./components/Fieldset/Fieldset.js";
|
|
@@ -27,7 +27,7 @@ import { GridRow as _ } from "./components/GridRow/GridRow.js";
|
|
|
27
27
|
import { HorizontalList as oo } from "./components/HorizontalList/HorizontalList.js";
|
|
28
28
|
import { Icon as to } from "./components/Icon/Icon.js";
|
|
29
29
|
import { IconButton as po } from "./components/IconButton/IconButton.js";
|
|
30
|
-
import { InfoBanner as
|
|
30
|
+
import { InfoBanner as fo } from "./components/InfoBanner/InfoBanner.js";
|
|
31
31
|
import { InfoMessage as ao } from "./components/InfoMessage/InfoMessage.js";
|
|
32
32
|
import { Input as no } from "./components/Input/Input.js";
|
|
33
33
|
import { InputField as co } from "./components/InputField/InputField.js";
|
|
@@ -37,32 +37,33 @@ import { MetaDataList as Co } from "./components/MetaDataList/MetaDataList.js";
|
|
|
37
37
|
import { ModalDialog as ko } from "./components/ModalDialog/ModalDialog.js";
|
|
38
38
|
import { M as Mo } from "./TablePlugin-NmJsn2fm.js";
|
|
39
39
|
import { MultiSelectBox as Lo } from "./components/MultiSelectBox/MultiSelectBox.js";
|
|
40
|
-
import {
|
|
41
|
-
import {
|
|
42
|
-
import {
|
|
43
|
-
import {
|
|
44
|
-
import {
|
|
45
|
-
import {
|
|
46
|
-
import {
|
|
47
|
-
import {
|
|
48
|
-
import {
|
|
49
|
-
import {
|
|
50
|
-
import {
|
|
51
|
-
import {
|
|
52
|
-
import {
|
|
53
|
-
import {
|
|
54
|
-
import {
|
|
55
|
-
import {
|
|
56
|
-
import {
|
|
57
|
-
import {
|
|
58
|
-
import {
|
|
59
|
-
import {
|
|
60
|
-
import {
|
|
61
|
-
import {
|
|
40
|
+
import { Notification as Ro } from "./components/Notification/Notification.js";
|
|
41
|
+
import { OverlayCloseButton as ho } from "./components/OverlayCloseButton/OverlayCloseButton.js";
|
|
42
|
+
import { OverlayStepBar as Do } from "./components/OverlayStepBar/OverlayStepBar.js";
|
|
43
|
+
import { PageOverlay as vo } from "./components/PageOverlay/PageOverlay.js";
|
|
44
|
+
import { Periods as Eo } from "./components/Periods/Periods.js";
|
|
45
|
+
import { PeriodSelector as Oo } from "./components/PeriodSelector/PeriodSelector.js";
|
|
46
|
+
import { ProgrammeCard as No } from "./components/ProgrammeCard/ProgrammeCard.js";
|
|
47
|
+
import { RadioButton as Vo } from "./components/RadioButton/RadioButton.js";
|
|
48
|
+
import { RadioGroup as qo } from "./components/RadioGroup/RadioGroup.js";
|
|
49
|
+
import { RadioTabSelector as Ko } from "./components/RadioTabSelector/RadioTabSelector.js";
|
|
50
|
+
import { Repeater as Uo } from "./components/Repeater/Repeater.js";
|
|
51
|
+
import { Rte as Xo, RteEditor as Yo } from "./components/RteEditor/RteEditor.js";
|
|
52
|
+
import { SectionNotification as _o } from "./components/SectionNotification/SectionNotification.js";
|
|
53
|
+
import { SelectListbox as or } from "./components/SelectListbox/SelectListbox.js";
|
|
54
|
+
import { SelectProvider as tr, useSelect as er } from "./components/SelectListbox/SelectProvider.js";
|
|
55
|
+
import { Sortable as xr } from "./components/Sortable/Sortable.js";
|
|
56
|
+
import { Spinner as mr } from "./components/Spinner/Spinner.js";
|
|
57
|
+
import { StatusBadge as ir } from "./components/StatusBadge/StatusBage.js";
|
|
58
|
+
import { StatusPill as lr } from "./components/StatusPill/StatusPill.js";
|
|
59
|
+
import { TextArea as dr } from "./components/TextArea/TextArea.js";
|
|
60
|
+
import { ToggleSwitch as Br } from "./components/ToggleSwitch/ToggleSwitch.js";
|
|
61
|
+
import { Tooltip as Sr } from "./components/Tooltip/Tooltip.js";
|
|
62
|
+
import { VarIndicator as Cr } from "./components/VarIndicator/VarIndicator.js";
|
|
62
63
|
export {
|
|
63
64
|
t as Accordion,
|
|
64
65
|
p as AccordionCard,
|
|
65
|
-
|
|
66
|
+
f as ActionList,
|
|
66
67
|
a as AppStatusBar,
|
|
67
68
|
n as Attention,
|
|
68
69
|
c as Backdrop,
|
|
@@ -77,7 +78,7 @@ export {
|
|
|
77
78
|
w as Drawer,
|
|
78
79
|
G as EmptyStateDataDisplay,
|
|
79
80
|
H as ExpandableInfoPanel,
|
|
80
|
-
|
|
81
|
+
z as FeedbackBar,
|
|
81
82
|
j as FeedbackBox,
|
|
82
83
|
J as FieldHint,
|
|
83
84
|
Q as Fieldset,
|
|
@@ -87,7 +88,7 @@ export {
|
|
|
87
88
|
oo as HorizontalList,
|
|
88
89
|
to as Icon,
|
|
89
90
|
po as IconButton,
|
|
90
|
-
|
|
91
|
+
fo as InfoBanner,
|
|
91
92
|
ao as InfoMessage,
|
|
92
93
|
no as Input,
|
|
93
94
|
co as InputField,
|
|
@@ -99,29 +100,30 @@ export {
|
|
|
99
100
|
ko as ModalDialog,
|
|
100
101
|
Mo as MultiSelect,
|
|
101
102
|
Lo as MultiSelectBox,
|
|
102
|
-
Ro as
|
|
103
|
-
ho as
|
|
104
|
-
Do as
|
|
105
|
-
|
|
106
|
-
|
|
107
|
-
|
|
108
|
-
|
|
109
|
-
Vo as
|
|
110
|
-
qo as
|
|
111
|
-
Ko as
|
|
112
|
-
Uo as
|
|
113
|
-
|
|
114
|
-
Yo as
|
|
115
|
-
_o as
|
|
116
|
-
or as
|
|
117
|
-
|
|
118
|
-
xr as
|
|
119
|
-
|
|
120
|
-
ir as
|
|
121
|
-
lr as
|
|
122
|
-
dr as
|
|
123
|
-
Br as
|
|
124
|
-
Sr as
|
|
125
|
-
|
|
103
|
+
Ro as Notification,
|
|
104
|
+
ho as OverlayCloseButton,
|
|
105
|
+
Do as OverlayStepBar,
|
|
106
|
+
vo as PageOverlay,
|
|
107
|
+
Oo as PeriodSelector,
|
|
108
|
+
Eo as Periods,
|
|
109
|
+
No as ProgrammeCard,
|
|
110
|
+
Vo as RadioButton,
|
|
111
|
+
qo as RadioGroup,
|
|
112
|
+
Ko as RadioTabSelector,
|
|
113
|
+
Uo as Repeater,
|
|
114
|
+
Xo as Rte,
|
|
115
|
+
Yo as RteEditor,
|
|
116
|
+
_o as SectionNotification,
|
|
117
|
+
or as SelectListbox,
|
|
118
|
+
tr as SelectProvider,
|
|
119
|
+
xr as Sortable,
|
|
120
|
+
mr as Spinner,
|
|
121
|
+
ir as StatusBadge,
|
|
122
|
+
lr as StatusPill,
|
|
123
|
+
dr as TextArea,
|
|
124
|
+
Br as ToggleSwitch,
|
|
125
|
+
Sr as Tooltip,
|
|
126
|
+
Cr as VarIndicator,
|
|
127
|
+
er as useSelect
|
|
126
128
|
};
|
|
127
129
|
//# 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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
|
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
export type UIButtonVariant = 'primary' | 'secondary' | 'destructive-primary' | 'destructive-secondary' | 'blank' | 'blank-subtle' | 'blank-icon';
|
|
1
|
+
export type UIButtonVariant = 'primary' | 'secondary' | 'destructive-primary' | 'destructive-secondary' | 'destructive-secondary-transparent' | 'blank' | 'blank-subtle' | 'blank-icon';
|
|
2
2
|
export type UISelectVariant = 'small' | 'regular';
|
|
3
3
|
export type UITooltipSize = 'small' | 'medium' | 'large';
|
|
4
4
|
export type UIStatus = 'information' | 'danger' | 'warning' | 'success' | 'default' | 'cluster' | 'information-light' | 'warning-light' | 'success-light' | 'default-light';
|
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": "3.
|
|
5
|
+
"version": "3.29.0",
|
|
6
6
|
"type": "module",
|
|
7
7
|
"main": "dist/index.js",
|
|
8
8
|
"types": "dist/index.d.ts",
|
|
@@ -69,16 +69,16 @@
|
|
|
69
69
|
"@types/react": "^19.1.8",
|
|
70
70
|
"@uva-glass/eslint-config": "^1.3.11",
|
|
71
71
|
"@uva-glass/stylelint-config": "^1.2.3",
|
|
72
|
-
"@vitejs/plugin-react": "^4.
|
|
73
|
-
"babel-jest": "^30.0.
|
|
72
|
+
"@vitejs/plugin-react": "^4.6.0",
|
|
73
|
+
"babel-jest": "^30.0.2",
|
|
74
74
|
"babel-plugin-transform-vite-meta-env": "^1.0.3",
|
|
75
75
|
"clsx": "^2.1.1",
|
|
76
76
|
"eslint-plugin-react-hooks": "^6.0.0",
|
|
77
77
|
"glob": "^11.0.3",
|
|
78
78
|
"husky": "^9.1.7",
|
|
79
79
|
"identity-obj-proxy": "^3.0.0",
|
|
80
|
-
"jest": "^30.0.
|
|
81
|
-
"jest-environment-jsdom": "^30.0.
|
|
80
|
+
"jest": "^30.0.2",
|
|
81
|
+
"jest-environment-jsdom": "^30.0.2",
|
|
82
82
|
"jest-junit": "^16.0.0",
|
|
83
83
|
"jsdom": "^26.1.0",
|
|
84
84
|
"npm-run-all2": "^8.0.4",
|
|
@@ -88,7 +88,7 @@
|
|
|
88
88
|
"semantic-release": "^24.2.5",
|
|
89
89
|
"storybook": "^8.6.14",
|
|
90
90
|
"style-dictionary": "^5.0.0",
|
|
91
|
-
"stylelint": "^16.
|
|
91
|
+
"stylelint": "^16.21.0",
|
|
92
92
|
"stylelint-config-recommended": "^16.0.0",
|
|
93
93
|
"stylelint-config-standard": "^38.0.0",
|
|
94
94
|
"stylelint-order": "^7.0.0",
|
|
@@ -112,9 +112,9 @@
|
|
|
112
112
|
"lexical": "^0.32.1"
|
|
113
113
|
},
|
|
114
114
|
"optionalDependencies": {
|
|
115
|
-
"@rollup/rollup-linux-x64-gnu": "^4.
|
|
115
|
+
"@rollup/rollup-linux-x64-gnu": "^4.44.0",
|
|
116
116
|
"@rspack/binding-darwin-arm64": "1.3.15",
|
|
117
117
|
"@rspack/binding-linux-x64-gnu": "1.3.15",
|
|
118
|
-
"@ast-grep/napi-linux-x64-gnu": "0.38.
|
|
118
|
+
"@ast-grep/napi-linux-x64-gnu": "0.38.6"
|
|
119
119
|
}
|
|
120
120
|
}
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import './assets/Button.css';const t = "_button_14m2f_1", n = {
|
|
2
|
-
button: t,
|
|
3
|
-
"button--blank": "_button--blank_14m2f_35",
|
|
4
|
-
"button--blank-subtle": "_button--blank-subtle_14m2f_36",
|
|
5
|
-
"button--blank-icon": "_button--blank-icon_14m2f_37",
|
|
6
|
-
"button--primary": "_button--primary_14m2f_82",
|
|
7
|
-
"button--secondary": "_button--secondary_14m2f_98",
|
|
8
|
-
"button--destructive-primary": "_button--destructive-primary_14m2f_114",
|
|
9
|
-
"button--destructive-secondary": "_button--destructive-secondary_14m2f_132",
|
|
10
|
-
"button--wide-column": "_button--wide-column_14m2f_150"
|
|
11
|
-
};
|
|
12
|
-
export {
|
|
13
|
-
n as s
|
|
14
|
-
};
|
|
15
|
-
//# sourceMappingURL=Button.module-Dlqf6mMD.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"Button.module-Dlqf6mMD.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}
|