@uva-glass/component-library 3.1.1 → 3.2.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
- ._feedback-bar_1p46c_1{background-color:var(--color-green-50);border:1px solid var(--color-green-500);border-radius:.5rem;display:flex;font-weight:var(--semibold);gap:.5rem;justify-content:space-between;padding:0 1rem;max-height:0;opacity:0;transition:all .5s}._feedback-bar--visible_1p46c_17{max-height:6.625rem;opacity:1;padding:1rem}._feedback-bar__icon_1p46c_23{color:var(--color-green-500)}._feedback-bar__close-button_1p46c_27{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:var(--color-black);display:inline-flex;height:1.5rem;justify-content:center;transition:var(--transition-colors);width:1.5rem}._feedback-bar__close-button_1p46c_27:focus-visible{outline:.125rem dotted var(--color-cobalt);outline-offset:.125rem}._feedback-bar__close-button_1p46c_27:hover{background-color:var(--color-green-100);cursor:pointer;outline:0}._feedback-bar__close-button_1p46c_27:after{width:2.625rem;height:2.625rem;content:" ";position:absolute}
1
+ ._feedback-bar_aoc1x_1{background-color:var(--color-green-50);border:1px solid var(--color-green-500);border-radius:.5rem;display:flex;font-weight:var(--semibold);gap:.5rem;justify-content:space-between;max-height:0;opacity:0;padding:0 1rem;transition:all .5s}._feedback-bar--visible_aoc1x_15{max-height:6.625rem;opacity:1;padding:1rem}._feedback-bar__icon_aoc1x_21{color:var(--color-green-500)}._feedback-bar__close-button_aoc1x_25{align-items:center;background-color:transparent;border:1px solid transparent;border-radius:.25rem;color:var(--color-black);display:inline-flex;height:1.5rem;justify-content:center;transition:var(--transition-colors);width:1.5rem}._feedback-bar__close-button_aoc1x_25:focus-visible{outline:.125rem dotted var(--color-cobalt);outline-offset:.125rem}._feedback-bar__close-button_aoc1x_25:hover{background-color:var(--color-green-100);cursor:pointer;outline:0}._feedback-bar__close-button_aoc1x_25:after{content:" ";height:2.625rem;position:absolute;width:2.625rem}
@@ -0,0 +1 @@
1
+ ._statusbadge_6tmbw_1{align-items:center;background-color:var(--color-ghost-white);color:var(--color-grey-500);display:flex;font-family:inherit;font-size:var(--font-size-text-non-essential);height:1.5rem;padding:0 .5rem;white-space:nowrap;width:fit-content}._statusbadge--high-contrast_6tmbw_14{background-color:var(--color-white)}
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxButton.test.js","sources":["../../../src/components/CheckboxButton/CheckboxButton.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\r\nimport { render, screen } from '@testing-library/react';\r\n\r\nimport { CheckboxButton } from './CheckboxButton';\r\n\r\nconst onClickSpy = jest.fn();\r\n\r\ndescribe('CheckboxButton', () => {\r\n it('should render', () => {\r\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} />);\r\n const checkbox = screen.getByRole('checkbox');\r\n expect(checkbox).toBeInTheDocument();\r\n });\r\n\r\n it('should be checked if clicked', () => {\r\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} />);\r\n const checkbox = screen.getByRole('checkbox');\r\n expect(checkbox).toBeInTheDocument();\r\n checkbox.click();\r\n expect(checkbox).toBeChecked();\r\n expect(onClickSpy).toHaveBeenCalledTimes(1);\r\n });\r\n\r\n it('should be disabled', () => {\r\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} disabled={true} />);\r\n const checkbox = screen.getByRole('checkbox');\r\n expect(checkbox).toBeInTheDocument();\r\n expect(checkbox).toBeDisabled();\r\n });\r\n\r\n it('should show noValid', () => {\r\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} />);\r\n const checkbox = screen.getByRole('checkbox');\r\n expect(checkbox).toBeInTheDocument();\r\n const label = screen.getByText('2.1');\r\n expect(label).toHaveClass('checkbox-button--not-valid');\r\n });\r\n\r\n it('should render single variant', () => {\r\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} />);\r\n const checkbox = screen.getByRole('checkbox');\r\n expect(checkbox).toBeInTheDocument();\r\n const label = screen.getByText('2.1');\r\n expect(label).toHaveClass('checkbox-button--single');\r\n });\r\n\r\n it('should render start variant', () => {\r\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} variant=\"start\" />);\r\n const checkbox = screen.getByRole('checkbox');\r\n expect(checkbox).toBeInTheDocument();\r\n const label = screen.getByText('2.1');\r\n expect(label).toHaveClass('checkbox-button--start');\r\n });\r\n\r\n it('should render middle variant', () => {\r\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} variant=\"middle\" />);\r\n const checkbox = screen.getByRole('checkbox');\r\n expect(checkbox).toBeInTheDocument();\r\n const label = screen.getByText('2.1');\r\n expect(label).toHaveClass('checkbox-button--middle');\r\n });\r\n\r\n it('should render end variant', () => {\r\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} variant=\"end\" />);\r\n const checkbox = screen.getByRole('checkbox');\r\n expect(checkbox).toBeInTheDocument();\r\n const label = screen.getByText('2.1');\r\n expect(label).toHaveClass('checkbox-button--end');\r\n });\r\n});\r\n"],"names":["onClickSpy","render","jsx","CheckboxButton","checkbox","screen","label"],"mappings":"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"}
1
+ {"version":3,"file":"CheckboxButton.test.js","sources":["../../../src/components/CheckboxButton/CheckboxButton.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { CheckboxButton } from './CheckboxButton';\n\nconst onClickSpy = jest.fn();\n\ndescribe('CheckboxButton', () => {\n it('should render', () => {\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} />);\n const checkbox = screen.getByRole('checkbox');\n expect(checkbox).toBeInTheDocument();\n });\n\n it('should be checked if clicked', () => {\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} />);\n const checkbox = screen.getByRole('checkbox');\n expect(checkbox).toBeInTheDocument();\n checkbox.click();\n expect(checkbox).toBeChecked();\n expect(onClickSpy).toHaveBeenCalledTimes(1);\n });\n\n it('should be disabled', () => {\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} disabled={true} />);\n const checkbox = screen.getByRole('checkbox');\n expect(checkbox).toBeInTheDocument();\n expect(checkbox).toBeDisabled();\n });\n\n it('should show noValid', () => {\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} />);\n const checkbox = screen.getByRole('checkbox');\n expect(checkbox).toBeInTheDocument();\n const label = screen.getByText('2.1');\n expect(label).toHaveClass('checkbox-button--not-valid');\n });\n\n it('should render single variant', () => {\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} />);\n const checkbox = screen.getByRole('checkbox');\n expect(checkbox).toBeInTheDocument();\n const label = screen.getByText('2.1');\n expect(label).toHaveClass('checkbox-button--single');\n });\n\n it('should render start variant', () => {\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} variant=\"start\" />);\n const checkbox = screen.getByRole('checkbox');\n expect(checkbox).toBeInTheDocument();\n const label = screen.getByText('2.1');\n expect(label).toHaveClass('checkbox-button--start');\n });\n\n it('should render middle variant', () => {\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} variant=\"middle\" />);\n const checkbox = screen.getByRole('checkbox');\n expect(checkbox).toBeInTheDocument();\n const label = screen.getByText('2.1');\n expect(label).toHaveClass('checkbox-button--middle');\n });\n\n it('should render end variant', () => {\n render(<CheckboxButton label=\"2.1\" value=\"4\" onSetValue={onClickSpy} notValid={true} variant=\"end\" />);\n const checkbox = screen.getByRole('checkbox');\n expect(checkbox).toBeInTheDocument();\n const label = screen.getByText('2.1');\n expect(label).toHaveClass('checkbox-button--end');\n });\n});\n"],"names":["onClickSpy","render","jsx","CheckboxButton","checkbox","screen","label"],"mappings":"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"}
@@ -1 +1 @@
1
- {"version":3,"file":"CheckboxButtonBar.test.js","sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.test.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-magic-numbers */\r\nimport '@testing-library/jest-dom';\r\nimport { render, screen } from '@testing-library/react';\r\n\r\nimport { CheckboxButtonBar } from './CheckboxButtonBar';\r\n\r\nconst onClickSpy = jest.fn();\r\n\r\nconst MOCK_CHECKBOXES = [\r\n {\r\n label: '1.1',\r\n value: '1',\r\n },\r\n {\r\n label: '1.2',\r\n value: '2',\r\n },\r\n {\r\n label: '1.3',\r\n value: '3',\r\n },\r\n];\r\n\r\ndescribe('CheckboxButton', () => {\r\n it('should render', () => {\r\n render(\r\n <CheckboxButtonBar\r\n label=\"Periode\"\r\n checkboxes={MOCK_CHECKBOXES}\r\n defaultValues={['1', '2']}\r\n labelPosition=\"top\"\r\n onSetValues={onClickSpy}\r\n />\r\n );\r\n expect(screen.getByText('Periode')).toBeInTheDocument();\r\n const checkbox = screen.getAllByRole('checkbox');\r\n expect(checkbox).toHaveLength(3);\r\n });\r\n\r\n it('should render required', () => {\r\n render(\r\n <CheckboxButtonBar\r\n label=\"Periode\"\r\n required={true}\r\n checkboxes={MOCK_CHECKBOXES}\r\n defaultValues={['1', '2']}\r\n labelPosition=\"top\"\r\n onSetValues={onClickSpy}\r\n />\r\n );\r\n const label = screen.getByText('Periode');\r\n expect(label).toHaveTextContent('Periode');\r\n expect(label).toHaveClass('label--required');\r\n const checkbox = screen.getAllByRole('checkbox');\r\n expect(checkbox).toHaveLength(3);\r\n });\r\n\r\n it('should render default checked', () => {\r\n render(\r\n <CheckboxButtonBar\r\n label=\"Periode\"\r\n checkboxes={MOCK_CHECKBOXES}\r\n defaultValues={['1', '2']}\r\n labelPosition=\"top\"\r\n onSetValues={onClickSpy}\r\n />\r\n );\r\n const label = screen.getByText('Periode');\r\n expect(label).toHaveTextContent('Periode');\r\n const checkbox = screen.getAllByRole('checkbox');\r\n expect(checkbox).toHaveLength(3);\r\n expect(checkbox[0]).toBeChecked();\r\n expect(checkbox[1]).toBeChecked();\r\n expect(checkbox[2]).not.toBeChecked();\r\n });\r\n\r\n it('should render notValidatedText and notValid style', () => {\r\n render(\r\n <CheckboxButtonBar\r\n label=\"Periode\"\r\n notValidatedText=\"Not Valid\"\r\n checkboxes={MOCK_CHECKBOXES}\r\n defaultValues={['1', '2']}\r\n labelPosition=\"top\"\r\n onSetValues={onClickSpy}\r\n />\r\n );\r\n const label = screen.getByText('Periode');\r\n expect(label).toHaveTextContent('Periode');\r\n expect(screen.getByText('Not Valid')).toBeInTheDocument();\r\n const checkbox = screen.getAllByRole('checkbox');\r\n expect(checkbox).toHaveLength(3);\r\n expect(screen.getByText('1.1')).toHaveClass('checkbox-button--not-valid');\r\n expect(screen.getByText('1.2')).toHaveClass('checkbox-button--not-valid');\r\n expect(screen.getByText('1.3')).toHaveClass('checkbox-button--not-valid');\r\n });\r\n});\r\n"],"names":["onClickSpy","MOCK_CHECKBOXES","render","jsx","CheckboxButtonBar","screen","checkbox","label"],"mappings":";;;;AAMA,MAAMA,IAAa,KAAK,GAAG,GAErBC,IAAkB;AAAA,EACtB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX;AAEA,SAAS,kBAAkB,MAAM;AAC/B,KAAG,iBAAiB,MAAM;AACxB,IAAAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjB,GACA,OAAOK,EAAO,UAAU,SAAS,CAAC,EAAE,kBAAkB;AAChD,UAAAC,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC;AAAA,EAAA,CAChC,GAED,GAAG,0BAA0B,MAAM;AACjC,IAAAJ;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,UAAU;AAAA,UACV,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjB;AACM,UAAAO,IAAQF,EAAO,UAAU,SAAS;AACjC,WAAAE,CAAK,EAAE,kBAAkB,SAAS,GAClC,OAAAA,CAAK,EAAE,YAAY,iBAAiB;AACrC,UAAAD,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC;AAAA,EAAA,CAChC,GAED,GAAG,iCAAiC,MAAM;AACxC,IAAAJ;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjB;AACM,UAAAO,IAAQF,EAAO,UAAU,SAAS;AACjC,WAAAE,CAAK,EAAE,kBAAkB,SAAS;AACnC,UAAAD,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC,GAC/B,OAAOA,EAAS,CAAC,CAAC,EAAE,YAAY,GAChC,OAAOA,EAAS,CAAC,CAAC,EAAE,YAAY,GAChC,OAAOA,EAAS,CAAC,CAAC,EAAE,IAAI,YAAY;AAAA,EAAA,CACrC,GAED,GAAG,qDAAqD,MAAM;AAC5D,IAAAJ;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,kBAAiB;AAAA,UACjB,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjB;AACM,UAAAO,IAAQF,EAAO,UAAU,SAAS;AACjC,WAAAE,CAAK,EAAE,kBAAkB,SAAS,GACzC,OAAOF,EAAO,UAAU,WAAW,CAAC,EAAE,kBAAkB;AAClD,UAAAC,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC,GAC/B,OAAOD,EAAO,UAAU,KAAK,CAAC,EAAE,YAAY,4BAA4B,GACxE,OAAOA,EAAO,UAAU,KAAK,CAAC,EAAE,YAAY,4BAA4B,GACxE,OAAOA,EAAO,UAAU,KAAK,CAAC,EAAE,YAAY,4BAA4B;AAAA,EAAA,CACzE;AACH,CAAC;"}
1
+ {"version":3,"file":"CheckboxButtonBar.test.js","sources":["../../../src/components/CheckboxButtonBar/CheckboxButtonBar.test.tsx"],"sourcesContent":["/* eslint-disable @typescript-eslint/no-magic-numbers */\nimport '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { CheckboxButtonBar } from './CheckboxButtonBar';\n\nconst onClickSpy = jest.fn();\n\nconst MOCK_CHECKBOXES = [\n {\n label: '1.1',\n value: '1',\n },\n {\n label: '1.2',\n value: '2',\n },\n {\n label: '1.3',\n value: '3',\n },\n];\n\ndescribe('CheckboxButton', () => {\n it('should render', () => {\n render(\n <CheckboxButtonBar\n label=\"Periode\"\n checkboxes={MOCK_CHECKBOXES}\n defaultValues={['1', '2']}\n labelPosition=\"top\"\n onSetValues={onClickSpy}\n />\n );\n expect(screen.getByText('Periode')).toBeInTheDocument();\n const checkbox = screen.getAllByRole('checkbox');\n expect(checkbox).toHaveLength(3);\n });\n\n it('should render required', () => {\n render(\n <CheckboxButtonBar\n label=\"Periode\"\n required={true}\n checkboxes={MOCK_CHECKBOXES}\n defaultValues={['1', '2']}\n labelPosition=\"top\"\n onSetValues={onClickSpy}\n />\n );\n const label = screen.getByText('Periode');\n expect(label).toHaveTextContent('Periode');\n expect(label).toHaveClass('label--required');\n const checkbox = screen.getAllByRole('checkbox');\n expect(checkbox).toHaveLength(3);\n });\n\n it('should render default checked', () => {\n render(\n <CheckboxButtonBar\n label=\"Periode\"\n checkboxes={MOCK_CHECKBOXES}\n defaultValues={['1', '2']}\n labelPosition=\"top\"\n onSetValues={onClickSpy}\n />\n );\n const label = screen.getByText('Periode');\n expect(label).toHaveTextContent('Periode');\n const checkbox = screen.getAllByRole('checkbox');\n expect(checkbox).toHaveLength(3);\n expect(checkbox[0]).toBeChecked();\n expect(checkbox[1]).toBeChecked();\n expect(checkbox[2]).not.toBeChecked();\n });\n\n it('should render notValidatedText and notValid style', () => {\n render(\n <CheckboxButtonBar\n label=\"Periode\"\n notValidatedText=\"Not Valid\"\n checkboxes={MOCK_CHECKBOXES}\n defaultValues={['1', '2']}\n labelPosition=\"top\"\n onSetValues={onClickSpy}\n />\n );\n const label = screen.getByText('Periode');\n expect(label).toHaveTextContent('Periode');\n expect(screen.getByText('Not Valid')).toBeInTheDocument();\n const checkbox = screen.getAllByRole('checkbox');\n expect(checkbox).toHaveLength(3);\n expect(screen.getByText('1.1')).toHaveClass('checkbox-button--not-valid');\n expect(screen.getByText('1.2')).toHaveClass('checkbox-button--not-valid');\n expect(screen.getByText('1.3')).toHaveClass('checkbox-button--not-valid');\n });\n});\n"],"names":["onClickSpy","MOCK_CHECKBOXES","render","jsx","CheckboxButtonBar","screen","checkbox","label"],"mappings":";;;;AAMA,MAAMA,IAAa,KAAK,GAAG,GAErBC,IAAkB;AAAA,EACtB;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EACT;AAAA,EACA;AAAA,IACE,OAAO;AAAA,IACP,OAAO;AAAA,EAAA;AAEX;AAEA,SAAS,kBAAkB,MAAM;AAC/B,KAAG,iBAAiB,MAAM;AACxB,IAAAC;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjB,GACA,OAAOK,EAAO,UAAU,SAAS,CAAC,EAAE,kBAAkB;AAChD,UAAAC,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC;AAAA,EAAA,CAChC,GAED,GAAG,0BAA0B,MAAM;AACjC,IAAAJ;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,UAAU;AAAA,UACV,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjB;AACM,UAAAO,IAAQF,EAAO,UAAU,SAAS;AACjC,WAAAE,CAAK,EAAE,kBAAkB,SAAS,GAClC,OAAAA,CAAK,EAAE,YAAY,iBAAiB;AACrC,UAAAD,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC;AAAA,EAAA,CAChC,GAED,GAAG,iCAAiC,MAAM;AACxC,IAAAJ;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjB;AACM,UAAAO,IAAQF,EAAO,UAAU,SAAS;AACjC,WAAAE,CAAK,EAAE,kBAAkB,SAAS;AACnC,UAAAD,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC,GAC/B,OAAOA,EAAS,CAAC,CAAC,EAAE,YAAY,GAChC,OAAOA,EAAS,CAAC,CAAC,EAAE,YAAY,GAChC,OAAOA,EAAS,CAAC,CAAC,EAAE,IAAI,YAAY;AAAA,EAAA,CACrC,GAED,GAAG,qDAAqD,MAAM;AAC5D,IAAAJ;AAAA,MACE,gBAAAC;AAAA,QAACC;AAAA,QAAA;AAAA,UACC,OAAM;AAAA,UACN,kBAAiB;AAAA,UACjB,YAAYH;AAAA,UACZ,eAAe,CAAC,KAAK,GAAG;AAAA,UACxB,eAAc;AAAA,UACd,aAAaD;AAAA,QAAA;AAAA,MAAA;AAAA,IAEjB;AACM,UAAAO,IAAQF,EAAO,UAAU,SAAS;AACjC,WAAAE,CAAK,EAAE,kBAAkB,SAAS,GACzC,OAAOF,EAAO,UAAU,WAAW,CAAC,EAAE,kBAAkB;AAClD,UAAAC,IAAWD,EAAO,aAAa,UAAU;AACxC,WAAAC,CAAQ,EAAE,aAAa,CAAC,GAC/B,OAAOD,EAAO,UAAU,KAAK,CAAC,EAAE,YAAY,4BAA4B,GACxE,OAAOA,EAAO,UAAU,KAAK,CAAC,EAAE,YAAY,4BAA4B,GACxE,OAAOA,EAAO,UAAU,KAAK,CAAC,EAAE,YAAY,4BAA4B;AAAA,EAAA,CACzE;AACH,CAAC;"}
@@ -1,30 +1,30 @@
1
- import { jsxs as s, jsx as c } from "react/jsx-runtime";
2
- import { c as a } from "../../clsx-OuTLNxxd.js";
1
+ import { jsxs as r, jsx as a } from "react/jsx-runtime";
2
+ import { c } from "../../clsx-OuTLNxxd.js";
3
3
  import { useState as l, useEffect as _ } from "react";
4
- import { Icon as b } from "../Icon/Icon.js";
4
+ import { Icon as s } from "../Icon/Icon.js";
5
5
  import { Repeater as f } from "../Repeater/Repeater.js";
6
6
  import '../../assets/FeedbackBar.css';const e = {
7
- "feedback-bar": "_feedback-bar_1p46c_1",
8
- "feedback-bar--visible": "_feedback-bar--visible_1p46c_17",
9
- "feedback-bar__icon": "_feedback-bar__icon_1p46c_23",
10
- "feedback-bar__close-button": "_feedback-bar__close-button_1p46c_27"
11
- }, u = ({ children: o }) => {
12
- const [t, r] = l(!1);
7
+ "feedback-bar": "_feedback-bar_aoc1x_1",
8
+ "feedback-bar--visible": "_feedback-bar--visible_aoc1x_15",
9
+ "feedback-bar__icon": "_feedback-bar__icon_aoc1x_21",
10
+ "feedback-bar__close-button": "_feedback-bar__close-button_aoc1x_25"
11
+ }, x = ({ children: b }) => {
12
+ const [t, o] = l(!1);
13
13
  _(() => {
14
- r(!0);
14
+ o(!0);
15
15
  }, []);
16
16
  const i = () => {
17
- r(!1);
17
+ o(!1);
18
18
  };
19
- return /* @__PURE__ */ s("div", { className: a(e["feedback-bar"], { [e["feedback-bar--visible"]]: t }), role: "alert", children: [
20
- /* @__PURE__ */ s(f, { flexDirection: "row", children: [
21
- /* @__PURE__ */ c(b, { className: a(e["feedback-bar__icon"]), name: "CheckCircle" }),
22
- o
19
+ return /* @__PURE__ */ r("div", { className: c(e["feedback-bar"], { [e["feedback-bar--visible"]]: t }), role: "alert", children: [
20
+ /* @__PURE__ */ r(f, { flexDirection: "row", children: [
21
+ /* @__PURE__ */ a(s, { className: c(e["feedback-bar__icon"]), name: "CheckCircle" }),
22
+ b
23
23
  ] }),
24
- /* @__PURE__ */ c("button", { className: a(e["feedback-bar__close-button"]), type: "button", onClick: i, children: /* @__PURE__ */ c(b, { name: "Cross", size: 24 }) })
24
+ /* @__PURE__ */ a("button", { className: c(e["feedback-bar__close-button"]), type: "button", onClick: i, children: /* @__PURE__ */ a(s, { name: "Cross", size: 24 }) })
25
25
  ] });
26
26
  };
27
27
  export {
28
- u as FeedbackBar
28
+ x as FeedbackBar
29
29
  };
30
30
  //# sourceMappingURL=FeedbackBar.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"PasteHandlerPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/PasteHandlerPlugin/PasteHandlerPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { useEffect } from 'react';\nimport { $getSelection, COMMAND_PRIORITY_CRITICAL, type CommandPayloadType, PASTE_COMMAND } from 'lexical';\nimport { objectKlassEquals } from '@lexical/utils';\nimport { $insertDataTransferForRichText } from '@lexical/clipboard';\nimport { MSWordNormalizer } from '@staartwind.nl/lexical-paste-from-word';\n\nexport const PasteHandlerPlugin = () => {\n const [editor] = useLexicalComposerContext();\n\n const handlePaste = (event: CommandPayloadType<typeof PASTE_COMMAND>) => {\n event.preventDefault();\n editor.update(() => {\n const selection = $getSelection();\n const clipboardData =\n objectKlassEquals(event, InputEvent) || objectKlassEquals(event, KeyboardEvent)\n ? null\n : (event as ClipboardEvent).clipboardData;\n if (clipboardData != null && selection !== null) {\n const html = clipboardData.getData('text/html');\n const newData = new DataTransfer();\n const wordNormalizer = new MSWordNormalizer();\n newData.setData('text/html', html);\n if (wordNormalizer.isActive(html)) {\n newData.setData('text/html', wordNormalizer.normalize(html));\n }\n $insertDataTransferForRichText(newData, selection, editor);\n }\n });\n };\n\n useEffect(() => {\n const removePasteListener = editor.registerCommand(\n PASTE_COMMAND,\n (event) => {\n if (event instanceof ClipboardEvent) {\n handlePaste(event);\n return true;\n }\n return false;\n },\n COMMAND_PRIORITY_CRITICAL\n );\n\n return () => {\n removePasteListener();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [editor]);\n\n return null;\n};\n"],"names":["PasteHandlerPlugin","editor","useLexicalComposerContext","handlePaste","event","selection","$getSelection","clipboardData","objectKlassEquals","html","newData","wordNormalizer","MSWordNormalizer","$insertDataTransferForRichText","useEffect","removePasteListener","PASTE_COMMAND","COMMAND_PRIORITY_CRITICAL"],"mappings":";;;;;;AAOO,MAAMA,IAAqB,MAAM;AAChC,QAAA,CAACC,CAAM,IAAIC,EAA0B,GAErCC,IAAc,CAACC,MAAoD;AACvE,IAAAA,EAAM,eAAe,GACrBH,EAAO,OAAO,MAAM;AAClB,YAAMI,IAAYC,EAAc,GAC1BC,IACJC,EAAkBJ,GAAO,UAAU,KAAKI,EAAkBJ,GAAO,aAAa,IAC1E,OACCA,EAAyB;AAC5B,UAAAG,KAAiB,QAAQF,MAAc,MAAM;AACzC,cAAAI,IAAOF,EAAc,QAAQ,WAAW,GACxCG,IAAU,IAAI,aAAa,GAC3BC,IAAiB,IAAIC,mBAAiB;AACpC,QAAAF,EAAA,QAAQ,aAAaD,CAAI,GAC7BE,EAAe,SAASF,CAAI,KAC9BC,EAAQ,QAAQ,aAAaC,EAAe,UAAUF,CAAI,CAAC,GAE9BI,EAAAH,GAASL,GAAWJ,CAAM;AAAA,MAAA;AAAA,IAC3D,CACD;AAAA,EACH;AAEA,SAAAa,EAAU,MAAM;AACd,UAAMC,IAAsBd,EAAO;AAAA,MACjCe;AAAAA,MACA,CAACZ,MACKA,aAAiB,kBACnBD,EAAYC,CAAK,GACV,MAEF;AAAA,MAETa;AAAAA,IACF;AAEA,WAAO,MAAM;AACS,MAAAF,EAAA;AAAA,IACtB;AAAA,EAAA,GAEC,CAACd,CAAM,CAAC,GAEJ;AACT;"}
1
+ {"version":3,"file":"PasteHandlerPlugin.js","sources":["../../../../../src/components/RteEditor/Plugins/PasteHandlerPlugin/PasteHandlerPlugin.tsx"],"sourcesContent":["import { useLexicalComposerContext } from '@lexical/react/LexicalComposerContext';\nimport { useEffect } from 'react';\nimport { $getSelection, COMMAND_PRIORITY_CRITICAL, type CommandPayloadType, PASTE_COMMAND } from 'lexical';\nimport { objectKlassEquals } from '@lexical/utils';\nimport { $insertDataTransferForRichText } from '@lexical/clipboard';\nimport { MSWordNormalizer } from '@staartwind.nl/lexical-paste-from-word';\n\nexport const PasteHandlerPlugin = () => {\n const [editor] = useLexicalComposerContext();\n\n const handlePaste = (event: CommandPayloadType<typeof PASTE_COMMAND>) => {\n event.preventDefault();\n editor.update(() => {\n const selection = $getSelection();\n const clipboardData =\n objectKlassEquals(event, InputEvent) || objectKlassEquals(event, KeyboardEvent) ? null : event.clipboardData;\n if (clipboardData != null && selection !== null) {\n const html = clipboardData.getData('text/html');\n const newData = new DataTransfer();\n const wordNormalizer = new MSWordNormalizer();\n newData.setData('text/html', html);\n if (wordNormalizer.isActive(html)) {\n newData.setData('text/html', wordNormalizer.normalize(html));\n }\n $insertDataTransferForRichText(newData, selection, editor);\n }\n });\n };\n\n useEffect(() => {\n const removePasteListener = editor.registerCommand(\n PASTE_COMMAND,\n (event) => {\n if (event instanceof ClipboardEvent) {\n handlePaste(event);\n return true;\n }\n return false;\n },\n COMMAND_PRIORITY_CRITICAL\n );\n\n return () => {\n removePasteListener();\n };\n // eslint-disable-next-line react-hooks/exhaustive-deps\n }, [editor]);\n\n return null;\n};\n"],"names":["PasteHandlerPlugin","editor","useLexicalComposerContext","handlePaste","event","selection","$getSelection","clipboardData","objectKlassEquals","html","newData","wordNormalizer","MSWordNormalizer","$insertDataTransferForRichText","useEffect","removePasteListener","PASTE_COMMAND","COMMAND_PRIORITY_CRITICAL"],"mappings":";;;;;;AAOO,MAAMA,IAAqB,MAAM;AAChC,QAAA,CAACC,CAAM,IAAIC,EAA0B,GAErCC,IAAc,CAACC,MAAoD;AACvE,IAAAA,EAAM,eAAe,GACrBH,EAAO,OAAO,MAAM;AAClB,YAAMI,IAAYC,EAAc,GAC1BC,IACJC,EAAkBJ,GAAO,UAAU,KAAKI,EAAkBJ,GAAO,aAAa,IAAI,OAAOA,EAAM;AAC7F,UAAAG,KAAiB,QAAQF,MAAc,MAAM;AACzC,cAAAI,IAAOF,EAAc,QAAQ,WAAW,GACxCG,IAAU,IAAI,aAAa,GAC3BC,IAAiB,IAAIC,mBAAiB;AACpC,QAAAF,EAAA,QAAQ,aAAaD,CAAI,GAC7BE,EAAe,SAASF,CAAI,KAC9BC,EAAQ,QAAQ,aAAaC,EAAe,UAAUF,CAAI,CAAC,GAE9BI,EAAAH,GAASL,GAAWJ,CAAM;AAAA,MAAA;AAAA,IAC3D,CACD;AAAA,EACH;AAEA,SAAAa,EAAU,MAAM;AACd,UAAMC,IAAsBd,EAAO;AAAA,MACjCe;AAAAA,MACA,CAACZ,MACKA,aAAiB,kBACnBD,EAAYC,CAAK,GACV,MAEF;AAAA,MAETa;AAAAA,IACF;AAEA,WAAO,MAAM;AACS,MAAAF,EAAA;AAAA,IACtB;AAAA,EAAA,GAEC,CAACd,CAAM,CAAC,GAEJ;AACT;"}
@@ -0,0 +1,5 @@
1
+ import { Meta } from '@storybook/react';
2
+ import { StatusBadgeProps } from 'components/StatusBadge';
3
+ declare const _default: Meta<StatusBadgeProps>;
4
+ export default _default;
5
+ export declare const StatusBadgeExample: import('@storybook/core/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, StatusBadgeProps>;
@@ -0,0 +1,21 @@
1
+ import { jsx as a } from "react/jsx-runtime";
2
+ import { StatusBadge as t } from "./StatusBage.js";
3
+ const o = "<InfoBadge highContrast=[boolean]>{label}</InfoBadge>", d = {
4
+ title: "Atoms/StatusBadge",
5
+ component: t,
6
+ parameters: {
7
+ inspectComponent: t,
8
+ codeString: o
9
+ }
10
+ }, s = (e) => /* @__PURE__ */ a(t, { ...e }), n = {
11
+ label: "This is example badge",
12
+ highContrast: !1
13
+ }, r = s.bind({});
14
+ r.args = {
15
+ ...n
16
+ };
17
+ export {
18
+ r as StatusBadgeExample,
19
+ d as default
20
+ };
21
+ //# sourceMappingURL=StatusBadge.stories.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusBadge.stories.js","sources":["../../../src/components/StatusBadge/StatusBadge.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { StatusBadgeProps } from 'components/StatusBadge';\n\nimport { StatusBadge } from 'components/StatusBadge';\n\nconst codeString = '<InfoBadge highContrast=[boolean]>{label}</InfoBadge>';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n title: 'Atoms/StatusBadge',\n component: StatusBadge,\n parameters: {\n inspectComponent: StatusBadge,\n codeString: codeString,\n },\n} as Meta<StatusBadgeProps>;\n\nconst Template: StoryFn<StatusBadgeProps> = (args) => <StatusBadge {...args} />;\n\nconst defaultArgs: StatusBadgeProps = {\n label: 'This is example badge',\n highContrast: false,\n};\n\nexport const StatusBadgeExample = Template.bind({});\n\nStatusBadgeExample.args = {\n ...defaultArgs,\n};\n"],"names":["codeString","StatusBadge_stories","StatusBadge","Template","args","jsx","defaultArgs","StatusBadgeExample"],"mappings":";;AAKA,MAAMA,IAAa,yDAGJC,IAAA;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAsC,CAACC,MAAU,gBAAAC,EAAAH,GAAA,EAAa,GAAGE,GAAM,GAEvEE,IAAgC;AAAA,EACpC,OAAO;AAAA,EACP,cAAc;AAChB,GAEaC,IAAqBJ,EAAS,KAAK,CAAE,CAAA;AAElDI,EAAmB,OAAO;AAAA,EACxB,GAAGD;AACL;"}
@@ -0,0 +1,12 @@
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ import "../../index-Z7qwJmRM.js";
3
+ import { r as t, s } from "../../react.esm-BOUd0cvD.js";
4
+ import { StatusBadge as a } from "./StatusBage.js";
5
+ describe("StatusBadge", () => {
6
+ it("should render with message", () => {
7
+ t(/* @__PURE__ */ e(a, { label: "Status message" })), expect(s.getByText("Status message")).toBeInTheDocument();
8
+ }), it("should render with highContract", () => {
9
+ t(/* @__PURE__ */ e(a, { label: "Status message", highContrast: !0 })), expect(s.getByText("Status message")).toHaveClass("statusbadge--high-contrast");
10
+ });
11
+ });
12
+ //# sourceMappingURL=StatusBadge.test.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusBadge.test.js","sources":["../../../src/components/StatusBadge/StatusBadge.test.tsx"],"sourcesContent":["import '@testing-library/jest-dom';\nimport { render, screen } from '@testing-library/react';\n\nimport { StatusBadge } from './StatusBage';\n\ndescribe('StatusBadge', () => {\n it('should render with message', () => {\n render(<StatusBadge label=\"Status message\" />);\n expect(screen.getByText('Status message')).toBeInTheDocument();\n });\n\n it('should render with highContract', () => {\n render(<StatusBadge label=\"Status message\" highContrast={true} />);\n expect(screen.getByText('Status message')).toHaveClass('statusbadge--high-contrast');\n });\n});\n"],"names":["render","jsx","StatusBadge","screen"],"mappings":";;;;AAKA,SAAS,eAAe,MAAM;AAC5B,KAAG,8BAA8B,MAAM;AACrC,IAAAA,EAAQ,gBAAAC,EAAAC,GAAA,EAAY,OAAM,iBAAiB,CAAA,CAAE,GAC7C,OAAOC,EAAO,UAAU,gBAAgB,CAAC,EAAE,kBAAkB;AAAA,EAAA,CAC9D,GAED,GAAG,mCAAmC,MAAM;AAC1C,IAAAH,oBAAQE,GAAY,EAAA,OAAM,kBAAiB,cAAc,IAAM,CAAE,GACjE,OAAOC,EAAO,UAAU,gBAAgB,CAAC,EAAE,YAAY,4BAA4B;AAAA,EAAA,CACpF;AACH,CAAC;"}
@@ -0,0 +1,7 @@
1
+ export interface StatusBadgeProps {
2
+ /** Text on the badge */
3
+ label: string;
4
+ /** true to render the card with high contrast colors; otherwise, false. The default is false. */
5
+ highContrast?: boolean;
6
+ }
7
+ export declare const StatusBadge: ({ label, highContrast }: StatusBadgeProps) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,10 @@
1
+ import { jsx as e } from "react/jsx-runtime";
2
+ import { c as g } from "../../clsx-OuTLNxxd.js";
3
+ import '../../assets/StatusBage.css';const o = "_statusbadge_6tmbw_1", t = {
4
+ statusbadge: o,
5
+ "statusbadge--high-contrast": "_statusbadge--high-contrast_6tmbw_14"
6
+ }, d = ({ label: s, highContrast: a = !1 }) => /* @__PURE__ */ e("div", { className: g(t.statusbadge, [a && t["statusbadge--high-contrast"]]), children: s });
7
+ export {
8
+ d as StatusBadge
9
+ };
10
+ //# sourceMappingURL=StatusBage.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"StatusBage.js","sources":["../../../src/components/StatusBadge/StatusBage.tsx"],"sourcesContent":["import clsx from 'clsx';\n\nimport styles from './StatusBadge.module.css';\n\nexport interface StatusBadgeProps {\n /** Text on the badge */\n label: string;\n /** true to render the card with high contrast colors; otherwise, false. The default is false. */\n highContrast?: boolean;\n}\n\nexport const StatusBadge = ({ label, highContrast = false }: StatusBadgeProps) => {\n return (\n <div className={clsx(styles['statusbadge'], [highContrast && styles['statusbadge--high-contrast']])}>{label}</div>\n );\n};\n"],"names":["StatusBadge","label","highContrast","jsx","clsx","styles"],"mappings":";;;;;GAWaA,IAAc,CAAC,EAAE,OAAAC,GAAO,cAAAC,IAAe,SAE/C,gBAAAC,EAAA,OAAA,EAAI,WAAWC,EAAKC,EAAO,aAAgB,CAACH,KAAgBG,EAAO,4BAA4B,CAAC,CAAC,GAAI,UAAMJ,GAAA;"}
@@ -0,0 +1 @@
1
+ export * from './StatusBage';
@@ -0,0 +1,5 @@
1
+ import { StatusBadge as e } from "./StatusBage.js";
2
+ export {
3
+ e as StatusBadge
4
+ };
5
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";"}
@@ -46,6 +46,7 @@ export * from './SelectListbox';
46
46
  export * from './SelectListbox/SelectProvider';
47
47
  export * from './Sortable';
48
48
  export * from './Spinner';
49
+ export * from './StatusBadge';
49
50
  export * from './StatusPill';
50
51
  export * from './Timeline';
51
52
  export * from './ToggleSwitch';
@@ -8,8 +8,8 @@ import { ButtonGroup as u } from "./ButtonGroup/ButtonGroup.js";
8
8
  import { Button as s } from "./Buttons/Button.js";
9
9
  import { LinkButton as b } from "./Buttons/LinkButton.js";
10
10
  import { MenuButton as C } from "./Buttons/MenuButton.js";
11
- import { Card as I } from "./Card/Card.js";
12
- import { Checkbox as M } from "./Checkbox/Checkbox.js";
11
+ import { Card as g } from "./Card/Card.js";
12
+ import { Checkbox as L } from "./Checkbox/Checkbox.js";
13
13
  import { CheckboxButton as h } from "./CheckboxButton/CheckboxButton.js";
14
14
  import { CheckboxButtonBar as y } from "./CheckboxButtonBar/CheckboxButtonBar.js";
15
15
  import { CheckboxTree as D } from "./CheckboxTree/CheckboxTree.js";
@@ -35,8 +35,8 @@ import { MetaDataList as Bo } from "./MetaDataList/MetaDataList.js";
35
35
  import { ModalDialog as So } from "./ModalDialog/ModalDialog.js";
36
36
  import { M as ko } from "../TablePlugin-DKzssVbg.js";
37
37
  import { OverlayCloseButton as Fo } from "./OverlayCloseButton/OverlayCloseButton.js";
38
- import { OverlayStepBar as Lo } from "./OverlayStepBar/OverlayStepBar.js";
39
- import { PageOverlay as go } from "./PageOverlay/PageOverlay.js";
38
+ import { OverlayStepBar as Io } from "./OverlayStepBar/OverlayStepBar.js";
39
+ import { PageOverlay as Mo } from "./PageOverlay/PageOverlay.js";
40
40
  import { Periods as Po } from "./Periods/Periods.js";
41
41
  import { PeriodSelector as Ao } from "./PeriodSelector/PeriodSelector.js";
42
42
  import { ProgrammeCard as Ro } from "./ProgrammeCard/ProgrammeCard.js";
@@ -48,11 +48,12 @@ import { SelectListbox as jo } from "./SelectListbox/SelectListbox.js";
48
48
  import { SelectProvider as Jo, useSelect as Ko } from "./SelectListbox/SelectProvider.js";
49
49
  import { Sortable as Uo } from "./Sortable/Sortable.js";
50
50
  import { Spinner as Xo } from "./Spinner/Spinner.js";
51
- import { StatusPill as Zo } from "./StatusPill/StatusPill.js";
52
- import { Timeline as $o } from "./Timeline/Timeline.js";
53
- import { ToggleSwitch as rr } from "./ToggleSwitch/ToggleSwitch.js";
54
- import { Tooltip as er } from "./Tooltip/Tooltip.js";
55
- import { VarIndicator as mr } from "./VarIndicator/VarIndicator.js";
51
+ import { StatusBadge as Zo } from "./StatusBadge/StatusBage.js";
52
+ import { StatusPill as $o } from "./StatusPill/StatusPill.js";
53
+ import { Timeline as rr } from "./Timeline/Timeline.js";
54
+ import { ToggleSwitch as er } from "./ToggleSwitch/ToggleSwitch.js";
55
+ import { Tooltip as mr } from "./Tooltip/Tooltip.js";
56
+ import { VarIndicator as fr } from "./VarIndicator/VarIndicator.js";
56
57
  export {
57
58
  t as Accordion,
58
59
  p as AccordionCard,
@@ -62,8 +63,8 @@ export {
62
63
  c as Backdrop,
63
64
  s as Button,
64
65
  u as ButtonGroup,
65
- I as Card,
66
- M as Checkbox,
66
+ g as Card,
67
+ L as Checkbox,
67
68
  h as CheckboxButton,
68
69
  y as CheckboxButtonBar,
69
70
  D as CheckboxTree,
@@ -91,8 +92,8 @@ export {
91
92
  So as ModalDialog,
92
93
  ko as MultiSelect,
93
94
  Fo as OverlayCloseButton,
94
- Lo as OverlayStepBar,
95
- go as PageOverlay,
95
+ Io as OverlayStepBar,
96
+ Mo as PageOverlay,
96
97
  Ao as PeriodSelector,
97
98
  Po as Periods,
98
99
  Ro as ProgrammeCard,
@@ -105,11 +106,12 @@ export {
105
106
  Jo as SelectProvider,
106
107
  Uo as Sortable,
107
108
  Xo as Spinner,
108
- Zo as StatusPill,
109
- $o as Timeline,
110
- rr as ToggleSwitch,
111
- er as Tooltip,
112
- mr as VarIndicator,
109
+ Zo as StatusBadge,
110
+ $o as StatusPill,
111
+ rr as Timeline,
112
+ er as ToggleSwitch,
113
+ mr as Tooltip,
114
+ fr as VarIndicator,
113
115
  Ko as useSelect
114
116
  };
115
117
  //# 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
@@ -8,8 +8,8 @@ import { ButtonGroup as u } from "./components/ButtonGroup/ButtonGroup.js";
8
8
  import { Button as s } from "./components/Buttons/Button.js";
9
9
  import { LinkButton as b } from "./components/Buttons/LinkButton.js";
10
10
  import { MenuButton as C } from "./components/Buttons/MenuButton.js";
11
- import { Card as I } from "./components/Card/Card.js";
12
- import { Checkbox as M } from "./components/Checkbox/Checkbox.js";
11
+ import { Card as g } from "./components/Card/Card.js";
12
+ import { Checkbox as L } from "./components/Checkbox/Checkbox.js";
13
13
  import { CheckboxButton as h } from "./components/CheckboxButton/CheckboxButton.js";
14
14
  import { CheckboxButtonBar as y } from "./components/CheckboxButtonBar/CheckboxButtonBar.js";
15
15
  import { CheckboxTree as D } from "./components/CheckboxTree/CheckboxTree.js";
@@ -35,8 +35,8 @@ import { MetaDataList as Bo } from "./components/MetaDataList/MetaDataList.js";
35
35
  import { ModalDialog as So } from "./components/ModalDialog/ModalDialog.js";
36
36
  import { M as ko } from "./TablePlugin-DKzssVbg.js";
37
37
  import { OverlayCloseButton as Fo } from "./components/OverlayCloseButton/OverlayCloseButton.js";
38
- import { OverlayStepBar as Lo } from "./components/OverlayStepBar/OverlayStepBar.js";
39
- import { PageOverlay as go } from "./components/PageOverlay/PageOverlay.js";
38
+ import { OverlayStepBar as Io } from "./components/OverlayStepBar/OverlayStepBar.js";
39
+ import { PageOverlay as Mo } from "./components/PageOverlay/PageOverlay.js";
40
40
  import { Periods as Po } from "./components/Periods/Periods.js";
41
41
  import { PeriodSelector as Ao } from "./components/PeriodSelector/PeriodSelector.js";
42
42
  import { ProgrammeCard as Ro } from "./components/ProgrammeCard/ProgrammeCard.js";
@@ -48,11 +48,12 @@ import { SelectListbox as jo } from "./components/SelectListbox/SelectListbox.js
48
48
  import { SelectProvider as Jo, useSelect as Ko } from "./components/SelectListbox/SelectProvider.js";
49
49
  import { Sortable as Uo } from "./components/Sortable/Sortable.js";
50
50
  import { Spinner as Xo } from "./components/Spinner/Spinner.js";
51
- import { StatusPill as Zo } from "./components/StatusPill/StatusPill.js";
52
- import { Timeline as $o } from "./components/Timeline/Timeline.js";
53
- import { ToggleSwitch as rr } from "./components/ToggleSwitch/ToggleSwitch.js";
54
- import { Tooltip as er } from "./components/Tooltip/Tooltip.js";
55
- import { VarIndicator as mr } from "./components/VarIndicator/VarIndicator.js";
51
+ import { StatusBadge as Zo } from "./components/StatusBadge/StatusBage.js";
52
+ import { StatusPill as $o } from "./components/StatusPill/StatusPill.js";
53
+ import { Timeline as rr } from "./components/Timeline/Timeline.js";
54
+ import { ToggleSwitch as er } from "./components/ToggleSwitch/ToggleSwitch.js";
55
+ import { Tooltip as mr } from "./components/Tooltip/Tooltip.js";
56
+ import { VarIndicator as fr } from "./components/VarIndicator/VarIndicator.js";
56
57
  export {
57
58
  t as Accordion,
58
59
  p as AccordionCard,
@@ -62,8 +63,8 @@ export {
62
63
  c as Backdrop,
63
64
  s as Button,
64
65
  u as ButtonGroup,
65
- I as Card,
66
- M as Checkbox,
66
+ g as Card,
67
+ L as Checkbox,
67
68
  h as CheckboxButton,
68
69
  y as CheckboxButtonBar,
69
70
  D as CheckboxTree,
@@ -91,8 +92,8 @@ export {
91
92
  So as ModalDialog,
92
93
  ko as MultiSelect,
93
94
  Fo as OverlayCloseButton,
94
- Lo as OverlayStepBar,
95
- go as PageOverlay,
95
+ Io as OverlayStepBar,
96
+ Mo as PageOverlay,
96
97
  Ao as PeriodSelector,
97
98
  Po as Periods,
98
99
  Ro as ProgrammeCard,
@@ -105,11 +106,12 @@ export {
105
106
  Jo as SelectProvider,
106
107
  Uo as Sortable,
107
108
  Xo as Spinner,
108
- Zo as StatusPill,
109
- $o as Timeline,
110
- rr as ToggleSwitch,
111
- er as Tooltip,
112
- mr as VarIndicator,
109
+ Zo as StatusBadge,
110
+ $o as StatusPill,
111
+ rr as Timeline,
112
+ er as ToggleSwitch,
113
+ mr as Tooltip,
114
+ fr as VarIndicator,
113
115
  Ko as useSelect
114
116
  };
115
117
  //# sourceMappingURL=index.js.map
package/dist/index.js.map CHANGED
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
package/package.json CHANGED
@@ -2,7 +2,7 @@
2
2
  "name": "@uva-glass/component-library",
3
3
  "author": "Team Glass - Frontend vrienden",
4
4
  "private": false,
5
- "version": "3.1.1",
5
+ "version": "3.2.0",
6
6
  "type": "module",
7
7
  "main": "dist/index.js",
8
8
  "types": "dist/index.d.ts",
@@ -64,10 +64,10 @@
64
64
  "@testing-library/jest-dom": "^6.6.3",
65
65
  "@testing-library/react": "^16.2.0",
66
66
  "@types/jest": "^29.5.14",
67
- "@types/node": "^22.13.10",
67
+ "@types/node": "^22.13.12",
68
68
  "@types/react-dom": "^19.0.4",
69
- "@types/react": "^19.0.11",
70
- "@uva-glass/eslint-config": "^1.3.8",
69
+ "@types/react": "^19.0.12",
70
+ "@uva-glass/eslint-config": "^1.3.9",
71
71
  "@uva-glass/stylelint-config": "^1.2.2",
72
72
  "@vitejs/plugin-react": "^4.3.4",
73
73
  "babel-jest": "^29.7.0",
@@ -83,7 +83,7 @@
83
83
  "jsdom": "^26.0.0",
84
84
  "npm-run-all2": "^7.0.2",
85
85
  "react-dom": "^18.3.1",
86
- "react-router": "^7.3.0",
86
+ "react-router": "^7.4.0",
87
87
  "react": "^18.3.1",
88
88
  "semantic-release": "^24.2.3",
89
89
  "storybook": "^8.6.7",
@@ -112,9 +112,9 @@
112
112
  "lexical": "^0.28.0"
113
113
  },
114
114
  "optionalDependencies": {
115
- "@rollup/rollup-linux-x64-gnu": "^4.36.0",
115
+ "@rollup/rollup-linux-x64-gnu": "^4.37.0",
116
116
  "@rspack/binding-darwin-arm64": "1.2.8",
117
117
  "@rspack/binding-linux-x64-gnu": "1.2.8",
118
- "@ast-grep/napi-linux-x64-gnu": "0.36.1"
118
+ "@ast-grep/napi-linux-x64-gnu": "0.36.2"
119
119
  }
120
120
  }