@uva-glass/component-library 3.35.1 → 3.36.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.
@@ -1 +1 @@
1
- :root{--color-active: var(--new-color-forest-700);--color-active-hover: var(--new-color-uva-white);--color-background-active: var(--new-color-forest-100);--color-background-active-hover: var(--new-color-forest-700);--color-background-draft: var(--new-color-sky-100);--color-background-draft-hover: var(--new-color-navy-600);--color-background-submitted: var(--new-color-orange-100);--color-background-submitted-hover: var(--new-color-orange-900);--color-border-active: var(--new-color-forest-700);--color-border-draft: var(--new-color-navy-600);--color-border-submitted: var(--new-color-orange-900);--color-draft: var(--new-color-navy-600);--color-draft-hover: var(--new-color-uva-white);--color-label: var(--new-color-uva-black);--color-submitted: var(--new-color-orange-900);--color-submitted-hover: var(--new-color-uva-white);--border-radius-var-indicator: .25rem}._var-indicator__container_1m025_29{align-items:center;appearance:none;border:1px solid;border-radius:var(--border-radius-var-indicator);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-default);font-weight:var(--semibold);gap:.375rem;height:2rem;justify-content:center;line-height:inherit;margin:0;padding:0 .75rem 0 .5rem;white-space:nowrap}._var-indicator__container--draft_1m025_48,._var-indicator__container--rejected_1m025_49{background-color:var(--color-background-draft);border-color:var(--color-border-draft);color:var(--color-draft)}._var-indicator__container--draft_1m025_48:hover,._var-indicator__container--rejected_1m025_49:hover{background-color:var(--color-background-draft-hover);color:var(--color-draft-hover)}._var-indicator__container--submitted_1m025_61{background-color:var(--color-background-submitted);border-color:var(--color-border-submitted);color:var(--color-submitted)}._var-indicator__container--submitted_1m025_61:hover{background-color:var(--color-background-submitted-hover);color:var(--color-submitted-hover)}._var-indicator__container--active_1m025_72{background-color:var(--color-background-active);border-color:var(--color-border-active);color:var(--color-active)}._var-indicator__container--active_1m025_72:hover{background-color:var(--color-background-active-hover);color:var(--color-active-hover)}._var-indicator__label_1m025_83{color:var(--color-label)}._var-indicator__container--submitted_1m025_61:hover ._var-indicator__label_1m025_83,._var-indicator__container--draft_1m025_48:hover ._var-indicator__label_1m025_83,._var-indicator__container--rejected_1m025_49:hover ._var-indicator__label_1m025_83,._var-indicator__container--active_1m025_72:hover ._var-indicator__label_1m025_83{color:var(--color-uva-white)}._var-indicator__step-container_1m025_94{align-items:center;display:inline flex;height:100%;justify-content:flex-start}._var-indicator__step-container_1m025_94 svg{margin:0 -.5rem}
1
+ :root{--color-active: var(--new-color-forest-700);--color-background-active: var(--new-color-forest-100);--color-background-active-hover: var(--new-color-forest-200);--color-background-draft: var(--new-color-navy-100);--color-background-draft-hover: var(--new-color-navy-200);--color-background-submitted: var(--new-color-orange-100);--color-background-submitted-hover: var(--new-color-orange-200);--color-border-active: var(--new-color-forest-700);--color-border-draft: var(--new-color-navy-600);--color-border-submitted: var(--new-color-orange-900);--color-draft: var(--new-color-navy-600);--color-draft-hover: var(--new-color-uva-white);--color-label: var(--new-color-uva-black);--color-submitted: var(--new-color-orange-900);--color-submitted-hover: var(--new-color-uva-white);--border-radius-var-indicator: .25rem}._var-indicator__container_9n427_27{align-items:center;appearance:none;border:1px solid;border-radius:var(--border-radius-var-indicator);cursor:pointer;display:inline-flex;font-family:inherit;font-size:var(--font-size-default);font-weight:var(--semibold);gap:.375rem;height:2rem;justify-content:center;line-height:inherit;margin:0;padding:0 .75rem 0 .5rem;white-space:nowrap}._var-indicator__label_9n427_46{color:var(--color-label)}._var-indicator__step-container_9n427_50{align-items:center;display:inline-flex;height:100%;justify-content:flex-start}._var-indicator__step-container_9n427_50>svg{margin:0 -.5rem}._var-indicator__container--compact_9n427_61{padding:0;position:relative;width:2rem}._var-indicator__container--compact_9n427_61>svg{margin:0}._var-indicator__container--compact-flyover-wrapper_9n427_71{display:none;height:2rem;position:absolute;right:-1px;top:-1px;width:auto;z-index:1}._var-indicator__container--compact_9n427_61:hover ._var-indicator__container--compact-flyover-wrapper_9n427_71{display:flex}._var-indicator__container--draft_9n427_85,._var-indicator__container--rejected_9n427_86,._var-indicator__container--draft_9n427_85 ._var-indicator__container--compact-flyover-wrapper_9n427_71,._var-indicator__container--rejected_9n427_86 ._var-indicator__container--compact-flyover-wrapper_9n427_71{background-color:var(--color-background-draft);border-color:var(--color-border-draft);color:var(--color-draft)}._var-indicator__container--draft_9n427_85:hover,._var-indicator__container--rejected_9n427_86:hover,._var-indicator__container--draft_9n427_85:hover ._var-indicator__container--compact-flyover-wrapper_9n427_71,._var-indicator__container--rejected_9n427_86:hover ._var-indicator__container--compact-flyover-wrapper_9n427_71{background-color:var(--color-background-draft-hover)}._var-indicator__container--submitted_9n427_101,._var-indicator__container--submitted_9n427_101 ._var-indicator__container--compact-flyover-wrapper_9n427_71{background-color:var(--color-background-submitted);border-color:var(--color-border-submitted);color:var(--color-submitted)}._var-indicator__container--submitted_9n427_101:hover,._var-indicator__container--submitted_9n427_101:hover ._var-indicator__container--compact-flyover-wrapper_9n427_71{background-color:var(--color-background-submitted-hover)}._var-indicator__container--active_9n427_113,._var-indicator__container--active_9n427_113 ._var-indicator__container--compact-flyover-wrapper_9n427_71{background-color:var(--color-background-active);border-color:var(--color-border-active);color:var(--color-active)}._var-indicator__container--active_9n427_113:hover,._var-indicator__container--active_9n427_113:hover ._var-indicator__container--compact-flyover-wrapper_9n427_71{background-color:var(--color-background-active-hover)}
@@ -1,9 +1,15 @@
1
1
  export type StatusType = 'DRAFT' | 'REJECTED' | 'SUBMITTED' | 'ACTIVE';
2
2
  export interface VarIndicatorProps {
3
+ /** Label on the indicator */
3
4
  label: Record<StatusType, string>;
5
+ /** Status type 'DRAFT' | 'REJECTED' | 'SUBMITTED' | 'ACTIVE' */
4
6
  variant?: StatusType;
7
+ /** Maximum number of steps if variant is 'SUBMITTED' */
5
8
  maxSteps?: number;
9
+ /** Current step if variant is 'SUBMITTED' */
6
10
  currentStep?: number;
11
+ /** If set shows compact view and opens to the left on hover */
12
+ isCompact?: boolean;
7
13
  onClick?: () => void;
8
14
  }
9
- export declare const VarIndicator: ({ label, variant, maxSteps, currentStep, onClick }: VarIndicatorProps) => import("react/jsx-runtime").JSX.Element;
15
+ export declare const VarIndicator: ({ label, variant, maxSteps, currentStep, isCompact, onClick, }: VarIndicatorProps) => import("react/jsx-runtime").JSX.Element;
@@ -1,31 +1,61 @@
1
- import { jsxs as l, jsx as a } from "react/jsx-runtime";
2
- import { c as m } from "../../clsx-OuTLNxxd.js";
3
- import { Icon as c } from "../Icon/Icon.js";
4
- import '../../assets/VarIndicator.css';const i = {
5
- "var-indicator__container": "_var-indicator__container_1m025_29",
6
- "var-indicator__container--draft": "_var-indicator__container--draft_1m025_48",
7
- "var-indicator__container--rejected": "_var-indicator__container--rejected_1m025_49",
8
- "var-indicator__container--submitted": "_var-indicator__container--submitted_1m025_61",
9
- "var-indicator__container--active": "_var-indicator__container--active_1m025_72",
10
- "var-indicator__label": "_var-indicator__label_1m025_83",
11
- "var-indicator__step-container": "_var-indicator__step-container_1m025_94"
12
- }, s = {
1
+ import { jsx as r, jsxs as o, Fragment as d } from "react/jsx-runtime";
2
+ import { c as l } from "../../clsx-OuTLNxxd.js";
3
+ import { Icon as t } from "../Icon/Icon.js";
4
+ import '../../assets/VarIndicator.css';const a = {
5
+ "var-indicator__container": "_var-indicator__container_9n427_27",
6
+ "var-indicator__label": "_var-indicator__label_9n427_46",
7
+ "var-indicator__step-container": "_var-indicator__step-container_9n427_50",
8
+ "var-indicator__container--compact": "_var-indicator__container--compact_9n427_61",
9
+ "var-indicator__container--compact-flyover-wrapper": "_var-indicator__container--compact-flyover-wrapper_9n427_71",
10
+ "var-indicator__container--draft": "_var-indicator__container--draft_9n427_85",
11
+ "var-indicator__container--rejected": "_var-indicator__container--rejected_9n427_86",
12
+ "var-indicator__container--submitted": "_var-indicator__container--submitted_9n427_101",
13
+ "var-indicator__container--active": "_var-indicator__container--active_9n427_113"
14
+ }, v = {
13
15
  DRAFT: "CircleLarge",
14
16
  REJECTED: "CircleLarge",
15
17
  SUBMITTED: "CircleLargeDotted",
16
18
  ACTIVE: "SignalActive"
17
- }, E = ({ label: t, variant: r = "DRAFT", maxSteps: n, currentStep: e = 1, onClick: o }) => /* @__PURE__ */ l(
18
- "button",
19
- {
20
- className: m(i["var-indicator__container"], i[`var-indicator__container--${r.toLowerCase()}`]),
21
- onClick: o,
22
- children: [
23
- /* @__PURE__ */ a(c, { name: s[r], size: 16 }),
24
- /* @__PURE__ */ a("span", { className: i["var-indicator__label"], children: t[`${r}`] }),
25
- n && n > 0 && r === "SUBMITTED" ? Array.from({ length: n }, (_, d) => d + 1).map((_) => /* @__PURE__ */ a("div", { className: i["var-indicator__step-container"], children: /* @__PURE__ */ a(c, { name: _ <= e ? "CircleSmallFilled" : "CircleSmall" }) }, _)) : null
26
- ]
27
- }
28
- );
19
+ }, E = ({
20
+ label: s,
21
+ variant: n = "DRAFT",
22
+ maxSteps: i,
23
+ currentStep: m = 1,
24
+ isCompact: _,
25
+ onClick: p
26
+ }) => {
27
+ const e = () => /* @__PURE__ */ o(d, { children: [
28
+ /* @__PURE__ */ r(t, { name: v[n], size: 16 }),
29
+ /* @__PURE__ */ r("span", { className: a["var-indicator__label"], children: s[`${n}`] }),
30
+ i && i > 0 && n === "SUBMITTED" && Array.from({ length: i }, (c, f) => f + 1).map((c) => /* @__PURE__ */ r("div", { className: a["var-indicator__step-container"], children: /* @__PURE__ */ r(t, { name: c <= m ? "CircleSmallFilled" : "CircleSmall" }) }, c))
31
+ ] });
32
+ return /* @__PURE__ */ r(
33
+ "button",
34
+ {
35
+ className: l(
36
+ a["var-indicator__container"],
37
+ a[`var-indicator__container--${n.toLowerCase()}`],
38
+ {
39
+ [a["var-indicator__container--compact"]]: _
40
+ }
41
+ ),
42
+ onClick: p,
43
+ children: _ ? /* @__PURE__ */ o(d, { children: [
44
+ /* @__PURE__ */ r(t, { name: v[n], size: 16 }),
45
+ /* @__PURE__ */ r(
46
+ "div",
47
+ {
48
+ className: l(
49
+ a["var-indicator__container"],
50
+ a["var-indicator__container--compact-flyover-wrapper"]
51
+ ),
52
+ children: /* @__PURE__ */ r(e, {})
53
+ }
54
+ )
55
+ ] }) : /* @__PURE__ */ r(e, {})
56
+ }
57
+ );
58
+ };
29
59
  export {
30
60
  E as VarIndicator
31
61
  };
@@ -1 +1 @@
1
- {"version":3,"file":"VarIndicator.js","sources":["../../../src/components/VarIndicator/VarIndicator.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { IconProps } from 'components/Icon';\n\nimport styles from './VarIndicator.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport type StatusType = 'DRAFT' | 'REJECTED' | 'SUBMITTED' | 'ACTIVE';\n\nexport interface VarIndicatorProps {\n label: Record<StatusType, string>;\n variant?: StatusType;\n maxSteps?: number;\n currentStep?: number;\n onClick?: () => void;\n}\n\nconst ICON_NAMES = {\n DRAFT: 'CircleLarge',\n REJECTED: 'CircleLarge',\n SUBMITTED: 'CircleLargeDotted',\n ACTIVE: 'SignalActive',\n};\n\nexport const VarIndicator = ({ label, variant = 'DRAFT', maxSteps, currentStep = 1, onClick }: VarIndicatorProps) => (\n <button\n className={clsx(styles['var-indicator__container'], styles[`var-indicator__container--${variant.toLowerCase()}`])}\n onClick={onClick}\n >\n <Icon name={ICON_NAMES[variant] as IconProps['name']} size={16} />\n <span className={styles['var-indicator__label']}>{label[`${variant}`]}</span>\n {maxSteps && maxSteps > 0 && variant === 'SUBMITTED'\n ? Array.from({ length: maxSteps }, (_, idx) => idx + 1).map((step) => (\n <div key={step} className={styles['var-indicator__step-container']}>\n <Icon name={step <= currentStep ? 'CircleSmallFilled' : 'CircleSmall'} />\n </div>\n ))\n : null}\n </button>\n);\n"],"names":["ICON_NAMES","VarIndicator","label","variant","maxSteps","currentStep","onClick","jsxs","clsx","styles","jsx","Icon","idx","step"],"mappings":";;;;;;;;;;;GAkBMA,IAAa;AAAA,EACjB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,QAAQ;AACV,GAEaC,IAAe,CAAC,EAAE,OAAAC,GAAO,SAAAC,IAAU,SAAS,UAAAC,GAAU,aAAAC,IAAc,GAAG,SAAAC,EAAA,MAClF,gBAAAC;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,WAAWC,EAAKC,EAAO,0BAA0B,GAAGA,EAAO,6BAA6BN,EAAQ,YAAA,CAAa,EAAE,CAAC;AAAA,IAChH,SAAAG;AAAA,IAEA,UAAA;AAAA,MAAA,gBAAAI,EAACC,KAAK,MAAMX,EAAWG,CAAO,GAAwB,MAAM,IAAI;AAAA,MAChE,gBAAAO,EAAC,QAAA,EAAK,WAAWD,EAAO,sBAAsB,GAAI,UAAAP,EAAM,GAAGC,CAAO,EAAE,EAAA,CAAE;AAAA,MACrEC,KAAYA,IAAW,KAAKD,MAAY,cACrC,MAAM,KAAK,EAAE,QAAQC,EAAA,GAAY,CAAC,GAAGQ,MAAQA,IAAM,CAAC,EAAE,IAAI,CAACC,wBACxD,OAAA,EAAe,WAAWJ,EAAO,+BAA+B,GAC/D,UAAA,gBAAAC,EAACC,GAAA,EAAK,MAAME,KAAQR,IAAc,sBAAsB,cAAA,CAAe,EAAA,GAD/DQ,CAEV,CACD,IACD;AAAA,IAAA;AAAA,EAAA;AACN;"}
1
+ {"version":3,"file":"VarIndicator.js","sources":["../../../src/components/VarIndicator/VarIndicator.tsx"],"sourcesContent":["import { clsx } from 'clsx';\n\nimport type { IconProps } from 'components/Icon';\n\nimport styles from './VarIndicator.module.css';\n\nimport { Icon } from 'components/Icon';\n\nexport type StatusType = 'DRAFT' | 'REJECTED' | 'SUBMITTED' | 'ACTIVE';\n\nexport interface VarIndicatorProps {\n /** Label on the indicator */\n label: Record<StatusType, string>;\n /** Status type 'DRAFT' | 'REJECTED' | 'SUBMITTED' | 'ACTIVE' */\n variant?: StatusType;\n /** Maximum number of steps if variant is 'SUBMITTED' */\n maxSteps?: number;\n /** Current step if variant is 'SUBMITTED' */\n currentStep?: number;\n /** If set shows compact view and opens to the left on hover */\n isCompact?: boolean;\n onClick?: () => void;\n}\n\nconst ICON_NAMES = {\n DRAFT: 'CircleLarge',\n REJECTED: 'CircleLarge',\n SUBMITTED: 'CircleLargeDotted',\n ACTIVE: 'SignalActive',\n};\n\nexport const VarIndicator = ({\n label,\n variant = 'DRAFT',\n maxSteps,\n currentStep = 1,\n isCompact,\n onClick,\n}: VarIndicatorProps) => {\n const IndicatorContent = () => (\n <>\n <Icon name={ICON_NAMES[variant] as IconProps['name']} size={16} />\n <span className={styles['var-indicator__label']}>{label[`${variant}`]}</span>\n {maxSteps &&\n maxSteps > 0 &&\n variant === 'SUBMITTED' &&\n Array.from({ length: maxSteps }, (_, idx) => idx + 1).map((step) => (\n <div key={step} className={styles['var-indicator__step-container']}>\n <Icon name={step <= currentStep ? 'CircleSmallFilled' : 'CircleSmall'} />\n </div>\n ))}\n </>\n );\n\n return (\n <button\n className={clsx(\n styles['var-indicator__container'],\n styles[`var-indicator__container--${variant.toLowerCase()}`],\n {\n [styles['var-indicator__container--compact']]: isCompact,\n }\n )}\n onClick={onClick}\n >\n {isCompact ? (\n <>\n <Icon name={ICON_NAMES[variant] as IconProps['name']} size={16} />\n <div\n className={clsx(\n styles['var-indicator__container'],\n styles['var-indicator__container--compact-flyover-wrapper']\n )}\n >\n <IndicatorContent />\n </div>\n </>\n ) : (\n <IndicatorContent />\n )}\n </button>\n );\n};\n"],"names":["ICON_NAMES","VarIndicator","label","variant","maxSteps","currentStep","isCompact","onClick","IndicatorContent","jsxs","Fragment","jsx","Icon","styles","_","idx","step","clsx"],"mappings":";;;;;;;;;;;;;GAwBMA,IAAa;AAAA,EACjB,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,QAAQ;AACV,GAEaC,IAAe,CAAC;AAAA,EAC3B,OAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,UAAAC;AAAA,EACA,aAAAC,IAAc;AAAA,EACd,WAAAC;AAAA,EACA,SAAAC;AACF,MAAyB;AACvB,QAAMC,IAAmB,MACvB,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC,EAACC,KAAK,MAAMZ,EAAWG,CAAO,GAAwB,MAAM,IAAI;AAAA,IAChE,gBAAAQ,EAAC,QAAA,EAAK,WAAWE,EAAO,sBAAsB,GAAI,UAAAX,EAAM,GAAGC,CAAO,EAAE,EAAA,CAAE;AAAA,IACrEC,KACCA,IAAW,KACXD,MAAY,eACZ,MAAM,KAAK,EAAE,QAAQC,KAAY,CAACU,GAAGC,MAAQA,IAAM,CAAC,EAAE,IAAI,CAACC,MACzD,gBAAAL,EAAC,OAAA,EAAe,WAAWE,EAAO,+BAA+B,GAC/D,UAAA,gBAAAF,EAACC,GAAA,EAAK,MAAMI,KAAQX,IAAc,sBAAsB,cAAA,CAAe,EAAA,GAD/DW,CAEV,CACD;AAAA,EAAA,GACL;AAGF,SACE,gBAAAL;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAWM;AAAA,QACTJ,EAAO,0BAA0B;AAAA,QACjCA,EAAO,6BAA6BV,EAAQ,YAAA,CAAa,EAAE;AAAA,QAC3D;AAAA,UACE,CAACU,EAAO,mCAAmC,CAAC,GAAGP;AAAA,QAAA;AAAA,MACjD;AAAA,MAEF,SAAAC;AAAA,MAEC,cACC,gBAAAE,EAAAC,GAAA,EACE,UAAA;AAAA,QAAA,gBAAAC,EAACC,KAAK,MAAMZ,EAAWG,CAAO,GAAwB,MAAM,IAAI;AAAA,QAChE,gBAAAQ;AAAA,UAAC;AAAA,UAAA;AAAA,YACC,WAAWM;AAAA,cACTJ,EAAO,0BAA0B;AAAA,cACjCA,EAAO,mDAAmD;AAAA,YAAA;AAAA,YAG5D,4BAACL,GAAA,CAAA,CAAiB;AAAA,UAAA;AAAA,QAAA;AAAA,MACpB,GACF,sBAECA,GAAA,CAAA,CAAiB;AAAA,IAAA;AAAA,EAAA;AAI1B;"}
@@ -1,7 +1,7 @@
1
- import { jsx as e } from "react/jsx-runtime";
2
- import { l as o } from "../../index-DFu0GqDc.js";
1
+ import { jsx as r } from "react/jsx-runtime";
2
+ import { l as n } from "../../index-DFu0GqDc.js";
3
3
  import { VarIndicator as t } from "./VarIndicator.js";
4
- const n = {
4
+ const o = {
5
5
  DRAFT: "Concept",
6
6
  REJECTED: "Concept",
7
7
  SUBMITTED: "Verificatie",
@@ -14,14 +14,14 @@ const n = {
14
14
  inspectComponent: t,
15
15
  codeString: a
16
16
  }
17
- }, c = (r) => /* @__PURE__ */ e(t, { ...r }), i = {
18
- label: n,
17
+ }, i = (e) => /* @__PURE__ */ r("div", { style: { margin: "0 0 0 6rem" }, children: /* @__PURE__ */ r(t, { ...e }) }), c = {
18
+ label: o,
19
19
  maxSteps: 3,
20
20
  currentStep: 2,
21
- onClick: o()
22
- }, s = c.bind({});
21
+ onClick: n()
22
+ }, s = i.bind({});
23
23
  s.args = {
24
- ...i
24
+ ...c
25
25
  };
26
26
  export {
27
27
  s as VarIndicatorExample,
@@ -1 +1 @@
1
- {"version":3,"file":"VarIndicator.stories.js","sources":["../../../src/components/VarIndicator/VarIndicator.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { VarIndicatorProps } from './VarIndicator';\n\nimport { VarIndicator } from './VarIndicator';\n\nconst LABELS = {\n DRAFT: 'Concept',\n REJECTED: 'Concept',\n SUBMITTED: 'Verificatie',\n ACTIVE: 'Actief',\n};\n\nconst codeString =\n '<VarIndicator label={[string]: [string]} maxSteps={number} currentStep={number} onClick={() => void} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/VarIndicator',\n component: VarIndicator,\n argTypes: {},\n parameters: {\n inspectComponent: VarIndicator,\n codeString: codeString,\n },\n} as Meta<VarIndicatorProps>;\n\nconst Template: StoryFn<VarIndicatorProps> = (args) => <VarIndicator {...args} />;\n\nconst defaultArgs: Partial<VarIndicatorProps> = {\n label: LABELS,\n maxSteps: 3,\n currentStep: 2,\n onClick: fn(),\n};\n\nexport const VarIndicatorExample = Template.bind({});\nVarIndicatorExample.args = {\n ...defaultArgs,\n};\n"],"names":["LABELS","codeString","VarIndicator_stories","VarIndicator","Template","args","jsx","defaultArgs","fn","VarIndicatorExample"],"mappings":";;;AAOA,MAAMA,IAAS;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,QAAQ;AACV,GAEMC,IACJ,2GAGFC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU,CAAA;AAAA,EACV,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAuC,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAc,GAAGE,GAAM,GAEzEE,IAA0C;AAAA,EAC9C,OAAOP;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,SAASQ,EAAA;AACX,GAEaC,IAAsBL,EAAS,KAAK,CAAA,CAAE;AACnDK,EAAoB,OAAO;AAAA,EACzB,GAAGF;AACL;"}
1
+ {"version":3,"file":"VarIndicator.stories.js","sources":["../../../src/components/VarIndicator/VarIndicator.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\n\nimport type { Meta, StoryFn } from '@storybook/react';\nimport type { VarIndicatorProps } from './VarIndicator';\n\nimport { VarIndicator } from './VarIndicator';\n\nconst LABELS = {\n DRAFT: 'Concept',\n REJECTED: 'Concept',\n SUBMITTED: 'Verificatie',\n ACTIVE: 'Actief',\n};\n\nconst codeString =\n '<VarIndicator label={[string]: [string]} maxSteps={number} currentStep={number} onClick={() => void} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/VarIndicator',\n component: VarIndicator,\n argTypes: {},\n parameters: {\n inspectComponent: VarIndicator,\n codeString: codeString,\n },\n} as Meta<VarIndicatorProps>;\n\nconst Template: StoryFn<VarIndicatorProps> = (args) => (\n <div style={{ margin: '0 0 0 6rem' }}>\n <VarIndicator {...args} />\n </div>\n);\n\nconst defaultArgs: Partial<VarIndicatorProps> = {\n label: LABELS,\n maxSteps: 3,\n currentStep: 2,\n onClick: fn(),\n};\n\nexport const VarIndicatorExample = Template.bind({});\nVarIndicatorExample.args = {\n ...defaultArgs,\n};\n"],"names":["LABELS","codeString","VarIndicator_stories","VarIndicator","Template","args","jsx","defaultArgs","fn","VarIndicatorExample"],"mappings":";;;AAOA,MAAMA,IAAS;AAAA,EACb,OAAO;AAAA,EACP,UAAU;AAAA,EACV,WAAW;AAAA,EACX,QAAQ;AACV,GAEMC,IACJ,2GAGFC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU,CAAA;AAAA,EACV,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAuC,CAACC,MAC5C,gBAAAC,EAAC,SAAI,OAAO,EAAE,QAAQ,aAAA,GACpB,UAAA,gBAAAA,EAACH,GAAA,EAAc,GAAGE,GAAM,GAC1B,GAGIE,IAA0C;AAAA,EAC9C,OAAOP;AAAA,EACP,UAAU;AAAA,EACV,aAAa;AAAA,EACb,SAASQ,EAAA;AACX,GAEaC,IAAsBL,EAAS,KAAK,CAAA,CAAE;AACnDK,EAAoB,OAAO;AAAA,EACzB,GAAGF;AACL;"}
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.35.1",
5
+ "version": "3.36.0",
6
6
  "type": "module",
7
7
  "main": "dist/index.js",
8
8
  "types": "dist/index.d.ts",
@@ -52,20 +52,20 @@
52
52
  "@semantic-release/git": "^10.0.1",
53
53
  "@semantic-release/gitlab": "^13.2.6",
54
54
  "@semantic-release/npm": "^12.0.2",
55
- "@storybook/addon-a11y": "^9.1.1",
56
- "@storybook/addon-docs": "^9.1.1",
57
- "@storybook/addon-links": "^9.1.1",
58
- "@storybook/react": "^9.1.1",
59
- "@storybook/react-vite": "^9.1.1",
55
+ "@storybook/addon-a11y": "^9.1.2",
56
+ "@storybook/addon-docs": "^9.1.2",
57
+ "@storybook/addon-links": "^9.1.2",
58
+ "@storybook/react": "^9.1.2",
59
+ "@storybook/react-vite": "^9.1.2",
60
60
  "@testing-library/jest-dom": "^6.6.4",
61
61
  "@testing-library/react": "^16.3.0",
62
62
  "@types/jest": "^30.0.0",
63
- "@types/node": "^22.17.0",
64
- "@types/react": "^19.1.9",
63
+ "@types/node": "^22.17.1",
64
+ "@types/react": "^19.1.10",
65
65
  "@types/react-dom": "^19.1.7",
66
66
  "@uva-glass/eslint-config": "^1.3.11",
67
67
  "@uva-glass/stylelint-config": "^1.2.3",
68
- "@vitejs/plugin-react": "^4.7.0",
68
+ "@vitejs/plugin-react": "^5.0.0",
69
69
  "babel-jest": "^30.0.5",
70
70
  "babel-plugin-transform-vite-meta-env": "^1.0.3",
71
71
  "clsx": "^2.1.1",
@@ -82,7 +82,7 @@
82
82
  "react-dom": "^19.1.1",
83
83
  "react-router": "^7.8.0",
84
84
  "semantic-release": "^24.2.7",
85
- "storybook": "^9.1.1",
85
+ "storybook": "^9.1.2",
86
86
  "style-dictionary": "^5.0.1",
87
87
  "stylelint": "^16.23.1",
88
88
  "stylelint-config-recommended": "^17.0.0",
@@ -90,7 +90,7 @@
90
90
  "stylelint-order": "^7.0.0",
91
91
  "ts-node": "^10.9.2",
92
92
  "typescript": "^5.9.2",
93
- "vite": "^7.1.1",
93
+ "vite": "^7.1.2",
94
94
  "vite-plugin-dts": "^4.5.4",
95
95
  "vite-plugin-lib-inject-css": "^2.2.2",
96
96
  "vite-plugin-static-copy": "^3.1.1",