@uva-glass/component-library 3.35.1 → 3.36.1

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.
Files changed (40) hide show
  1. package/dist/assets/VarIndicator.css +1 -1
  2. package/dist/components/Accordion/Accordion.test.js +3 -3
  3. package/dist/components/AccordionCard/AccordionCard.test.js +3 -3
  4. package/dist/components/ActionList/ActionList.test.js +3 -3
  5. package/dist/components/AppStatusBar/AppStatusBar.test.js +2 -2
  6. package/dist/components/Attention/Attention.test.js +2 -2
  7. package/dist/components/Backdrop/Backdrop.test.js +2 -2
  8. package/dist/components/Buttons/Button.test.js +2 -2
  9. package/dist/components/Buttons/LinkButton.test.js +2 -2
  10. package/dist/components/Buttons/MenuButton.test.js +2 -2
  11. package/dist/components/Card/Card.test.js +2 -2
  12. package/dist/components/Checkbox/Checkbox.test.js +3 -3
  13. package/dist/components/CheckboxButtonBar/CheckboxButtonBar.test.js +2 -2
  14. package/dist/components/FeedbackBar/FeedbackBar.test.js +2 -2
  15. package/dist/components/Label/Label.test.js +2 -2
  16. package/dist/components/MultiSelectBox/MultiSelectBox.test.js +2 -2
  17. package/dist/components/Notification/Notification.test.js +2 -2
  18. package/dist/components/RadioGroup/Radiogroup.test.js +2 -2
  19. package/dist/components/SelectListbox/SelectListBox.stories.d.ts +9 -3
  20. package/dist/components/SelectListbox/SelectListBox.stories.js +126 -48
  21. package/dist/components/SelectListbox/SelectListBox.stories.js.map +1 -1
  22. package/dist/components/SelectListbox/SelectProvider.js +25 -23
  23. package/dist/components/SelectListbox/SelectProvider.js.map +1 -1
  24. package/dist/components/StatusBadge/StatusBadge.test.js +2 -2
  25. package/dist/components/TextArea/TextArea.test.js +2 -2
  26. package/dist/components/VarIndicator/VarIndicator.d.ts +7 -1
  27. package/dist/components/VarIndicator/VarIndicator.js +54 -24
  28. package/dist/components/VarIndicator/VarIndicator.js.map +1 -1
  29. package/dist/components/VarIndicator/VarIndicator.stories.js +8 -8
  30. package/dist/components/VarIndicator/VarIndicator.stories.js.map +1 -1
  31. package/dist/components/VarIndicator/VarIndicator.test.js +3 -3
  32. package/dist/{index-DzN3R4wD.js → index-C5wAoUNf.js} +2382 -3427
  33. package/dist/index-C5wAoUNf.js.map +1 -0
  34. package/dist/{index-DDN7R-oN.js → index-DBXreWnr.js} +2 -2
  35. package/dist/{index-DDN7R-oN.js.map → index-DBXreWnr.js.map} +1 -1
  36. package/dist/{react.esm-DMlPLy-4.js → react.esm-QfxS8egK.js} +2 -2
  37. package/dist/{react.esm-DMlPLy-4.js.map → react.esm-QfxS8egK.js.map} +1 -1
  38. package/dist/setupTests.js +1 -1
  39. package/package.json +12 -12
  40. package/dist/index-DzN3R4wD.js.map +0 -1
package/dist/assets/VarIndicator.css CHANGED
@@ -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)}
package/dist/components/Accordion/Accordion.test.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import "../../index-DzN3R4wD.js";
3
- import { r as n, s as a } from "../../react.esm-DMlPLy-4.js";
4
- import { u as e } from "../../index-DDN7R-oN.js";
2
+ import "../../index-C5wAoUNf.js";
3
+ import { r as n, s as a } from "../../react.esm-QfxS8egK.js";
4
+ import { u as e } from "../../index-DBXreWnr.js";
5
5
  import { Accordion as i } from "./Accordion.js";
6
6
  describe("Accordion", () => {
7
7
  it("should render", () => {
package/dist/components/AccordionCard/AccordionCard.test.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import "../../index-DzN3R4wD.js";
3
- import { r as c, s as e, f as s, w as d } from "../../react.esm-DMlPLy-4.js";
4
- import { u as r } from "../../index-DDN7R-oN.js";
2
+ import "../../index-C5wAoUNf.js";
3
+ import { r as c, s as e, f as s, w as d } from "../../react.esm-QfxS8egK.js";
4
+ import { u as r } from "../../index-DBXreWnr.js";
5
5
  import { AccordionCard as a } from "./AccordionCard.js";
6
6
  describe("AccordionCard", () => {
7
7
  it("should render", () => {
package/dist/components/ActionList/ActionList.test.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as i } from "react/jsx-runtime";
2
- import "../../index-DzN3R4wD.js";
3
- import { r as n, s as t, w as a } from "../../react.esm-DMlPLy-4.js";
4
- import { u as l } from "../../index-DDN7R-oN.js";
2
+ import "../../index-C5wAoUNf.js";
3
+ import { r as n, s as t, w as a } from "../../react.esm-QfxS8egK.js";
4
+ import { u as l } from "../../index-DBXreWnr.js";
5
5
  import { ActionList as o } from "./ActionList.js";
6
6
  const T = jest.fn(), c = [
7
7
  /* @__PURE__ */ i("button", { type: "button", onClick: T, children: "Test Action 1" }, "1"),
package/dist/components/AppStatusBar/AppStatusBar.test.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import "../../index-DzN3R4wD.js";
3
- import { r, s as t } from "../../react.esm-DMlPLy-4.js";
2
+ import "../../index-C5wAoUNf.js";
3
+ import { r, s as t } from "../../react.esm-QfxS8egK.js";
4
4
  import { AppStatusBar as s } from "./AppStatusBar.js";
5
5
  describe("AppStatusBar", () => {
6
6
  it("should render", () => {
package/dist/components/Attention/Attention.test.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import "../../index-DzN3R4wD.js";
3
- import { r as t, s as r } from "../../react.esm-DMlPLy-4.js";
2
+ import "../../index-C5wAoUNf.js";
3
+ import { r as t, s as r } from "../../react.esm-QfxS8egK.js";
4
4
  import { Attention as n } from "./Attention.js";
5
5
  describe("Attention", () => {
6
6
  it("should render (variant primary)", () => {
package/dist/components/Backdrop/Backdrop.test.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as r } from "react/jsx-runtime";
2
- import "../../index-DzN3R4wD.js";
3
- import { r as e, s as o } from "../../react.esm-DMlPLy-4.js";
2
+ import "../../index-C5wAoUNf.js";
3
+ import { r as e, s as o } from "../../react.esm-QfxS8egK.js";
4
4
  import { Backdrop as t } from "./Backdrop.js";
5
5
  describe("Backdrop", () => {
6
6
  it("should render", () => {
package/dist/components/Buttons/Button.test.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import "../../index-DzN3R4wD.js";
3
- import { r as n, s as t, f as c } from "../../react.esm-DMlPLy-4.js";
2
+ import "../../index-C5wAoUNf.js";
3
+ import { r as n, s as t, f as c } from "../../react.esm-QfxS8egK.js";
4
4
  import { Button as o } from "./Button.js";
5
5
  const s = jest.fn();
6
6
  describe("Button", () => {
package/dist/components/Buttons/LinkButton.test.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsxs as s, jsx as e } from "react/jsx-runtime";
2
- import "../../index-DzN3R4wD.js";
3
- import { r as n, s as t, f as c } from "../../react.esm-DMlPLy-4.js";
2
+ import "../../index-C5wAoUNf.js";
3
+ import { r as n, s as t, f as c } from "../../react.esm-QfxS8egK.js";
4
4
  import { BrowserRouter as u, Routes as a, Route as d } from "react-router";
5
5
  import { LinkButton as o } from "./LinkButton.js";
6
6
  const r = ({ children: i }) => /* @__PURE__ */ s(u, { children: [
package/dist/components/Buttons/MenuButton.test.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as o } from "react/jsx-runtime";
2
- import "../../index-DzN3R4wD.js";
3
- import { r as u, s as e, f as c } from "../../react.esm-DMlPLy-4.js";
2
+ import "../../index-C5wAoUNf.js";
3
+ import { r as u, s as e, f as c } from "../../react.esm-QfxS8egK.js";
4
4
  import { createRef as s } from "react";
5
5
  import { MenuButton as r } from "./MenuButton.js";
6
6
  const n = jest.fn();
package/dist/components/Card/Card.test.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import "../../index-DzN3R4wD.js";
3
- import { r, s as d } from "../../react.esm-DMlPLy-4.js";
2
+ import "../../index-C5wAoUNf.js";
3
+ import { r, s as d } from "../../react.esm-QfxS8egK.js";
4
4
  import { Card as o } from "./Card.js";
5
5
  describe("Card", () => {
6
6
  it("should render", () => {
package/dist/components/Checkbox/Checkbox.test.js CHANGED
@@ -1,7 +1,7 @@
1
1
  import { jsx as c } from "react/jsx-runtime";
2
- import "../../index-DzN3R4wD.js";
3
- import { r as o, s as t } from "../../react.esm-DMlPLy-4.js";
4
- import { u as s } from "../../index-DDN7R-oN.js";
2
+ import "../../index-C5wAoUNf.js";
3
+ import { r as o, s as t } from "../../react.esm-QfxS8egK.js";
4
+ import { u as s } from "../../index-DBXreWnr.js";
5
5
  import { Checkbox as r } from "./Checkbox.js";
6
6
  describe("Checkbox", () => {
7
7
  it("should render", () => {
package/dist/components/CheckboxButtonBar/CheckboxButtonBar.test.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as l } from "react/jsx-runtime";
2
- import "../../index-DzN3R4wD.js";
3
- import { r as c, s as t } from "../../react.esm-DMlPLy-4.js";
2
+ import "../../index-C5wAoUNf.js";
3
+ import { r as c, s as t } from "../../react.esm-QfxS8egK.js";
4
4
  import { CheckboxButtonBar as a } from "./CheckboxButtonBar.js";
5
5
  const n = jest.fn(), d = [
6
6
  {
package/dist/components/FeedbackBar/FeedbackBar.test.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as t } from "react/jsx-runtime";
2
- import "../../index-DzN3R4wD.js";
3
- import { r as s, s as e, f as r } from "../../react.esm-DMlPLy-4.js";
2
+ import "../../index-C5wAoUNf.js";
3
+ import { r as s, s as e, f as r } from "../../react.esm-QfxS8egK.js";
4
4
  import { FeedbackBar as c } from "./FeedbackBar.js";
5
5
  describe("FeedbackBar", () => {
6
6
  it("should render with children text", () => {
package/dist/components/Label/Label.test.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import "../../index-DzN3R4wD.js";
3
- import { r as t, s as l } from "../../react.esm-DMlPLy-4.js";
2
+ import "../../index-C5wAoUNf.js";
3
+ import { r as t, s as l } from "../../react.esm-QfxS8egK.js";
4
4
  import { Label as r } from "./Label.js";
5
5
  describe("Label", () => {
6
6
  it("should render", () => {
package/dist/components/MultiSelectBox/MultiSelectBox.test.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as o, jsxs as d, Fragment as r } from "react/jsx-runtime";
2
- import "../../index-DzN3R4wD.js";
3
- import { r as n, s as t, f as a } from "../../react.esm-DMlPLy-4.js";
2
+ import "../../index-C5wAoUNf.js";
3
+ import { r as n, s as t, f as a } from "../../react.esm-QfxS8egK.js";
4
4
  import { MultiSelectBox as l } from "./MultiSelectBox.js";
5
5
  const i = jest.fn(), c = [
6
6
  { label: "Option 1", value: "1" },
package/dist/components/Notification/Notification.test.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as e } from "react/jsx-runtime";
2
- import "../../index-DzN3R4wD.js";
3
- import { r as i, s as t } from "../../react.esm-DMlPLy-4.js";
2
+ import "../../index-C5wAoUNf.js";
3
+ import { r as i, s as t } from "../../react.esm-QfxS8egK.js";
4
4
  import { Notification as n } from "./Notification.js";
5
5
  describe("Notification", () => {
6
6
  it("renders title and subtitle", () => {
package/dist/components/RadioGroup/Radiogroup.test.js CHANGED
@@ -1,6 +1,6 @@
1
1
  import { jsx as n } from "react/jsx-runtime";
2
- import "../../index-DzN3R4wD.js";
3
- import { r as l, s as t, f as s } from "../../react.esm-DMlPLy-4.js";
2
+ import "../../index-C5wAoUNf.js";
3
+ import { r as l, s as t, f as s } from "../../react.esm-QfxS8egK.js";
4
4
  import { RadioGroup as a } from "./RadioGroup.js";
5
5
  const i = [
6
6
  { id: "1", titleLabel: "Option 1", value: "option1" },
package/dist/components/SelectListbox/SelectListBox.stories.d.ts CHANGED
@@ -1,7 +1,13 @@
1
1
  import { Meta } from '@storybook/react';
2
2
  import { PropsWithChildren } from 'react';
3
3
  import { SelectListboxProps } from './SelectListbox';
4
- declare const _default: Meta<SelectListboxProps>;
4
+ declare const LANGUAGE_CODES: readonly ["NL", "EN"];
5
+ type LanguageCode = (typeof LANGUAGE_CODES)[number];
6
+ interface SelectListboxStoryProps extends SelectListboxProps {
7
+ SwitchLanguage?: LanguageCode;
8
+ }
9
+ declare const _default: Meta<SelectListboxStoryProps>;
5
10
  export default _default;
6
- export declare const SelectListboxExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<SelectListboxProps>>;
7
- export declare const WithComponentOption: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<SelectListboxProps>>;
11
+ export declare const SelectListboxExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<SelectListboxStoryProps>>;
12
+ export declare const WithComponentOption: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<SelectListboxStoryProps>>;
13
+ export declare const WithLanguageSwitch: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, PropsWithChildren<SelectListboxStoryProps>>;