@uva-glass/component-library 3.36.0 → 3.37.0

package/dist/assets/ControlsButton.css

@@ -1 +1 @@
-._controls-button_1jiif_1{align-items:center;background-color:var(--new-color-uva-white);border:1px solid transparent;border-radius:.25rem;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:var(--font-size-default);height:2.25rem;justify-content:center;min-width:2.25rem;padding:.5rem;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap}._controls-button--squared_1jiif_19{width:2.25rem}._controls-input_1jiif_23{aspect-ratio:unset;cursor:pointer;height:0;opacity:0;position:absolute;width:0}._controls-button_1jiif_1:after{content:"";min-height:2.625rem;min-width:2.625rem;position:absolute;width:100%}._controls-input_1jiif_23:focus-visible+label{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem}._controls-input_1jiif_23:checked+label{background-color:var(--new-color-grey-200);border:1px solid var(--new-color-grey-700);font-weight:var(--semibold)}._controls-input_1jiif_23:disabled+label,._controls-input_1jiif_23:disabled:hover+label{background-color:var(--new-color-grey-400);color:var(--new-color-grey-700);cursor:not-allowed}._controls-input_1jiif_23:hover+label{background-color:var(--new-color-grey-300)}._controls-button--with-prefix_1jiif_62{height:auto;padding:.125rem .5rem;width:auto}._controls-button__wrapper_1jiif_68{align-items:center;display:flex;flex-direction:column}._controls-button__prefix_1jiif_74{color:var(--new-color-grey-700);font-size:var(--font-size-text-non-essential)}
+._controls-input_1ebvn_1{aspect-ratio:unset;cursor:pointer;height:0;opacity:0;position:absolute;width:0}._controls-input_1ebvn_1:focus-visible+label{outline:.125rem dotted var(--new-color-navy-600);outline-offset:.125rem}._controls-input_1ebvn_1:checked+label{background-color:var(--new-color-grey-200);border:1px solid var(--new-color-grey-700);font-weight:var(--semibold)}._controls-input_1ebvn_1:disabled+label,._controls-input_1ebvn_1:disabled:hover+label{background-color:var(--new-color-grey-400);color:var(--new-color-grey-700);cursor:not-allowed}._controls-input_1ebvn_1:hover+label{background-color:var(--new-color-grey-300)}._controls-button_1ebvn_32{align-items:center;background-color:var(--new-color-uva-white);border:1px solid transparent;border-radius:.25rem;box-sizing:border-box;cursor:pointer;display:inline-flex;font-size:var(--font-size-default);height:2.25rem;justify-content:center;min-width:2.25rem;padding:.5rem;position:relative;-webkit-user-select:none;user-select:none;white-space:nowrap}._controls-button--squared_1ebvn_50{width:2.25rem}._controls-button_1ebvn_32:after{content:"";min-height:2.625rem;min-width:2.625rem;position:absolute;width:100%}._controls-button--with-prefix_1ebvn_62{height:auto;padding:.125rem .5rem;width:auto}._controls-button--with-icon_1ebvn_68{gap:.5rem}._controls-button__wrapper_1ebvn_72{align-items:center;display:flex;flex-direction:column}._controls-button__prefix_1ebvn_78{color:var(--new-color-grey-700);font-size:var(--font-size-text-non-essential)}

package/dist/components/Accordion/Accordion.test.js

@@ -1,7 +1,7 @@
 import { jsx as o } from "react/jsx-runtime";
-import "../../index-DzN3R4wD.js";
-import { r as n, s as a } from "../../react.esm-DMlPLy-4.js";
-import { u as e } from "../../index-DDN7R-oN.js";
+import "../../index-C5wAoUNf.js";
+import { r as n, s as a } from "../../react.esm-QfxS8egK.js";
+import { u as e } from "../../index-DBXreWnr.js";
 import { Accordion as i } from "./Accordion.js";
 describe("Accordion", () => {
   it("should render", () => {

package/dist/components/AccordionCard/AccordionCard.test.js

@@ -1,7 +1,7 @@
 import { jsx as n } from "react/jsx-runtime";
-import "../../index-DzN3R4wD.js";
-import { r as c, s as e, f as s, w as d } from "../../react.esm-DMlPLy-4.js";
-import { u as r } from "../../index-DDN7R-oN.js";
+import "../../index-C5wAoUNf.js";
+import { r as c, s as e, f as s, w as d } from "../../react.esm-QfxS8egK.js";
+import { u as r } from "../../index-DBXreWnr.js";
 import { AccordionCard as a } from "./AccordionCard.js";
 describe("AccordionCard", () => {
   it("should render", () => {

package/dist/components/ActionList/ActionList.test.js

@@ -1,7 +1,7 @@
 import { jsx as i } from "react/jsx-runtime";
-import "../../index-DzN3R4wD.js";
-import { r as n, s as t, w as a } from "../../react.esm-DMlPLy-4.js";
-import { u as l } from "../../index-DDN7R-oN.js";
+import "../../index-C5wAoUNf.js";
+import { r as n, s as t, w as a } from "../../react.esm-QfxS8egK.js";
+import { u as l } from "../../index-DBXreWnr.js";
 import { ActionList as o } from "./ActionList.js";
 const T = jest.fn(), c = [
   /* @__PURE__ */ i("button", { type: "button", onClick: T, children: "Test Action 1" }, "1"),

package/dist/components/AppStatusBar/AppStatusBar.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import "../../index-DzN3R4wD.js";
-import { r, s as t } from "../../react.esm-DMlPLy-4.js";
+import "../../index-C5wAoUNf.js";
+import { r, s as t } from "../../react.esm-QfxS8egK.js";
 import { AppStatusBar as s } from "./AppStatusBar.js";
 describe("AppStatusBar", () => {
   it("should render", () => {

package/dist/components/Attention/Attention.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import "../../index-DzN3R4wD.js";
-import { r as t, s as r } from "../../react.esm-DMlPLy-4.js";
+import "../../index-C5wAoUNf.js";
+import { r as t, s as r } from "../../react.esm-QfxS8egK.js";
 import { Attention as n } from "./Attention.js";
 describe("Attention", () => {
   it("should render (variant primary)", () => {

package/dist/components/Backdrop/Backdrop.test.js

@@ -1,6 +1,6 @@
 import { jsx as r } from "react/jsx-runtime";
-import "../../index-DzN3R4wD.js";
-import { r as e, s as o } from "../../react.esm-DMlPLy-4.js";
+import "../../index-C5wAoUNf.js";
+import { r as e, s as o } from "../../react.esm-QfxS8egK.js";
 import { Backdrop as t } from "./Backdrop.js";
 describe("Backdrop", () => {
   it("should render", () => {

package/dist/components/Buttons/Button.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import "../../index-DzN3R4wD.js";
-import { r as n, s as t, f as c } from "../../react.esm-DMlPLy-4.js";
+import "../../index-C5wAoUNf.js";
+import { r as n, s as t, f as c } from "../../react.esm-QfxS8egK.js";
 import { Button as o } from "./Button.js";
 const s = jest.fn();
 describe("Button", () => {

package/dist/components/Buttons/LinkButton.test.js

@@ -1,6 +1,6 @@
 import { jsxs as s, jsx as e } from "react/jsx-runtime";
-import "../../index-DzN3R4wD.js";
-import { r as n, s as t, f as c } from "../../react.esm-DMlPLy-4.js";
+import "../../index-C5wAoUNf.js";
+import { r as n, s as t, f as c } from "../../react.esm-QfxS8egK.js";
 import { BrowserRouter as u, Routes as a, Route as d } from "react-router";
 import { LinkButton as o } from "./LinkButton.js";
 const r = ({ children: i }) => /* @__PURE__ */ s(u, { children: [

package/dist/components/Buttons/MenuButton.test.js

@@ -1,6 +1,6 @@
 import { jsx as o } from "react/jsx-runtime";
-import "../../index-DzN3R4wD.js";
-import { r as u, s as e, f as c } from "../../react.esm-DMlPLy-4.js";
+import "../../index-C5wAoUNf.js";
+import { r as u, s as e, f as c } from "../../react.esm-QfxS8egK.js";
 import { createRef as s } from "react";
 import { MenuButton as r } from "./MenuButton.js";
 const n = jest.fn();

package/dist/components/Card/Card.test.js

@@ -1,6 +1,6 @@
 import { jsx as e } from "react/jsx-runtime";
-import "../../index-DzN3R4wD.js";
-import { r, s as d } from "../../react.esm-DMlPLy-4.js";
+import "../../index-C5wAoUNf.js";
+import { r, s as d } from "../../react.esm-QfxS8egK.js";
 import { Card as o } from "./Card.js";
 describe("Card", () => {
   it("should render", () => {

package/dist/components/Checkbox/Checkbox.test.js

@@ -1,7 +1,7 @@
 import { jsx as c } from "react/jsx-runtime";
-import "../../index-DzN3R4wD.js";
-import { r as o, s as t } from "../../react.esm-DMlPLy-4.js";
-import { u as s } from "../../index-DDN7R-oN.js";
+import "../../index-C5wAoUNf.js";
+import { r as o, s as t } from "../../react.esm-QfxS8egK.js";
+import { u as s } from "../../index-DBXreWnr.js";
 import { Checkbox as r } from "./Checkbox.js";
 describe("Checkbox", () => {
   it("should render", () => {

package/dist/components/CheckboxButtonBar/CheckboxButtonBar.test.js

@@ -1,6 +1,6 @@
 import { jsx as l } from "react/jsx-runtime";
-import "../../index-DzN3R4wD.js";
-import { r as c, s as t } from "../../react.esm-DMlPLy-4.js";
+import "../../index-C5wAoUNf.js";
+import { r as c, s as t } from "../../react.esm-QfxS8egK.js";
 import { CheckboxButtonBar as a } from "./CheckboxButtonBar.js";
 const n = jest.fn(), d = [
   {

package/dist/components/ControlsButton/ControlsButton.d.ts

@@ -1,13 +1,19 @@
 import { ChangeEvent } from 'react';
+import { IconProps } from 'components/Icon';
 export interface ControlsButtonProps {
     /** to set type/behaviour of input radio or checkbox */
     type?: 'radio' | 'checkbox';
+    /** button label */
     label: string;
+    /** button value */
     value: string;
+    /** set if icon is needed in font of lable */
+    iconName?: IconProps['name'];
+    /** set if prefix is needed above of lable */
     prefix?: string;
     /** set if used as radiogroup */
     name?: string;
-    /** `true` to set squared button; otherwise, `false`. The default is `false`. */
+    /** `true` to set squared button; otherwise, `false`. The default is `false`. Note: hides icon */
     forceSquared?: boolean;
     /** to set default status */
     checked?: boolean;
@@ -16,4 +22,4 @@ export interface ControlsButtonProps {
     /** The callback function that is invoked when the radio button changes value. */
     onSetValue: (event: ChangeEvent<HTMLInputElement>) => void;
 }
-export declare const ControlsButton: ({ type, label, value, prefix, name, forceSquared, checked, disabled, onSetValue, }: ControlsButtonProps) => import("react/jsx-runtime").JSX.Element;
+export declare const ControlsButton: ({ type, label, value, iconName, prefix, name, forceSquared, checked, disabled, onSetValue, }: ControlsButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/components/ControlsButton/ControlsButton.js

@@ -1,56 +1,63 @@
-import { jsxs as i, Fragment as b, jsx as n } from "react/jsx-runtime";
+import { jsxs as s, Fragment as m, jsx as c } from "react/jsx-runtime";
 import { useId as d } from "react";
-import { c as m } from "../../clsx-OuTLNxxd.js";
+import { c as f } from "../../clsx-OuTLNxxd.js";
+import { Icon as x } from "../Icon/Icon.js";
 import '../../assets/ControlsButton.css';const t = {
-  "controls-button": "_controls-button_1jiif_1",
-  "controls-button--squared": "_controls-button--squared_1jiif_19",
-  "controls-input": "_controls-input_1jiif_23",
-  "controls-button--with-prefix": "_controls-button--with-prefix_1jiif_62",
-  "controls-button__wrapper": "_controls-button__wrapper_1jiif_68",
-  "controls-button__prefix": "_controls-button__prefix_1jiif_74"
-}, w = ({
-  type: _ = "checkbox",
+  "controls-input": "_controls-input_1ebvn_1",
+  "controls-button": "_controls-button_1ebvn_32",
+  "controls-button--squared": "_controls-button--squared_1ebvn_50",
+  "controls-button--with-prefix": "_controls-button--with-prefix_1ebvn_62",
+  "controls-button--with-icon": "_controls-button--with-icon_1ebvn_68",
+  "controls-button__wrapper": "_controls-button__wrapper_1ebvn_72",
+  "controls-button__prefix": "_controls-button__prefix_1ebvn_78"
+}, q = ({
+  type: l = "checkbox",
   label: o,
-  value: e,
+  value: i,
+  iconName: n,
   prefix: r,
-  name: s,
-  forceSquared: l = !1,
-  checked: u,
+  name: e,
+  forceSquared: u = !1,
+  checked: b,
   disabled: p,
   onSetValue: a
 }) => {
-  const c = d();
-  return /* @__PURE__ */ i(b, { children: [
-    /* @__PURE__ */ n(
+  const _ = d();
+  return /* @__PURE__ */ s(m, { children: [
+    /* @__PURE__ */ c(
       "input",
       {
-        type: _,
-        id: `${c}${o.replace(/\s+/g, "_")}`,
-        name: s || o.replace(/\s+/g, "_"),
+        type: l,
+        id: `${_}${o.replace(/\s+/g, "_")}`,
+        name: e || o.replace(/\s+/g, "_"),
         disabled: p,
-        value: e,
-        checked: u,
-        onChange: (f) => a(f),
+        value: i,
+        checked: b,
+        onChange: (h) => a(h),
         className: t["controls-input"]
       }
     ),
-    /* @__PURE__ */ n(
+    /* @__PURE__ */ s(
       "label",
       {
-        htmlFor: `${c}${o.replace(/\s+/g, "_")}`,
-        className: m(t["controls-button"], [
-          l && t["controls-button--squared"],
-          r && t["controls-button--with-prefix"]
+        htmlFor: `${_}${o.replace(/\s+/g, "_")}`,
+        className: f(t["controls-button"], [
+          u && t["controls-button--squared"],
+          r && t["controls-button--with-prefix"],
+          n && t["controls-button--with-icon"]
         ]),
-        children: /* @__PURE__ */ i("div", { className: t["controls-button__wrapper"], children: [
-          r && /* @__PURE__ */ n("div", { className: t["controls-button__prefix"], children: r }),
-          o
-        ] })
+        children: [
+          n && /* @__PURE__ */ c(x, { name: n, size: 20 }),
+          /* @__PURE__ */ s("div", { className: t["controls-button__wrapper"], children: [
+            r && /* @__PURE__ */ c("div", { className: t["controls-button__prefix"], children: r }),
+            o
+          ] })
+        ]
       }
     )
   ] });
 };
 export {
-  w as ControlsButton
+  q as ControlsButton
 };
 //# sourceMappingURL=ControlsButton.js.map

package/dist/components/ControlsButton/ControlsButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"ControlsButton.js","sources":["../../../src/components/ControlsButton/ControlsButton.tsx"],"sourcesContent":["import { useId } from 'react';\r\nimport { clsx } from 'clsx';\r\n\r\nimport type { ChangeEvent } from 'react';\r\n\r\nimport styles from './ControlsButton.module.css';\r\n\r\nexport interface ControlsButtonProps {\r\n  /** to set type/behaviour of input radio or checkbox */\r\n  type?: 'radio' | 'checkbox';\r\n  label: string;\r\n  value: string;\r\n  prefix?: string;\r\n  /** set if used as radiogroup */\r\n  name?: string;\r\n  /** `true` to set squared button; otherwise, `false`. The default is `false`. */\r\n  forceSquared?: boolean;\r\n  /** to set default status */\r\n  checked?: boolean;\r\n  /** `true` to disable the button; otherwise, `false`. The default is `false`. */\r\n  disabled?: boolean;\r\n  /** The callback function that is invoked when the radio button changes value. */\r\n  onSetValue: (event: ChangeEvent<HTMLInputElement>) => void;\r\n}\r\n\r\nexport const ControlsButton = ({\r\n  type = 'checkbox',\r\n  label,\r\n  value,\r\n  prefix,\r\n  name,\r\n  forceSquared = false,\r\n  checked,\r\n  disabled,\r\n  onSetValue,\r\n}: ControlsButtonProps) => {\r\n  const idPrefix = useId();\r\n\r\n  return (\r\n    <>\r\n      <input\r\n        type={type}\r\n        id={`${idPrefix}${label.replace(/\\s+/g, '_')}`}\r\n        name={name ? name : label.replace(/\\s+/g, '_')}\r\n        disabled={disabled}\r\n        value={value}\r\n        checked={checked}\r\n        onChange={(event) => onSetValue(event)}\r\n        className={styles['controls-input']}\r\n      />\r\n      <label\r\n        htmlFor={`${idPrefix}${label.replace(/\\s+/g, '_')}`}\r\n        className={clsx(styles['controls-button'], [\r\n          forceSquared && styles['controls-button--squared'],\r\n          prefix && styles['controls-button--with-prefix'],\r\n        ])}\r\n      >\r\n        <div className={styles['controls-button__wrapper']}>\r\n          {prefix && <div className={styles['controls-button__prefix']}>{prefix}</div>}\r\n          {label}\r\n        </div>\r\n      </label>\r\n    </>\r\n  );\r\n};\r\n"],"names":["ControlsButton","type","label","value","prefix","name","forceSquared","checked","disabled","onSetValue","idPrefix","useId","jsxs","Fragment","jsx","event","styles","clsx"],"mappings":";;;;;;;;;;GAyBaA,IAAiB,CAAC;AAAA,EAC7B,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAA2B;AACzB,QAAMC,IAAWC,EAAA;AAEjB,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAAb;AAAA,QACA,IAAI,GAAGS,CAAQ,GAAGR,EAAM,QAAQ,QAAQ,GAAG,CAAC;AAAA,QAC5C,MAAMG,KAAcH,EAAM,QAAQ,QAAQ,GAAG;AAAA,QAC7C,UAAAM;AAAA,QACA,OAAAL;AAAA,QACA,SAAAI;AAAA,QACA,UAAU,CAACQ,MAAUN,EAAWM,CAAK;AAAA,QACrC,WAAWC,EAAO,gBAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEpC,gBAAAF;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,GAAGJ,CAAQ,GAAGR,EAAM,QAAQ,QAAQ,GAAG,CAAC;AAAA,QACjD,WAAWe,EAAKD,EAAO,iBAAiB,GAAG;AAAA,UACzCV,KAAgBU,EAAO,0BAA0B;AAAA,UACjDZ,KAAUY,EAAO,8BAA8B;AAAA,QAAA,CAChD;AAAA,QAED,UAAA,gBAAAJ,EAAC,OAAA,EAAI,WAAWI,EAAO,0BAA0B,GAC9C,UAAA;AAAA,UAAAZ,uBAAW,OAAA,EAAI,WAAWY,EAAO,yBAAyB,GAAI,UAAAZ,GAAO;AAAA,UACrEF;AAAA,QAAA,EAAA,CACH;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}
+{"version":3,"file":"ControlsButton.js","sources":["../../../src/components/ControlsButton/ControlsButton.tsx"],"sourcesContent":["import { useId } from 'react';\r\nimport { clsx } from 'clsx';\r\n\r\nimport type { ChangeEvent } from 'react';\r\nimport type { IconProps } from 'components/Icon';\r\n\r\nimport styles from './ControlsButton.module.css';\r\n\r\nimport { Icon } from 'components/Icon';\r\n\r\nexport interface ControlsButtonProps {\r\n  /** to set type/behaviour of input radio or checkbox */\r\n  type?: 'radio' | 'checkbox';\r\n  /** button label */\r\n  label: string;\r\n  /** button value */\r\n  value: string;\r\n  /** set if icon is needed in font of lable */\r\n  iconName?: IconProps['name'];\r\n  /** set if prefix is needed above of lable */\r\n  prefix?: string;\r\n  /** set if used as radiogroup */\r\n  name?: string;\r\n  /** `true` to set squared button; otherwise, `false`. The default is `false`. Note: hides icon */\r\n  forceSquared?: boolean;\r\n  /** to set default status */\r\n  checked?: boolean;\r\n  /** `true` to disable the button; otherwise, `false`. The default is `false`. */\r\n  disabled?: boolean;\r\n  /** The callback function that is invoked when the radio button changes value. */\r\n  onSetValue: (event: ChangeEvent<HTMLInputElement>) => void;\r\n}\r\n\r\nexport const ControlsButton = ({\r\n  type = 'checkbox',\r\n  label,\r\n  value,\r\n  iconName,\r\n  prefix,\r\n  name,\r\n  forceSquared = false,\r\n  checked,\r\n  disabled,\r\n  onSetValue,\r\n}: ControlsButtonProps) => {\r\n  const idPrefix = useId();\r\n\r\n  return (\r\n    <>\r\n      <input\r\n        type={type}\r\n        id={`${idPrefix}${label.replace(/\\s+/g, '_')}`}\r\n        name={name ? name : label.replace(/\\s+/g, '_')}\r\n        disabled={disabled}\r\n        value={value}\r\n        checked={checked}\r\n        onChange={(event) => onSetValue(event)}\r\n        className={styles['controls-input']}\r\n      />\r\n      <label\r\n        htmlFor={`${idPrefix}${label.replace(/\\s+/g, '_')}`}\r\n        className={clsx(styles['controls-button'], [\r\n          forceSquared && styles['controls-button--squared'],\r\n          prefix && styles['controls-button--with-prefix'],\r\n          iconName && styles['controls-button--with-icon'],\r\n        ])}\r\n      >\r\n        {iconName && <Icon name={iconName} size={20} />}\r\n        <div className={styles['controls-button__wrapper']}>\r\n          {prefix && <div className={styles['controls-button__prefix']}>{prefix}</div>}\r\n          {label}\r\n        </div>\r\n      </label>\r\n    </>\r\n  );\r\n};\r\n"],"names":["ControlsButton","type","label","value","iconName","prefix","name","forceSquared","checked","disabled","onSetValue","idPrefix","useId","jsxs","Fragment","jsx","event","styles","clsx","Icon"],"mappings":";;;;;;;;;;;;GAiCaA,IAAiB,CAAC;AAAA,EAC7B,MAAAC,IAAO;AAAA,EACP,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,QAAAC;AAAA,EACA,MAAAC;AAAA,EACA,cAAAC,IAAe;AAAA,EACf,SAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACF,MAA2B;AACzB,QAAMC,IAAWC,EAAA;AAEjB,SACE,gBAAAC,EAAAC,GAAA,EACE,UAAA;AAAA,IAAA,gBAAAC;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,MAAAd;AAAA,QACA,IAAI,GAAGU,CAAQ,GAAGT,EAAM,QAAQ,QAAQ,GAAG,CAAC;AAAA,QAC5C,MAAMI,KAAcJ,EAAM,QAAQ,QAAQ,GAAG;AAAA,QAC7C,UAAAO;AAAA,QACA,OAAAN;AAAA,QACA,SAAAK;AAAA,QACA,UAAU,CAACQ,MAAUN,EAAWM,CAAK;AAAA,QACrC,WAAWC,EAAO,gBAAgB;AAAA,MAAA;AAAA,IAAA;AAAA,IAEpC,gBAAAJ;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,SAAS,GAAGF,CAAQ,GAAGT,EAAM,QAAQ,QAAQ,GAAG,CAAC;AAAA,QACjD,WAAWgB,EAAKD,EAAO,iBAAiB,GAAG;AAAA,UACzCV,KAAgBU,EAAO,0BAA0B;AAAA,UACjDZ,KAAUY,EAAO,8BAA8B;AAAA,UAC/Cb,KAAYa,EAAO,4BAA4B;AAAA,QAAA,CAChD;AAAA,QAEA,UAAA;AAAA,UAAAb,KAAY,gBAAAW,EAACI,GAAA,EAAK,MAAMf,GAAU,MAAM,IAAI;AAAA,UAC7C,gBAAAS,EAAC,OAAA,EAAI,WAAWI,EAAO,0BAA0B,GAC9C,UAAA;AAAA,YAAAZ,uBAAW,OAAA,EAAI,WAAWY,EAAO,yBAAyB,GAAI,UAAAZ,GAAO;AAAA,YACrEH;AAAA,UAAA,EAAA,CACH;AAAA,QAAA;AAAA,MAAA;AAAA,IAAA;AAAA,EACF,GACF;AAEJ;"}

package/dist/components/ControlsButton/ControlsButton.stories.d.ts

@@ -3,3 +3,5 @@ import { ControlsButtonProps } from './ControlsButton';
 declare const _default: Meta<ControlsButtonProps>;
 export default _default;
 export declare const ControlsButtonExample: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ControlsButtonProps>;
+export declare const WithPrefix: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ControlsButtonProps>;
+export declare const WithIcon: import('storybook/internal/csf').AnnotatedStoryFn<import('@storybook/react').ReactRenderer, ControlsButtonProps>;

package/dist/components/ControlsButton/ControlsButton.stories.js

@@ -1,7 +1,8 @@
-import { jsx as t } from "react/jsx-runtime";
-import { l } from "../../index-DFu0GqDc.js";
+import { jsx as l } from "react/jsx-runtime";
+import { l as e } from "../../index-DFu0GqDc.js";
 import { ControlsButton as o } from "./ControlsButton.js";
-const r = "<ControlsButton type={radio or checkbox} label={} value={} prefix={} forceSquared={}isChecked={} variant={} disabled={} notValid={} onSetValue={} key={} />", u = {
+import { Icons as a } from "../Icon/icons/index.js";
+const r = Object.keys(a), c = "<ControlsButton type={radio or checkbox} label={} value={} prefix={} forceSquared={}isChecked={} variant={} disabled={} notValid={} onSetValue={} key={} />", f = {
   title: "Atoms/ControlsButton",
   component: o,
   argTypes: {
@@ -11,6 +12,10 @@ const r = "<ControlsButton type={radio or checkbox} label={} value={} prefix={}
     value: {
       control: "string"
     },
+    iconName: {
+      control: { type: "select" },
+      options: r
+    },
     forceSquared: {
       control: "boolean"
     },
@@ -28,18 +33,36 @@ const r = "<ControlsButton type={radio or checkbox} label={} value={} prefix={}
   },
   parameters: {
     inspectComponent: o,
-    codeString: r
+    codeString: c
   }
-}, n = (e) => /* @__PURE__ */ t(o, { ...e }), a = n.bind({});
-a.args = {
+}, t = (n) => /* @__PURE__ */ l(o, { ...n }), s = t.bind({});
+s.args = {
   type: "checkbox",
   label: "1.2",
   value: "1.2",
   forceSquared: !0,
-  onSetValue: l()
+  onSetValue: e()
+};
+const i = t.bind({});
+i.args = {
+  type: "checkbox",
+  label: "1.3",
+  value: "1.3",
+  prefix: "13",
+  onSetValue: e()
+};
+const b = t.bind({});
+b.args = {
+  type: "checkbox",
+  label: "2.1",
+  value: "2.1",
+  iconName: "AcademicCap",
+  onSetValue: e()
 };
 export {
-  a as ControlsButtonExample,
-  u as default
+  s as ControlsButtonExample,
+  b as WithIcon,
+  i as WithPrefix,
+  f as default
 };
 //# sourceMappingURL=ControlsButton.stories.js.map

package/dist/components/ControlsButton/ControlsButton.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"ControlsButton.stories.js","sources":["../../../src/components/ControlsButton/ControlsButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\r\n\r\nimport type { Meta, StoryFn } from '@storybook/react';\r\nimport type { ControlsButtonProps } from './ControlsButton';\r\n\r\nimport { ControlsButton } from './ControlsButton';\r\n\r\nconst codeString =\r\n  '<ControlsButton type={radio or checkbox} label={} value={} prefix={} forceSquared={}isChecked={} variant={} disabled={} notValid={} onSetValue={} key={} />';\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Atoms/ControlsButton',\r\n  component: ControlsButton,\r\n  argTypes: {\r\n    label: {\r\n      control: 'text',\r\n    },\r\n    value: {\r\n      control: 'string',\r\n    },\r\n    forceSquared: {\r\n      control: 'boolean',\r\n    },\r\n    isChecked: {\r\n      control: 'boolean',\r\n    },\r\n    disabled: {\r\n      control: 'boolean',\r\n    },\r\n    onSetValue: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n  },\r\n  parameters: {\r\n    inspectComponent: ControlsButton,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<ControlsButtonProps>;\r\n\r\nconst Template: StoryFn<ControlsButtonProps> = (args) => <ControlsButton {...args} />;\r\n\r\nexport const ControlsButtonExample = Template.bind({});\r\nControlsButtonExample.args = {\r\n  type: 'checkbox',\r\n  label: '1.2',\r\n  value: '1.2',\r\n  forceSquared: true,\r\n  onSetValue: fn(),\r\n};\r\n"],"names":["codeString","ControlsButton_stories","ControlsButton","Template","args","jsx","ControlsButtonExample","fn"],"mappings":";;;AAOA,MAAMA,IACJ,+JAGFC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,IAAA;AAAA,IAEX,OAAO;AAAA,MACL,SAAS;AAAA,IAAA;AAAA,IAEX,cAAc;AAAA,MACZ,SAAS;AAAA,IAAA;AAAA,IAEX,WAAW;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,IAEX,UAAU;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,IAEX,YAAY;AAAA,MACV,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAyC,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAgB,GAAGE,GAAM,GAEtEE,IAAwBH,EAAS,KAAK,CAAA,CAAE;AACrDG,EAAsB,OAAO;AAAA,EAC3B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,cAAc;AAAA,EACd,YAAYC,EAAA;AACd;"}
+{"version":3,"file":"ControlsButton.stories.js","sources":["../../../src/components/ControlsButton/ControlsButton.stories.tsx"],"sourcesContent":["import { fn } from 'storybook/test';\r\n\r\nimport type { Meta, StoryFn } from '@storybook/react';\r\nimport type { ControlsButtonProps } from './ControlsButton';\r\n\r\nimport { ControlsButton } from './ControlsButton';\r\n\r\nimport { Icons } from 'components/Icon/icons';\r\n\r\nconst iconNames = Object.keys(Icons) as (keyof typeof Icons)[];\r\n\r\nconst codeString =\r\n  '<ControlsButton type={radio or checkbox} label={} value={} prefix={} forceSquared={}isChecked={} variant={} disabled={} notValid={} onSetValue={} key={} />';\r\n\r\n// eslint-disable-next-line import/no-default-export\r\nexport default {\r\n  title: 'Atoms/ControlsButton',\r\n  component: ControlsButton,\r\n  argTypes: {\r\n    label: {\r\n      control: 'text',\r\n    },\r\n    value: {\r\n      control: 'string',\r\n    },\r\n    iconName: {\r\n      control: { type: 'select' },\r\n      options: iconNames,\r\n    },\r\n    forceSquared: {\r\n      control: 'boolean',\r\n    },\r\n    isChecked: {\r\n      control: 'boolean',\r\n    },\r\n    disabled: {\r\n      control: 'boolean',\r\n    },\r\n    onSetValue: {\r\n      table: {\r\n        disable: true,\r\n      },\r\n    },\r\n  },\r\n  parameters: {\r\n    inspectComponent: ControlsButton,\r\n    codeString: codeString,\r\n  },\r\n} as Meta<ControlsButtonProps>;\r\n\r\nconst Template: StoryFn<ControlsButtonProps> = (args) => <ControlsButton {...args} />;\r\n\r\nexport const ControlsButtonExample = Template.bind({});\r\nControlsButtonExample.args = {\r\n  type: 'checkbox',\r\n  label: '1.2',\r\n  value: '1.2',\r\n  forceSquared: true,\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithPrefix = Template.bind({});\r\nWithPrefix.args = {\r\n  type: 'checkbox',\r\n  label: '1.3',\r\n  value: '1.3',\r\n  prefix: '13',\r\n  onSetValue: fn(),\r\n};\r\n\r\nexport const WithIcon = Template.bind({});\r\nWithIcon.args = {\r\n  type: 'checkbox',\r\n  label: '2.1',\r\n  value: '2.1',\r\n  iconName: 'AcademicCap',\r\n  onSetValue: fn(),\r\n};\r\n"],"names":["iconNames","Icons","codeString","ControlsButton_stories","ControlsButton","Template","args","jsx","ControlsButtonExample","fn","WithPrefix","WithIcon"],"mappings":";;;;AASA,MAAMA,IAAY,OAAO,KAAKC,CAAK,GAE7BC,IACJ,+JAGFC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,OAAO;AAAA,MACL,SAAS;AAAA,IAAA;AAAA,IAEX,OAAO;AAAA,MACL,SAAS;AAAA,IAAA;AAAA,IAEX,UAAU;AAAA,MACR,SAAS,EAAE,MAAM,SAAA;AAAA,MACjB,SAASJ;AAAA,IAAA;AAAA,IAEX,cAAc;AAAA,MACZ,SAAS;AAAA,IAAA;AAAA,IAEX,WAAW;AAAA,MACT,SAAS;AAAA,IAAA;AAAA,IAEX,UAAU;AAAA,MACR,SAAS;AAAA,IAAA;AAAA,IAEX,YAAY;AAAA,MACV,OAAO;AAAA,QACL,SAAS;AAAA,MAAA;AAAA,IACX;AAAA,EACF;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBI;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAAyC,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAgB,GAAGE,GAAM,GAEtEE,IAAwBH,EAAS,KAAK,CAAA,CAAE;AACrDG,EAAsB,OAAO;AAAA,EAC3B,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,cAAc;AAAA,EACd,YAAYC,EAAA;AACd;AAEO,MAAMC,IAAaL,EAAS,KAAK,CAAA,CAAE;AAC1CK,EAAW,OAAO;AAAA,EAChB,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,YAAYD,EAAA;AACd;AAEO,MAAME,IAAWN,EAAS,KAAK,CAAA,CAAE;AACxCM,EAAS,OAAO;AAAA,EACd,MAAM;AAAA,EACN,OAAO;AAAA,EACP,OAAO;AAAA,EACP,UAAU;AAAA,EACV,YAAYF,EAAA;AACd;"}

package/dist/components/FeedbackBar/FeedbackBar.test.js

@@ -1,6 +1,6 @@
 import { jsx as t } from "react/jsx-runtime";
-import "../../index-DzN3R4wD.js";
-import { r as s, s as e, f as r } from "../../react.esm-DMlPLy-4.js";
+import "../../index-C5wAoUNf.js";
+import { r as s, s as e, f as r } from "../../react.esm-QfxS8egK.js";
 import { FeedbackBar as c } from "./FeedbackBar.js";
 describe("FeedbackBar", () => {
   it("should render with children text", () => {

package/dist/components/Icon/Icon.stories.js

@@ -1,24 +1,30 @@
-import { jsx as e, jsxs as n } from "react/jsx-runtime";
-import { Icon as i } from "./Icon.js";
-import { Icons as r } from "./icons/index.js";
-import { ClipboardButton as c } from "../../storyComponents/ClipboardButton/ClipboardButton.js";
-import '../../assets/Icon.css';const s = "_icon__wrapper_106v1_1", p = "_icon__item_106v1_13", t = {
+import { jsx as o, jsxs as t } from "react/jsx-runtime";
+import { Icon as n } from "./Icon.js";
+import { Icons as c } from "./icons/index.js";
+import { ClipboardButton as r } from "../../storyComponents/ClipboardButton/ClipboardButton.js";
+import '../../assets/Icon.css';const s = "_icon__wrapper_106v1_1", p = "_icon__item_106v1_13", i = {
   icon__wrapper: s,
   icon__item: p
-}, a = "<Icon name={iconName} size={size} />", w = {
+}, a = Object.keys(c), m = "<Icon name={iconName} size={size} />", w = {
   title: "Atoms/Icon",
-  component: i,
+  component: n,
+  argTypes: {
+    name: {
+      control: { type: "select" },
+      options: a
+    }
+  },
   parameters: {
-    inspectComponent: i,
-    codeString: a
+    inspectComponent: n,
+    codeString: m
   }
-}, m = (o) => /* @__PURE__ */ e(i, { ...o }), _ = m.bind({});
-_.args = {
+}, _ = (e) => /* @__PURE__ */ o(n, { ...e }), l = _.bind({});
+l.args = {
   name: "ArrowDownOnSquare",
   size: 32,
   title: "Optional Icon title"
 };
-const x = () => /* @__PURE__ */ e(
+const x = () => /* @__PURE__ */ o(
   "div",
   {
     style: {
@@ -28,17 +34,17 @@ const x = () => /* @__PURE__ */ e(
       padding: "1rem",
       maxWidth: "1024px"
     },
-    children: Object.keys(r).map((o) => /* @__PURE__ */ n("div", { className: t.icon__wrapper, children: [
-      /* @__PURE__ */ e(i, { name: o, size: 48 }),
-      /* @__PURE__ */ n("div", { className: t.icon__item, children: [
-        /* @__PURE__ */ e("span", { children: o }),
-        /* @__PURE__ */ e(c, { text: `<Icon icon={${o}} />` })
+    children: Object.keys(c).map((e) => /* @__PURE__ */ t("div", { className: i.icon__wrapper, children: [
+      /* @__PURE__ */ o(n, { name: e, size: 48 }),
+      /* @__PURE__ */ t("div", { className: i.icon__item, children: [
+        /* @__PURE__ */ o("span", { children: e }),
+        /* @__PURE__ */ o(r, { text: `<Icon icon={${e}} />` })
       ] })
-    ] }, o))
+    ] }, e))
   }
 );
 export {
-  _ as IconExample,
+  l as IconExample,
   x as IconOverview,
   w as default
 };

package/dist/components/Icon/Icon.stories.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.stories.js","sources":["../../../src/components/Icon/Icon.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { IconProps } from './Icon';\n\nimport { Icon } from './Icon';\nimport { Icons } from './icons';\nimport styles from './story.module.css';\n\nimport { ClipboardButton } from 'storyComponents/ClipboardButton/';\n\nconst codeString = '<Icon name={iconName} size={size} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Icon',\n  component: Icon,\n  parameters: {\n    inspectComponent: Icon,\n    codeString: codeString,\n  },\n} as Meta<IconProps>;\n\nconst Template: StoryFn<IconProps> = (args) => <Icon {...args} />;\n\nexport const IconExample = Template.bind({});\nIconExample.args = {\n  name: 'ArrowDownOnSquare',\n  size: 32,\n  title: 'Optional Icon title',\n};\n\nexport const IconOverview = () => {\n  return (\n    <div\n      style={{\n        display: 'grid',\n        gridTemplateColumns: 'repeat(4, 1fr)',\n        gridGap: '1rem',\n        padding: '1rem',\n        maxWidth: '1024px',\n      }}\n    >\n      {Object.keys(Icons).map((name) => (\n        <div key={name} className={styles.icon__wrapper}>\n          <Icon name={name as keyof typeof Icons} size={48} />\n          <div className={styles.icon__item}>\n            <span>{name}</span>\n            <ClipboardButton text={`<Icon icon={${name}} />`} />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"names":["codeString","Icon_stories","Icon","Template","args","jsx","IconExample","IconOverview","Icons","name","jsxs","styles","ClipboardButton"],"mappings":";;;;;;;GASMA,IAAa,wCAGnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,YAAY;AAAA,IACV,kBAAkBA;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAA+B,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAM,GAAGE,GAAM,GAElDE,IAAcH,EAAS,KAAK,CAAA,CAAE;AAC3CG,EAAY,OAAO;AAAA,EACjB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AACT;AAEO,MAAMC,IAAe,MAExB,gBAAAF;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,qBAAqB;AAAA,MACrB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,IAAA;AAAA,IAGX,UAAA,OAAO,KAAKG,CAAK,EAAE,IAAI,CAACC,MACvB,gBAAAC,EAAC,OAAA,EAAe,WAAWC,EAAO,eAChC,UAAA;AAAA,MAAA,gBAAAN,EAACH,GAAA,EAAK,MAAAO,GAAkC,MAAM,GAAA,CAAI;AAAA,MAClD,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA;AAAA,QAAA,gBAAAN,EAAC,UAAM,UAAAI,EAAA,CAAK;AAAA,QACZ,gBAAAJ,EAACO,GAAA,EAAgB,MAAM,eAAeH,CAAI,OAAA,CAAQ;AAAA,MAAA,EAAA,CACpD;AAAA,IAAA,EAAA,GALQA,CAMV,CACD;AAAA,EAAA;AAAA;"}
+{"version":3,"file":"Icon.stories.js","sources":["../../../src/components/Icon/Icon.stories.tsx"],"sourcesContent":["import type { Meta, StoryFn } from '@storybook/react';\nimport type { IconProps } from './Icon';\n\nimport { Icon } from './Icon';\nimport { Icons } from './icons';\nimport styles from './story.module.css';\n\nimport { ClipboardButton } from 'storyComponents/ClipboardButton/';\n\nconst iconNames = Object.keys(Icons) as (keyof typeof Icons)[];\n\nconst codeString = '<Icon name={iconName} size={size} />';\n\n// eslint-disable-next-line import/no-default-export\nexport default {\n  title: 'Atoms/Icon',\n  component: Icon,\n  argTypes: {\n    name: {\n      control: { type: 'select' },\n      options: iconNames,\n    },\n  },\n  parameters: {\n    inspectComponent: Icon,\n    codeString: codeString,\n  },\n} as Meta<IconProps>;\n\nconst Template: StoryFn<IconProps> = (args) => <Icon {...args} />;\n\nexport const IconExample = Template.bind({});\nIconExample.args = {\n  name: 'ArrowDownOnSquare',\n  size: 32,\n  title: 'Optional Icon title',\n};\n\nexport const IconOverview = () => {\n  return (\n    <div\n      style={{\n        display: 'grid',\n        gridTemplateColumns: 'repeat(4, 1fr)',\n        gridGap: '1rem',\n        padding: '1rem',\n        maxWidth: '1024px',\n      }}\n    >\n      {Object.keys(Icons).map((name) => (\n        <div key={name} className={styles.icon__wrapper}>\n          <Icon name={name as keyof typeof Icons} size={48} />\n          <div className={styles.icon__item}>\n            <span>{name}</span>\n            <ClipboardButton text={`<Icon icon={${name}} />`} />\n          </div>\n        </div>\n      ))}\n    </div>\n  );\n};\n"],"names":["iconNames","Icons","codeString","Icon_stories","Icon","Template","args","jsx","IconExample","IconOverview","name","jsxs","styles","ClipboardButton"],"mappings":";;;;;;;GASMA,IAAY,OAAO,KAAKC,CAAK,GAE7BC,IAAa,wCAGnBC,IAAe;AAAA,EACb,OAAO;AAAA,EACP,WAAWC;AAAA,EACX,UAAU;AAAA,IACR,MAAM;AAAA,MACJ,SAAS,EAAE,MAAM,SAAA;AAAA,MACjB,SAASJ;AAAA,IAAA;AAAA,EACX;AAAA,EAEF,YAAY;AAAA,IACV,kBAAkBI;AAAA,IAClB,YAAAF;AAAA,EAAA;AAEJ,GAEMG,IAA+B,CAACC,MAAS,gBAAAC,EAACH,GAAA,EAAM,GAAGE,GAAM,GAElDE,IAAcH,EAAS,KAAK,CAAA,CAAE;AAC3CG,EAAY,OAAO;AAAA,EACjB,MAAM;AAAA,EACN,MAAM;AAAA,EACN,OAAO;AACT;AAEO,MAAMC,IAAe,MAExB,gBAAAF;AAAA,EAAC;AAAA,EAAA;AAAA,IACC,OAAO;AAAA,MACL,SAAS;AAAA,MACT,qBAAqB;AAAA,MACrB,SAAS;AAAA,MACT,SAAS;AAAA,MACT,UAAU;AAAA,IAAA;AAAA,IAGX,UAAA,OAAO,KAAKN,CAAK,EAAE,IAAI,CAACS,MACvB,gBAAAC,EAAC,OAAA,EAAe,WAAWC,EAAO,eAChC,UAAA;AAAA,MAAA,gBAAAL,EAACH,GAAA,EAAK,MAAAM,GAAkC,MAAM,GAAA,CAAI;AAAA,MAClD,gBAAAC,EAAC,OAAA,EAAI,WAAWC,EAAO,YACrB,UAAA;AAAA,QAAA,gBAAAL,EAAC,UAAM,UAAAG,EAAA,CAAK;AAAA,QACZ,gBAAAH,EAACM,GAAA,EAAgB,MAAM,eAAeH,CAAI,OAAA,CAAQ;AAAA,MAAA,EAAA,CACpD;AAAA,IAAA,EAAA,GALQA,CAMV,CACD;AAAA,EAAA;AAAA;"}

package/dist/components/Icon/icons/index.d.ts

@@ -119,6 +119,12 @@ export declare const Icons: {
         desc?: string;
         descId?: string;
     }>;
+    CalendarCheck: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     CalendarEdit: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;
@@ -647,6 +653,12 @@ export declare const Icons: {
         desc?: string;
         descId?: string;
     }>;
+    Wreath: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
+        title?: string;
+        titleId?: string;
+        desc?: string;
+        descId?: string;
+    }>;
     Zero: import('react').FunctionComponent<import('react').SVGProps<SVGSVGElement> & {
         title?: string;
         titleId?: string;