npm - @vibe/core - Versions diffs - 3.0.0-alpha.9 → 3.0.0-beta.1 - Mend

@vibe/core 3.0.0-alpha.9 → 3.0.0-beta.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 (419) hide show

package/dist/src/components/Dropdown/components/ChildrenContent/ChildrenContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={valueContainer:"valueContainer_a6a1f67ecc",avatar:"avatar_1b9e388b45",icon:"icon_32aaee8499"};!function(e){const a="s_id-a9768234c15e_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".valueContainer_a6a1f67ecc {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_a6a1f67ecc .avatar_1b9e388b45,\n.valueContainer_a6a1f67ecc .icon_32aaee8499 {\n  flex-shrink: 0;\n}");export{e as default};
+var e={valueContainer:"valueContainer_6428a4efbc",avatar:"avatar_e9293c4659",icon:"icon_94f706a26b"};!function(e){const n="s_id-a9768234c15e_3_0_0-beta_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".valueContainer_6428a4efbc {\n  display: flex;\n  gap: var(--spacing-xs);\n  align-items: center;\n  width: 100%;\n}\n.valueContainer_6428a4efbc .avatar_e9293c4659,\n.valueContainer_6428a4efbc .icon_94f706a26b {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=ChildrenContent.module.scss.js.map

package/dist/src/components/Dropdown/components/ClearIndicator/ClearIndicator.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{extends as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import i from"react";import{components as o}from"react-select";import r from"../../../Icon/Icon.js";import"../../../../../icons/dist/_virtual/_tslib.js";import"../../../../../icons/dist/react/AddSmall.js";import"../../../../../icons/dist/react/Alert.js";import"../../../../../icons/dist/react/Check.js";import s from"../../../../../icons/dist/react/CloseSmall.js";import"../../../../../icons/dist/react/DropdownChevronDown.js";import"../../../../../icons/dist/react/DropdownChevronRight.js";import"../../../../../icons/dist/react/DropdownChevronUp.js";import"../../../../../icons/dist/react/Info.js";import"../../../../../icons/dist/react/Menu.js";import"../../../../../icons/dist/react/MoveArrowLeft.js";import"../../../../../icons/dist/react/MoveArrowRight.js";import"../../../../../icons/dist/react/NavigationChevronLeft.js";import"../../../../../icons/dist/react/NavigationChevronRight.js";import"../../../../../icons/dist/react/NoColor.js";import"../../../../../icons/dist/react/Remove.js";import"../../../../../icons/dist/react/Search.js";import"../../../../../icons/dist/react/Sort.js";import"../../../../../icons/dist/react/SortAscending.js";import"../../../../../icons/dist/react/SortDescending.js";import"../../../../../icons/dist/react/Warning.js";import{getIndicatorSize as e}from"../../Dropdown.styles.js";var c=function(c){var n=c.size;return i.createElement(o.ClearIndicator,t({},c,{className:"clear-indicator"}),i.createElement(r,{iconType:"svg",icon:s,iconSize:e(n),tabindex:"-1"}))};export{c as default};
+import{extends as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import{components as o}from"react-select";import t from"../../../Icon/Icon.js";import{getIndicatorSize as a}from"../../Dropdown.styles.js";import i from"../../../../../icons/dist/react/CloseSmall.js";var s=function(s){var c=s.size;return r.createElement(o.ClearIndicator,e({},s,{className:"clear-indicator"}),r.createElement(t,{iconType:"svg",icon:i,iconSize:a(c),tabindex:"-1"}))};export{s as default};
 //# sourceMappingURL=ClearIndicator.js.map

package/dist/src/components/Dropdown/components/ClearIndicator/ClearIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ClearIndicator.js","sources":["../../../../../../src/components/Dropdown/components/ClearIndicator/ClearIndicator.jsx"],"sourcesContent":["import React from \"react\";\nimport { components } from \"react-select\";\nimport Icon from \"../../../Icon/Icon\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getIndicatorSize } from \"../../Dropdown.styles\";\n\nconst ClearIndicator = props => {\n const { size } = props;\n return (\n <components.ClearIndicator {...props} className=\"clear-indicator\">\n <Icon iconType=\"svg\" icon={CloseSmall} iconSize={getIndicatorSize(size)} tabindex=\"-1\" />\n </components.ClearIndicator>\n );\n};\n\nexport default ClearIndicator;\n"],"names":["ClearIndicator","props","size","React","createElement","components","_extends","className","Icon","iconType","icon","CloseSmall","iconSize","getIndicatorSize","tabindex"],"mappings":"~~s3CAMA~~,IAAMA,EAAiB,SAAAC,GACrB,IAAQC,EAASD,EAATC,KACR,OACEC,EAAAC,cAACC,EAAWL,eAAcM,EAAA,CAAA,EAAKL,EAAK,CAAEM,UAAU,oBAC9CJ,EAAAC,cAACI,EAAI,CAACC,SAAS,MAAMC,KAAMC,EAAYC,SAAUC,EAAiBX,GAAOY,SAAS,OAGxF"}
1	+ {"version":3,"file":"ClearIndicator.js","sources":["../../../../../../src/components/Dropdown/components/ClearIndicator/ClearIndicator.jsx"],"sourcesContent":["import React from \"react\";\nimport { components } from \"react-select\";\nimport Icon from \"../../../Icon/Icon\";\nimport { CloseSmall } from \"@vibe/icons\";\nimport { getIndicatorSize } from \"../../Dropdown.styles\";\n\nconst ClearIndicator = props => {\n const { size } = props;\n return (\n <components.ClearIndicator {...props} className=\"clear-indicator\">\n <Icon iconType=\"svg\" icon={CloseSmall} iconSize={getIndicatorSize(size)} tabindex=\"-1\" />\n </components.ClearIndicator>\n );\n};\n\nexport default ClearIndicator;\n"],"names":["ClearIndicator","props","size","React","createElement","components","_extends","className","Icon","iconType","icon","CloseSmall","iconSize","getIndicatorSize","tabindex"],"mappings":"4SAMA,IAAMA,EAAiB,SAAAC,GACrB,IAAQC,EAASD,EAATC,KACR,OACEC,EAAAC,cAACC,EAAWL,eAAcM,EAAA,CAAA,EAAKL,EAAK,CAAEM,UAAU,oBAC9CJ,EAAAC,cAACI,EAAI,CAACC,SAAS,MAAMC,KAAMC,EAAYC,SAAUC,EAAiBX,GAAOY,SAAS,OAGxF"}

package/dist/src/components/Dropdown/components/DropdownIndicator/DropdownIndicator.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{extends as t}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import o from"react";import{components as i}from"react-select";import r from"../../../Icon/Icon.js";import"../../../../../icons/dist/_virtual/_tslib.js";import"../../../../../icons/dist/react/AddSmall.js";import"../../../../../icons/dist/react/Alert.js";import"../../../../../icons/dist/react/Check.js";import"../../../../../icons/dist/react/CloseSmall.js";import s from"../../../../../icons/dist/react/DropdownChevronDown.js";import"../../../../../icons/dist/react/DropdownChevronRight.js";import"../../../../../icons/dist/react/DropdownChevronUp.js";import"../../../../../icons/dist/react/Info.js";import"../../../../../icons/dist/react/Menu.js";import"../../../../../icons/dist/react/MoveArrowLeft.js";import"../../../../../icons/dist/react/MoveArrowRight.js";import"../../../../../icons/dist/react/NavigationChevronLeft.js";import"../../../../../icons/dist/react/NavigationChevronRight.js";import"../../../../../icons/dist/react/NoColor.js";import"../../../../../icons/dist/react/Remove.js";import"../../../../../icons/dist/react/Search.js";import"../../../../../icons/dist/react/Sort.js";import"../../../../../icons/dist/react/SortAscending.js";import"../../../../../icons/dist/react/SortDescending.js";import"../../../../../icons/dist/react/Warning.js";import{getIndicatorSize as e}from"../../Dropdown.styles.js";var c=function(c){var n=c.isDisabled,a=c.size;return o.createElement(i.DropdownIndicator,t({},c,{className:"dropdown-indicator"}),o.createElement(r,{iconType:"svg",icon:s,iconSize:e(a),tabindex:"-1",clickable:!n}))};export{c as default};
+import{extends as o}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import{components as e}from"react-select";import t from"../../../Icon/Icon.js";import{getIndicatorSize as i}from"../../Dropdown.styles.js";import n from"../../../../../icons/dist/react/DropdownChevronDown.js";var a=function(a){var s=a.isDisabled,c=a.size;return r.createElement(e.DropdownIndicator,o({},a,{className:"dropdown-indicator"}),r.createElement(t,{iconType:"svg",icon:n,iconSize:i(c),tabindex:"-1",clickable:!s}))};export{a as default};
 //# sourceMappingURL=DropdownIndicator.js.map

package/dist/src/components/Dropdown/components/DropdownIndicator/DropdownIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownIndicator.js","sources":["../../../../../../src/components/Dropdown/components/DropdownIndicator/DropdownIndicator.jsx"],"sourcesContent":["import React from \"react\";\nimport { components } from \"react-select\";\nimport Icon from \"../../../Icon/Icon\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { getIndicatorSize } from \"../../Dropdown.styles\";\n\nconst DropdownIndicator = props => {\n const { isDisabled, size } = props;\n return (\n <components.DropdownIndicator {...props} className=\"dropdown-indicator\">\n <Icon\n iconType=\"svg\"\n icon={DropdownChevronDown}\n iconSize={getIndicatorSize(size)}\n tabindex=\"-1\"\n clickable={!isDisabled}\n />\n </components.DropdownIndicator>\n );\n};\nexport default DropdownIndicator;\n"],"names":["DropdownIndicator","props","isDisabled","size","React","createElement","components","_extends","className","Icon","iconType","icon","DropdownChevronDown","iconSize","getIndicatorSize","tabindex","clickable"],"mappings":"~~s3CAMA~~,IAAMA,EAAoB,SAAAC,GACxB,IAAQC,EAAqBD,EAArBC,WAAYC,EAASF,EAATE,KACpB,OACEC,EAAAC,cAACC,EAAWN,kBAAiBO,EAAA,CAAA,EAAKN,EAAK,CAAEO,UAAU,uBACjDJ,EAAAC,cAACI,EAAI,CACHC,SAAS,MACTC,KAAMC,EACNC,SAAUC,EAAiBX,GAC3BY,SAAS,KACTC,WAAYd,IAIpB"}
1	+ {"version":3,"file":"DropdownIndicator.js","sources":["../../../../../../src/components/Dropdown/components/DropdownIndicator/DropdownIndicator.jsx"],"sourcesContent":["import React from \"react\";\nimport { components } from \"react-select\";\nimport Icon from \"../../../Icon/Icon\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { getIndicatorSize } from \"../../Dropdown.styles\";\n\nconst DropdownIndicator = props => {\n const { isDisabled, size } = props;\n return (\n <components.DropdownIndicator {...props} className=\"dropdown-indicator\">\n <Icon\n iconType=\"svg\"\n icon={DropdownChevronDown}\n iconSize={getIndicatorSize(size)}\n tabindex=\"-1\"\n clickable={!isDisabled}\n />\n </components.DropdownIndicator>\n );\n};\nexport default DropdownIndicator;\n"],"names":["DropdownIndicator","props","isDisabled","size","React","createElement","components","_extends","className","Icon","iconType","icon","DropdownChevronDown","iconSize","getIndicatorSize","tabindex","clickable"],"mappings":"qTAMA,IAAMA,EAAoB,SAAAC,GACxB,IAAQC,EAAqBD,EAArBC,WAAYC,EAASF,EAATE,KACpB,OACEC,EAAAC,cAACC,EAAWN,kBAAiBO,EAAA,CAAA,EAAKN,EAAK,CAAEO,UAAU,uBACjDJ,EAAAC,cAACI,EAAI,CACHC,SAAS,MACTC,KAAMC,EACNC,SAAUC,EAAiBX,GAC3BY,SAAS,KACTC,WAAYd,IAIpB"}

package/dist/src/components/Dropdown/components/MultiValueContainer/MultiValueContainer.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={"chip-with-input-wrapper":"chip-with-input-wrapper_9b05d1ba22","placeholder-container":"placeholder-container_f6d28be859","multiselect-chip-multi-line":"multiselect-chip-multi-line_8a2c0093e9","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_8477b6d0a1","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_4256c79813","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_38697673fa","multiselect-chip-disabled":"multiselect-chip-disabled_2f0af915ba","value-container":"value-container_24b3f89477","value-container-chips":"value-container-chips_9daa75b2e3","without-placeholder":"without-placeholder_f6d28be859",valueDialogContent:"valueDialogContent_0f1c07c636",chips:"chips_9daa75b2e3"};!function(e){const n="s_id-ae46b2835ce0_3_0_0-alpha_8";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".chip-with-input-wrapper_9b05d1ba22 {\n  display: flex;\n}\n\n.placeholder-container_f6d28be859 {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line_8a2c0093e9 {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium_8477b6d0a1 {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large_4256c79813 {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small_38697673fa {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled_2f0af915ba {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container_24b3f89477 {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips_9daa75b2e3 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n\n.value-container-chips_9daa75b2e3.without-placeholder_f6d28be859 {\n  margin-left: 6px;\n}\n\n.valueDialogContent_0f1c07c636 {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent_0f1c07c636::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent_0f1c07c636::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent_0f1c07c636 .chips_9daa75b2e3 {\n  flex-shrink: 0;\n}");export{e as default};
+var e={"chip-with-input-wrapper":"chip-with-input-wrapper_1dcf96cc6e","placeholder-container":"placeholder-container_838d5965aa","multiselect-chip-multi-line":"multiselect-chip-multi-line_e19f9ae16b","multiselect-chip-single-line-medium":"multiselect-chip-single-line-medium_dc43320638","multiselect-chip-single-line-large":"multiselect-chip-single-line-large_8604d74335","multiselect-chip-single-line-small":"multiselect-chip-single-line-small_2432a46d89","multiselect-chip-disabled":"multiselect-chip-disabled_00c963a3fd","value-container":"value-container_52e2678970","value-container-chips":"value-container-chips_d9eb54ab35","without-placeholder":"without-placeholder_838d5965aa",valueDialogContent:"valueDialogContent_e0ad26d533",chips:"chips_d9eb54ab35"};!function(e){const n="s_id-ae46b2835ce0_3_0_0-beta_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,i.firstChild?i.insertBefore(l,i.firstChild):i.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".chip-with-input-wrapper_1dcf96cc6e {\n  display: flex;\n}\n\n.placeholder-container_838d5965aa {\n  margin-left: 6px;\n}\n\n.multiselect-chip-multi-line_e19f9ae16b {\n  --chips-margin: 2px;\n}\n\n.multiselect-chip-single-line-medium_dc43320638 {\n  --chips-margin: 5px 2px;\n}\n\n.multiselect-chip-single-line-large_8604d74335 {\n  --chips-margin: 9px 2px;\n}\n\n.multiselect-chip-single-line-small_2432a46d89 {\n  --chips-margin: 1px 2px;\n}\n\n.multiselect-chip-disabled_00c963a3fd {\n  background-color: var(--ui-background-color) !important;\n}\n\n.value-container_52e2678970 {\n  display: flex;\n  align-items: center;\n  width: 100%;\n  height: 100%;\n}\n\n.value-container-chips_d9eb54ab35 {\n  display: flex;\n  flex-wrap: wrap;\n  align-items: center;\n  flex-grow: 1;\n  height: 100%;\n  overflow: hidden;\n}\n\n.value-container-chips_d9eb54ab35.without-placeholder_838d5965aa {\n  margin-left: 6px;\n}\n\n.valueDialogContent_e0ad26d533 {\n  display: flex;\n  flex-direction: column;\n  align-items: flex-start;\n  max-height: 300px;\n  overflow-y: auto;\n}\n\n.valueDialogContent_e0ad26d533::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n\n.valueDialogContent_e0ad26d533::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n\n.valueDialogContent_e0ad26d533 .chips_d9eb54ab35 {\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=MultiValueContainer.module.scss.js.map

package/dist/src/components/Dropdown/components/menu/menu.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={dropdownMenuWrapper:"dropdownMenuWrapper_8608097c68",fadeIn:"fadeIn_0147a375e7",withoutAnimation:"withoutAnimation_b891b6b3ac",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_8df7a67272"};!function(n){const e="s_id-11829aafa26c_3_0_0-alpha_8";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".dropdownMenuWrapper_8608097c68 {\n  animation: fadeIn_0147a375e7 var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper_8608097c68.withoutAnimation_b891b6b3ac {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_8df7a67272 {\n  /* When inside a scrollable area, we want the menu to appear above the scrollable container (we set the specific position by js) */\n  position: fixed !important;\n}\n@keyframes fadeIn_0147a375e7 {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{n as default};
+var e={dropdownMenuWrapper:"dropdownMenuWrapper_018ef75dd3",fadeIn:"fadeIn_6e729e3ab1",withoutAnimation:"withoutAnimation_8c31b8a198",dropdownMenuWrapperFixedPosition:"dropdownMenuWrapperFixedPosition_5ab5895c20"};!function(e){const n="s_id-11829aafa26c_3_0_0-beta_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dropdownMenuWrapper_018ef75dd3 {\n  animation: fadeIn_6e729e3ab1 var(--motion-productive-medium) var(--motion-timing-enter);\n}\n.dropdownMenuWrapper_018ef75dd3.withoutAnimation_8c31b8a198 {\n  animation: none;\n}\n.dropdownMenuWrapperFixedPosition_5ab5895c20 {\n  /* When inside a scrollable area, we want the menu to appear above the scrollable container (we set the specific position by js) */\n  position: fixed !important;\n}\n@keyframes fadeIn_6e729e3ab1 {\n  0% {\n    opacity: 0;\n    z-index: -10000;\n    transform: translateY(var(--dropdown-menu-fadinY, -75px));\n  }\n  100% {\n    opacity: 1;\n    z-index: 999;\n    transform: translateY(0px);\n  }\n}");export{e as default};
 //# sourceMappingURL=menu.module.scss.js.map

package/dist/src/components/Dropdown/components/option/option.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={optionReset:"optionReset_370d271a87"};!function(e){const t="s_id-64f14b86843f_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".optionReset_370d271a87 {\n  height: auto;\n}");export{e as default};
+var e={optionReset:"optionReset_7ce3e8a271"};!function(e){const t="s_id-64f14b86843f_3_0_0-beta_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".optionReset_7ce3e8a271 {\n  height: auto;\n}");export{e as default};
 //# sourceMappingURL=option.module.scss.js.map

package/dist/src/components/Dropdown/components/singleValue/singleValue.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={singleValue:"singleValue_470d8466d2"};!function(e){const n="s_id-a262ceec984a_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".singleValue_470d8466d2 {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
+var e={singleValue:"singleValue_a283ec2ec3"};!function(e){const n="s_id-a262ceec984a_3_0_0-beta_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".singleValue_a283ec2ec3 {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=singleValue.module.scss.js.map

package/dist/src/components/EditableHeading/EditableHeading.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold_48aadc4f11",h1Medium:"h1Medium_e627745d2c",h1Normal:"h1Normal_b3a2709f82",h1Light:"h1Light_990aebcee7",h2Bold:"h2Bold_f0269f5506",h2Medium:"h2Medium_9cc4cda5bb",h2Normal:"h2Normal_9c8ba27c19",h2Light:"h2Light_8ca257c706",h3Bold:"h3Bold_fee0586575",h3Medium:"h3Medium_03de7f44cb",h3Normal:"h3Normal_cdfe4d27de",h3Light:"h3Light_66e4afc675"};!function(n){const o="s_id-81b561c226b7_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_48aadc4f11 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_e627745d2c {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_b3a2709f82 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_990aebcee7 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_f0269f5506 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_9cc4cda5bb {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_9c8ba27c19 {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_8ca257c706 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_fee0586575 {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_03de7f44cb {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_cdfe4d27de {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_66e4afc675 {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
+var n={h1Bold:"h1Bold_0da9829769",h1Medium:"h1Medium_7407e193d3",h1Normal:"h1Normal_211716a847",h1Light:"h1Light_1fb46a7d12",h2Bold:"h2Bold_1170dbfbdd",h2Medium:"h2Medium_291d15f9c3",h2Normal:"h2Normal_67444e675e",h2Light:"h2Light_d1294de1d4",h3Bold:"h3Bold_aa0430e92c",h3Medium:"h3Medium_36da401bb0",h3Normal:"h3Normal_20e8bd070c",h3Light:"h3Light_9cbbda7aa5"};!function(n){const o="s_id-81b561c226b7_3_0_0-beta_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const i=document.createElement("style");i.id=o,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_0da9829769 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_7407e193d3 {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_211716a847 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_1fb46a7d12 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_1170dbfbdd {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_291d15f9c3 {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_67444e675e {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_d1294de1d4 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_aa0430e92c {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_36da401bb0 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_20e8bd070c {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_9cbbda7aa5 {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}");export{n as default};
 //# sourceMappingURL=EditableHeading.module.scss.js.map

package/dist/src/components/EditableText/EditableText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_319861f5fe",text1Medium:"text1Medium_752db0be37",text1Normal:"text1Normal_88027ff10b",text2Bold:"text2Bold_1aa1473f06",text2Medium:"text2Medium_38873f60d0",text2Normal:"text2Normal_10570cf051",text3Bold:"text3Bold_79f22bcbe5",text3Medium:"text3Medium_d425922a0b",text3Normal:"text3Normal_578fced489",editableText:"editableText_22301bf155",typography:"typography_1e2349b88b"};!function(t){const e="s_id-bcdc5f69e9db_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_319861f5fe {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_752db0be37 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_88027ff10b {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_1aa1473f06 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_38873f60d0 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_10570cf051 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_79f22bcbe5 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_d425922a0b {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_578fced489 {\n  font: var(--font-text3-normal);\n}\n\n.editableText_22301bf155 .typography_1e2349b88b {\n  min-width: 56px;\n}");export{t as default};
+var t={text1Bold:"text1Bold_cd306f0383",text1Medium:"text1Medium_e0d41962e5",text1Normal:"text1Normal_48565eb773",text2Bold:"text2Bold_201c250a4b",text2Medium:"text2Medium_7b2b135015",text2Normal:"text2Normal_5f2257af09",text3Bold:"text3Bold_10203ac58e",text3Medium:"text3Medium_a886855fb0",text3Normal:"text3Normal_26572c021e",editableText:"editableText_ac819dfea5",typography:"typography_78596f8c1f"};!function(t){const e="s_id-bcdc5f69e9db_3_0_0-beta_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_cd306f0383 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_e0d41962e5 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_48565eb773 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_201c250a4b {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_7b2b135015 {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_5f2257af09 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_10203ac58e {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_a886855fb0 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_26572c021e {\n  font: var(--font-text3-normal);\n}\n\n.editableText_ac819dfea5 .typography_78596f8c1f {\n  min-width: 56px;\n}");export{t as default};
 //# sourceMappingURL=EditableText.module.scss.js.map

package/dist/src/components/EditableTypography/EditableTypography.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={editableTypography:"editableTypography_b8dbb25052",input:"input_bccf08299a",typography:"typography_ca06866452",disabled:"disabled_f87eb033d4",hidden:"hidden_b8aa2fb792",placeholder:"placeholder_220ab7506f"};!function(e){const a="s_id-77c45383a678_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".editableTypography_b8dbb25052 {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_b8dbb25052 .input_bccf08299a {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography_b8dbb25052 .input_bccf08299a:focus, .editableTypography_b8dbb25052 .input_bccf08299a:active {\n  outline: none;\n}\n.editableTypography_b8dbb25052 .typography_ca06866452 {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_b8dbb25052 .typography_ca06866452:hover:not(.disabled_f87eb033d4) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_b8dbb25052 .typography_ca06866452.hidden_b8aa2fb792 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_b8dbb25052 .typography_ca06866452.placeholder_220ab7506f {\n  color: var(--secondary-text-color);\n}");export{e as default};
+var e={editableTypography:"editableTypography_e793780c30",input:"input_a8464bccac",typography:"typography_9b26ee728b",disabled:"disabled_9a1cd7b55b",hidden:"hidden_3ae44308e8",placeholder:"placeholder_f47dd298cb"};!function(e){const a="s_id-77c45383a678_3_0_0-beta_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".editableTypography_e793780c30 {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_e793780c30 .input_a8464bccac {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography_e793780c30 .input_a8464bccac:focus, .editableTypography_e793780c30 .input_a8464bccac:active {\n  outline: none;\n}\n.editableTypography_e793780c30 .typography_9b26ee728b {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_e793780c30 .typography_9b26ee728b:hover:not(.disabled_9a1cd7b55b) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_e793780c30 .typography_9b26ee728b.hidden_3ae44308e8 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_e793780c30 .typography_9b26ee728b.placeholder_f47dd298cb {\n  color: var(--secondary-text-color);\n}");export{e as default};
 //# sourceMappingURL=EditableTypography.module.scss.js.map

package/dist/src/components/ExpandCollapse/ExpandCollapse.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{slicedToArray as t,defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import i,{forwardRef as r,useRef as s,useState as n,useCallback as a}from"react";import c from"../../hooks/useMergeRef.js";import d from"../Icon/Icon.js";import m from"../Text/Text.js";import"../../../icons/dist/_virtual/_tslib.js";import"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import"../../../icons/dist/react/CloseSmall.js";import l from"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{getTestId as p,ComponentDefaultTestId as v}from"../../tests/testIds.js";import j from"./ExpandCollapse.module.scss.js";var C=r((function(r,C){var f=r.children,h=r.headerComponentRenderer,u=void 0===h?null:h,g=r.title,N=void 0===g?"":g,E=r.className,S=r.defaultOpenState,x=void 0!==S&&S,A=r.iconSize,w=void 0===A?24:A,y=r.id,k=void 0===y?"":y,B=r.open,D=r.onClick,I=void 0===D?null:D,R=r.hideBorder,O=void 0!==R&&R,_=r.headerClassName,b=r.contentClassName,L=r.componentClassName,M=r["data-testid"],P=r.captureOnClick,T=void 0===P||P,z=s(null),H=c(C,z),U=n(x),W=t(U,2),X=W[0],q=W[1],F=void 0===B?X:B,G=function(){q(!X)},J=a((function(){return"string"==typeof N?i.createElement(m,{type:"text1",className:o(j.headerContent)},N):N}),[N]);return i.createElement("div",{ref:H,className:E,id:k,"data-testid":M||p(v.EXPAND_COLLAPSE,k)},i.createElement("div",{className:o(j.expandCollapse,e(e({},j.hideBorder,O),j.showBorder,!O),L)},i.createElement("button",{type:"button",className:o(j.header,j.section,_,e(e({},j.headerOpen,F),j.hideBorderBottom,O)),onClickCapture:T?I||G:void 0,onClick:T?void 0:I||G,"aria-expanded":F,"aria-controls":"".concat(k,"-controls")},"string"!=typeof N||0!==N.length?J():u&&u(),i.createElement(d,{className:o(j.iconComponent,e(e({},j.animateIconOpen,F),j.animateIconClose,!F)),iconType:"svg",icon:l,iconSize:w})),F&&i.createElement("div",{className:o(j.content,j.section,b,e({},j.animateExpandCollapseContent,F)),id:"".concat(k,"-controls"),role:"region"},f)))}));export{C as default};
+import{slicedToArray as e,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t from"classnames";import n,{forwardRef as a,useRef as r,useState as i,useCallback as s}from"react";import l from"../../hooks/useMergeRef.js";import c from"../Icon/Icon.js";import d from"../Text/Text.js";import{getTestId as m,ComponentDefaultTestId as p}from"../../tests/testIds.js";import f from"./ExpandCollapse.module.scss.js";import u from"../../../icons/dist/react/DropdownChevronDown.js";var v=a((function(a,v){var C=a.children,h=a.headerComponentRenderer,N=void 0===h?null:h,E=a.title,x=void 0===E?"":E,g=a.className,j=a.defaultOpenState,y=void 0!==j&&j,B=a.iconSize,k=void 0===B?24:B,I=a.id,O=void 0===I?"":I,P=a.open,S=a.onClick,T=void 0===S?null:S,b=a.hideBorder,w=void 0!==b&&b,A=a.headerClassName,D=a.contentClassName,_=a.componentClassName,z=a["data-testid"],L=a.captureOnClick,R=void 0===L||L,H=r(null),M=l(v,H),X=i(y),q=e(X,2),F=q[0],G=q[1],J=void 0===P?F:P,K=function(){G(!F)},Q=s((function(){return"string"==typeof x?n.createElement(d,{type:"text1",className:t(f.headerContent)},x):x}),[x]);return n.createElement("div",{ref:M,className:g,id:O,"data-testid":z||m(p.EXPAND_COLLAPSE,O)},n.createElement("div",{className:t(f.expandCollapse,o(o({},f.hideBorder,w),f.showBorder,!w),_)},n.createElement("button",{type:"button",className:t(f.header,f.section,A,o(o({},f.headerOpen,J),f.hideBorderBottom,w)),onClickCapture:R?T||K:void 0,onClick:R?void 0:T||K,"aria-expanded":J,"aria-controls":"".concat(O,"-controls")},"string"!=typeof x||0!==x.length?Q():N&&N(),n.createElement(c,{className:t(f.iconComponent,o(o({},f.animateIconOpen,J),f.animateIconClose,!J)),iconType:"svg",icon:u,iconSize:k})),J&&n.createElement("div",{className:t(f.content,f.section,D,o({},f.animateExpandCollapseContent,J)),id:"".concat(O,"-controls"),role:"region"},C)))}));export{v as default};
 //# sourceMappingURL=ExpandCollapse.js.map

package/dist/src/components/ExpandCollapse/ExpandCollapse.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExpandCollapse.js","sources":["../../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, forwardRef, ReactElement, useCallback, useRef, useState } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Icon from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { VibeComponentProps, ElementContent } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ExpandCollapse.module.scss\";\n\nexport interface ExpandCollapseProps extends VibeComponentProps {\n /*\n Component as parameter to be rendered as header\n /\n headerComponentRenderer?: () => ReactElement;\n /\n Class name to add to the header of the expandable\n /\n headerClassName?: string;\n /\n Class name to add to the content of the expandable\n /\n contentClassName?: string;\n /\n Class name to add to the component\n /\n componentClassName?: string;\n /\n Header title\n /\n title?: ElementContent;\n /\n The value of the expandable section\n /\n children?: ElementContent;\n /\n The expand icon font size\n /\n iconSize?: number \| string;\n /\n Should be open or closed by default (when rendered)\n */\n defaultOpenState?: boolean;\n open?: boolean;\n onClick?: (event: React.MouseEvent) => void;\n hideBorder?: boolean;\n captureOnClick?: boolean;\n}\n\nconst ExpandCollapse: FC<ExpandCollapseProps> = forwardRef(\n (\n {\n children,\n headerComponentRenderer = null,\n title = \"\",\n className,\n defaultOpenState = false,\n iconSize = 24,\n id = \"\",\n open,\n onClick = null,\n hideBorder = false,\n headerClassName,\n contentClassName,\n componentClassName,\n \"data-testid\": dataTestId,\n captureOnClick = true\n },\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isOpen, setIsOpen] = useState(defaultOpenState);\n const isExpanded = open === undefined ? isOpen : open;\n\n const toggleExpand = () => {\n setIsOpen(!isOpen);\n };\n const renderHeader = useCallback(() => {\n return typeof title === \"string\" ? (\n <Text type=\"text1\" className={cx(styles.headerContent)}>\n {title}\n </Text>\n ) : (\n title\n );\n }, [title]);\n\n return (\n <div\n ref={mergedRef}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EXPAND_COLLAPSE, id)}\n >\n <div\n className={cx(\n styles.expandCollapse,\n {\n [styles.hideBorder]: hideBorder,\n [styles.showBorder]: !hideBorder\n },\n componentClassName\n )}\n >\n <button\n type=\"button\"\n className={cx(styles.header, styles.section, headerClassName, {\n [styles.headerOpen]: isExpanded,\n [styles.hideBorderBottom]: hideBorder\n })}\n onClickCapture={captureOnClick ? onClick \|\| toggleExpand : undefined}\n onClick={!captureOnClick ? onClick \|\| toggleExpand : undefined}\n aria-expanded={isExpanded}\n aria-controls={`${id}-controls`}\n >\n {typeof title !== \"string\" \|\| title.length !== 0\n ? renderHeader()\n : headerComponentRenderer && headerComponentRenderer()}\n <Icon\n className={cx(styles.iconComponent, {\n [styles.animateIconOpen]: isExpanded,\n [styles.animateIconClose]: !isExpanded\n })}\n iconType=\"svg\"\n icon={DropdownChevronDown}\n iconSize={iconSize}\n />\n </button>\n {isExpanded && (\n <div\n className={cx(styles.content, styles.section, contentClassName, {\n [styles.animateExpandCollapseContent]: isExpanded\n })}\n id={`${id}-controls`}\n role=\"region\"\n >\n {children}\n </div>\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default ExpandCollapse;\n"],"names":["ExpandCollapse","forwardRef","_ref","ref","children","_ref$headerComponentR","headerComponentRenderer","_ref$title","title","className","_ref$defaultOpenState","defaultOpenState","_ref$iconSize","iconSize","_ref$id","id","open","_ref$onClick","onClick","_ref$hideBorder","hideBorder","headerClassName","contentClassName","componentClassName","dataTestId","_ref$captureOnClick","captureOnClick","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isExpanded","undefined","toggleExpand","renderHeader","useCallback","React","createElement","Text","type","cx","styles","headerContent","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","expandCollapse","_defineProperty","showBorder","header","section","headerOpen","hideBorderBottom","onClickCapture","concat","length","Icon","iconComponent","animateIconOpen","animateIconClose","iconType","icon","DropdownChevronDown","content","animateExpandCollapseContent","role"],"mappings":"~~67CAiDMA~~,IAAAA,EAA0CC,GAC9C,SAAAC,EAkBEC,GACE,IAjBAC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,wBAAAA,OAA0B,IAAHD,EAAG,KAAIA,EAAAE,EAAAL,EAC9BM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAASP,EAATO,UAASC,EAAAR,EACTS,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAV,EACxBW,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACba,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EACPE,EAAId,EAAJc,KAAIC,EAAAf,EACJgB,QAAAA,OAAU,IAAHD,EAAG,KAAIA,EAAAE,EAAAjB,EACdkB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAenB,EAAfmB,gBACAC,EAAgBpB,EAAhBoB,iBACAC,EAAkBrB,EAAlBqB,mBACeC,EAAUtB,EAAzB,eAAauB,EAAAvB,EACbwB,eAAAA,OAAiB,IAAHD,GAAOA,EAIjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY3B,EAAKwB,GAEnCI,EAA4BC,EAASrB,GAAiBsB,EAAAC,EAAAH,EAAA,GAA/CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,OAAsBC,IAATtB,EAAqBmB,EAASnB,EAE3CuB,EAAe,WACnBH,GAAWD,IAEPK,EAAeC,GAAY,WAC/B,MAAwB,iBAAVjC,EACZkC,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQpC,UAAWqC,EAAGC,EAAOC,gBACrCxC,GAGHA,CAEJ,GAAG,CAACA,IAEJ,OACEkC,uBACEvC,IAAK0B,EACLpB,UAAWA,EACXM,GAAIA,EAAE,cACOS,GAAcyB,EAAUC,EAAuBC,gBAAiBpC,IAE7E2B,EAAAC,cAAA,MAAA,CACElC,UAAWqC,EACTC,EAAOK,eAAcC,EAAAA,EAElBN,GAAAA,EAAO3B,WAAaA,GACpB2B,EAAOO,YAAclC,GAExBG,IAGFmB,EAAAC,cAAA,SAAA,CACEE,KAAK,SACLpC,UAAWqC,EAAGC,EAAOQ,OAAQR,EAAOS,QAASnC,EAAegC,EAAAA,EACzDN,CAAAA,EAAAA,EAAOU,WAAapB,GACpBU,EAAOW,iBAAmBtC,IAE7BuC,eAAgBjC,EAAiBR,GAAWqB,OAAeD,EAC3DpB,QAAUQ,OAA2CY,EAA1BpB,GAAWqB,EACvB,gBAAAF,EACA,gBAAA,GAAAuB,OAAG7C,EAAE,cAEF,iBAAVP,GAAuC,IAAjBA,EAAMqD,OAChCrB,IACAlC,GAA2BA,IAC/BoC,EAACC,cAAAmB,GACCrD,UAAWqC,EAAGC,EAAOgB,cAAaV,EAAAA,EAC/BN,CAAAA,EAAAA,EAAOiB,gBAAkB3B,GACzBU,EAAOkB,kBAAoB5B,IAE9B6B,SAAS,MACTC,KAAMC,EACNvD,SAAUA,KAGbwB,GACCK,EAAAC,cAAA,MAAA,CACElC,UAAWqC,EAAGC,EAAOsB,QAAStB,EAAOS,QAASlC,EAAgB+B,EAC3DN,CAAAA,EAAAA,EAAOuB,6BAA+BjC,IAEzCtB,GAAE6C,GAAAA,OAAK7C,EAAa,aACpBwD,KAAK,UAEJnE,IAMb"}
1	+ {"version":3,"file":"ExpandCollapse.js","sources":["../../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, forwardRef, ReactElement, useCallback, useRef, useState } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Icon from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { VibeComponentProps, ElementContent } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ExpandCollapse.module.scss\";\n\nexport interface ExpandCollapseProps extends VibeComponentProps {\n /*\n Component as parameter to be rendered as header\n /\n headerComponentRenderer?: () => ReactElement;\n /\n Class name to add to the header of the expandable\n /\n headerClassName?: string;\n /\n Class name to add to the content of the expandable\n /\n contentClassName?: string;\n /\n Class name to add to the component\n /\n componentClassName?: string;\n /\n Header title\n /\n title?: ElementContent;\n /\n The value of the expandable section\n /\n children?: ElementContent;\n /\n The expand icon font size\n /\n iconSize?: number \| string;\n /\n Should be open or closed by default (when rendered)\n */\n defaultOpenState?: boolean;\n open?: boolean;\n onClick?: (event: React.MouseEvent) => void;\n hideBorder?: boolean;\n captureOnClick?: boolean;\n}\n\nconst ExpandCollapse: FC<ExpandCollapseProps> = forwardRef(\n (\n {\n children,\n headerComponentRenderer = null,\n title = \"\",\n className,\n defaultOpenState = false,\n iconSize = 24,\n id = \"\",\n open,\n onClick = null,\n hideBorder = false,\n headerClassName,\n contentClassName,\n componentClassName,\n \"data-testid\": dataTestId,\n captureOnClick = true\n },\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isOpen, setIsOpen] = useState(defaultOpenState);\n const isExpanded = open === undefined ? isOpen : open;\n\n const toggleExpand = () => {\n setIsOpen(!isOpen);\n };\n const renderHeader = useCallback(() => {\n return typeof title === \"string\" ? (\n <Text type=\"text1\" className={cx(styles.headerContent)}>\n {title}\n </Text>\n ) : (\n title\n );\n }, [title]);\n\n return (\n <div\n ref={mergedRef}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EXPAND_COLLAPSE, id)}\n >\n <div\n className={cx(\n styles.expandCollapse,\n {\n [styles.hideBorder]: hideBorder,\n [styles.showBorder]: !hideBorder\n },\n componentClassName\n )}\n >\n <button\n type=\"button\"\n className={cx(styles.header, styles.section, headerClassName, {\n [styles.headerOpen]: isExpanded,\n [styles.hideBorderBottom]: hideBorder\n })}\n onClickCapture={captureOnClick ? onClick \|\| toggleExpand : undefined}\n onClick={!captureOnClick ? onClick \|\| toggleExpand : undefined}\n aria-expanded={isExpanded}\n aria-controls={`${id}-controls`}\n >\n {typeof title !== \"string\" \|\| title.length !== 0\n ? renderHeader()\n : headerComponentRenderer && headerComponentRenderer()}\n <Icon\n className={cx(styles.iconComponent, {\n [styles.animateIconOpen]: isExpanded,\n [styles.animateIconClose]: !isExpanded\n })}\n iconType=\"svg\"\n icon={DropdownChevronDown}\n iconSize={iconSize}\n />\n </button>\n {isExpanded && (\n <div\n className={cx(styles.content, styles.section, contentClassName, {\n [styles.animateExpandCollapseContent]: isExpanded\n })}\n id={`${id}-controls`}\n role=\"region\"\n >\n {children}\n </div>\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default ExpandCollapse;\n"],"names":["ExpandCollapse","forwardRef","_ref","ref","children","_ref$headerComponentR","headerComponentRenderer","_ref$title","title","className","_ref$defaultOpenState","defaultOpenState","_ref$iconSize","iconSize","_ref$id","id","open","_ref$onClick","onClick","_ref$hideBorder","hideBorder","headerClassName","contentClassName","componentClassName","dataTestId","_ref$captureOnClick","captureOnClick","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isExpanded","undefined","toggleExpand","renderHeader","useCallback","React","createElement","Text","type","cx","styles","headerContent","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","expandCollapse","_defineProperty","showBorder","header","section","headerOpen","hideBorderBottom","onClickCapture","concat","length","Icon","iconComponent","animateIconOpen","animateIconClose","iconType","icon","DropdownChevronDown","content","animateExpandCollapseContent","role"],"mappings":"ofAiDMA,IAAAA,EAA0CC,GAC9C,SAAAC,EAkBEC,GACE,IAjBAC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,wBAAAA,OAA0B,IAAHD,EAAG,KAAIA,EAAAE,EAAAL,EAC9BM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAASP,EAATO,UAASC,EAAAR,EACTS,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAV,EACxBW,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACba,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EACPE,EAAId,EAAJc,KAAIC,EAAAf,EACJgB,QAAAA,OAAU,IAAHD,EAAG,KAAIA,EAAAE,EAAAjB,EACdkB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAenB,EAAfmB,gBACAC,EAAgBpB,EAAhBoB,iBACAC,EAAkBrB,EAAlBqB,mBACeC,EAAUtB,EAAzB,eAAauB,EAAAvB,EACbwB,eAAAA,OAAiB,IAAHD,GAAOA,EAIjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY3B,EAAKwB,GAEnCI,EAA4BC,EAASrB,GAAiBsB,EAAAC,EAAAH,EAAA,GAA/CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,OAAsBC,IAATtB,EAAqBmB,EAASnB,EAE3CuB,EAAe,WACnBH,GAAWD,IAEPK,EAAeC,GAAY,WAC/B,MAAwB,iBAAVjC,EACZkC,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQpC,UAAWqC,EAAGC,EAAOC,gBACrCxC,GAGHA,CAEJ,GAAG,CAACA,IAEJ,OACEkC,uBACEvC,IAAK0B,EACLpB,UAAWA,EACXM,GAAIA,EAAE,cACOS,GAAcyB,EAAUC,EAAuBC,gBAAiBpC,IAE7E2B,EAAAC,cAAA,MAAA,CACElC,UAAWqC,EACTC,EAAOK,eAAcC,EAAAA,EAElBN,GAAAA,EAAO3B,WAAaA,GACpB2B,EAAOO,YAAclC,GAExBG,IAGFmB,EAAAC,cAAA,SAAA,CACEE,KAAK,SACLpC,UAAWqC,EAAGC,EAAOQ,OAAQR,EAAOS,QAASnC,EAAegC,EAAAA,EACzDN,CAAAA,EAAAA,EAAOU,WAAapB,GACpBU,EAAOW,iBAAmBtC,IAE7BuC,eAAgBjC,EAAiBR,GAAWqB,OAAeD,EAC3DpB,QAAUQ,OAA2CY,EAA1BpB,GAAWqB,EACvB,gBAAAF,EACA,gBAAA,GAAAuB,OAAG7C,EAAE,cAEF,iBAAVP,GAAuC,IAAjBA,EAAMqD,OAChCrB,IACAlC,GAA2BA,IAC/BoC,EAACC,cAAAmB,GACCrD,UAAWqC,EAAGC,EAAOgB,cAAaV,EAAAA,EAC/BN,CAAAA,EAAAA,EAAOiB,gBAAkB3B,GACzBU,EAAOkB,kBAAoB5B,IAE9B6B,SAAS,MACTC,KAAMC,EACNvD,SAAUA,KAGbwB,GACCK,EAAAC,cAAA,MAAA,CACElC,UAAWqC,EAAGC,EAAOsB,QAAStB,EAAOS,QAASlC,EAAgB+B,EAC3DN,CAAAA,EAAAA,EAAOuB,6BAA+BjC,IAEzCtB,GAAE6C,GAAAA,OAAK7C,EAAa,aACpBwD,KAAK,UAEJnE,IAMb"}

package/dist/src/components/ExpandCollapse/ExpandCollapse.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={expandCollapse:"expandCollapse_ae72c91b0d",header:"header_670e6df323","focus-visible":"focus-visible_78a95fb4b9",headerContent:"headerContent_f59b884126",iconComponent:"iconComponent_af1f2132be",content:"content_6625bd71a8",section:"section_9445810603",hideBorder:"hideBorder_df5026d7a0",hideBorderBottom:"hideBorderBottom_2cb18b131d",showBorder:"showBorder_1c53356e19",headerOpen:"headerOpen_1cf9a46682",animateIconOpen:"animateIconOpen_a831b7676c",animateIconClose:"animateIconClose_4fc84c4e29"};!function(n){const e="s_id-ca6f6158d39b_3_0_0-alpha_8";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".expandCollapse_ae72c91b0d {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.header_670e6df323 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--spacing-medium);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n\n.header_670e6df323:focus-visible, .header_670e6df323.focus-visible_78a95fb4b9 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.header_670e6df323:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n\n.header_670e6df323:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header_670e6df323:active {\n  transform: scale(1);\n}\n\n.header_670e6df323 .headerContent_f59b884126 {\n  margin: 0;\n}\n\n.header_670e6df323 .iconComponent_af1f2132be {\n  color: var(--icon-color);\n}\n\n.content_6625bd71a8 {\n  padding: var(--spacing-medium);\n}\n\n.section_9445810603 {\n  width: 100%;\n}\n\n.hideBorder_df5026d7a0 {\n  border: none;\n}\n\n.hideBorderBottom_2cb18b131d {\n  border-bottom: none;\n}\n\n.showBorder_1c53356e19 {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder_1c53356e19 .headerOpen_1cf9a46682 {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_a831b7676c {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_4fc84c4e29 {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}");export{n as default};
+var n={expandCollapse:"expandCollapse_32d4094256",header:"header_2cb59eb297","focus-visible":"focus-visible_3e99ea2942",headerContent:"headerContent_75d70cc47c",iconComponent:"iconComponent_a699a6e632",content:"content_a470cd09f9",section:"section_a89c539671",hideBorder:"hideBorder_4df9d3271a",hideBorderBottom:"hideBorderBottom_75ac8426f7",showBorder:"showBorder_dfc8785fc9",headerOpen:"headerOpen_eacb0ffc90",animateIconOpen:"animateIconOpen_ab7421ff59",animateIconClose:"animateIconClose_7aa2713494"};!function(n){const e="s_id-ca6f6158d39b_3_0_0-beta_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".expandCollapse_32d4094256 {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.header_2cb59eb297 {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--spacing-medium);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n\n.header_2cb59eb297:focus-visible, .header_2cb59eb297.focus-visible_3e99ea2942 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.header_2cb59eb297:focus:not(.focus-visible_3e99ea2942) {\n  outline: none;\n}\n\n.header_2cb59eb297:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header_2cb59eb297:active {\n  transform: scale(1);\n}\n\n.header_2cb59eb297 .headerContent_75d70cc47c {\n  margin: 0;\n}\n\n.header_2cb59eb297 .iconComponent_a699a6e632 {\n  color: var(--icon-color);\n}\n\n.content_a470cd09f9 {\n  padding: var(--spacing-medium);\n}\n\n.section_a89c539671 {\n  width: 100%;\n}\n\n.hideBorder_4df9d3271a {\n  border: none;\n}\n\n.hideBorderBottom_75ac8426f7 {\n  border-bottom: none;\n}\n\n.showBorder_dfc8785fc9 {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder_dfc8785fc9 .headerOpen_eacb0ffc90 {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_ab7421ff59 {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_7aa2713494 {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}");export{n as default};
 //# sourceMappingURL=ExpandCollapse.module.scss.js.map

package/dist/src/components/FieldLabel/FieldLabel.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={labelComponentWrapper:"labelComponentWrapper_239ac3f16e",labelComponentIcon:"labelComponentIcon_dbd719ea25",labelComponentText:"labelComponentText_9934edb051",required:"required_c5447069b5"};!function(e){const n="s_id-12dfba012dab_3_0_0-alpha_8";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".labelComponentWrapper_239ac3f16e {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon_dbd719ea25 {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n\n.labelComponentText_9934edb051 {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n\n.required_c5447069b5 {\n  color: var(--negative-color);\n}");export{e as default};
+var e={labelComponentWrapper:"labelComponentWrapper_f402de69ba",labelComponentIcon:"labelComponentIcon_7c5cd0af52",labelComponentText:"labelComponentText_321c7426f4",required:"required_1a3ba81731"};!function(e){const n="s_id-12dfba012dab_3_0_0-beta_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".labelComponentWrapper_f402de69ba {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon_7c5cd0af52 {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n\n.labelComponentText_321c7426f4 {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n\n.required_1a3ba81731 {\n  color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=FieldLabel.module.scss.js.map

package/dist/src/components/Flex/Flex.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={container:"container_e879815d5e",justifyStart:"justifyStart_1c842ab076",justifyEnd:"justifyEnd_c832521691",justifyCenter:"justifyCenter_2ac9382b6b",justifySpaceBetween:"justifySpaceBetween_e4b0883793",justifySpaceAround:"justifySpaceAround_c2f6d655a6",justifyInital:"justifyInital_a97999cb16",alignStart:"alignStart_8389cc0b34",alignEnd:"alignEnd_d257452916",alignCenter:"alignCenter_a6a7aa34ce",alignStretch:"alignStretch_3819870a90",alignBaseline:"alignBaseline_dadc1f70e3",alignInitial:"alignInitial_82e8945fac",directionColumn:"directionColumn_4c755a66a0",wrap:"wrap_e803d7b926"};!function(n){const e="s_id-3ad7193e0a34_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_e879815d5e {\n  display: flex;\n  flex-direction: row;\n}\n.container_e879815d5e.justifyStart_1c842ab076 {\n  justify-content: flex-start;\n}\n.container_e879815d5e.justifyEnd_c832521691 {\n  justify-content: flex-end;\n}\n.container_e879815d5e.justifyCenter_2ac9382b6b {\n  justify-content: center;\n}\n.container_e879815d5e.justifySpaceBetween_e4b0883793 {\n  justify-content: space-between;\n}\n.container_e879815d5e.justifySpaceAround_c2f6d655a6 {\n  justify-content: space-around;\n}\n.container_e879815d5e.justifyInital_a97999cb16 {\n  justify-content: initial;\n}\n.container_e879815d5e.alignStart_8389cc0b34 {\n  align-items: flex-start;\n}\n.container_e879815d5e.alignEnd_d257452916 {\n  align-items: flex-end;\n}\n.container_e879815d5e.alignCenter_a6a7aa34ce {\n  align-items: center;\n}\n.container_e879815d5e.alignStretch_3819870a90 {\n  align-items: stretch;\n}\n.container_e879815d5e.alignBaseline_dadc1f70e3 {\n  align-items: baseline;\n}\n.container_e879815d5e.alignInitial_82e8945fac {\n  align-items: initial;\n}\n.container_e879815d5e.directionColumn_4c755a66a0 {\n  flex-direction: column;\n}\n.container_e879815d5e.wrap_e803d7b926 {\n  flex-wrap: wrap;\n}");export{n as default};
+var n={container:"container_42a205b3dd",justifyStart:"justifyStart_ec6d7bc582",justifyEnd:"justifyEnd_3db3c377f6",justifyCenter:"justifyCenter_f70236839d",justifySpaceBetween:"justifySpaceBetween_f4053f1f3c",justifySpaceAround:"justifySpaceAround_b5a7a6b996",justifyInital:"justifyInital_d7f90d461a",alignStart:"alignStart_3614021da3",alignEnd:"alignEnd_09d581d7b4",alignCenter:"alignCenter_fdcd50b645",alignStretch:"alignStretch_c3245bef5f",alignBaseline:"alignBaseline_ce0951e8c9",alignInitial:"alignInitial_b679df18ec",directionColumn:"directionColumn_d41bfa64f0",wrap:"wrap_fe31c1d328"};!function(n){const e="s_id-3ad7193e0a34_3_0_0-beta_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_42a205b3dd {\n  display: flex;\n  flex-direction: row;\n}\n.container_42a205b3dd.justifyStart_ec6d7bc582 {\n  justify-content: flex-start;\n}\n.container_42a205b3dd.justifyEnd_3db3c377f6 {\n  justify-content: flex-end;\n}\n.container_42a205b3dd.justifyCenter_f70236839d {\n  justify-content: center;\n}\n.container_42a205b3dd.justifySpaceBetween_f4053f1f3c {\n  justify-content: space-between;\n}\n.container_42a205b3dd.justifySpaceAround_b5a7a6b996 {\n  justify-content: space-around;\n}\n.container_42a205b3dd.justifyInital_d7f90d461a {\n  justify-content: initial;\n}\n.container_42a205b3dd.alignStart_3614021da3 {\n  align-items: flex-start;\n}\n.container_42a205b3dd.alignEnd_09d581d7b4 {\n  align-items: flex-end;\n}\n.container_42a205b3dd.alignCenter_fdcd50b645 {\n  align-items: center;\n}\n.container_42a205b3dd.alignStretch_c3245bef5f {\n  align-items: stretch;\n}\n.container_42a205b3dd.alignBaseline_ce0951e8c9 {\n  align-items: baseline;\n}\n.container_42a205b3dd.alignInitial_b679df18ec {\n  align-items: initial;\n}\n.container_42a205b3dd.directionColumn_d41bfa64f0 {\n  flex-direction: column;\n}\n.container_42a205b3dd.wrap_fe31c1d328 {\n  flex-wrap: wrap;\n}");export{n as default};
 //# sourceMappingURL=Flex.module.scss.js.map

package/dist/src/components/FormattedNumber/FormattedNumber.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={formattedNumberComponent:"formattedNumberComponent_68c311f4cb",prefix:"prefix_d56f7d8038",suffix:"suffix_d56f7d8038"};!function(e){const n="s_id-d821b20045aa_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".formattedNumberComponent_68c311f4cb {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix_d56f7d8038 {\n  white-space: pre;\n}\n\n.suffix_d56f7d8038 {\n  white-space: pre;\n}");export{e as default};
+var e={formattedNumberComponent:"formattedNumberComponent_651fda5863",prefix:"prefix_1448f58832",suffix:"suffix_1448f58832"};!function(e){const n="s_id-d821b20045aa_3_0_0-beta_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const f=document.createElement("style");f.id=n,t.firstChild?t.insertBefore(f,t.firstChild):t.appendChild(f),f.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".formattedNumberComponent_651fda5863 {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix_1448f58832 {\n  white-space: pre;\n}\n\n.suffix_1448f58832 {\n  white-space: pre;\n}");export{e as default};
 //# sourceMappingURL=FormattedNumber.module.scss.js.map

package/dist/src/components/Heading/Heading.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold_48aadc4f11",h1Medium:"h1Medium_e627745d2c",h1Normal:"h1Normal_b3a2709f82",h1Light:"h1Light_990aebcee7",h2Bold:"h2Bold_f0269f5506",h2Medium:"h2Medium_9cc4cda5bb",h2Normal:"h2Normal_9c8ba27c19",h2Light:"h2Light_8ca257c706",h3Bold:"h3Bold_fee0586575",h3Medium:"h3Medium_03de7f44cb",h3Normal:"h3Normal_cdfe4d27de",h3Light:"h3Light_66e4afc675",heading:"heading_f59b884126"};!function(n){const o="s_id-7b3706ef5cf5_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_48aadc4f11 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_e627745d2c {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_b3a2709f82 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_990aebcee7 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_f0269f5506 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_9cc4cda5bb {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_9c8ba27c19 {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_8ca257c706 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_fee0586575 {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_03de7f44cb {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_cdfe4d27de {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_66e4afc675 {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.heading_f59b884126 {\n  margin: 0;\n}");export{n as default};
+var n={h1Bold:"h1Bold_0da9829769",h1Medium:"h1Medium_7407e193d3",h1Normal:"h1Normal_211716a847",h1Light:"h1Light_1fb46a7d12",h2Bold:"h2Bold_1170dbfbdd",h2Medium:"h2Medium_291d15f9c3",h2Normal:"h2Normal_67444e675e",h2Light:"h2Light_d1294de1d4",h3Bold:"h3Bold_aa0430e92c",h3Medium:"h3Medium_36da401bb0",h3Normal:"h3Normal_20e8bd070c",h3Light:"h3Light_9cbbda7aa5",heading:"heading_75d70cc47c"};!function(n){const o="s_id-7b3706ef5cf5_3_0_0-beta_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const i=document.createElement("style");i.id=o,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_0da9829769 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_7407e193d3 {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_211716a847 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_1fb46a7d12 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_1170dbfbdd {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_291d15f9c3 {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_67444e675e {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_d1294de1d4 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_aa0430e92c {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_36da401bb0 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_20e8bd070c {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_9cbbda7aa5 {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.heading_75d70cc47c {\n  margin: 0;\n}");export{n as default};
 //# sourceMappingURL=Heading.module.scss.js.map

package/dist/src/components/HiddenText/HiddenText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={hiddenTextWrapper:"hiddenTextWrapper_bf5f6fa248"};!function(e){const t="s_id-5ac012179a41_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hiddenTextWrapper_bf5f6fa248 {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
+var e={hiddenTextWrapper:"hiddenTextWrapper_0fdb209b4b"};!function(e){const t="s_id-5ac012179a41_3_0_0-beta_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hiddenTextWrapper_0fdb209b4b {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
 //# sourceMappingURL=HiddenText.module.scss.js.map

package/dist/src/components/Icon/Icon.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={icon:"icon_15af74e04d",noFocusStyle:"noFocusStyle_4e57fe746f",clickable:"clickable_cc17068872"};!function(e){const n="s_id-039c30c54242_3_0_0-alpha_8";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".icon_15af74e04d {\n  position: relative;\n}\n\n.icon_15af74e04d:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle_4e57fe746f:focus {\n  outline: none;\n}\n\n.clickable_cc17068872 {\n  cursor: pointer;\n}");export{e as default};
+var e={icon:"icon_aeecad9b74",noFocusStyle:"noFocusStyle_64a0d3a87f",clickable:"clickable_619e45fcb4"};!function(e){const n="s_id-039c30c54242_3_0_0-beta_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".icon_aeecad9b74 {\n  position: relative;\n}\n\n.icon_aeecad9b74:before {\n  text-decoration: none !important;\n}\n\n.noFocusStyle_64a0d3a87f:focus {\n  outline: none;\n}\n\n.clickable_619e45fcb4 {\n  cursor: pointer;\n}");export{e as default};
 //# sourceMappingURL=Icon.module.scss.js.map

package/dist/src/components/IconButton/IconButton.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t,{forwardRef as o,useRef as i,useMemo as s,Fragment as e}from"react";import r from"classnames";import{noop as a}from"lodash-es";import n from"../../hooks/useMergeRef.js";import c from"../Tooltip/Tooltip.js";import d from"../Icon/Icon.js";import"../../../icons/dist/_virtual/_tslib.js";import m from"../../../icons/dist/react/AddSmall.js";import"../../../icons/dist/react/Alert.js";import"../../../icons/dist/react/Check.js";import"../../../icons/dist/react/CloseSmall.js";import"../../../icons/dist/react/DropdownChevronDown.js";import"../../../icons/dist/react/DropdownChevronRight.js";import"../../../icons/dist/react/DropdownChevronUp.js";import"../../../icons/dist/react/Info.js";import"../../../icons/dist/react/Menu.js";import"../../../icons/dist/react/MoveArrowLeft.js";import"../../../icons/dist/react/MoveArrowRight.js";import"../../../icons/dist/react/NavigationChevronLeft.js";import"../../../icons/dist/react/NavigationChevronRight.js";import"../../../icons/dist/react/NoColor.js";import"../../../icons/dist/react/Remove.js";import"../../../icons/dist/react/Search.js";import"../../../icons/dist/react/Sort.js";import"../../../icons/dist/react/SortAscending.js";import"../../../icons/dist/react/SortDescending.js";import"../../../icons/dist/react/Warning.js";import{getWidthHeight as p}from"./services/IconButton-helpers.js";import{withStaticProps as l}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as u}from"../../tests/testIds.js";import{ComponentDefaultTestId as j}from"../../tests/constants.js";import f from"../Button/Button.js";import{BUTTON_ICON_SIZE as v}from"../Button/ButtonConstants.js";import{getStyle as g}from"../../helpers/typesciptCssModulesHelper.js";import C from"./IconButton.module.scss.js";var h=l(o((function(o,l){var h=o.className,b=o.wrapperClassName,N=o.iconClassName,y=o.id,w=o.icon,I=void 0===w?m:w,S=o.size,B=void 0===S?"medium":S,k=o.tooltipProps,x=void 0===k?{}:k,E=o.tooltipContent,L=o.ariaLabeledBy,O=o.ariaLabel,R=o.ariaHasPopup,T=o.ariaExpanded,A=o.ariaControls,D=o["aria-describedby"],M=o["aria-hidden"],P=o["aria-pressed"],z=o.hideTooltip,F=void 0!==z&&z,H=o.kind,W=void 0===H?"tertiary":H,_=o.active,U=o.disabled,q=void 0!==U&&U,G=o.disabledReason,J=o.onClick,K=void 0===J?a:J,Q=o.color,V=o["data-testid"],X=o.insetFocus,Y=void 0!==X&&X,Z=o.tabIndex,$=o.loading,tt=void 0!==$&&$,ot=i(null),it=n(l,ot),st=s((function(){return(null==x?void 0:x.content)||E}),[null==x?void 0:x.content,E]),et=s((function(){return O||("string"==typeof st?st:void 0)}),[O,st]),rt=s((function(){switch(B){case"xxs":case"xs":return 16;case"small":case"medium":case"large":return v;default:return 24}}),[B]),at=s((function(){var t={justifyContent:"center",alignItems:"center",padding:0};return B&&(t=Object.assign(Object.assign({},t),p(B))),t}),[B]),nt=s((function(){return F?null:q&&G?G:st||O}),[F,q,G,st,O]),ct=b?"div":e,dt=s((function(){return b?{className:r(b,C.wrapper)}:{}}),[b]);return t.createElement(ct,Object.assign({},dt),t.createElement(c,Object.assign({},x,{content:nt,referenceWrapperClassName:C.referenceWrapper}),t.createElement(f,{onClick:K,disabled:q,color:Q,kind:W,ariaLabeledBy:L,ariaLabel:et,ariaHasPopup:R,ariaExpanded:T,ariaControls:A,"aria-describedby":D,"aria-hidden":M,"aria-pressed":P,ref:it,id:y,"data-testid":V||u(j.ICON_BUTTON,y),noSidePadding:!0,active:_,className:h,style:at,insetFocus:Y,tabIndex:Z,loading:tt,loaderClassName:r(C.loader,g(C,B))},t.createElement(d,{icon:I,iconType:"svg",iconSize:rt,ignoreFocusStyle:!0,className:N}))))})),{sizes:f.sizes,kinds:f.kinds,colors:f.colors});export{h as default};
+import e,{forwardRef as t,useRef as o,useMemo as s,Fragment as r}from"react";import a from"classnames";import{noop as i}from"lodash-es";import n from"../../hooks/useMergeRef.js";import d from"../Tooltip/Tooltip.js";import c from"../Icon/Icon.js";import{getWidthHeight as l}from"./services/IconButton-helpers.js";import{withStaticProps as m}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getTestId as p}from"../../tests/testIds.js";import{ComponentDefaultTestId as u}from"../../tests/constants.js";import f from"../Button/Button.js";import{BUTTON_ICON_SIZE as v}from"../Button/ButtonConstants.js";import{getStyle as j}from"../../helpers/typesciptCssModulesHelper.js";import b from"./IconButton.module.scss.js";import g from"../../../icons/dist/react/AddSmall.js";var C=m(t((function(t,m){var C=t.className,y=t.wrapperClassName,N=t.iconClassName,h=t.id,B=t.icon,I=void 0===B?g:B,x=t.size,k=void 0===x?"medium":x,E=t.tooltipProps,O=void 0===E?{}:E,T=t.tooltipContent,P=t.ariaLabeledBy,S=t.ariaLabel,w=t.ariaHasPopup,z=t.ariaExpanded,L=t.ariaControls,F=t["aria-describedby"],H=t["aria-hidden"],M=t["aria-pressed"],R=t.hideTooltip,W=void 0!==R&&R,A=t.kind,U=void 0===A?"tertiary":A,_=t.active,q=t.disabled,D=void 0!==q&&q,G=t.disabledReason,J=t.onClick,K=void 0===J?i:J,Q=t.color,V=t["data-testid"],X=t.insetFocus,Y=void 0!==X&&X,Z=t.tabIndex,$=t.loading,ee=void 0!==$&&$,te=o(null),oe=n(m,te),se=s((function(){return(null==O?void 0:O.content)||T}),[null==O?void 0:O.content,T]),re=s((function(){return S||("string"==typeof se?se:void 0)}),[S,se]),ae=s((function(){switch(k){case"xxs":case"xs":return 16;case"small":case"medium":case"large":return v;default:return 24}}),[k]),ie=s((function(){var e={justifyContent:"center",alignItems:"center",padding:0};return k&&(e=Object.assign(Object.assign({},e),l(k))),e}),[k]),ne=s((function(){return W?null:D&&G?G:se||S}),[W,D,G,se,S]),de=y?"div":r,ce=s((function(){return y?{className:a(y,b.wrapper)}:{}}),[y]);return e.createElement(de,Object.assign({},ce),e.createElement(d,Object.assign({},O,{content:ne,referenceWrapperClassName:b.referenceWrapper}),e.createElement(f,{onClick:K,disabled:D,color:Q,kind:U,ariaLabeledBy:P,ariaLabel:re,ariaHasPopup:w,ariaExpanded:z,ariaControls:L,"aria-describedby":F,"aria-hidden":H,"aria-pressed":M,ref:oe,id:h,"data-testid":V||p(u.ICON_BUTTON,h),noSidePadding:!0,active:_,className:C,style:ie,insetFocus:Y,tabIndex:Z,loading:ee,loaderClassName:a(b.loader,j(b,k))},e.createElement(c,{icon:I,iconType:"svg",iconSize:ae,ignoreFocusStyle:!0,className:N}))))})),{sizes:f.sizes,kinds:f.kinds,colors:f.colors});export{C as default};
 //# sourceMappingURL=IconButton.js.map

package/dist/src/components/IconButton/IconButton.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { AriaAttributes, forwardRef, Fragment, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport Icon from \"../Icon/Icon\";\nimport { AddSmall } from \"@vibe/icons\";\nimport { getWidthHeight, Size } from \"./services/IconButton-helpers\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport Button from \"../Button/Button\";\nimport { BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { ButtonColor, ButtonType } from \"../Button/Button.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./IconButton.module.scss\";\n\nexport interface IconButtonProps extends VibeComponentProps {\n /*\n id to be added to the element\n /\n id?: string;\n /\n callback function when clicking the icon button\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n the class name of the button wrapper\n /\n wrapperClassName?: string;\n /\n the class name of the button icon\n /\n iconClassName?: string;\n /\n Icon to be rendered\n /\n icon?: SubIcon;\n /\n element id to describe the button accordingly\n * /\n ariaLabeledBy?: string;\n /\n a11y property to be added, used for screen reader to know what kind of button it is\n /\n ariaLabel?: string;\n /\n aria for a button popup\n /\n ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n /\n a11y property to be added, used for screen reader to know if the button is expanded\n /\n ariaExpanded?: boolean;\n /\n aria controls - receives id for the controlled region\n /\n ariaControls?: string;\n \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n /\n a11y property to be added, used for screen reader to know if the button is hidden\n /\n \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n /\n Indicates the current \"pressed\" state of toggle buttons\n /\n \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n /\n Size of the icon\n /\n size?: Size;\n /\n Whether the tooltip should be displayed or not\n /\n hideTooltip?: boolean;\n /\n Props for Tooltip component\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n Tooltip wraps the button icon, it will display in the tooltip, if not present the aria label will be shown\n /\n tooltipContent?: string;\n /\n Kind of button - like Button\n /\n kind?: ButtonType;\n active?: boolean;\n /* The button's color /\n color?: ButtonColor;\n /\n disabled state\n /\n disabled?: boolean;\n /\n if disabled - this will be shown in the tooltip\n /\n disabledReason?: string;\n /* Change the focus indicator from around the button to within it /\n insetFocus?: boolean;\n /* Specifies the tab order of an element /\n tabIndex?: number;\n /* Show a loader instead of the icon */\n loading?: boolean;\n}\n\nconst IconButton: VibeComponent<IconButtonProps> & {\n sizes?: typeof Button.sizes;\n kinds?: typeof Button.kinds;\n colors?: typeof Button.colors;\n} = forwardRef(\n (\n {\n className,\n wrapperClassName,\n iconClassName,\n id,\n icon = AddSmall,\n size = \"medium\",\n tooltipProps = {} as TooltipProps,\n tooltipContent,\n ariaLabeledBy,\n ariaLabel,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed,\n hideTooltip = false,\n kind = \"tertiary\",\n active,\n disabled = false,\n disabledReason,\n onClick = NOOP,\n color,\n \"data-testid\": dataTestId,\n insetFocus = false,\n tabIndex,\n loading = false\n }: IconButtonProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const overrideTooltipContent = useMemo(\n () => tooltipProps?.content \|\| tooltipContent,\n [tooltipProps?.content, tooltipContent]\n );\n\n const buttonAriaLabel = useMemo(() => {\n if (ariaLabel) return ariaLabel;\n if (typeof overrideTooltipContent === \"string\") return overrideTooltipContent;\n return undefined;\n }, [ariaLabel, overrideTooltipContent]);\n\n const iconSize = useMemo(() => {\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return 16;\n case \"small\":\n case \"medium\":\n case \"large\":\n return BUTTON_ICON_SIZE;\n default:\n return 24;\n }\n }, [size]);\n\n const overrideStyle = useMemo(() => {\n let style = {\n justifyContent: \"center\",\n alignItems: \"center\",\n padding: 0\n } as React.CSSProperties;\n\n if (size) {\n style = { ...style, ...getWidthHeight(size) };\n }\n return style;\n }, [size]);\n\n const calculatedTooltipContent = useMemo(() => {\n if (hideTooltip) return null;\n if (disabled && disabledReason) return disabledReason;\n if (overrideTooltipContent) return overrideTooltipContent as never;\n return ariaLabel;\n }, [hideTooltip, disabled, disabledReason, overrideTooltipContent, ariaLabel]);\n\n const IconButtonWrapper = wrapperClassName ? \"div\" : Fragment;\n const iconButtonWrapperProps = useMemo(() => {\n return wrapperClassName ? { className: cx(wrapperClassName, styles.wrapper) } : {};\n }, [wrapperClassName]);\n\n return (\n <IconButtonWrapper {...iconButtonWrapperProps}>\n <Tooltip\n {...tooltipProps}\n content={calculatedTooltipContent}\n referenceWrapperClassName={styles.referenceWrapper}\n >\n <Button\n onClick={onClick}\n disabled={disabled}\n color={color}\n kind={kind}\n ariaLabeledBy={ariaLabeledBy}\n ariaLabel={buttonAriaLabel}\n ariaHasPopup={ariaHasPopup}\n ariaExpanded={ariaExpanded}\n ariaControls={ariaControls}\n aria-describedby={ariaDescribedBy}\n aria-hidden={ariaHidden}\n aria-pressed={ariaPressed}\n ref={mergedRef}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ICON_BUTTON, id)}\n noSidePadding\n active={active}\n className={className}\n style={overrideStyle}\n insetFocus={insetFocus}\n tabIndex={tabIndex}\n loading={loading}\n loaderClassName={cx(styles.loader, getStyle(styles, size))}\n >\n <Icon icon={icon} iconType=\"svg\" iconSize={iconSize} ignoreFocusStyle className={iconClassName} />\n </Button>\n </Tooltip>\n </IconButtonWrapper>\n );\n }\n);\n\nexport default withStaticProps(IconButton, {\n sizes: Button.sizes,\n kinds: Button.kinds,\n colors: Button.colors\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","wrapperClassName","iconClassName","id","_ref$icon","icon","AddSmall","_ref$size","size","_ref$tooltipProps","tooltipProps","tooltipContent","ariaLabeledBy","ariaLabel","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","_ref$hideTooltip","hideTooltip","_ref$kind","kind","active","_ref$disabled","disabled","disabledReason","_ref$onClick","onClick","NOOP","color","dataTestId","_ref$insetFocus","insetFocus","tabIndex","_ref$loading","loading","componentRef","useRef","mergedRef","useMergeRef","overrideTooltipContent","useMemo","content","buttonAriaLabel","iconSize","BUTTON_ICON_SIZE","overrideStyle","style","justifyContent","alignItems","padding","Object","assign","getWidthHeight","calculatedTooltipContent","IconButtonWrapper","Fragment","iconButtonWrapperProps","cx","styles","wrapper","React","createElement","Tooltip","referenceWrapperClassName","referenceWrapper","Button","getTestId","ComponentDefaultTestId","ICON_BUTTON","noSidePadding","loaderClassName","loader","getStyle","Icon","iconType","ignoreFocusStyle","sizes","kinds","colors"],"mappings":"kvDA0GA,IAkIeA,EAAAA,EA9HXC,GACF,SAAAC,EA8BEC,GACE,IA7BAC,EAASF,EAATE,UACAC,EAAgBH,EAAhBG,iBACAC,EAAaJ,EAAbI,cACAC,EAAEL,EAAFK,GAAEC,EAAAN,EACFO,KAAAA,OAAOC,IAAHF,EAAGE,EAAQF,EAAAG,EAAAT,EACfU,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAX,EACfY,aAAAA,OAAY,IAAAD,EAAG,CAAkB,EAAAA,EACjCE,EAAcb,EAAda,eACAC,EAAad,EAAbc,cACAC,EAASf,EAATe,UACAC,EAAYhB,EAAZgB,aACAC,EAAYjB,EAAZiB,aACAC,EAAYlB,EAAZkB,aACoBC,EAAenB,EAAnC,oBACeoB,EAAUpB,EAAzB,eACgBqB,EAAWrB,EAA3B,gBAAcsB,EAAAtB,EACduB,YAAAA,OAAc,IAAHD,GAAQA,EAAAE,EAAAxB,EACnByB,KAAAA,OAAO,IAAHD,EAAG,WAAUA,EACjBE,EAAM1B,EAAN0B,OAAMC,EAAA3B,EACN4B,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAc7B,EAAd6B,eAAcC,EAAA9B,EACd+B,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EACdG,EAAKjC,EAALiC,MACeC,EAAUlC,EAAzB,eAAamC,EAAAnC,EACboC,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAQrC,EAARqC,SAAQC,EAAAtC,EACRuC,QAAAA,QAAU,IAAHD,GAAQA,EAIXE,GAAeC,EAAO,MACtBC,GAAYC,EAAY1C,EAAKuC,IAE7BI,GAAyBC,GAC7B,WAAA,OAAMjC,aAAY,EAAZA,EAAckC,UAAWjC,CAAc,GAC7C,CAACD,aAAY,EAAZA,EAAckC,QAASjC,IAGpBkC,GAAkBF,GAAQ,WAC9B,OAAI9B,IACkC,iBAA3B6B,GAA4CA,QAAvD,EAEF,GAAG,CAAC7B,EAAW6B,KAETI,GAAWH,GAAQ,WACvB,OAAQnC,GACN,IAAK,MACL,IAAK,KACH,OAAO,GACT,IAAK,QACL,IAAK,SACL,IAAK,QACH,OAAOuC,EACT,QACE,OAAO,GAEb,GAAG,CAACvC,IAEEwC,GAAgBL,GAAQ,WAC5B,IAAIM,EAAQ,CACVC,eAAgB,SAChBC,WAAY,SACZC,QAAS,GAMX,OAHI5C,IACFyC,EAAKI,OAAAC,OAAAD,OAAAC,OAAA,GAAQL,GAAUM,EAAe/C,KAEjCyC,CACT,GAAG,CAACzC,IAEEgD,GAA2Bb,GAAQ,WACvC,OAAItB,EAAoB,KACpBK,GAAYC,EAAuBA,EACnCe,IACG7B,CACT,GAAG,CAACQ,EAAaK,EAAUC,EAAgBe,GAAwB7B,IAE7D4C,GAAoBxD,EAAmB,MAAQyD,EAC/CC,GAAyBhB,GAAQ,WACrC,OAAO1C,EAAmB,CAAED,UAAW4D,EAAG3D,EAAkB4D,EAAOC,UAAa,EAClF,GAAG,CAAC7D,IAEJ,OACE8D,EAAAC,cAACP,GAAiBJ,OAAAC,OAAA,CAAA,EAAKK,IACrBI,EAAAC,cAACC,EAAOZ,OAAAC,OAAA,CAAA,EACF5C,EAAY,CAChBkC,QAASY,GACTU,0BAA2BL,EAAOM,mBAElCJ,EAACC,cAAAI,GACCvC,QAASA,EACTH,SAAUA,EACVK,MAAOA,EACPR,KAAMA,EACNX,cAAeA,EACfC,UAAWgC,GACX/B,aAAcA,EACdC,aAAcA,EACdC,aAAcA,qBACIC,EAAe,cACpBC,EAAU,eACTC,EACdpB,IAAKyC,GACLrC,GAAIA,gBACS6B,GAAcqC,EAAUC,EAAuBC,YAAapE,GACzEqE,iBACAhD,OAAQA,EACRxB,UAAWA,EACXiD,MAAOD,GACPd,WAAYA,EACZC,SAAUA,EACVE,QAASA,GACToC,gBAAiBb,EAAGC,EAAOa,OAAQC,EAASd,EAAQrD,KAEpDuD,EAACC,cAAAY,EAAK,CAAAvE,KAAMA,EAAMwE,SAAS,MAAM/B,SAAUA,GAAUgC,kBAAiB,EAAA9E,UAAWE,MAK3F,IAGyC,CACzC6E,MAAOX,EAAOW,MACdC,MAAOZ,EAAOY,MACdC,OAAQb,EAAOa"}
1	+ {"version":3,"file":"IconButton.js","sources":["../../../../src/components/IconButton/IconButton.tsx"],"sourcesContent":["import React, { AriaAttributes, forwardRef, Fragment, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { noop as NOOP } from \"lodash-es\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Tooltip, { TooltipProps } from \"../Tooltip/Tooltip\";\nimport Icon from \"../Icon/Icon\";\nimport { AddSmall } from \"@vibe/icons\";\nimport { getWidthHeight, Size } from \"./services/IconButton-helpers\";\nimport { SubIcon, VibeComponent, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport Button from \"../Button/Button\";\nimport { BUTTON_ICON_SIZE } from \"../Button/ButtonConstants\";\nimport { ButtonColor, ButtonType } from \"../Button/Button.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./IconButton.module.scss\";\n\nexport interface IconButtonProps extends VibeComponentProps {\n /*\n id to be added to the element\n /\n id?: string;\n /\n callback function when clicking the icon button\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n the class name of the button wrapper\n /\n wrapperClassName?: string;\n /\n the class name of the button icon\n /\n iconClassName?: string;\n /\n Icon to be rendered\n /\n icon?: SubIcon;\n /\n element id to describe the button accordingly\n * /\n ariaLabeledBy?: string;\n /\n a11y property to be added, used for screen reader to know what kind of button it is\n /\n ariaLabel?: string;\n /\n aria for a button popup\n /\n ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n /\n a11y property to be added, used for screen reader to know if the button is expanded\n /\n ariaExpanded?: boolean;\n /\n aria controls - receives id for the controlled region\n /\n ariaControls?: string;\n \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n /\n a11y property to be added, used for screen reader to know if the button is hidden\n /\n \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n /\n Indicates the current \"pressed\" state of toggle buttons\n /\n \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n /\n Size of the icon\n /\n size?: Size;\n /\n Whether the tooltip should be displayed or not\n /\n hideTooltip?: boolean;\n /\n Props for Tooltip component\n /\n tooltipProps?: Partial<TooltipProps>;\n /\n Tooltip wraps the button icon, it will display in the tooltip, if not present the aria label will be shown\n /\n tooltipContent?: string;\n /\n Kind of button - like Button\n /\n kind?: ButtonType;\n active?: boolean;\n /* The button's color /\n color?: ButtonColor;\n /\n disabled state\n /\n disabled?: boolean;\n /\n if disabled - this will be shown in the tooltip\n /\n disabledReason?: string;\n /* Change the focus indicator from around the button to within it /\n insetFocus?: boolean;\n /* Specifies the tab order of an element /\n tabIndex?: number;\n /* Show a loader instead of the icon */\n loading?: boolean;\n}\n\nconst IconButton: VibeComponent<IconButtonProps> & {\n sizes?: typeof Button.sizes;\n kinds?: typeof Button.kinds;\n colors?: typeof Button.colors;\n} = forwardRef(\n (\n {\n className,\n wrapperClassName,\n iconClassName,\n id,\n icon = AddSmall,\n size = \"medium\",\n tooltipProps = {} as TooltipProps,\n tooltipContent,\n ariaLabeledBy,\n ariaLabel,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed,\n hideTooltip = false,\n kind = \"tertiary\",\n active,\n disabled = false,\n disabledReason,\n onClick = NOOP,\n color,\n \"data-testid\": dataTestId,\n insetFocus = false,\n tabIndex,\n loading = false\n }: IconButtonProps,\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const overrideTooltipContent = useMemo(\n () => tooltipProps?.content \|\| tooltipContent,\n [tooltipProps?.content, tooltipContent]\n );\n\n const buttonAriaLabel = useMemo(() => {\n if (ariaLabel) return ariaLabel;\n if (typeof overrideTooltipContent === \"string\") return overrideTooltipContent;\n return undefined;\n }, [ariaLabel, overrideTooltipContent]);\n\n const iconSize = useMemo(() => {\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return 16;\n case \"small\":\n case \"medium\":\n case \"large\":\n return BUTTON_ICON_SIZE;\n default:\n return 24;\n }\n }, [size]);\n\n const overrideStyle = useMemo(() => {\n let style = {\n justifyContent: \"center\",\n alignItems: \"center\",\n padding: 0\n } as React.CSSProperties;\n\n if (size) {\n style = { ...style, ...getWidthHeight(size) };\n }\n return style;\n }, [size]);\n\n const calculatedTooltipContent = useMemo(() => {\n if (hideTooltip) return null;\n if (disabled && disabledReason) return disabledReason;\n if (overrideTooltipContent) return overrideTooltipContent as never;\n return ariaLabel;\n }, [hideTooltip, disabled, disabledReason, overrideTooltipContent, ariaLabel]);\n\n const IconButtonWrapper = wrapperClassName ? \"div\" : Fragment;\n const iconButtonWrapperProps = useMemo(() => {\n return wrapperClassName ? { className: cx(wrapperClassName, styles.wrapper) } : {};\n }, [wrapperClassName]);\n\n return (\n <IconButtonWrapper {...iconButtonWrapperProps}>\n <Tooltip\n {...tooltipProps}\n content={calculatedTooltipContent}\n referenceWrapperClassName={styles.referenceWrapper}\n >\n <Button\n onClick={onClick}\n disabled={disabled}\n color={color}\n kind={kind}\n ariaLabeledBy={ariaLabeledBy}\n ariaLabel={buttonAriaLabel}\n ariaHasPopup={ariaHasPopup}\n ariaExpanded={ariaExpanded}\n ariaControls={ariaControls}\n aria-describedby={ariaDescribedBy}\n aria-hidden={ariaHidden}\n aria-pressed={ariaPressed}\n ref={mergedRef}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ICON_BUTTON, id)}\n noSidePadding\n active={active}\n className={className}\n style={overrideStyle}\n insetFocus={insetFocus}\n tabIndex={tabIndex}\n loading={loading}\n loaderClassName={cx(styles.loader, getStyle(styles, size))}\n >\n <Icon icon={icon} iconType=\"svg\" iconSize={iconSize} ignoreFocusStyle className={iconClassName} />\n </Button>\n </Tooltip>\n </IconButtonWrapper>\n );\n }\n);\n\nexport default withStaticProps(IconButton, {\n sizes: Button.sizes,\n kinds: Button.kinds,\n colors: Button.colors\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","wrapperClassName","iconClassName","id","_ref$icon","icon","AddSmall","_ref$size","size","_ref$tooltipProps","tooltipProps","tooltipContent","ariaLabeledBy","ariaLabel","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","_ref$hideTooltip","hideTooltip","_ref$kind","kind","active","_ref$disabled","disabled","disabledReason","_ref$onClick","onClick","NOOP","color","dataTestId","_ref$insetFocus","insetFocus","tabIndex","_ref$loading","loading","componentRef","useRef","mergedRef","useMergeRef","overrideTooltipContent","useMemo","content","buttonAriaLabel","iconSize","BUTTON_ICON_SIZE","overrideStyle","style","justifyContent","alignItems","padding","Object","assign","getWidthHeight","calculatedTooltipContent","IconButtonWrapper","Fragment","iconButtonWrapperProps","cx","styles","wrapper","React","createElement","Tooltip","referenceWrapperClassName","referenceWrapper","Button","getTestId","ComponentDefaultTestId","ICON_BUTTON","noSidePadding","loaderClassName","loader","getStyle","Icon","iconType","ignoreFocusStyle","sizes","kinds","colors"],"mappings":"8xBA0GA,IAkIeA,EAAAA,EA9HXC,GACF,SAAAC,EA8BEC,GACE,IA7BAC,EAASF,EAATE,UACAC,EAAgBH,EAAhBG,iBACAC,EAAaJ,EAAbI,cACAC,EAAEL,EAAFK,GAAEC,EAAAN,EACFO,KAAAA,OAAOC,IAAHF,EAAGE,EAAQF,EAAAG,EAAAT,EACfU,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EAAAE,EAAAX,EACfY,aAAAA,OAAY,IAAAD,EAAG,CAAkB,EAAAA,EACjCE,EAAcb,EAAda,eACAC,EAAad,EAAbc,cACAC,EAASf,EAATe,UACAC,EAAYhB,EAAZgB,aACAC,EAAYjB,EAAZiB,aACAC,EAAYlB,EAAZkB,aACoBC,EAAenB,EAAnC,oBACeoB,EAAUpB,EAAzB,eACgBqB,EAAWrB,EAA3B,gBAAcsB,EAAAtB,EACduB,YAAAA,OAAc,IAAHD,GAAQA,EAAAE,EAAAxB,EACnByB,KAAAA,OAAO,IAAHD,EAAG,WAAUA,EACjBE,EAAM1B,EAAN0B,OAAMC,EAAA3B,EACN4B,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAAc7B,EAAd6B,eAAcC,EAAA9B,EACd+B,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EACdG,EAAKjC,EAALiC,MACeC,EAAUlC,EAAzB,eAAamC,EAAAnC,EACboC,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAQrC,EAARqC,SAAQC,EAAAtC,EACRuC,QAAAA,QAAU,IAAHD,GAAQA,EAIXE,GAAeC,EAAO,MACtBC,GAAYC,EAAY1C,EAAKuC,IAE7BI,GAAyBC,GAC7B,WAAA,OAAMjC,aAAY,EAAZA,EAAckC,UAAWjC,CAAc,GAC7C,CAACD,aAAY,EAAZA,EAAckC,QAASjC,IAGpBkC,GAAkBF,GAAQ,WAC9B,OAAI9B,IACkC,iBAA3B6B,GAA4CA,QAAvD,EAEF,GAAG,CAAC7B,EAAW6B,KAETI,GAAWH,GAAQ,WACvB,OAAQnC,GACN,IAAK,MACL,IAAK,KACH,OAAO,GACT,IAAK,QACL,IAAK,SACL,IAAK,QACH,OAAOuC,EACT,QACE,OAAO,GAEb,GAAG,CAACvC,IAEEwC,GAAgBL,GAAQ,WAC5B,IAAIM,EAAQ,CACVC,eAAgB,SAChBC,WAAY,SACZC,QAAS,GAMX,OAHI5C,IACFyC,EAAKI,OAAAC,OAAAD,OAAAC,OAAA,GAAQL,GAAUM,EAAe/C,KAEjCyC,CACT,GAAG,CAACzC,IAEEgD,GAA2Bb,GAAQ,WACvC,OAAItB,EAAoB,KACpBK,GAAYC,EAAuBA,EACnCe,IACG7B,CACT,GAAG,CAACQ,EAAaK,EAAUC,EAAgBe,GAAwB7B,IAE7D4C,GAAoBxD,EAAmB,MAAQyD,EAC/CC,GAAyBhB,GAAQ,WACrC,OAAO1C,EAAmB,CAAED,UAAW4D,EAAG3D,EAAkB4D,EAAOC,UAAa,EAClF,GAAG,CAAC7D,IAEJ,OACE8D,EAAAC,cAACP,GAAiBJ,OAAAC,OAAA,CAAA,EAAKK,IACrBI,EAAAC,cAACC,EAAOZ,OAAAC,OAAA,CAAA,EACF5C,EAAY,CAChBkC,QAASY,GACTU,0BAA2BL,EAAOM,mBAElCJ,EAACC,cAAAI,GACCvC,QAASA,EACTH,SAAUA,EACVK,MAAOA,EACPR,KAAMA,EACNX,cAAeA,EACfC,UAAWgC,GACX/B,aAAcA,EACdC,aAAcA,EACdC,aAAcA,qBACIC,EAAe,cACpBC,EAAU,eACTC,EACdpB,IAAKyC,GACLrC,GAAIA,gBACS6B,GAAcqC,EAAUC,EAAuBC,YAAapE,GACzEqE,iBACAhD,OAAQA,EACRxB,UAAWA,EACXiD,MAAOD,GACPd,WAAYA,EACZC,SAAUA,EACVE,QAASA,GACToC,gBAAiBb,EAAGC,EAAOa,OAAQC,EAASd,EAAQrD,KAEpDuD,EAACC,cAAAY,EAAK,CAAAvE,KAAMA,EAAMwE,SAAS,MAAM/B,SAAUA,GAAUgC,kBAAiB,EAAA9E,UAAWE,MAK3F,IAGyC,CACzC6E,MAAOX,EAAOW,MACdC,MAAOZ,EAAOY,MACdC,OAAQb,EAAOa"}

package/dist/src/components/IconButton/IconButton.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_7b603f087a",referenceWrapper:"referenceWrapper_6cc6884276",loader:"loader_33dd85a37a",xxs:"xxs_55d808953d"};!function(e){const n="s_id-8d1605f1f87b_3_0_0-alpha_8";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_7b603f087a {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper_6cc6884276 {\n  display: inline-flex;\n}\n\n.referenceWrapper_6cc6884276 button .loader_33dd85a37a {\n  width: 16px;\n  height: 16px;\n}\n\n.referenceWrapper_6cc6884276 button .loader_33dd85a37a.xxs_55d808953d {\n  width: 10px;\n  height: 10px;\n}\n\n.referenceWrapper_6cc6884276 button .loader_33dd85a37a.xxs_55d808953d svg {\n  display: block;\n}");export{e as default};
+var e={wrapper:"wrapper_66ed3efe4b",referenceWrapper:"referenceWrapper_d73f94cc2a",loader:"loader_f367d33619",xxs:"xxs_f16bfdc070"};!function(e){const n="s_id-8d1605f1f87b_3_0_0-beta_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,d.firstChild?d.insertBefore(r,d.firstChild):d.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_66ed3efe4b {\n  width: fit-content;\n  height: fit-content;\n  display: inline-flex;\n}\n\n.referenceWrapper_d73f94cc2a {\n  display: inline-flex;\n}\n\n.referenceWrapper_d73f94cc2a button .loader_f367d33619 {\n  width: 16px;\n  height: 16px;\n}\n\n.referenceWrapper_d73f94cc2a button .loader_f367d33619.xxs_f16bfdc070 {\n  width: 10px;\n  height: 10px;\n}\n\n.referenceWrapper_d73f94cc2a button .loader_f367d33619.xxs_f16bfdc070 svg {\n  display: block;\n}");export{e as default};
 //# sourceMappingURL=IconButton.module.scss.js.map

package/dist/src/components/Label/Label.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={clickable:"clickable_cc17068872","focus-visible":"focus-visible_78a95fb4b9",disabled:"disabled_6059a275a2",disableTextSelection:"disableTextSelection_5b5f92e9dc",clickableWrapper:"clickableWrapper_cc17068872",label:"label_a8e164a319",small:"small_71ee1e9abf",withLeg:"withLeg_f8b8c73c0f",legWrapper:"legWrapper_5f26bdc11c",kindFill:"kindFill_4ebccc2e67",colorPrimary:"colorPrimary_de97afdda7",colorDark:"colorDark_bd91a81a2f",colorNegative:"colorNegative_b78d395007",colorPositive:"colorPositive_ac4d7f9c70",kindLine:"kindLine_ce0000a031",smallText:"smallText_4b2bbad5d2"};!function(e){const c="s_id-4bcc4b0ff746_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+c))return;const o=document.createElement("style");o.id=c,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[c]=e)}(".clickable_cc17068872 {\n  cursor: pointer;\n}\n.clickable_cc17068872:focus-visible, .clickable_cc17068872.focus-visible_78a95fb4b9 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_cc17068872:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.clickable_cc17068872.disabled_6059a275a2 {\n  cursor: default;\n}\n.disableTextSelection_5b5f92e9dc {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.clickableWrapper_cc17068872 {\n  cursor: pointer;\n}\n.clickableWrapper_cc17068872:focus-visible, .clickableWrapper_cc17068872.focus-visible_78a95fb4b9 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickableWrapper_cc17068872:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.clickableWrapper_cc17068872:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_a8e164a319 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label_a8e164a319.small_71ee1e9abf {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_f8b8c73c0f {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_5f26bdc11c {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_4ebccc2e67.colorPrimary_de97afdda7 {\n  background-color: var(--primary-color);\n}\n.kindFill_4ebccc2e67.colorPrimary_de97afdda7 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_4ebccc2e67.colorPrimary_de97afdda7.clickable_cc17068872:hover, .kindFill_4ebccc2e67.colorPrimary_de97afdda7.clickable_cc17068872:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_4ebccc2e67.colorDark_bd91a81a2f {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_4ebccc2e67.colorDark_bd91a81a2f svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_4ebccc2e67.colorNegative_b78d395007 {\n  background-color: var(--negative-color);\n}\n.kindFill_4ebccc2e67.colorNegative_b78d395007 svg path {\n  fill: var(--negative-color);\n}\n.kindFill_4ebccc2e67.colorNegative_b78d395007.clickable_cc17068872:hover, .kindFill_4ebccc2e67.colorNegative_b78d395007.clickable_cc17068872:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_4ebccc2e67.colorPositive_ac4d7f9c70 {\n  background-color: var(--positive-color);\n}\n.kindFill_4ebccc2e67.colorPositive_ac4d7f9c70 svg path {\n  fill: var(--positive-color);\n}\n.kindFill_4ebccc2e67.colorPositive_ac4d7f9c70.clickable_cc17068872:hover, .kindFill_4ebccc2e67.colorPositive_ac4d7f9c70.clickable_cc17068872:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_ce0000a031 {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_ce0000a031 .legWrapper_5f26bdc11c {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_ce0000a031.colorPrimary_de97afdda7 {\n  color: var(--primary-color);\n}\n.kindLine_ce0000a031.colorPrimary_de97afdda7 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_ce0000a031.colorPrimary_de97afdda7.clickable_cc17068872:hover, .kindLine_ce0000a031.colorPrimary_de97afdda7.clickable_cc17068872:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_ce0000a031.colorDark_bd91a81a2f {\n  color: var(--inverted-color-background);\n}\n.kindLine_ce0000a031.colorDark_bd91a81a2f svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_ce0000a031.colorDark_bd91a81a2f.clickable_cc17068872:hover, .kindLine_ce0000a031.colorDark_bd91a81a2f.clickable_cc17068872:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_ce0000a031.colorNegative_b78d395007 {\n  color: var(--negative-color);\n}\n.kindLine_ce0000a031.colorNegative_b78d395007 svg path {\n  fill: var(--negative-color);\n}\n.kindLine_ce0000a031.colorNegative_b78d395007.clickable_cc17068872:hover, .kindLine_ce0000a031.colorNegative_b78d395007.clickable_cc17068872:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_ce0000a031.colorPositive_ac4d7f9c70 {\n  color: var(--positive-color);\n}\n.kindLine_ce0000a031.colorPositive_ac4d7f9c70 svg path {\n  fill: var(--positive-color);\n}\n.kindLine_ce0000a031.colorPositive_ac4d7f9c70.clickable_cc17068872:hover, .kindLine_ce0000a031.colorPositive_ac4d7f9c70.clickable_cc17068872:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_ce0000a031 .smallText_4b2bbad5d2 {\n  line-height: 14px;\n}");export{e as default};
+var e={clickable:"clickable_619e45fcb4","focus-visible":"focus-visible_3e99ea2942",disabled:"disabled_73ed6d6a4c",disableTextSelection:"disableTextSelection_112260fc99",clickableWrapper:"clickableWrapper_619e45fcb4",label:"label_ba1ba59c75",small:"small_5f54fd7850",withLeg:"withLeg_32ac1220bc",legWrapper:"legWrapper_1dbd9c183a",kindFill:"kindFill_ccbdfda347",colorPrimary:"colorPrimary_250b22e631",colorDark:"colorDark_e80d95d6ad",colorNegative:"colorNegative_578b32608e",colorPositive:"colorPositive_a08772b09c",kindLine:"kindLine_f021de885b",smallText:"smallText_e54e2654c1"};!function(e){const n="s_id-4bcc4b0ff746_3_0_0-beta_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".clickable_619e45fcb4 {\n  cursor: pointer;\n}\n.clickable_619e45fcb4:focus-visible, .clickable_619e45fcb4.focus-visible_3e99ea2942 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickable_619e45fcb4:focus:not(.focus-visible_3e99ea2942) {\n  outline: none;\n}\n.clickable_619e45fcb4.disabled_73ed6d6a4c {\n  cursor: default;\n}\n.disableTextSelection_112260fc99 {\n  -webkit-touch-callout: none; /* iOS Safari */ /* Safari */ /* Konqueror HTML */ /* Old versions of Firefox */ /* Internet Explorer/Edge */\n  user-select: none; /* Non-prefixed version, currently supported by Chrome, Edge, Opera and Firefox */\n}\n.clickableWrapper_619e45fcb4 {\n  cursor: pointer;\n}\n.clickableWrapper_619e45fcb4:focus-visible, .clickableWrapper_619e45fcb4.focus-visible_3e99ea2942 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.clickableWrapper_619e45fcb4:focus:not(.focus-visible_3e99ea2942) {\n  outline: none;\n}\n.clickableWrapper_619e45fcb4:active {\n  transform: scale(0.95) translate3d(0, 0, 0);\n  transition: var(--motion-productive-short) transform;\n}\n.label_ba1ba59c75 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: var(--border-radius-small);\n  padding: 2px var(--spacing-small);\n  position: relative;\n}\n.label_ba1ba59c75.small_5f54fd7850 {\n  padding: 0 var(--spacing-xs);\n  border-radius: 2px;\n}\n.withLeg_32ac1220bc {\n  border-radius: var(--border-radius-small) var(--border-radius-small) var(--border-radius-small) 0;\n}\n.legWrapper_1dbd9c183a {\n  position: absolute;\n  height: 8px;\n  top: 100%;\n  left: 0;\n  display: inline-flex;\n}\n.kindFill_ccbdfda347.colorPrimary_250b22e631 {\n  background-color: var(--primary-color);\n}\n.kindFill_ccbdfda347.colorPrimary_250b22e631 svg path {\n  fill: var(--primary-color);\n}\n.kindFill_ccbdfda347.colorPrimary_250b22e631.clickable_619e45fcb4:hover, .kindFill_ccbdfda347.colorPrimary_250b22e631.clickable_619e45fcb4:active {\n  background-color: var(--primary-hover-color);\n}\n.kindFill_ccbdfda347.colorDark_e80d95d6ad {\n  background-color: var(--inverted-color-background);\n}\n.kindFill_ccbdfda347.colorDark_e80d95d6ad svg path {\n  fill: var(--inverted-color-background);\n}\n.kindFill_ccbdfda347.colorNegative_578b32608e {\n  background-color: var(--negative-color);\n}\n.kindFill_ccbdfda347.colorNegative_578b32608e svg path {\n  fill: var(--negative-color);\n}\n.kindFill_ccbdfda347.colorNegative_578b32608e.clickable_619e45fcb4:hover, .kindFill_ccbdfda347.colorNegative_578b32608e.clickable_619e45fcb4:active {\n  background-color: var(--negative-color-hover);\n}\n.kindFill_ccbdfda347.colorPositive_a08772b09c {\n  background-color: var(--positive-color);\n}\n.kindFill_ccbdfda347.colorPositive_a08772b09c svg path {\n  fill: var(--positive-color);\n}\n.kindFill_ccbdfda347.colorPositive_a08772b09c.clickable_619e45fcb4:hover, .kindFill_ccbdfda347.colorPositive_a08772b09c.clickable_619e45fcb4:active {\n  background-color: var(--positive-color-hover);\n}\n.kindLine_f021de885b {\n  border: 1px solid currentColor;\n  padding: 1px var(--spacing-small);\n}\n.kindLine_f021de885b .legWrapper_1dbd9c183a {\n  left: -1px;\n  top: calc(100% + 1px);\n}\n.kindLine_f021de885b.colorPrimary_250b22e631 {\n  color: var(--primary-color);\n}\n.kindLine_f021de885b.colorPrimary_250b22e631 svg path {\n  fill: var(--primary-color);\n}\n.kindLine_f021de885b.colorPrimary_250b22e631.clickable_619e45fcb4:hover, .kindLine_f021de885b.colorPrimary_250b22e631.clickable_619e45fcb4:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_f021de885b.colorDark_e80d95d6ad {\n  color: var(--inverted-color-background);\n}\n.kindLine_f021de885b.colorDark_e80d95d6ad svg path {\n  fill: var(--inverted-color-background);\n}\n.kindLine_f021de885b.colorDark_e80d95d6ad.clickable_619e45fcb4:hover, .kindLine_f021de885b.colorDark_e80d95d6ad.clickable_619e45fcb4:active {\n  background-color: var(--primary-background-hover-color);\n}\n.kindLine_f021de885b.colorNegative_578b32608e {\n  color: var(--negative-color);\n}\n.kindLine_f021de885b.colorNegative_578b32608e svg path {\n  fill: var(--negative-color);\n}\n.kindLine_f021de885b.colorNegative_578b32608e.clickable_619e45fcb4:hover, .kindLine_f021de885b.colorNegative_578b32608e.clickable_619e45fcb4:active {\n  background-color: var(--negative-color-selected);\n}\n.kindLine_f021de885b.colorPositive_a08772b09c {\n  color: var(--positive-color);\n}\n.kindLine_f021de885b.colorPositive_a08772b09c svg path {\n  fill: var(--positive-color);\n}\n.kindLine_f021de885b.colorPositive_a08772b09c.clickable_619e45fcb4:hover, .kindLine_f021de885b.colorPositive_a08772b09c.clickable_619e45fcb4:active {\n  background-color: var(--positive-color-selected);\n}\n.kindLine_f021de885b .smallText_e54e2654c1 {\n  line-height: 14px;\n}");export{e as default};
 //# sourceMappingURL=Label.module.scss.js.map

package/dist/src/components/Label/LabelCelebrationAnimation.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={celebration:"celebration_a3fe763211",svg:"svg_cf4fdb78ce",stroke:"stroke_842c600c0a","stroke-rotate":"stroke-rotate_b18cf67c77",base:"base_0887cb4086",fade:"fade_598ecafdc1",first:"first_27ec78fe7c",second:"second_f3f6137881",third:"third_6223b78633","gradient-text-fill":"gradient-text-fill_a0e35f6460"};!function(e){const n="s_id-cc5df975abc6_3_0_0-alpha_8";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,a.firstChild?a.insertBefore(t,a.firstChild):a.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration_a3fe763211 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_a3fe763211 .svg_cf4fdb78ce {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_a3fe763211 .svg_cf4fdb78ce .stroke_842c600c0a {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_b18cf67c77 cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_a3fe763211 .svg_cf4fdb78ce .stroke_842c600c0a.base_0887cb4086 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_598ecafdc1 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_a3fe763211 .svg_cf4fdb78ce .stroke_842c600c0a.first_27ec78fe7c {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_a3fe763211 .svg_cf4fdb78ce .stroke_842c600c0a.second_f3f6137881 {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_a3fe763211 .svg_cf4fdb78ce .stroke_842c600c0a.third_6223b78633 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_a3fe763211.celebration_a3fe763211 [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_a0e35f6460 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_598ecafdc1 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_b18cf67c77 {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_a0e35f6460 {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
+var e={celebration:"celebration_9b74f178e9",svg:"svg_9cf6e07e72",stroke:"stroke_55ea8ceed7","stroke-rotate":"stroke-rotate_dace39c200",base:"base_cd5e0d8347",fade:"fade_22271741e0",first:"first_2ed3339920",second:"second_a94f82ddbe",third:"third_27d908a4a9","gradient-text-fill":"gradient-text-fill_616d1facdb"};!function(e){const n="s_id-cc5df975abc6_3_0_0-beta_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".celebration_9b74f178e9 {\n  --container-perimeter: 840;\n  position: relative;\n}\n.celebration_9b74f178e9 .svg_9cf6e07e72 {\n  position: absolute;\n  top: 0;\n  left: 0;\n  height: 100%;\n  width: 100%;\n}\n.celebration_9b74f178e9 .svg_9cf6e07e72 .stroke_55ea8ceed7 {\n  fill: none;\n  stroke-width: 1;\n  stroke-linecap: round;\n  stroke-linejoin: round;\n  animation: stroke-rotate_dace39c200 cubic-bezier(0.33, 0, 0.67, 1) forwards;\n  stroke-dasharray: var(--container-perimeter);\n  stroke-dashoffset: var(--container-perimeter);\n}\n.celebration_9b74f178e9 .svg_9cf6e07e72 .stroke_55ea8ceed7.base_cd5e0d8347 {\n  stroke: var(--color-egg_yolk);\n  animation: fade_22271741e0 200ms linear forwards;\n  animation-delay: 80ms;\n  stroke-dasharray: 0;\n  stroke-dashoffset: 0;\n  opacity: 0;\n}\n.celebration_9b74f178e9 .svg_9cf6e07e72 .stroke_55ea8ceed7.first_2ed3339920 {\n  stroke: var(--color-done-green);\n  animation-delay: 80ms;\n  animation-duration: 320ms;\n}\n.celebration_9b74f178e9 .svg_9cf6e07e72 .stroke_55ea8ceed7.second_a94f82ddbe {\n  stroke: var(--color-stuck-red);\n  animation-delay: 200ms;\n  animation-duration: 320ms;\n}\n.celebration_9b74f178e9 .svg_9cf6e07e72 .stroke_55ea8ceed7.third_27d908a4a9 {\n  stroke: var(--primary-color);\n  animation-delay: 360ms;\n  animation-duration: 320ms;\n}\n.celebration_9b74f178e9.celebration_9b74f178e9 [data-celebration-text] {\n  background-size: 300% 100%;\n  background-repeat: no-repeat;\n  background-clip: text;\n  -webkit-background-clip: text;\n  color: transparent;\n  animation: gradient-text-fill_616d1facdb 680ms linear forwards;\n  background-image: linear-gradient(to right, var(--primary-color) 30%, var(--color-stuck-red) 40%, var(--color-done-green) 60%, var(--color-egg_yolk) 85%, transparent 90%);\n}\n@keyframes fade_22271741e0 {\n  from {\n    opacity: 0;\n  }\n  to {\n    opacity: 1;\n  }\n}\n@keyframes stroke-rotate_dace39c200 {\n  to {\n    stroke-dashoffset: 0;\n  }\n}\n@keyframes gradient-text-fill_616d1facdb {\n  from {\n    background-position: 150% 0;\n  }\n  to {\n    background-position: 0% 0;\n  }\n}");export{e as default};
 //# sourceMappingURL=LabelCelebrationAnimation.module.scss.js.map

package/dist/src/components/Link/Link.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={link:"link_eb9f5eea87","focus-visible":"focus-visible_78a95fb4b9",text:"text_b34e9578d4",inlineText:"inlineText_26159def97",inheritFontSize:"inheritFontSize_1c2fdeb229",iconStart:"iconStart_747d7e4fa5",iconEnd:"iconEnd_6f6ae6e754"};!function(n){const e="s_id-c911448248db_3_0_0-alpha_8";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".link_eb9f5eea87 {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_eb9f5eea87:focus-visible, .link_eb9f5eea87.focus-visible_78a95fb4b9 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.link_eb9f5eea87:focus:not(.focus-visible_78a95fb4b9) {\n  outline: none;\n}\n.link_eb9f5eea87:hover .text_b34e9578d4 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_eb9f5eea87.inlineText_26159def97 {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_eb9f5eea87.inheritFontSize_1c2fdeb229 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_747d7e4fa5 {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_6f6ae6e754 {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_747d7e4fa5 {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_6f6ae6e754 {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
+var n={link:"link_76e31676ff","focus-visible":"focus-visible_3e99ea2942",text:"text_2d52cd4250",inlineText:"inlineText_ca1073cfff",inheritFontSize:"inheritFontSize_6c0f643623",iconStart:"iconStart_87a0a7e9bb",iconEnd:"iconEnd_2553182efc"};!function(n){const e="s_id-c911448248db_3_0_0-beta_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".link_76e31676ff {\n  display: flex;\n  align-items: center;\n  color: var(--link-color);\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  text-decoration: none;\n  writing-mode: horizontal-tb;\n}\n.link_76e31676ff:focus-visible, .link_76e31676ff.focus-visible_3e99ea2942 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.link_76e31676ff:focus:not(.focus-visible_3e99ea2942) {\n  outline: none;\n}\n.link_76e31676ff:hover .text_2d52cd4250 {\n  text-decoration: underline;\n  color: inherit;\n}\n.link_76e31676ff.inlineText_ca1073cfff {\n  display: inline-flex;\n  align-items: unset;\n}\n.link_76e31676ff.inheritFontSize_6c0f643623 {\n  font-size: inherit;\n  line-height: inherit;\n}\n.iconStart_87a0a7e9bb {\n  line-height: 24px;\n  margin-right: var(--spacing-small);\n}\n.iconEnd_2553182efc {\n  line-height: 24px;\n  margin-left: var(--spacing-small);\n}\n@supports (margin-inline-start: initial) {\n  .iconStart_87a0a7e9bb {\n    line-height: 24px;\n    margin-right: 0;\n    margin-inline-end: var(--spacing-xs);\n  }\n  .iconEnd_2553182efc {\n    line-height: 24px;\n    margin-left: 0;\n    margin-inline-start: var(--spacing-xs);\n  }\n}");export{n as default};
 //# sourceMappingURL=Link.module.scss.js.map

package/dist/src/components/List/List.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={list:"list_6a17dfc983"};!function(e){const t="s_id-ed9bf484fec4_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".list_6a17dfc983 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_6a17dfc983::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_6a17dfc983::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={list:"list_897eabf30a"};!function(e){const t="s_id-ed9bf484fec4_3_0_0-beta_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".list_897eabf30a {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.list_897eabf30a::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.list_897eabf30a::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=List.module.scss.js.map

package/dist/src/components/List/VirtualizedListItems/VirtualizedListItems.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={scrollableContainer:"scrollableContainer_1e3480ae67"};!function(e){const n="s_id-6ed55dee5450_3_0_0-alpha_8";if("undefined"!=typeof document){const l=document.head||document.getElementsByTagName("head")[0];if(l.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,l.firstChild?l.insertBefore(t,l.firstChild):l.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".scrollableContainer_1e3480ae67 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_1e3480ae67::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_1e3480ae67::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
+var e={scrollableContainer:"scrollableContainer_09f523a0c2"};!function(e){const n="s_id-6ed55dee5450_3_0_0-beta_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,t.firstChild?t.insertBefore(l,t.firstChild):t.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".scrollableContainer_09f523a0c2 {\n  margin: 0;\n  padding: 0;\n  overflow: auto;\n}\n.scrollableContainer_09f523a0c2::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.scrollableContainer_09f523a0c2::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}");export{e as default};
 //# sourceMappingURL=VirtualizedListItems.module.scss.js.map

package/dist/src/components/ListItem/ListItem.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={listItem:"listItem_3ebbf3900a","focus-visible":"focus-visible_5d7acd323c",disabled:"disabled_d88d1e9acc",selected:"selected_048387885b",small:"small_06be209170",medium:"medium_67096b7de3",large:"large_a0202ef1fa"};!function(e){const n="s_id-8402a299d384_3_0_0-alpha_8";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,d.firstChild?d.insertBefore(a,d.firstChild):d.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".listItem_3ebbf3900a {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_3ebbf3900a:focus-visible, .listItem_3ebbf3900a.focus-visible_5d7acd323c {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem_3ebbf3900a:focus:not(.focus-visible_5d7acd323c) {\n  outline: none;\n}\n.listItem_3ebbf3900a:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_d88d1e9acc {\n  cursor: not-allowed;\n}\n.disabled_d88d1e9acc:hover {\n  background-color: transparent;\n}\n.selected_048387885b {\n  background-color: var(--primary-selected-color);\n}\n.selected_048387885b:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_06be209170 {\n  height: 32px;\n}\n.medium_67096b7de3 {\n  height: 40px;\n}\n.large_a0202ef1fa {\n  height: 48px;\n}");export{e as default};
+var e={listItem:"listItem_293421855d","focus-visible":"focus-visible_bd3441610c",disabled:"disabled_daef8ffa05",selected:"selected_9bec51262d",small:"small_76b1d2052f",medium:"medium_c299422393",large:"large_9bc8c5658b"};!function(e){const n="s_id-8402a299d384_3_0_0-beta_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const l=document.createElement("style");l.id=n,d.firstChild?d.insertBefore(l,d.firstChild):d.appendChild(l),l.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".listItem_293421855d {\n  display: flex;\n  align-items: center;\n  padding: 8px 16px;\n  border-radius: 4px;\n  cursor: pointer;\n}\n.listItem_293421855d:focus-visible, .listItem_293421855d.focus-visible_bd3441610c {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.listItem_293421855d:focus:not(.focus-visible_bd3441610c) {\n  outline: none;\n}\n.listItem_293421855d:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.disabled_daef8ffa05 {\n  cursor: not-allowed;\n}\n.disabled_daef8ffa05:hover {\n  background-color: transparent;\n}\n.selected_9bec51262d {\n  background-color: var(--primary-selected-color);\n}\n.selected_9bec51262d:hover {\n  background-color: var(--primary-selected-color);\n}\n.small_76b1d2052f {\n  height: 32px;\n}\n.medium_c299422393 {\n  height: 40px;\n}\n.large_9bc8c5658b {\n  height: 48px;\n}");export{e as default};
 //# sourceMappingURL=ListItem.module.scss.js.map

package/dist/src/components/ListItemAvatar/ListItemAvatar.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={listItemAvatar:"listItemAvatar_176f683a86",avatar:"avatar_fd8058cb43"};!function(e){const t="s_id-64054545c9e6_3_0_0-alpha_8";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemAvatar_176f683a86 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.avatar_fd8058cb43 {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
+var e={listItemAvatar:"listItemAvatar_2dcbec6877",avatar:"avatar_7d1a7e3036"};!function(e){const t="s_id-64054545c9e6_3_0_0-beta_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemAvatar_2dcbec6877 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.avatar_7d1a7e3036 {\n  width: 22px;\n  height: 22px;\n  margin-right: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ListItemAvatar.module.scss.js.map

package/dist/src/components/ListItemIcon/ListItemIcon.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={listItemIcon:"listItemIcon_176f683a86",start:"start_ee089cb006",end:"end_c7122b2288"};!function(e){const t="s_id-0831d1bc0202_3_0_0-alpha_8";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemIcon_176f683a86 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.start_ee089cb006 {\n  margin-right: var(--spacing-small);\n}\n\n.end_c7122b2288 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={listItemIcon:"listItemIcon_2dcbec6877",start:"start_afe3eaf070",end:"end_9aaa28273a"};!function(e){const t="s_id-0831d1bc0202_3_0_0-beta_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listItemIcon_2dcbec6877 {\n  display: flex;\n  align-items: center;\n  color: var(--primary-text-color);\n}\n\n.start_afe3eaf070 {\n  margin-right: var(--spacing-small);\n}\n\n.end_9aaa28273a {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=ListItemIcon.module.scss.js.map

package/dist/src/components/ListTitle/ListTitle.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={listTitle:"listTitle_03c61d59c9"};!function(e){const t="s_id-d4e0bfe7508e_3_0_0-alpha_8";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listTitle_03c61d59c9 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={listTitle:"listTitle_070748d7df"};!function(e){const t="s_id-d4e0bfe7508e_3_0_0-beta_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,i.firstChild?i.insertBefore(n,i.firstChild):i.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".listTitle_070748d7df {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  padding: var(--spacing-medium) var(--spacing-medium) var(--spacing-small);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=ListTitle.module.scss.js.map