npm - @vibe/core - Versions diffs - 4.0.0-rc.0 → 4.0.1-alpha-649fd.0 - Mend

@vibe/core 4.0.0-rc.0 → 4.0.1-alpha-649fd.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (866) hide show

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

@@ -1,2 +1,2 @@
-var r={outerWrapper:"outerWrapper_2ad2cf52ab",wrapper:"wrapper_886666085c",active:"active_52b16bc4d9",disabled:"disabled_fea4e7b9c5",readOnly:"readOnly_97dd950f4e",error:"error_7e11398bee",boxMode:"boxMode_42f5c723e6",borderless:"borderless_e45161abb6",helperText:"helperText_26ec883c06"};!function(r){const e="s_id-8dd14e35d33c_4_0_0-beta_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const n=document.createElement("style");n.id=e,o.firstChild?o.insertBefore(n,o.firstChild):o.appendChild(n),n.appendChild(document.createTextNode(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_2ad2cf52ab {\n  width: 100%;\n}\n\n.wrapper_886666085c {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  cursor: pointer;\n}\n\n.wrapper_886666085c:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_886666085c.active_52b16bc4d9, .wrapper_886666085c:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_886666085c.disabled_fea4e7b9c5 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_886666085c.readOnly_97dd950f4e {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_886666085c.error_7e11398bee {\n  --border-color: var(--negative-color);\n}\n\n.wrapper_886666085c.boxMode_42f5c723e6 {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper_886666085c.borderless_e45161abb6 {\n  --border-color: transparent;\n}\n\n.wrapper_886666085c.borderless_e45161abb6:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_886666085c.borderless_e45161abb6.active_52b16bc4d9, .wrapper_886666085c.borderless_e45161abb6:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText_26ec883c06 {\n  margin-top: var(--space-4);\n}");export{r as default};
+var r={outerWrapper:"outerWrapper_fbca2ae3b6",wrapper:"wrapper_5ac9a22d29",active:"active_06199c1503",disabled:"disabled_b88da2e7b6",readOnly:"readOnly_55b41d2d48",error:"error_9ab5fc7230",boxMode:"boxMode_3738fa7a6d",borderless:"borderless_8f66599f29",helperText:"helperText_b75b75de22"};!function(r){const e="s_id-8dd14e35d33c_4_0_0";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(r))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=r)}(".outerWrapper_fbca2ae3b6 {\n  width: 100%;\n}\n\n.wrapper_5ac9a22d29 {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  cursor: pointer;\n}\n\n.wrapper_5ac9a22d29:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_5ac9a22d29.active_06199c1503, .wrapper_5ac9a22d29:focus {\n  --border-color: var(--primary-color);\n}\n\n.wrapper_5ac9a22d29.disabled_b88da2e7b6 {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n  cursor: not-allowed;\n}\n\n.wrapper_5ac9a22d29.readOnly_55b41d2d48 {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n  cursor: default;\n}\n\n.wrapper_5ac9a22d29.error_9ab5fc7230 {\n  --border-color: var(--negative-color);\n}\n\n.wrapper_5ac9a22d29.boxMode_3738fa7a6d {\n  box-shadow: none;\n  background: transparent;\n  cursor: default;\n}\n\n.wrapper_5ac9a22d29.borderless_8f66599f29 {\n  --border-color: transparent;\n}\n\n.wrapper_5ac9a22d29.borderless_8f66599f29:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.wrapper_5ac9a22d29.borderless_8f66599f29.active_06199c1503, .wrapper_5ac9a22d29.borderless_8f66599f29:focus {\n  --border-color: var(--primary-color);\n}\n\n.helperText_b75b75de22 {\n  margin-top: var(--space-4);\n}");export{r as default};
 //# sourceMappingURL=DropdownBase.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_674cddaa27",groupTitle:"groupTitle_7240711bee",sticky:"sticky_1e1ffe0c09"};!function(e){const n="s_id-87eb930dd60f_4_0_0-beta_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_674cddaa27 {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_674cddaa27::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.wrapper_674cddaa27::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.wrapper_674cddaa27 .groupTitle_7240711bee {\n  color: var(--secondary-text-color);\n  padding: var(--space-8) var(--space-4);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_674cddaa27 .groupTitle_7240711bee.sticky_1e1ffe0c09 {\n  position: sticky;\n  top: 0;\n}\n.wrapper_674cddaa27 > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
+var e={wrapper:"wrapper_208d82c051",groupTitle:"groupTitle_9922e80b2e",sticky:"sticky_93f1694445"};!function(e){const n="s_id-87eb930dd60f_4_0_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.wrapper_208d82c051 {\n  overflow-y: auto;\n  padding: 0;\n  margin: 0;\n}\n.wrapper_208d82c051::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.wrapper_208d82c051::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.wrapper_208d82c051 .groupTitle_9922e80b2e {\n  color: var(--secondary-text-color);\n  padding: var(--space-8) var(--space-4);\n  background-color: var(--secondary-background-color);\n}\n.wrapper_208d82c051 .groupTitle_9922e80b2e.sticky_93f1694445 {\n  position: sticky;\n  top: 0;\n}\n.wrapper_208d82c051 > li:not(:last-child) {\n  margin-bottom: 2px;\n}");export{e as default};
 //# sourceMappingURL=DropdownBaseList.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={boxModeContainer:"boxModeContainer_a84e6bc922",inputContainer:"inputContainer_621984f2d7",disabled:"disabled_9d56c2da0f",readOnly:"readOnly_7f891b2b5b",error:"error_7e11398bee",menuContainer:"menuContainer_2ad2cf52ab"};!function(n){const r="s_id-f92aa28952f8_4_0_0-beta_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".boxModeContainer_a84e6bc922 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_621984f2d7 {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  width: 100%;\n}\n\n.inputContainer_621984f2d7:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer_621984f2d7:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer_621984f2d7.disabled_9d56c2da0f {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer_621984f2d7.readOnly_7f891b2b5b {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer_621984f2d7.error_7e11398bee {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_2ad2cf52ab {\n  width: 100%;\n}");export{n as default};
+var n={boxModeContainer:"boxModeContainer_fbdda9f421",inputContainer:"inputContainer_d71ae9c487",disabled:"disabled_0f0aa991ac",readOnly:"readOnly_796500d53d",error:"error_9ab5fc7230",menuContainer:"menuContainer_fbca2ae3b6"};!function(n){const r="s_id-f92aa28952f8_4_0_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,o.firstChild?o.insertBefore(e,o.firstChild):o.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=n)}(".boxModeContainer_fbdda9f421 {\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n}\n\n.inputContainer_d71ae9c487 {\n  --border-color: var(--ui-border-color);\n  --background-color: var(--secondary-background-color);\n  border-radius: var(--border-radius-small);\n  box-shadow: inset 0 0 0 1px var(--border-color);\n  background: var(--background-color);\n  width: 100%;\n}\n\n.inputContainer_d71ae9c487:hover {\n  --border-color: var(--primary-text-color);\n}\n\n.inputContainer_d71ae9c487:focus-within {\n  --border-color: var(--primary-color);\n}\n\n.inputContainer_d71ae9c487.disabled_0f0aa991ac {\n  --border-color: var(--disabled-background-color);\n  --background-color: var(--disabled-background-color);\n}\n\n.inputContainer_d71ae9c487.readOnly_796500d53d {\n  --border-color: var(--allgrey-background-color);\n  --background-color: var(--allgrey-background-color);\n}\n\n.inputContainer_d71ae9c487.error_9ab5fc7230 {\n  --border-color: var(--negative-color);\n}\n\n.menuContainer_fbca2ae3b6 {\n  width: 100%;\n}");export{n as default};
 //# sourceMappingURL=DropdownBoxMode.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={menuVisible:"menuVisible_87c5ca7a49",menuHidden:"menuHidden_46e82d308e"};!function(e){const i="s_id-448dc11ee0f4_4_0_0-beta_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_87c5ca7a49 {\n  visibility: visible;\n}\n\n.menuHidden_46e82d308e {\n  visibility: hidden;\n}");export{e as default};
+var e={menuVisible:"menuVisible_8d22033bac",menuHidden:"menuHidden_39e2faaeb1"};!function(e){const i="s_id-448dc11ee0f4_4_0_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const d=document.createElement("style");d.id=i,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".menuVisible_8d22033bac {\n  visibility: visible;\n}\n\n.menuHidden_39e2faaeb1 {\n  visibility: hidden;\n}");export{e as default};
 //# sourceMappingURL=Menu.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={containerWrapper:"containerWrapper_3f0bf0180e",singleChip:"singleChip_9475faa1b6",measuring:"measuring_0ec4b6dd0f",hiddenChip:"hiddenChip_023b8193c4",inputAndCounterWrapper:"inputAndCounterWrapper_56c36e10b9",inputWrapper:"inputWrapper_1f1cf1386f",chipWrapperWithOverflow:"chipWrapperWithOverflow_2eddfff805",visibleChip:"visibleChip_6bc9fc13a4",hiddenChipsDialog:"hiddenChipsDialog_c0197f5def",dialogChip:"dialogChip_6bc9fc13a4"};!function(e){const n="s_id-a777ca35d111_4_0_0-beta_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const p=document.createElement("style");p.id=n,i.firstChild?i.insertBefore(p,i.firstChild):i.appendChild(p),p.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".containerWrapper_3f0bf0180e {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_3f0bf0180e.singleChip_9475faa1b6 > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_3f0bf0180e.singleChip_9475faa1b6 > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_3f0bf0180e.measuring_0ec4b6dd0f > div:not(.hiddenChip_023b8193c4) {\n  opacity: 0;\n}\n.inputAndCounterWrapper_56c36e10b9 {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper_1f1cf1386f {\n  flex-grow: 1;\n}\n.inputWrapper_1f1cf1386f input {\n  width: 100%;\n}\n.chipWrapperWithOverflow_2eddfff805 {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow_2eddfff805 .visibleChip_6bc9fc13a4 {\n  max-width: 100%;\n}\n.hiddenChip_023b8193c4 {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_c0197f5def {\n  max-width: 192px;\n}\n.dialogChip_6bc9fc13a4 {\n  max-width: 100%;\n}");export{e as default};
+var e={containerWrapper:"containerWrapper_95770421a8",singleChip:"singleChip_bd8a12c00d",measuring:"measuring_4bfccb290f",hiddenChip:"hiddenChip_a2eee7eaec",inputAndCounterWrapper:"inputAndCounterWrapper_84e73e6171",inputWrapper:"inputWrapper_41388f2799",chipWrapperWithOverflow:"chipWrapperWithOverflow_eb371d8da9",visibleChip:"visibleChip_851805b973",hiddenChipsDialog:"hiddenChipsDialog_72abd4edf8",dialogChip:"dialogChip_851805b973"};!function(e){const n="s_id-a777ca35d111_4_0_0";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,i.firstChild?i.insertBefore(d,i.firstChild):i.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".containerWrapper_95770421a8 {\n  min-width: 1px;\n  flex-grow: 1;\n}\n.containerWrapper_95770421a8.singleChip_bd8a12c00d > div:first-child {\n  min-width: 50px;\n  flex-shrink: 1;\n}\n.containerWrapper_95770421a8.singleChip_bd8a12c00d > div:first-child div {\n  max-width: 100%;\n}\n.containerWrapper_95770421a8.measuring_4bfccb290f > div:not(.hiddenChip_a2eee7eaec) {\n  opacity: 0;\n}\n.inputAndCounterWrapper_84e73e6171 {\n  flex-grow: 1;\n  min-width: 0;\n}\n.inputWrapper_41388f2799 {\n  flex-grow: 1;\n}\n.inputWrapper_41388f2799 input {\n  width: 100%;\n}\n.chipWrapperWithOverflow_eb371d8da9 {\n  max-width: 100%;\n  flex-shrink: 0;\n}\n.chipWrapperWithOverflow_eb371d8da9 .visibleChip_851805b973 {\n  max-width: 100%;\n}\n.hiddenChip_a2eee7eaec {\n  position: absolute;\n  visibility: hidden;\n  pointer-events: none;\n  z-index: -1;\n}\n.hiddenChipsDialog_72abd4edf8 {\n  max-width: 192px;\n}\n.dialogChip_851805b973 {\n  max-width: 100%;\n}");export{e as default};
 //# sourceMappingURL=MultiSelectedValues.module.scss.js.map

package/dist/src/components/Dropdown/components/Trigger/MultiSelectTrigger.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"react";import t from"../MultiSelectedValues/MultiSelectedValues.js";import l from"./DropdownInput.js";import{useDropdownContext as r}from"../../context/DropdownContext.js";import i from"./TriggerActions.js";import a from"./Trigger.module.scss.js";import{getStyle as n}from"../../../../helpers/typesciptCssModulesHelper.js";import o from"classnames";import s from"./DropdownChip.js";import m from"../../../../../components/layout/dist/Flex/Flex.js";var d=function(){var d,u=r(),p=u.selectedItems,c=void 0===p?[]:p,v=u.contextOnOptionRemove,f=u.multiline,g=u.disabled,b=u.readOnly,E=u.error,j=u.searchable,y=u.getToggleButtonProps,h=u.label,x=u.getLabelProps,O=u["aria-label"],w=u.minVisibleCount;return e.createElement(m,{justify:"space-between",align:"center"},e.createElement("div",Object.assign({className:o(a.triggerWrapper,n(a,u.size))},j?{}:y({"aria-haspopup":"dialog","aria-labelledby":h?x().id:void 0,"aria-label":O||(h||null===(d=x())||void 0===d?void 0:d.id),"aria-disabled":g?"true":void 0,"aria-invalid":E?"true":void 0,"aria-readonly":b?"true":void 0})),c.length>0?e.createElement("div",{className:a.multiWrapper},f?e.createElement(m,{gap:"xs",wrap:!0},c.map((function(t,r){var i,a;return e.createElement(m,{key:(null!==(a=null!==(i=t.id)&&void 0!==i?i:t.value)&&void 0!==a?a:r)+""},e.createElement("div",{style:{flexShrink:0}},e.createElement(s,{item:t,onDelete:function(){null==v||v(t)},readOnly:b,disabled:g})),r===c.length-1&&e.createElement(l,{inputSize:"small"}))}))):e.createElement(t,{disabled:g,readOnly:b,selectedItems:c,onRemove:function(e){null==v||v(e)},renderInput:j?function(){return e.createElement(l,{inputSize:"small",fullWidth:!0})}:void 0,minVisibleCount:w})):e.createElement(l,null)),e.createElement(i,null))};export{d as default};
+import e from"react";import t from"../MultiSelectedValues/MultiSelectedValues.js";import l from"./DropdownInput.js";import{useDropdownContext as r}from"../../context/DropdownContext.js";import i from"./TriggerActions.js";import a from"./Trigger.module.scss.js";import n from"classnames";import o from"./DropdownChip.js";import s from"../../../../../components/layout/dist/Flex/Flex.js";import{getStyle as m}from"../../../../../shared/dist/utils/typesciptCssModulesHelper.js";var d=function(){var d,u=r(),p=u.selectedItems,c=void 0===p?[]:p,v=u.contextOnOptionRemove,f=u.multiline,g=u.disabled,b=u.readOnly,E=u.error,j=u.searchable,y=u.getToggleButtonProps,h=u.label,x=u.getLabelProps,O=u["aria-label"],w=u.minVisibleCount;return e.createElement(s,{justify:"space-between",align:"center"},e.createElement("div",Object.assign({className:n(a.triggerWrapper,m(a,u.size))},j?{}:y({"aria-haspopup":"dialog","aria-labelledby":h?x().id:void 0,"aria-label":O||(h||null===(d=x())||void 0===d?void 0:d.id),"aria-disabled":g?"true":void 0,"aria-invalid":E?"true":void 0,"aria-readonly":b?"true":void 0})),c.length>0?e.createElement("div",{className:a.multiWrapper},f?e.createElement(s,{gap:"xs",wrap:!0},c.map((function(t,r){var i,a;return e.createElement(s,{key:(null!==(a=null!==(i=t.id)&&void 0!==i?i:t.value)&&void 0!==a?a:r)+""},e.createElement("div",{style:{flexShrink:0}},e.createElement(o,{item:t,onDelete:function(){null==v||v(t)},readOnly:b,disabled:g})),r===c.length-1&&e.createElement(l,{inputSize:"small"}))}))):e.createElement(t,{disabled:g,readOnly:b,selectedItems:c,onRemove:function(e){null==v||v(e)},renderInput:j?function(){return e.createElement(l,{inputSize:"small",fullWidth:!0})}:void 0,minVisibleCount:w})):e.createElement(l,null)),e.createElement(i,null))};export{d as default};
 //# sourceMappingURL=MultiSelectTrigger.js.map

package/dist/src/components/Dropdown/components/Trigger/MultiSelectTrigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MultiSelectTrigger.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/MultiSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport MultiSelectedValues from \"../MultiSelectedValues/MultiSelectedValues\";\nimport DropdownInput from \"./DropdownInput\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport TriggerActions from \"./TriggerActions\";\nimport styles from \"./Trigger.module.scss\";\nimport { getStyle } from \"~~../../../../helpers~~/~~typesciptCssModulesHelper~~\";\nimport cx from \"classnames\";\nimport DropdownChip from \"./DropdownChip\";\n\nconst MultiSelectTrigger = () => {\n const {\n selectedItems = [],\n contextOnOptionRemove,\n multiline,\n disabled,\n readOnly,\n error,\n size,\n searchable,\n getToggleButtonProps,\n label,\n getLabelProps,\n \"aria-label\": ariaLabel,\n minVisibleCount\n } = useDropdownContext<BaseItemData>();\n\n return (\n <Flex justify=\"space-between\" align=\"center\">\n <div\n className={cx(styles.triggerWrapper, getStyle(styles, size))}\n {...(!searchable\n ? getToggleButtonProps({\n \"aria-haspopup\": \"dialog\",\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n \"aria-label\": ariaLabel \|\| (label ? undefined : getLabelProps()?.id),\n \"aria-disabled\": disabled ? \"true\" : undefined,\n \"aria-invalid\": error ? \"true\" : undefined,\n \"aria-readonly\": readOnly ? \"true\" : undefined\n })\n : {})}\n >\n {selectedItems.length > 0 ? (\n <div className={styles.multiWrapper}>\n {!multiline ? (\n <MultiSelectedValues\n disabled={disabled}\n readOnly={readOnly}\n selectedItems={selectedItems}\n onRemove={item => {\n contextOnOptionRemove?.(item);\n }}\n renderInput={searchable ? () => <DropdownInput inputSize=\"small\" fullWidth /> : undefined}\n minVisibleCount={minVisibleCount}\n />\n ) : (\n <Flex gap=\"xs\" wrap>\n {selectedItems.map((item, index) => (\n <Flex key={String(item.id ?? item.value ?? index)}>\n <div style={{ flexShrink: 0 }}>\n <DropdownChip\n item={item}\n onDelete={() => {\n contextOnOptionRemove?.(item);\n }}\n readOnly={readOnly}\n disabled={disabled}\n />\n </div>\n {index === selectedItems.length - 1 && <DropdownInput inputSize=\"small\" />}\n </Flex>\n ))}\n </Flex>\n )}\n </div>\n ) : (\n <DropdownInput />\n )}\n </div>\n <TriggerActions />\n </Flex>\n );\n};\n\nexport default MultiSelectTrigger;\n"],"names":["MultiSelectTrigger","_useDropdownContext","useDropdownContext","_useDropdownContext$s","selectedItems","contextOnOptionRemove","multiline","disabled","readOnly","error","searchable","getToggleButtonProps","label","getLabelProps","ariaLabel","minVisibleCount","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","size","id","undefined","_a","length","multiWrapper","gap","wrap","map","item","index","key","_b","value","String","style","flexShrink","DropdownChip","onDelete","DropdownInput","inputSize","MultiSelectedValues","onRemove","renderInput","fullWidth","TriggerActions"],"mappings":"~~8cAYA~~,IAAMA,EAAqB,iBACzBC,EAcIC,IAAkCC,EAAAF,EAbpCG,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAqBJ,EAArBI,sBACAC,EAASL,EAATK,UACAC,EAAQN,EAARM,SACAC,EAAQP,EAARO,SACAC,EAAKR,EAALQ,MAEAC,EAAUT,EAAVS,WACAC,EAAoBV,EAApBU,qBACAC,EAAKX,EAALW,MACAC,EAAaZ,EAAbY,cACcC,EAASb,EAAvB,cACAc,EAAed,EAAfc,gBAGF,OACEC,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAZ9CxB,EAAJ2B,QAaUlB,EASF,CAAA,EARAC,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBC,EAAQC,IAAgBgB,QAAKC,EAChD,aAAchB,IAAcF,GAAmC,QAAfmB,EAAAlB,WAAe,IAAAkB,OAA3BD,EAA2BC,EAAEF,IACjE,gBAAiBtB,EAAW,YAASuB,EACrC,eAAgBrB,EAAQ,YAASqB,EACjC,gBAAiBtB,EAAW,YAASsB,KAI1C1B,EAAc4B,OAAS,EACtBhB,uBAAKO,UAAWE,EAAOQ,cACnB3B,EAYAU,EAACC,cAAAC,EAAK,CAAAgB,IAAI,KAAKC,MAAI,GAChB/B,EAAcgC,KAAI,SAACC,EAAMC,WAAU,OAClCtB,EAACC,cAAAC,GAAKqB,KAAiC,QAArBC,EAAW,UAAXH,EAAKR,UAAM,IAAAE,EAAAA,EAAAM,EAAKI,aAAK,IAAAD,EAAAA,EAAIF,GAAhCI,IACT1B,EAAAC,cAAA,MAAA,CAAK0B,MAAO,CAAEC,WAAY,IACxB5B,EAACC,cAAA4B,GACCR,KAAMA,EACNS,SAAU,WACRzC,SAAAA,EAAwBgC,EACzB,EACD7B,SAAUA,EACVD,SAAUA,KAGb+B,IAAUlC,EAAc4B,OAAS,GAAKhB,EAAAC,cAAC8B,EAAa,CAACC,UAAU,UAEnE,KA1BHhC,EAACC,cAAAgC,GACC1C,SAAUA,EACVC,SAAUA,EACVJ,cAAeA,EACf8C,SAAU,SAAAb,GACRhC,SAAAA,EAAwBgC,EACzB,EACDc,YAAazC,EAAa,WAAA,OAAMM,EAAAC,cAAC8B,EAAc,CAAAC,UAAU,QAAQI,cAAY,OAAGtB,EAChFf,gBAAiBA,KAuBvBC,EAACC,cAAA8B,EAAgB,OAGrB/B,EAAAC,cAACoC,EAAc,MAGrB"}
1	+ {"version":3,"file":"MultiSelectTrigger.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/MultiSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport { Flex } from \"@vibe/layout\";\nimport MultiSelectedValues from \"../MultiSelectedValues/MultiSelectedValues\";\nimport DropdownInput from \"./DropdownInput\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { type BaseItemData } from \"../../../BaseItem\";\nimport TriggerActions from \"./TriggerActions\";\nimport styles from \"./Trigger.module.scss\";\nimport { getStyle } from \"@vibe/shared\";\nimport cx from \"classnames\";\nimport DropdownChip from \"./DropdownChip\";\n\nconst MultiSelectTrigger = () => {\n const {\n selectedItems = [],\n contextOnOptionRemove,\n multiline,\n disabled,\n readOnly,\n error,\n size,\n searchable,\n getToggleButtonProps,\n label,\n getLabelProps,\n \"aria-label\": ariaLabel,\n minVisibleCount\n } = useDropdownContext<BaseItemData>();\n\n return (\n <Flex justify=\"space-between\" align=\"center\">\n <div\n className={cx(styles.triggerWrapper, getStyle(styles, size))}\n {...(!searchable\n ? getToggleButtonProps({\n \"aria-haspopup\": \"dialog\",\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n \"aria-label\": ariaLabel \|\| (label ? undefined : getLabelProps()?.id),\n \"aria-disabled\": disabled ? \"true\" : undefined,\n \"aria-invalid\": error ? \"true\" : undefined,\n \"aria-readonly\": readOnly ? \"true\" : undefined\n })\n : {})}\n >\n {selectedItems.length > 0 ? (\n <div className={styles.multiWrapper}>\n {!multiline ? (\n <MultiSelectedValues\n disabled={disabled}\n readOnly={readOnly}\n selectedItems={selectedItems}\n onRemove={item => {\n contextOnOptionRemove?.(item);\n }}\n renderInput={searchable ? () => <DropdownInput inputSize=\"small\" fullWidth /> : undefined}\n minVisibleCount={minVisibleCount}\n />\n ) : (\n <Flex gap=\"xs\" wrap>\n {selectedItems.map((item, index) => (\n <Flex key={String(item.id ?? item.value ?? index)}>\n <div style={{ flexShrink: 0 }}>\n <DropdownChip\n item={item}\n onDelete={() => {\n contextOnOptionRemove?.(item);\n }}\n readOnly={readOnly}\n disabled={disabled}\n />\n </div>\n {index === selectedItems.length - 1 && <DropdownInput inputSize=\"small\" />}\n </Flex>\n ))}\n </Flex>\n )}\n </div>\n ) : (\n <DropdownInput />\n )}\n </div>\n <TriggerActions />\n </Flex>\n );\n};\n\nexport default MultiSelectTrigger;\n"],"names":["MultiSelectTrigger","_useDropdownContext","useDropdownContext","_useDropdownContext$s","selectedItems","contextOnOptionRemove","multiline","disabled","readOnly","error","searchable","getToggleButtonProps","label","getLabelProps","ariaLabel","minVisibleCount","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","size","id","undefined","_a","length","multiWrapper","gap","wrap","map","item","index","key","_b","value","String","style","flexShrink","DropdownChip","onDelete","DropdownInput","inputSize","MultiSelectedValues","onRemove","renderInput","fullWidth","TriggerActions"],"mappings":"2dAYA,IAAMA,EAAqB,iBACzBC,EAcIC,IAAkCC,EAAAF,EAbpCG,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAClBE,EAAqBJ,EAArBI,sBACAC,EAASL,EAATK,UACAC,EAAQN,EAARM,SACAC,EAAQP,EAARO,SACAC,EAAKR,EAALQ,MAEAC,EAAUT,EAAVS,WACAC,EAAoBV,EAApBU,qBACAC,EAAKX,EAALW,MACAC,EAAaZ,EAAbY,cACcC,EAASb,EAAvB,cACAc,EAAed,EAAfc,gBAGF,OACEC,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAZ9CxB,EAAJ2B,QAaUlB,EASF,CAAA,EARAC,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBC,EAAQC,IAAgBgB,QAAKC,EAChD,aAAchB,IAAcF,GAAmC,QAAfmB,EAAAlB,WAAe,IAAAkB,OAA3BD,EAA2BC,EAAEF,IACjE,gBAAiBtB,EAAW,YAASuB,EACrC,eAAgBrB,EAAQ,YAASqB,EACjC,gBAAiBtB,EAAW,YAASsB,KAI1C1B,EAAc4B,OAAS,EACtBhB,uBAAKO,UAAWE,EAAOQ,cACnB3B,EAYAU,EAACC,cAAAC,EAAK,CAAAgB,IAAI,KAAKC,MAAI,GAChB/B,EAAcgC,KAAI,SAACC,EAAMC,WAAU,OAClCtB,EAACC,cAAAC,GAAKqB,KAAiC,QAArBC,EAAW,UAAXH,EAAKR,UAAM,IAAAE,EAAAA,EAAAM,EAAKI,aAAK,IAAAD,EAAAA,EAAIF,GAAhCI,IACT1B,EAAAC,cAAA,MAAA,CAAK0B,MAAO,CAAEC,WAAY,IACxB5B,EAACC,cAAA4B,GACCR,KAAMA,EACNS,SAAU,WACRzC,SAAAA,EAAwBgC,EACzB,EACD7B,SAAUA,EACVD,SAAUA,KAGb+B,IAAUlC,EAAc4B,OAAS,GAAKhB,EAAAC,cAAC8B,EAAa,CAACC,UAAU,UAEnE,KA1BHhC,EAACC,cAAAgC,GACC1C,SAAUA,EACVC,SAAUA,EACVJ,cAAeA,EACf8C,SAAU,SAAAb,GACRhC,SAAAA,EAAwBgC,EACzB,EACDc,YAAazC,EAAa,WAAA,OAAMM,EAAAC,cAAC8B,EAAc,CAAAC,UAAU,QAAQI,cAAY,OAAGtB,EAChFf,gBAAiBA,KAuBvBC,EAACC,cAAA8B,EAAgB,OAGrB/B,EAAAC,cAACoC,EAAc,MAGrB"}

package/dist/src/components/Dropdown/components/Trigger/SingleSelectTrigger.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import r from"react";import t from"classnames";import a from"../../../BaseItem/BaseItem.js";import i from"./DropdownInput.js";import l from"./Trigger.module.scss.js";import{useDropdownContext as o}from"../../context/DropdownContext.js";import s from"./TriggerActions.js";import{getStyle as n}from"../../../../helpers/typesciptCssModulesHelper.js";import d from"../../../../../components/layout/dist/Flex/Flex.js";var m=function(){var m,p,c=o(),u=c.inputValue,v=c.selectedItem,g=c.searchable,b=c.size,f=c.valueRenderer,j=c.isFocused,y=c.getToggleButtonProps,E=c.disabled,x=c.readOnly,I=c.error,O=c.label,B=c.getLabelProps,P=c["aria-label"];return r.createElement(d,{justify:"space-between",align:"center"},r.createElement("div",Object.assign({className:t(l.triggerWrapper,n(l,b))},g?{}:y({"aria-haspopup":"dialog","aria-labelledby":O?B().id:void 0,"aria-label":P||(O||null===(m=B())||void 0===m?void 0:m.id),"aria-disabled":E?"true":void 0,"aria-invalid":I?"true":void 0,"aria-readonly":x?"true":void 0})),r.createElement(i,null),!u&&v&&r.createElement("div",{className:t(l.selectedItem,e({},l.faded,j&&g),n(l,b))},r.createElement(a,{component:"div",itemRenderer:f,size:b,readOnly:!0,item:Object.assign(Object.assign({},v),{disabled:E,startElement:"indent"===(null===(p=v.startElement)||void 0===p?void 0:p.type)?void 0:v.startElement})}))),r.createElement(s,null))};export{m as default};
+import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import t from"react";import r from"classnames";import a from"../../../BaseItem/BaseItem.js";import i from"./DropdownInput.js";import l from"./Trigger.module.scss.js";import{useDropdownContext as s}from"../../context/DropdownContext.js";import o from"./TriggerActions.js";import n from"../../../../../components/layout/dist/Flex/Flex.js";import{getStyle as d}from"../../../../../shared/dist/utils/typesciptCssModulesHelper.js";var m=function(){var m,p,c=s(),u=c.inputValue,v=c.selectedItem,g=c.searchable,b=c.size,f=c.valueRenderer,j=c.isFocused,y=c.getToggleButtonProps,E=c.disabled,x=c.readOnly,I=c.error,O=c.label,B=c.getLabelProps,P=c["aria-label"];return t.createElement(n,{justify:"space-between",align:"center"},t.createElement("div",Object.assign({className:r(l.triggerWrapper,d(l,b))},g?{}:y({"aria-haspopup":"dialog","aria-labelledby":O?B().id:void 0,"aria-label":P||(O||null===(m=B())||void 0===m?void 0:m.id),"aria-disabled":E?"true":void 0,"aria-invalid":I?"true":void 0,"aria-readonly":x?"true":void 0})),t.createElement(i,null),!u&&v&&t.createElement("div",{className:r(l.selectedItem,e({},l.faded,j&&g),d(l,b))},t.createElement(a,{component:"div",itemRenderer:f,size:b,readOnly:!0,item:Object.assign(Object.assign({},v),{disabled:E,startElement:"indent"===(null===(p=v.startElement)||void 0===p?void 0:p.type)?void 0:v.startElement})}))),t.createElement(o,null))};export{m as default};
 //# sourceMappingURL=SingleSelectTrigger.js.map

package/dist/src/components/Dropdown/components/Trigger/SingleSelectTrigger.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SingleSelectTrigger.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/SingleSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { BaseItem, type BaseItemData } from \"../../../BaseItem\";\nimport DropdownInput from \"./DropdownInput\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { Flex } from \"@vibe/layout\";\nimport TriggerActions from \"./TriggerActions\";\nimport { getStyle } from \"~~../../../../helpers~~/~~typesciptCssModulesHelper~~\";\n\nconst SingleSelectTrigger = () => {\n const {\n inputValue,\n selectedItem,\n searchable,\n size,\n valueRenderer,\n isFocused,\n getToggleButtonProps,\n disabled,\n readOnly,\n error,\n label,\n getLabelProps,\n \"aria-label\": ariaLabel\n } = useDropdownContext<BaseItemData>();\n\n return (\n <Flex justify=\"space-between\" align=\"center\">\n <div\n className={cx(styles.triggerWrapper, getStyle(styles, size))}\n {...(!searchable\n ? getToggleButtonProps({\n \"aria-haspopup\": \"dialog\",\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n \"aria-label\": ariaLabel \|\| (label ? undefined : getLabelProps()?.id),\n \"aria-disabled\": disabled ? \"true\" : undefined,\n \"aria-invalid\": error ? \"true\" : undefined,\n \"aria-readonly\": readOnly ? \"true\" : undefined\n })\n : {})}\n >\n <DropdownInput />\n\n {!inputValue && selectedItem && (\n <div\n className={cx(\n styles.selectedItem,\n {\n [styles.faded]: isFocused && searchable\n },\n getStyle(styles, size)\n )}\n >\n <BaseItem\n component=\"div\"\n itemRenderer={valueRenderer}\n size={size}\n readOnly\n item={{\n ...selectedItem,\n disabled,\n startElement: selectedItem.startElement?.type === \"indent\" ? undefined : selectedItem.startElement\n }}\n />\n </div>\n )}\n </div>\n <TriggerActions />\n </Flex>\n );\n};\n\nexport default SingleSelectTrigger;\n"],"names":["SingleSelectTrigger","_useDropdownContext","useDropdownContext","inputValue","selectedItem","searchable","size","valueRenderer","isFocused","getToggleButtonProps","disabled","readOnly","error","label","getLabelProps","ariaLabel","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","_a","DropdownInput","_defineProperty","faded","BaseItem","component","itemRenderer","item","startElement","_b","type","TriggerActions"],"mappings":"~~mfAUA~~,IAAMA,EAAsB,mBAC1BC,EAcIC,IAbFC,EAAUF,EAAVE,WACAC,EAAYH,EAAZG,aACAC,EAAUJ,EAAVI,WACAC,EAAIL,EAAJK,KACAC,EAAaN,EAAbM,cACAC,EAASP,EAATO,UACAC,EAAoBR,EAApBQ,qBACAC,EAAQT,EAARS,SACAC,EAAQV,EAARU,SACAC,EAAKX,EAALW,MACAC,EAAKZ,EAALY,MACAC,EAAab,EAAba,cACcC,EAASd,EAAvB,cAGF,OACEe,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAAQnB,KAChDD,EASF,CAAA,EARAI,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBI,EAAQC,IAAgBc,QAAKC,EAChD,aAAcd,IAAcF,GAAmC,QAAfiB,EAAAhB,WAAe,IAAAgB,OAA3BD,EAA2BC,EAAEF,IACjE,gBAAiBlB,EAAW,YAASmB,EACrC,eAAgBjB,EAAQ,YAASiB,EACjC,gBAAiBlB,EAAW,YAASkB,KAI3Cb,EAAAC,cAACc,EAAgB,OAEf5B,GAAcC,GACdY,EAAAC,cAAA,MAAA,CACEM,UAAWC,EACTC,EAAOrB,aAAY4B,EAAA,CAAA,EAEhBP,EAAOQ,MAAQzB,GAAaH,GAE/BsB,EAASF,EAAQnB,KAGnBU,EAACC,cAAAiB,GACCC,UAAU,MACVC,aAAc7B,EACdD,KAAMA,EACNK,UAAQ,EACR0B,KACKhB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAlB,GACH,CAAAM,SAAAA,EACA4B,aAAkD,oBAApCC,EAAAnC,EAAakC,mCAAcE,WAAoBX,EAAYzB,EAAakC,mBAMhGtB,EAAAC,cAACwB,EAAc,MAGrB"}
1	+ {"version":3,"file":"SingleSelectTrigger.js","sources":["../../../../../../src/components/Dropdown/components/Trigger/SingleSelectTrigger.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport { BaseItem, type BaseItemData } from \"../../../BaseItem\";\nimport DropdownInput from \"./DropdownInput\";\nimport styles from \"./Trigger.module.scss\";\nimport { useDropdownContext } from \"../../context/DropdownContext\";\nimport { Flex } from \"@vibe/layout\";\nimport TriggerActions from \"./TriggerActions\";\nimport { getStyle } from \"@vibe/shared\";\n\nconst SingleSelectTrigger = () => {\n const {\n inputValue,\n selectedItem,\n searchable,\n size,\n valueRenderer,\n isFocused,\n getToggleButtonProps,\n disabled,\n readOnly,\n error,\n label,\n getLabelProps,\n \"aria-label\": ariaLabel\n } = useDropdownContext<BaseItemData>();\n\n return (\n <Flex justify=\"space-between\" align=\"center\">\n <div\n className={cx(styles.triggerWrapper, getStyle(styles, size))}\n {...(!searchable\n ? getToggleButtonProps({\n \"aria-haspopup\": \"dialog\",\n \"aria-labelledby\": label ? getLabelProps().id : undefined,\n \"aria-label\": ariaLabel \|\| (label ? undefined : getLabelProps()?.id),\n \"aria-disabled\": disabled ? \"true\" : undefined,\n \"aria-invalid\": error ? \"true\" : undefined,\n \"aria-readonly\": readOnly ? \"true\" : undefined\n })\n : {})}\n >\n <DropdownInput />\n\n {!inputValue && selectedItem && (\n <div\n className={cx(\n styles.selectedItem,\n {\n [styles.faded]: isFocused && searchable\n },\n getStyle(styles, size)\n )}\n >\n <BaseItem\n component=\"div\"\n itemRenderer={valueRenderer}\n size={size}\n readOnly\n item={{\n ...selectedItem,\n disabled,\n startElement: selectedItem.startElement?.type === \"indent\" ? undefined : selectedItem.startElement\n }}\n />\n </div>\n )}\n </div>\n <TriggerActions />\n </Flex>\n );\n};\n\nexport default SingleSelectTrigger;\n"],"names":["SingleSelectTrigger","_useDropdownContext","useDropdownContext","inputValue","selectedItem","searchable","size","valueRenderer","isFocused","getToggleButtonProps","disabled","readOnly","error","label","getLabelProps","ariaLabel","React","createElement","Flex","justify","align","Object","assign","className","cx","styles","triggerWrapper","getStyle","id","undefined","_a","DropdownInput","_defineProperty","faded","BaseItem","component","itemRenderer","item","startElement","_b","type","TriggerActions"],"mappings":"ggBAUA,IAAMA,EAAsB,mBAC1BC,EAcIC,IAbFC,EAAUF,EAAVE,WACAC,EAAYH,EAAZG,aACAC,EAAUJ,EAAVI,WACAC,EAAIL,EAAJK,KACAC,EAAaN,EAAbM,cACAC,EAASP,EAATO,UACAC,EAAoBR,EAApBQ,qBACAC,EAAQT,EAARS,SACAC,EAAQV,EAARU,SACAC,EAAKX,EAALW,MACAC,EAAKZ,EAALY,MACAC,EAAab,EAAba,cACcC,EAASd,EAAvB,cAGF,OACEe,EAACC,cAAAC,EAAK,CAAAC,QAAQ,gBAAgBC,MAAM,UAClCJ,EAAAC,cAAA,MAAAI,OAAAC,OAAA,CACEC,UAAWC,EAAGC,EAAOC,eAAgBC,EAASF,EAAQnB,KAChDD,EASF,CAAA,EARAI,EAAqB,CACnB,gBAAiB,SACjB,kBAAmBI,EAAQC,IAAgBc,QAAKC,EAChD,aAAcd,IAAcF,GAAmC,QAAfiB,EAAAhB,WAAe,IAAAgB,OAA3BD,EAA2BC,EAAEF,IACjE,gBAAiBlB,EAAW,YAASmB,EACrC,eAAgBjB,EAAQ,YAASiB,EACjC,gBAAiBlB,EAAW,YAASkB,KAI3Cb,EAAAC,cAACc,EAAgB,OAEf5B,GAAcC,GACdY,EAAAC,cAAA,MAAA,CACEM,UAAWC,EACTC,EAAOrB,aAAY4B,EAAA,CAAA,EAEhBP,EAAOQ,MAAQzB,GAAaH,GAE/BsB,EAASF,EAAQnB,KAGnBU,EAACC,cAAAiB,GACCC,UAAU,MACVC,aAAc7B,EACdD,KAAMA,EACNK,UAAQ,EACR0B,KACKhB,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAlB,GACH,CAAAM,SAAAA,EACA4B,aAAkD,oBAApCC,EAAAnC,EAAakC,mCAAcE,WAAoBX,EAAYzB,EAAakC,mBAMhGtB,EAAAC,cAACwB,EAAc,MAGrB"}

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

@@ -1,2 +1,2 @@
-var e={triggerWrapper:"triggerWrapper_6f870cc99a",small:"small_152ea8d3c8",placeholderText:"placeholderText_0dd93049ff",medium:"medium_c449d56c87",large:"large_6d52690794",inputWrapper:"inputWrapper_e934e8ac01",multiSelected:"multiSelected_fb07e56fba",fullWidth:"fullWidth_feffd5eace",hasSelected:"hasSelected_5e4479f0e3",selectedItem:"selectedItem_e9ca5ba93a",faded:"faded_861a76f6b5",disabled:"disabled_2c364a0580",multiWrapper:"multiWrapper_a373e89c81",actionsWrapper:"actionsWrapper_93cb4a00f9"};!function(e){const n="s_id-ac180f0c654f_4_0_0-beta_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,a.firstChild?a.insertBefore(r,a.firstChild):a.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.triggerWrapper_6f870cc99a {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper_6f870cc99a.small_152ea8d3c8 {\n  min-height: 32px;\n}\n.triggerWrapper_6f870cc99a.small_152ea8d3c8 .placeholderText_0dd93049ff {\n  padding-inline-start: var(--space-8);\n}\n.triggerWrapper_6f870cc99a.medium_c449d56c87 {\n  min-height: 40px;\n}\n.triggerWrapper_6f870cc99a.large_6d52690794 {\n  min-height: 48px;\n}\n.triggerWrapper_6f870cc99a .inputWrapper_e934e8ac01 {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_6f870cc99a .inputWrapper_e934e8ac01.small_152ea8d3c8 {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_6f870cc99a .inputWrapper_e934e8ac01.multiSelected_fb07e56fba {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--space-4);\n}\n.triggerWrapper_6f870cc99a .inputWrapper_e934e8ac01.multiSelected_fb07e56fba.fullWidth_feffd5eace {\n  width: 100%;\n  flex-grow: 1;\n}\n.triggerWrapper_6f870cc99a .inputWrapper_e934e8ac01.hasSelected_5e4479f0e3 {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_6f870cc99a .selectedItem_e9ca5ba93a {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: 0;\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_6f870cc99a .selectedItem_e9ca5ba93a.small_152ea8d3c8 {\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_6f870cc99a .selectedItem_e9ca5ba93a.medium_c449d56c87 {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_6f870cc99a .selectedItem_e9ca5ba93a.large_6d52690794 {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_6f870cc99a .selectedItem_e9ca5ba93a.faded_861a76f6b5 {\n  opacity: 0.6;\n}\n.triggerWrapper_6f870cc99a .placeholderText_0dd93049ff {\n  padding-inline-start: var(--space-12);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  color: var(--placeholder-color);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_6f870cc99a .placeholderText_0dd93049ff.disabled_2c364a0580 {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_a373e89c81 {\n  padding: var(--space-4) 0 var(--space-4) var(--space-8);\n  width: 100%;\n}\n.actionsWrapper_93cb4a00f9 {\n  padding: 0 var(--space-4);\n}");export{e as default};
+var e={triggerWrapper:"triggerWrapper_7f5b3846fa",small:"small_1e46fdda76",placeholderText:"placeholderText_9cc32adf91",medium:"medium_80b6f9a072",large:"large_28cb80bc2e",inputWrapper:"inputWrapper_ba97a8bfb7",multiSelected:"multiSelected_52d8631c47",fullWidth:"fullWidth_e4d6091ccc",hasSelected:"hasSelected_4481429874",selectedItem:"selectedItem_77466e4241",faded:"faded_8b3bf2e387",disabled:"disabled_d765fcfcb4",multiWrapper:"multiWrapper_c4533d5c6a",actionsWrapper:"actionsWrapper_66a989d427"};!function(e){const n="s_id-ac180f0c654f_4_0_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.triggerWrapper_7f5b3846fa {\n  flex-grow: 1;\n  position: relative;\n  min-width: 1px;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  outline: none;\n}\n.triggerWrapper_7f5b3846fa.small_1e46fdda76 {\n  min-height: 32px;\n}\n.triggerWrapper_7f5b3846fa.small_1e46fdda76 .placeholderText_9cc32adf91 {\n  padding-inline-start: var(--space-8);\n}\n.triggerWrapper_7f5b3846fa.medium_80b6f9a072 {\n  min-height: 40px;\n}\n.triggerWrapper_7f5b3846fa.large_28cb80bc2e {\n  min-height: 48px;\n}\n.triggerWrapper_7f5b3846fa .inputWrapper_ba97a8bfb7 {\n  border: none;\n  width: 100%;\n  background: transparent;\n}\n.triggerWrapper_7f5b3846fa .inputWrapper_ba97a8bfb7.small_1e46fdda76 {\n  height: 24px;\n  min-height: 24px;\n}\n.triggerWrapper_7f5b3846fa .inputWrapper_ba97a8bfb7.multiSelected_52d8631c47 {\n  width: 48px;\n  flex-shrink: 0;\n  padding: 0 var(--space-4);\n}\n.triggerWrapper_7f5b3846fa .inputWrapper_ba97a8bfb7.multiSelected_52d8631c47.fullWidth_e4d6091ccc {\n  width: 100%;\n  flex-grow: 1;\n}\n.triggerWrapper_7f5b3846fa .inputWrapper_ba97a8bfb7.hasSelected_4481429874 {\n  position: absolute;\n  inset: 0;\n  cursor: pointer;\n}\n.triggerWrapper_7f5b3846fa .selectedItem_77466e4241 {\n  position: relative;\n  pointer-events: none;\n  inset: 0;\n  padding-inline-start: 0;\n  width: 100%;\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_7f5b3846fa .selectedItem_77466e4241.small_1e46fdda76 {\n  min-height: 32px;\n  height: 32px;\n}\n.triggerWrapper_7f5b3846fa .selectedItem_77466e4241.medium_80b6f9a072 {\n  min-height: 40px;\n  height: 40px;\n}\n.triggerWrapper_7f5b3846fa .selectedItem_77466e4241.large_28cb80bc2e {\n  min-height: 48px;\n  height: 48px;\n}\n.triggerWrapper_7f5b3846fa .selectedItem_77466e4241.faded_8b3bf2e387 {\n  opacity: 0.6;\n}\n.triggerWrapper_7f5b3846fa .placeholderText_9cc32adf91 {\n  padding-inline-start: var(--space-12);\n  width: 100%;\n  height: 100%;\n  display: flex;\n  align-items: center;\n  cursor: pointer;\n  color: var(--placeholder-color);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n.triggerWrapper_7f5b3846fa .placeholderText_9cc32adf91.disabled_d765fcfcb4 {\n  color: var(--disabled-text-color);\n}\n.multiWrapper_c4533d5c6a {\n  padding: var(--space-4) 0 var(--space-4) var(--space-8);\n  width: 100%;\n}\n.actionsWrapper_66a989d427 {\n  padding: 0 var(--space-4);\n}");export{e as default};
 //# sourceMappingURL=Trigger.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import{getTestId as e,ComponentDefaultTestId as o}from"../../tests/testIds.js";import s,{forwardRef as r}from"react";import i from"./EditableHeading.module.scss.js";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as p}from"es-toolkit";import m from"../EditableTypography/EditableTypography.js";import{ComponentVibeId as d}from"../../tests/constants.js";import n from"../../../components/typography/dist/Heading/Heading.js";var l=r((function(r,l){var f=r.type,y=void 0===f?"h1":f,g=r.weight,E=void 0===g?"normal":g,c=r.id,h=r["data-testid"],j=t(r,["type","weight","id","data-testid"]);return s.createElement(m,Object.assign({ref:l,"data-testid":h||e(o.EDITABLE_HEADING,c),"data-vibe":d.EDITABLE_HEADING,component:n,typographyClassName:a(i,p(y+"-"+E)),type:y,weight:E},j))}));export{l as default};
+import{__rest as t}from"../../../_virtual/_tslib.js";import{getTestId as e,ComponentDefaultTestId as s}from"../../tests/testIds.js";import o,{forwardRef as i}from"react";import r from"./EditableHeading.module.scss.js";import{camelCase as a}from"es-toolkit";import p from"../EditableTypography/EditableTypography.js";import{ComponentVibeId as d}from"../../tests/constants.js";import m from"../../../components/typography/dist/Heading/Heading.js";import{getStyle as n}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var l=i((function(i,l){var f=i.type,y=void 0===f?"h1":f,g=i.weight,E=void 0===g?"normal":g,c=i.id,h=i["data-testid"],j=t(i,["type","weight","id","data-testid"]);return o.createElement(p,Object.assign({ref:l,"data-testid":h||e(s.EDITABLE_HEADING,c),"data-vibe":d.EDITABLE_HEADING,component:m,typographyClassName:n(r,a(y+"-"+E)),type:y,weight:E},j))}));export{l as default};
 //# sourceMappingURL=EditableHeading.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EditableHeading.js","sources":["../../../../src/components/EditableHeading/EditableHeading.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport { Heading, type HeadingType, type HeadingWeight } from \"@vibe/typography\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./EditableHeading.module.scss\";\nimport { getStyle } from \"~~../../helpers~~/~~typesciptCssModulesHelper~~\";\nimport { camelCase } from \"es-toolkit\";\nimport EditableTypography, {\n type EditableTypographyImplementationProps\n} from \"../EditableTypography/EditableTypography\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface EditableHeadingProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /*\n The type of the heading element.\n /\n type?: HeadingType;\n /\n The font weight of the heading.\n */\n weight?: HeadingWeight;\n}\n\nconst EditableHeading = forwardRef(\n (\n { type = \"h1\", weight = \"normal\", id, \"data-testid\": dataTestId, ...editableTypographyProps }: EditableHeadingProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n return (\n <EditableTypography\n ref={ref}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EDITABLE_HEADING, id)}\n data-vibe={ComponentVibeId.EDITABLE_HEADING}\n component={Heading}\n typographyClassName={getStyle(styles, camelCase(type + \"-\" + weight))}\n type={type}\n weight={weight}\n {...editableTypographyProps}\n />\n );\n }\n);\n\nexport default EditableHeading;\n"],"names":["EditableHeading","forwardRef","_a","ref","_a$type","type","_a$weight","weight","id","dataTestId","editableTypographyProps","__rest","React","createElement","EditableTypography","Object","assign","getTestId","ComponentDefaultTestId","EDITABLE_HEADING","ComponentVibeId","component","Heading","typographyClassName","getStyle","styles","camelCase"],"mappings":"~~mgBAuBMA~~,IAAAA,EAAkBC,GACtB,SACEC,EACAC,GADA,IAAAC,EAA+DF,EAA7DG,KAAAA,OAAO,IAAHD,EAAG,KAAIA,EAAAE,EAAkDJ,EAAhDK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAEE,EAA6BN,EAA7BM,GAAmBC,EAAUP,EAAzB,eAA8BQ,EAAuBC,EAAAT,EAA3F,sCAGA,OACEU,EAACC,cAAAC,EACCC,OAAAC,OAAA,CAAAb,IAAKA,EAAG,cACKM,GAAcQ,EAAUC,EAAuBC,iBAAkBX,GAAG,YACtEY,EAAgBD,iBAC3BE,UAAWC,EACXC,oBAAqBC,EAASC,EAAQC,EAAUrB,EAAO,IAAME,IAC7DF,KAAMA,EACNE,OAAQA,GACJG,GAGV"}
1	+ {"version":3,"file":"EditableHeading.js","sources":["../../../../src/components/EditableHeading/EditableHeading.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport { Heading, type HeadingType, type HeadingWeight } from \"@vibe/typography\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./EditableHeading.module.scss\";\nimport { getStyle } from \"@vibe/shared\";\nimport { camelCase } from \"es-toolkit\";\nimport EditableTypography, {\n type EditableTypographyImplementationProps\n} from \"../EditableTypography/EditableTypography\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface EditableHeadingProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /*\n The type of the heading element.\n /\n type?: HeadingType;\n /\n The font weight of the heading.\n */\n weight?: HeadingWeight;\n}\n\nconst EditableHeading = forwardRef(\n (\n { type = \"h1\", weight = \"normal\", id, \"data-testid\": dataTestId, ...editableTypographyProps }: EditableHeadingProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n return (\n <EditableTypography\n ref={ref}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EDITABLE_HEADING, id)}\n data-vibe={ComponentVibeId.EDITABLE_HEADING}\n component={Heading}\n typographyClassName={getStyle(styles, camelCase(type + \"-\" + weight))}\n type={type}\n weight={weight}\n {...editableTypographyProps}\n />\n );\n }\n);\n\nexport default EditableHeading;\n"],"names":["EditableHeading","forwardRef","_a","ref","_a$type","type","_a$weight","weight","id","dataTestId","editableTypographyProps","__rest","React","createElement","EditableTypography","Object","assign","getTestId","ComponentDefaultTestId","EDITABLE_HEADING","ComponentVibeId","component","Heading","typographyClassName","getStyle","styles","camelCase"],"mappings":"ghBAuBMA,IAAAA,EAAkBC,GACtB,SACEC,EACAC,GADA,IAAAC,EAA+DF,EAA7DG,KAAAA,OAAO,IAAHD,EAAG,KAAIA,EAAAE,EAAkDJ,EAAhDK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAEE,EAA6BN,EAA7BM,GAAmBC,EAAUP,EAAzB,eAA8BQ,EAAuBC,EAAAT,EAA3F,sCAGA,OACEU,EAACC,cAAAC,EACCC,OAAAC,OAAA,CAAAb,IAAKA,EAAG,cACKM,GAAcQ,EAAUC,EAAuBC,iBAAkBX,GAAG,YACtEY,EAAgBD,iBAC3BE,UAAWC,EACXC,oBAAqBC,EAASC,EAAQC,EAAUrB,EAAO,IAAME,IAC7DF,KAAMA,EACNE,OAAQA,GACJG,GAGV"}

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

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold_964fded71e",h1Medium:"h1Medium_d2cc3c2874",h1Normal:"h1Normal_ded52f854d",h1Light:"h1Light_dd905b113e",h2Bold:"h2Bold_8be3e39657",h2Medium:"h2Medium_f15e732931",h2Normal:"h2Normal_d2327ce508",h2Light:"h2Light_2177a3b280",h3Bold:"h3Bold_c5cc0e3251",h3Medium:"h3Medium_2154bae409",h3Normal:"h3Normal_0444cc772c",h3Light:"h3Light_e780d141c3"};!function(n){const o="s_id-6e5330892778_4_0_0-beta_0";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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.h1Bold_964fded71e {\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.h1Medium_d2cc3c2874 {\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.h1Normal_ded52f854d {\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.h1Light_dd905b113e {\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.h2Bold_8be3e39657 {\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.h2Medium_f15e732931 {\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.h2Normal_d2327ce508 {\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.h2Light_2177a3b280 {\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.h3Bold_c5cc0e3251 {\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.h3Medium_2154bae409 {\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.h3Normal_0444cc772c {\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.h3Light_e780d141c3 {\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_625ac07531",h1Medium:"h1Medium_1d320b1940",h1Normal:"h1Normal_a632014923",h1Light:"h1Light_3ef7b3cd21",h2Bold:"h2Bold_9dd00ebfc7",h2Medium:"h2Medium_9ead341fa8",h2Normal:"h2Normal_d415337e9a",h2Light:"h2Light_6ee06999e0",h3Bold:"h3Bold_0de84cf946",h3Medium:"h3Medium_2202ee24cd",h3Normal:"h3Normal_3936114684",h3Light:"h3Light_9f5237b1ea"};!function(n){const o="s_id-6e5330892778_4_0_0";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)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.h1Bold_625ac07531 {\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.h1Medium_1d320b1940 {\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.h1Normal_a632014923 {\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.h1Light_3ef7b3cd21 {\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.h2Bold_9dd00ebfc7 {\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.h2Medium_9ead341fa8 {\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.h2Normal_d415337e9a {\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.h2Light_6ee06999e0 {\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.h3Bold_0de84cf946 {\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.h3Medium_2202ee24cd {\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.h3Normal_3936114684 {\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.h3Light_9f5237b1ea {\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.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import{getTestId as e,ComponentDefaultTestId as i}from"../../tests/testIds.js";import o,{forwardRef as r}from"react";import s from"./EditableText.module.scss.js";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{camelCase as m}from"es-toolkit";import p from"../EditableTypography/EditableTypography.js";import l from"classnames";import d from"../../../components/typography/dist/Text/Text.js";var n=r((function(r,n){var y=r.type,f=void 0===y?"text2":y,c=r.weight,g=void 0===c?"normal":c,h=r["data-testid"],u=r.id,T=r.multiline,b=t(r,["type","weight","data-testid","id","multiline"]);return o.createElement(p,Object.assign({className:s.editableText,ref:n,"data-testid":h||e(i.EDITABLE_TEXT,u),component:d,typographyClassName:l(a(s,m(f+"-"+g)),s.typography),clearable:!0,type:f,weight:g,multiline:T},b))}));export{n as default};
+import{__rest as t}from"../../../_virtual/_tslib.js";import{getTestId as e,ComponentDefaultTestId as i}from"../../tests/testIds.js";import s,{forwardRef as o}from"react";import r from"./EditableText.module.scss.js";import{camelCase as a}from"es-toolkit";import m from"../EditableTypography/EditableTypography.js";import p from"classnames";import l from"../../../components/typography/dist/Text/Text.js";import{getStyle as d}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var n=o((function(o,n){var y=o.type,f=void 0===y?"text2":y,c=o.weight,u=void 0===c?"normal":c,g=o["data-testid"],h=o.id,T=o.multiline,b=t(o,["type","weight","data-testid","id","multiline"]);return s.createElement(m,Object.assign({className:r.editableText,ref:n,"data-testid":g||e(i.EDITABLE_TEXT,h),component:l,typographyClassName:p(d(r,a(f+"-"+u)),r.typography),clearable:!0,type:f,weight:u,multiline:T},b))}));export{n as default};
 //# sourceMappingURL=EditableText.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EditableText.js","sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./EditableText.module.scss\";\nimport { getStyle } from \"~~../../helpers~~/~~typesciptCssModulesHelper~~\";\nimport { camelCase } from \"es-toolkit\";\nimport EditableTypography, {\n type EditableTypographyImplementationProps\n} from \"../EditableTypography/EditableTypography\";\nimport { Text, type TextType, type TextWeight } from \"@vibe/typography\";\nimport cx from \"classnames\";\n\nexport interface EditableTextProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /*\n The text style variant.\n /\n type?: TextType;\n /\n The font weight of the text.\n /\n weight?: TextWeight;\n /\n If true, enables editing multiple lines of text.\n */\n multiline?: boolean;\n}\n\nconst EditableText = forwardRef(\n (\n {\n type = \"text2\",\n weight = \"normal\",\n \"data-testid\": dataTestId,\n id,\n multiline,\n ...editableTypographyProps\n }: EditableTextProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n return (\n <EditableTypography\n className={styles.editableText}\n ref={ref}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EDITABLE_TEXT, id)}\n component={Text}\n typographyClassName={cx(getStyle(styles, camelCase(type + \"-\" + weight)), styles.typography)}\n clearable\n type={type}\n weight={weight}\n multiline={multiline}\n {...editableTypographyProps}\n />\n );\n }\n);\n\nexport default EditableText;\n"],"names":["EditableText","forwardRef","_a","ref","type","_a$type","_a$weight","weight","dataTestId","id","multiline","editableTypographyProps","__rest","React","createElement","EditableTypography","Object","assign","className","styles","editableText","getTestId","ComponentDefaultTestId","EDITABLE_TEXT","component","Text","typographyClassName","cx","getStyle","camelCase","typography","clearable"],"mappings":"~~ydA2BMA~~,IAAAA,EAAeC,GACnB,SACEC,EAQAC,SAHWD,EAJTE,KAAAA,OAAO,IAAHC,EAAG,QAAOA,EAAAC,EAILJ,EAHTK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EACFE,EAENN,EAFT,eACAO,EACSP,EADTO,GACAC,EAASR,EAATQ,UACGC,EAAuBC,EAAAV,EAN5B,kDAUA,OACEW,EAAAC,cAACC,EAAkBC,OAAAC,OAAA,CACjBC,UAAWC,EAAOC,aAClBjB,IAAKA,gBACQK,GAAca,EAAUC,EAAuBC,cAAed,GAC3Ee,UAAWC,EACXC,oBAAqBC,EAAGC,EAAST,EAAQU,EAAUzB,EAAO,IAAMG,IAAUY,EAAOW,YACjFC,WAAS,EACT3B,KAAMA,EACNG,OAAQA,EACRG,UAAWA,GACPC,GAGV"}
1	+ {"version":3,"file":"EditableText.js","sources":["../../../../src/components/EditableText/EditableText.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport React, { forwardRef } from \"react\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./EditableText.module.scss\";\nimport { getStyle } from \"@vibe/shared\";\nimport { camelCase } from \"es-toolkit\";\nimport EditableTypography, {\n type EditableTypographyImplementationProps\n} from \"../EditableTypography/EditableTypography\";\nimport { Text, type TextType, type TextWeight } from \"@vibe/typography\";\nimport cx from \"classnames\";\n\nexport interface EditableTextProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /*\n The text style variant.\n /\n type?: TextType;\n /\n The font weight of the text.\n /\n weight?: TextWeight;\n /\n If true, enables editing multiple lines of text.\n */\n multiline?: boolean;\n}\n\nconst EditableText = forwardRef(\n (\n {\n type = \"text2\",\n weight = \"normal\",\n \"data-testid\": dataTestId,\n id,\n multiline,\n ...editableTypographyProps\n }: EditableTextProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n return (\n <EditableTypography\n className={styles.editableText}\n ref={ref}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EDITABLE_TEXT, id)}\n component={Text}\n typographyClassName={cx(getStyle(styles, camelCase(type + \"-\" + weight)), styles.typography)}\n clearable\n type={type}\n weight={weight}\n multiline={multiline}\n {...editableTypographyProps}\n />\n );\n }\n);\n\nexport default EditableText;\n"],"names":["EditableText","forwardRef","_a","ref","type","_a$type","_a$weight","weight","dataTestId","id","multiline","editableTypographyProps","__rest","React","createElement","EditableTypography","Object","assign","className","styles","editableText","getTestId","ComponentDefaultTestId","EDITABLE_TEXT","component","Text","typographyClassName","cx","getStyle","camelCase","typography","clearable"],"mappings":"seA2BMA,IAAAA,EAAeC,GACnB,SACEC,EAQAC,SAHWD,EAJTE,KAAAA,OAAO,IAAHC,EAAG,QAAOA,EAAAC,EAILJ,EAHTK,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EACFE,EAENN,EAFT,eACAO,EACSP,EADTO,GACAC,EAASR,EAATQ,UACGC,EAAuBC,EAAAV,EAN5B,kDAUA,OACEW,EAAAC,cAACC,EAAkBC,OAAAC,OAAA,CACjBC,UAAWC,EAAOC,aAClBjB,IAAKA,gBACQK,GAAca,EAAUC,EAAuBC,cAAed,GAC3Ee,UAAWC,EACXC,oBAAqBC,EAAGC,EAAST,EAAQU,EAAUzB,EAAO,IAAMG,IAAUY,EAAOW,YACjFC,WAAS,EACT3B,KAAMA,EACNG,OAAQA,EACRG,UAAWA,GACPC,GAGV"}

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

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_31e50165dd",text1Medium:"text1Medium_ed71713a63",text1Normal:"text1Normal_3c95b982c4",text2Bold:"text2Bold_abadb673b7",text2Medium:"text2Medium_999176c5ec",text2Normal:"text2Normal_4727cdaa61",text3Bold:"text3Bold_ab555f4eb7",text3Medium:"text3Medium_b9240da4ab",text3Normal:"text3Normal_23a232ca7c",editableText:"editableText_80f10c47cf",typography:"typography_6801ea032a"};!function(t){const e="s_id-9c016e638d33_4_0_0-beta_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.text1Bold_31e50165dd {\n  font: var(--font-text1-bold);\n}\n.text1Medium_ed71713a63 {\n  font: var(--font-text1-medium);\n}\n.text1Normal_3c95b982c4 {\n  font: var(--font-text1-normal);\n}\n.text2Bold_abadb673b7 {\n  font: var(--font-text2-bold);\n}\n.text2Medium_999176c5ec {\n  font: var(--font-text2-medium);\n}\n.text2Normal_4727cdaa61 {\n  font: var(--font-text2-normal);\n}\n.text3Bold_ab555f4eb7 {\n  font: var(--font-text3-bold);\n}\n.text3Medium_b9240da4ab {\n  font: var(--font-text3-medium);\n}\n.text3Normal_23a232ca7c {\n  font: var(--font-text3-normal);\n}\n.editableText_80f10c47cf .typography_6801ea032a {\n  min-width: 56px;\n}");export{t as default};
+var t={text1Bold:"text1Bold_cb4d397906",text1Medium:"text1Medium_9b7474ac86",text1Normal:"text1Normal_5c1cab088f",text2Bold:"text2Bold_b1fcc7b3fd",text2Medium:"text2Medium_c727d2e38e",text2Normal:"text2Normal_a0ca1ba2b1",text3Bold:"text3Bold_b86a428d62",text3Medium:"text3Medium_3f306c5c31",text3Normal:"text3Normal_01bfa0ccc4",editableText:"editableText_69503087ea",typography:"typography_c98b0ed428"};!function(t){const e="s_id-9c016e638d33_4_0_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}("/* stylelint-disable */\n/* stylelint-enable */\n/* stylelint-disable */\n/* stylelint-enable */\n.text1Bold_cb4d397906 {\n  font: var(--font-text1-bold);\n}\n.text1Medium_9b7474ac86 {\n  font: var(--font-text1-medium);\n}\n.text1Normal_5c1cab088f {\n  font: var(--font-text1-normal);\n}\n.text2Bold_b1fcc7b3fd {\n  font: var(--font-text2-bold);\n}\n.text2Medium_c727d2e38e {\n  font: var(--font-text2-medium);\n}\n.text2Normal_a0ca1ba2b1 {\n  font: var(--font-text2-normal);\n}\n.text3Bold_b86a428d62 {\n  font: var(--font-text3-bold);\n}\n.text3Medium_3f306c5c31 {\n  font: var(--font-text3-medium);\n}\n.text3Normal_01bfa0ccc4 {\n  font: var(--font-text3-normal);\n}\n.editableText_69503087ea .typography_c98b0ed428 {\n  min-width: 56px;\n}");export{t as default};
 //# sourceMappingURL=EditableText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as n,useRef as l,useState as r,useEffect as a}from"react";import i from"classnames";import s from"../../hooks/useMergeRef.js";import u from"./EditableTypography.module.scss.js";import{keyCodes as c}from"../../constants/keyCodes.js";import"../../constants/sizes.js";import p from"../../hooks/usePrevious/index.js";import d from"../../hooks/ssr/useIsomorphicLayoutEffect.js";import{useKeyboardButtonPressedFunc as f}from"../../../shared/dist/hooks/useKeyboardButtonPressedFunc.js";var m=n((function(n,m){var v=n.id,h=n.className,y=n["data-testid"],g=n.value,E=n.onChange,b=n.onClick,P=n.onKeyDown,C=n.readOnly,x=void 0!==C&&C,k=n["aria-label"],w=void 0===k?"":k,j=n.placeholder,D=n.clearable,N=n.typographyClassName,K=n.component,B=n.isEditMode,T=n.autoSelectTextOnEditMode,M=n.onEditModeChange,R=n.tooltipProps,S=n.type,A=n.weight,H=n.multiline,I=void 0!==H&&H,O=l(null),_=s(m,O),z=r(B||!1),F=e(z,2),L=F[0],q=F[1],G=r(g),J=e(G,2),Q=J[0],U=J[1],V=p(g),W=l(null),X=l(null);function Y(e){x||L||(e.preventDefault(),Z(!0))}function Z(e){null==M||M(e),q(e)}function $(){(Z(!1),g!==Q)&&(Q||D&&j?(U(Q),null==E||E(Q)):U(g))}function ee(){$()}function te(e){if(!e.nativeEvent.isComposing){if(e.key===c.ENTER){if(I&&e.shiftKey)return;e.preventDefault(),e.stopPropagation(),$()}e.key===c.ESCAPE&&(e.preventDefault(),e.stopPropagation(),Z(!1),U(g)),null==P||P(e)}}function oe(e){U(e.target.value)}a((function(){L||g===V||g===Q||U(g)}),[V,L,g,Q]),a((function(){q(B)}),[B]);var ne=f(Y);return a((function(){var e,t;L&&(!function(){var e,t;if(null===(t=null===(e=W.current)||void 0===e?void 0:e.focus)||void 0===t||t.call(e),W.current){var o=W.current,n=o.value.length;o.setSelectionRange(n,n)}}(),T&&(null===(t=null===(e=W.current)||void 0===e?void 0:e.select)||void 0===t||t.call(e)))}),[T,L]),d((function(){var e;if(X.current){var t=X.current.getBoundingClientRect();if(null===(e=null==W?void 0:W.current)||void 0===e||e.style.setProperty("--input-width","".concat(t.width,"px")),I){var o=null==W?void 0:W.current;null==o||o.style.setProperty("--input-height","auto"),null==o||o.style.setProperty("--input-height","".concat(o.scrollHeight+2,"px"))}}}),[Q,L]),o.createElement("div",{ref:_,id:v,"aria-label":w,"data-testid":y,className:i(u.editableTypography,h),role:L?null:"button",onClick:function(e){null==b||b(e),Y(e)},onKeyDown:ne},L&&(I?o.createElement("textarea",{ref:W,className:i(u.textarea,N),value:Q,onChange:oe,onKeyDown:te,onBlur:ee,"aria-label":w,placeholder:j,role:"textbox",rows:1}):o.createElement("input",{ref:W,className:i(u.input,N),value:Q,onChange:oe,onKeyDown:te,onBlur:ee,"aria-label":w,placeholder:j,role:"input"})),o.createElement(K,{ref:X,"aria-hidden":L,className:i(u.typography,N,t(t(t(t({},u.hidden,L),u.disabled,x),u.placeholder,!Q&&j),u.multiline,!L&&I)),tabIndex:0,tooltipProps:R,weight:A,type:S,ellipsis:!I},Q||j))}));export{m as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o,{forwardRef as n,useRef as l,useState as r,useEffect as a}from"react";import i from"classnames";import s from"./EditableTypography.module.scss.js";import{keyCodes as u}from"../../constants/keyCodes.js";import"../../constants/sizes.js";import c from"../../hooks/usePrevious/index.js";import{useMergeRef as d}from"../../../shared/dist/hooks/useMergeRef.js";import{useKeyboardButtonPressedFunc as p}from"../../../shared/dist/hooks/useKeyboardButtonPressedFunc.js";import{useIsomorphicLayoutEffect as f}from"../../../shared/dist/hooks/ssr/useIsomorphicLayoutEffect.js";var m=n((function(n,m){var v=n.id,h=n.className,y=n["data-testid"],g=n.value,E=n.onChange,b=n.onClick,P=n.onKeyDown,C=n.readOnly,x=void 0!==C&&C,k=n["aria-label"],w=void 0===k?"":k,j=n.placeholder,D=n.clearable,N=n.typographyClassName,K=n.component,B=n.isEditMode,T=n.autoSelectTextOnEditMode,M=n.onEditModeChange,R=n.tooltipProps,S=n.type,A=n.weight,H=n.multiline,I=void 0!==H&&H,O=l(null),_=d(m,O),z=r(B||!1),F=e(z,2),L=F[0],q=F[1],G=r(g),J=e(G,2),Q=J[0],U=J[1],V=c(g),W=l(null),X=l(null);function Y(e){x||L||(e.preventDefault(),Z(!0))}function Z(e){null==M||M(e),q(e)}function $(){(Z(!1),g!==Q)&&(Q||D&&j?(U(Q),null==E||E(Q)):U(g))}function ee(){$()}function te(e){if(!e.nativeEvent.isComposing){if(e.key===u.ENTER){if(I&&e.shiftKey)return;e.preventDefault(),e.stopPropagation(),$()}e.key===u.ESCAPE&&(e.preventDefault(),e.stopPropagation(),Z(!1),U(g)),null==P||P(e)}}function oe(e){U(e.target.value)}a((function(){L||g===V||g===Q||U(g)}),[V,L,g,Q]),a((function(){q(B)}),[B]);var ne=p(Y);return a((function(){var e,t;L&&(!function(){var e,t;if(null===(t=null===(e=W.current)||void 0===e?void 0:e.focus)||void 0===t||t.call(e),W.current){var o=W.current,n=o.value.length;o.setSelectionRange(n,n)}}(),T&&(null===(t=null===(e=W.current)||void 0===e?void 0:e.select)||void 0===t||t.call(e)))}),[T,L]),f((function(){var e;if(X.current){var t=X.current.getBoundingClientRect();if(null===(e=null==W?void 0:W.current)||void 0===e||e.style.setProperty("--input-width","".concat(t.width,"px")),I){var o=null==W?void 0:W.current;null==o||o.style.setProperty("--input-height","auto"),null==o||o.style.setProperty("--input-height","".concat(o.scrollHeight+2,"px"))}}}),[Q,L]),o.createElement("div",{ref:_,id:v,"aria-label":w,"data-testid":y,className:i(s.editableTypography,h),role:L?null:"button",onClick:function(e){null==b||b(e),Y(e)},onKeyDown:ne},L&&(I?o.createElement("textarea",{ref:W,className:i(s.textarea,N),value:Q,onChange:oe,onKeyDown:te,onBlur:ee,"aria-label":w,placeholder:j,role:"textbox",rows:1}):o.createElement("input",{ref:W,className:i(s.input,N),value:Q,onChange:oe,onKeyDown:te,onBlur:ee,"aria-label":w,placeholder:j,role:"input"})),o.createElement(K,{ref:X,"aria-hidden":L,className:i(s.typography,N,t(t(t(t({},s.hidden,L),s.disabled,x),s.placeholder,!Q&&j),s.multiline,!L&&I)),tabIndex:0,tooltipProps:R,weight:A,type:S,ellipsis:!I},Q||j))}));export{m as default};
 //# sourceMappingURL=EditableTypography.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EditableTypography.js","sources":["../../../../src/components/EditableTypography/EditableTypography.tsx"],"sourcesContent":["import React, { type ElementType, forwardRef, useEffect, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./EditableTypography.module.scss\";\nimport { keyCodes } from \"../../constants\";\nimport { useKeyboardButtonPressedFunc } from \"@vibe/shared\";\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport { type TextType, type TextWeight } from \"@vibe/typography\";\nimport { type HeadingType, type HeadingWeight } from \"@vibe/typography\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\n\nexport interface EditableTypographyImplementationProps {\n /*\n The current value of the text.\n /\n value: string;\n /\n Callback fired when the value changes.\n /\n onChange?: (value: string) => void;\n /\n Callback fired when the component is clicked.\n /\n onClick?: (event: React.KeyboardEvent \| React.MouseEvent) => void;\n /\n Callback fired when a key is pressed inside the input/textarea element.\n /\n onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement \| HTMLTextAreaElement>) => void;\n /\n If true, the text is read-only and cannot be edited.\n /\n readOnly?: boolean;\n /\n Placeholder text displayed when the value is empty.\n /\n placeholder?: string;\n /\n The label of the component for accessibility.\n /\n \"aria-label\"?: string;\n /\n Controls whether the component is in edit mode.\n /\n isEditMode?: boolean;\n /\n If true, automatically selects all text when entering edit mode.\n /\n autoSelectTextOnEditMode?: boolean;\n /\n Callback fired when the edit mode changes.\n /\n onEditModeChange?: (isEditMode: boolean) => void;\n /\n Props to customize the tooltip.\n /\n tooltipProps?: Partial<TooltipProps>;\n}\n\nexport interface EditableTypographyProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /\n The typography component used in view mode.\n /\n component: ElementType;\n /\n Class name applied to the typography component.\n /\n typographyClassName: string;\n /\n If true, shows the placeholder when empty.\n /\n clearable?: boolean;\n /\n The text or heading type.\n /\n type?: TextType \| HeadingType;\n /\n The text or heading weight.\n /\n weight?: TextWeight \| HeadingWeight;\n /\n If true, enables multi-line editing.\n */\n multiline?: boolean;\n}\n\nconst PADDING_OFFSET = 2;\n\nconst EditableTypography = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n value,\n onChange,\n onClick,\n onKeyDown,\n readOnly = false,\n \"aria-label\": ariaLabel = \"\",\n placeholder,\n clearable,\n typographyClassName,\n component: TypographyComponent,\n isEditMode,\n autoSelectTextOnEditMode,\n onEditModeChange,\n tooltipProps,\n type,\n weight,\n multiline = false\n }: EditableTypographyProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isEditing, setIsEditing] = useState(isEditMode \|\| false);\n const [inputValue, setInputValue] = useState(value);\n\n const prevValue = usePrevious(value);\n\n const inputRef = useRef(null);\n const typographyRef = useRef(null);\n\n useEffect(() => {\n if (!isEditing && value !== prevValue && value !== inputValue) {\n setInputValue(value);\n }\n }, [prevValue, isEditing, value, inputValue]);\n\n useEffect(() => {\n setIsEditing(isEditMode);\n }, [isEditMode]);\n\n function onTypographyClick(event: React.KeyboardEvent \| React.MouseEvent) {\n onClick?.(event);\n toggleEditMode(event);\n }\n\n function toggleEditMode(event: React.KeyboardEvent \| React.MouseEvent) {\n if (readOnly \|\| isEditing) {\n return;\n }\n event.preventDefault();\n handleEditModeChange(true);\n }\n\n function handleEditModeChange(value: boolean) {\n onEditModeChange?.(value);\n setIsEditing(value);\n }\n\n function handleInputValueChange() {\n handleEditModeChange(false);\n\n if (value === inputValue) {\n return;\n }\n\n const shouldShowPlaceholderWhenEmpty = clearable && placeholder;\n if (!inputValue && !shouldShowPlaceholderWhenEmpty) {\n setInputValue(value);\n return;\n }\n setInputValue(inputValue);\n onChange?.(inputValue);\n }\n\n function handleBlur() {\n handleInputValueChange();\n }\n\n function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement \| HTMLTextAreaElement>) {\n if (event.nativeEvent.isComposing) {\n return;\n }\n\n if (event.key === keyCodes.ENTER) {\n if (multiline && event.shiftKey) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n handleInputValueChange();\n }\n if (event.key === keyCodes.ESCAPE) {\n event.preventDefault();\n event.stopPropagation();\n handleEditModeChange(false);\n setInputValue(value);\n }\n\n onKeyDown?.(event);\n }\n\n function handleChange(event: React.ChangeEvent<HTMLInputElement \| HTMLTextAreaElement>) {\n setInputValue(event.target.value);\n }\n\n const toggleKeyboardEditMode = useKeyboardButtonPressedFunc(toggleEditMode);\n\n function focus() {\n inputRef.current?.focus?.();\n\n if (inputRef.current) {\n const inputElement = inputRef.current as HTMLInputElement \| HTMLTextAreaElement;\n const textLength = inputElement.value.length;\n inputElement.setSelectionRange(textLength, textLength);\n }\n }\n\n function selectAllInputText() {\n inputRef.current?.select?.();\n }\n\n useEffect(() => {\n if (!isEditing) return;\n focus();\n if (autoSelectTextOnEditMode) {\n selectAllInputText();\n }\n }, [autoSelectTextOnEditMode, isEditing]);\n\n useIsomorphicLayoutEffect(() => {\n if (!typographyRef.current) {\n return;\n }\n\n const { width } = typographyRef.current.getBoundingClientRect();\n inputRef?.current?.style.setProperty(\"--input-width\", `${width}px`);\n\n if (multiline) {\n const textareaElement = inputRef?.current as HTMLTextAreaElement;\n textareaElement?.style.setProperty(\"--input-height\", \"auto\");\n textareaElement?.style.setProperty(\"--input-height\", `${textareaElement.scrollHeight + PADDING_OFFSET}px`);\n }\n }, [inputValue, isEditing]);\n\n return (\n <div\n ref={mergedRef}\n id={id}\n aria-label={ariaLabel}\n data-testid={dataTestId}\n className={cx(styles.editableTypography, className)}\n role={isEditing ? null : \"button\"}\n onClick={onTypographyClick}\n onKeyDown={toggleKeyboardEditMode}\n >\n {isEditing &&\n (multiline ? (\n <textarea\n ref={inputRef}\n className={cx(styles.textarea, typographyClassName)}\n value={inputValue}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n aria-label={ariaLabel}\n placeholder={placeholder}\n role=\"textbox\"\n rows={1}\n />\n ) : (\n <input\n ref={inputRef}\n className={cx(styles.input, typographyClassName)}\n value={inputValue}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n aria-label={ariaLabel}\n placeholder={placeholder}\n role=\"input\"\n />\n ))}\n <TypographyComponent\n ref={typographyRef}\n aria-hidden={isEditing}\n className={cx(styles.typography, typographyClassName, {\n [styles.hidden]: isEditing,\n [styles.disabled]: readOnly,\n [styles.placeholder]: !inputValue && placeholder,\n [styles.multiline]: !isEditing && multiline\n })}\n tabIndex={0}\n tooltipProps={tooltipProps}\n weight={weight}\n type={type}\n ellipsis={!multiline}\n >\n {inputValue \|\| placeholder}\n </TypographyComponent>\n </div>\n );\n }\n);\n\nexport default EditableTypography;\n"],"names":["EditableTypography","forwardRef","_ref","ref","id","className","dataTestId","value","onChange","onClick","onKeyDown","_ref$readOnly","readOnly","_ref$ariaLabel","ariaLabel","placeholder","clearable","typographyClassName","TypographyComponent","component","isEditMode","autoSelectTextOnEditMode","onEditModeChange","tooltipProps","type","weight","_ref$multiline","multiline","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_useState3","_useState4","inputValue","setInputValue","prevValue","usePrevious","inputRef","typographyRef","toggleEditMode","event","preventDefault","handleEditModeChange","handleInputValueChange","handleBlur","handleKeyDown","nativeEvent","isComposing","key","keyCodes","ENTER","shiftKey","stopPropagation","ESCAPE","handleChange","target","useEffect","toggleKeyboardEditMode","useKeyboardButtonPressedFunc","_b","current","_a","focus","inputElement","textLength","length","setSelectionRange","select","useIsomorphicLayoutEffect","_typographyRef$curren","getBoundingClientRect","style","setProperty","concat","width","textareaElement","scrollHeight","React","createElement","cx","styles","editableTypography","role","textarea","onBlur","rows","input","typography","_defineProperty","hidden","disabled","tabIndex","ellipsis"],"mappings":"ulBAuFA,IAEMA,EAAqBC,GACzB,SAAAC,EAuBEC,GACE,IAtBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAKL,EAALK,MACAC,EAAQN,EAARM,SACAC,EAAOP,EAAPO,QACAC,EAASR,EAATQ,UAASC,EAAAT,EACTU,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAX,EAChB,cAAcY,OAAY,IAAHD,EAAG,GAAEA,EAC5BE,EAAWb,EAAXa,YACAC,EAASd,EAATc,UACAC,EAAmBf,EAAnBe,oBACWC,EAAmBhB,EAA9BiB,UACAC,EAAUlB,EAAVkB,WACAC,EAAwBnB,EAAxBmB,yBACAC,EAAgBpB,EAAhBoB,iBACAC,EAAYrB,EAAZqB,aACAC,EAAItB,EAAJsB,KACAC,EAAMvB,EAANuB,OAAMC,EAAAxB,EACNyB,UAAAA,OAAY,IAAHD,GAAQA,EAIbE,EAAeC,EAAO,MACtBC,EAAYC,EAAY5B,EAAKyB,GAEnCI,EAAkCC,EAASb,IAAc,GAAMc,EAAAC,EAAAH,EAAA,GAAxDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAAoCL,EAAS1B,GAAMgC,EAAAJ,EAAAG,EAAA,GAA5CE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAE1BG,EAAYC,EAAYpC,GAExBqC,EAAWf,EAAO,MAClBgB,EAAgBhB,EAAO,MAiB7B,SAASiB,EAAeC,GAClBnC,GAAYwB,IAGhBW,EAAMC,iBACNC,GAAqB,GACvB,CAEA,SAASA,EAAqB1C,GAC5Be,SAAAA,EAAmBf,GACnB8B,EAAa9B,EACf,CAEA,SAAS2C,KACPD,GAAqB,GAEjB1C,IAAUiC,KAKTA,GADkCxB,GAAaD,GAKpD0B,EAAcD,GACdhC,SAAAA,EAAWgC,IAJTC,EAAclC,GAKlB,CAEA,SAAS4C,KACPD,GACF,CAEA,SAASE,GAAcL,GACrB,IAAIA,EAAMM,YAAYC,YAAtB,CAIA,GAAIP,EAAMQ,MAAQC,EAASC,MAAO,CAChC,GAAI9B,GAAaoB,EAAMW,SACrB,OAGFX,EAAMC,iBACND,EAAMY,kBACNT,GACF,CACIH,EAAMQ,MAAQC,EAASI,SACzBb,EAAMC,iBACND,EAAMY,kBACNV,GAAqB,GACrBR,EAAclC,IAGhBG,SAAAA,EAAYqC,EAlBZ,CAmBF,CAEA,SAASc,GAAad,GACpBN,EAAcM,EAAMe,OAAOvD,MAC7B,CA1EAwD,GAAU,WACH3B,GAAa7B,IAAUmC,GAAanC,IAAUiC,GACjDC,EAAclC,EAEjB,GAAE,CAACmC,EAAWN,EAAW7B,EAAOiC,IAEjCuB,GAAU,WACR1B,EAAajB,EACf,GAAG,CAACA,IAoEJ,IAAM4C,GAAyBC,EAA6BnB,GAuC5D,OAvBAiB,GAAU,WAJV,QAKO3B,KAfP,mBAGE,WAFA8B,EAAkB,UAAlBtB,EAASuB,eAAS,IAAAC,OAAA,EAAAA,EAAAC,8BAEdzB,EAASuB,QAAS,CACpB,IAAMG,EAAe1B,EAASuB,QACxBI,EAAaD,EAAa/D,MAAMiE,OACtCF,EAAaG,kBAAkBF,EAAYA,EAC7C,CACF,CAQEF,GACIhD,YANJ6C,EAAkB,UAAlBtB,EAASuB,eAAS,IAAAC,OAAA,EAAAA,EAAAM,gCASpB,GAAG,CAACrD,EAA0Be,IAE9BuC,GAA0B,iBACxB,GAAK9B,EAAcsB,QAAnB,CAIA,IAAAS,EAAkB/B,EAAcsB,QAAQU,wBAGxC,GAFmB,QAAnBT,EAAAxB,eAAAA,EAAUuB,eAAS,IAAAC,GAAAA,EAAAU,MAAMC,YAAY,gBAAe,GAAAC,OADvCJ,EAALK,aAGJtD,EAAW,CACb,IAAMuD,EAAkBtC,aAAA,EAAAA,EAAUuB,QAClCe,SAAAA,EAAiBJ,MAAMC,YAAY,iBAAkB,QACrDG,SAAAA,EAAiBJ,MAAMC,YAAY,iBAAgB,GAAAC,OAAKE,EAAgBC,aAtJzD,EAsJsF,MACvG,CATA,CAUF,GAAG,CAAC3C,EAAYJ,IAGdgD,EACEC,cAAA,MAAA,CAAAlF,IAAK2B,EACL1B,GAAIA,eACQU,EAAS,cACRR,EACbD,UAAWiF,EAAGC,EAAOC,mBAAoBnF,GACzCoF,KAAMrD,EAAY,KAAO,SACzB3B,QAjHJ,SAA2BsC,GACzBtC,SAAAA,EAAUsC,GACVD,EAAeC,EACjB,EA+GIrC,UAAWsD,IAEV5B,IACET,EACCyD,EACEC,cAAA,WAAA,CAAAlF,IAAKyC,EACLvC,UAAWiF,EAAGC,EAAOG,SAAUzE,GAC/BV,MAAOiC,EACPhC,SAAUqD,GACVnD,UAAW0C,GACXuC,OAAQxC,gBACIrC,EACZC,YAAaA,EACb0E,KAAK,UACLG,KAAM,IAGRR,EACEC,cAAA,QAAA,CAAAlF,IAAKyC,EACLvC,UAAWiF,EAAGC,EAAOM,MAAO5E,GAC5BV,MAAOiC,EACPhC,SAAUqD,GACVnD,UAAW0C,GACXuC,OAAQxC,GAAU,aACNrC,EACZC,YAAaA,EACb0E,KAAK,WAGXL,EAAAC,cAACnE,EACC,CAAAf,IAAK0C,gBACQT,EACb/B,UAAWiF,EAAGC,EAAOO,WAAY7E,EAAmB8E,EAAAA,EAAAA,EAAAA,KACjDR,EAAOS,OAAS5D,GAChBmD,EAAOU,SAAWrF,GAClB2E,EAAOxE,aAAeyB,GAAczB,GACpCwE,EAAO5D,WAAaS,GAAaT,IAEpCuE,SAAU,EACV3E,aAAcA,EACdE,OAAQA,EACRD,KAAMA,EACN2E,UAAWxE,GAEVa,GAAczB,GAIvB"}
1	+ {"version":3,"file":"EditableTypography.js","sources":["../../../../src/components/EditableTypography/EditableTypography.tsx"],"sourcesContent":["import React, { type ElementType, forwardRef, useEffect, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport { useMergeRef, useKeyboardButtonPressedFunc, useIsomorphicLayoutEffect } from \"@vibe/shared\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./EditableTypography.module.scss\";\nimport { keyCodes } from \"../../constants\";\n\nimport { type TooltipProps } from \"@vibe/tooltip\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport { type TextType, type TextWeight } from \"@vibe/typography\";\nimport { type HeadingType, type HeadingWeight } from \"@vibe/typography\";\n\nexport interface EditableTypographyImplementationProps {\n /*\n The current value of the text.\n /\n value: string;\n /\n Callback fired when the value changes.\n /\n onChange?: (value: string) => void;\n /\n Callback fired when the component is clicked.\n /\n onClick?: (event: React.KeyboardEvent \| React.MouseEvent) => void;\n /\n Callback fired when a key is pressed inside the input/textarea element.\n /\n onKeyDown?: (event: React.KeyboardEvent<HTMLInputElement \| HTMLTextAreaElement>) => void;\n /\n If true, the text is read-only and cannot be edited.\n /\n readOnly?: boolean;\n /\n Placeholder text displayed when the value is empty.\n /\n placeholder?: string;\n /\n The label of the component for accessibility.\n /\n \"aria-label\"?: string;\n /\n Controls whether the component is in edit mode.\n /\n isEditMode?: boolean;\n /\n If true, automatically selects all text when entering edit mode.\n /\n autoSelectTextOnEditMode?: boolean;\n /\n Callback fired when the edit mode changes.\n /\n onEditModeChange?: (isEditMode: boolean) => void;\n /\n Props to customize the tooltip.\n /\n tooltipProps?: Partial<TooltipProps>;\n}\n\nexport interface EditableTypographyProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /\n The typography component used in view mode.\n /\n component: ElementType;\n /\n Class name applied to the typography component.\n /\n typographyClassName: string;\n /\n If true, shows the placeholder when empty.\n /\n clearable?: boolean;\n /\n The text or heading type.\n /\n type?: TextType \| HeadingType;\n /\n The text or heading weight.\n /\n weight?: TextWeight \| HeadingWeight;\n /\n If true, enables multi-line editing.\n */\n multiline?: boolean;\n}\n\nconst PADDING_OFFSET = 2;\n\nconst EditableTypography = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n value,\n onChange,\n onClick,\n onKeyDown,\n readOnly = false,\n \"aria-label\": ariaLabel = \"\",\n placeholder,\n clearable,\n typographyClassName,\n component: TypographyComponent,\n isEditMode,\n autoSelectTextOnEditMode,\n onEditModeChange,\n tooltipProps,\n type,\n weight,\n multiline = false\n }: EditableTypographyProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isEditing, setIsEditing] = useState(isEditMode \|\| false);\n const [inputValue, setInputValue] = useState(value);\n\n const prevValue = usePrevious(value);\n\n const inputRef = useRef(null);\n const typographyRef = useRef(null);\n\n useEffect(() => {\n if (!isEditing && value !== prevValue && value !== inputValue) {\n setInputValue(value);\n }\n }, [prevValue, isEditing, value, inputValue]);\n\n useEffect(() => {\n setIsEditing(isEditMode);\n }, [isEditMode]);\n\n function onTypographyClick(event: React.KeyboardEvent \| React.MouseEvent) {\n onClick?.(event);\n toggleEditMode(event);\n }\n\n function toggleEditMode(event: React.KeyboardEvent \| React.MouseEvent) {\n if (readOnly \|\| isEditing) {\n return;\n }\n event.preventDefault();\n handleEditModeChange(true);\n }\n\n function handleEditModeChange(value: boolean) {\n onEditModeChange?.(value);\n setIsEditing(value);\n }\n\n function handleInputValueChange() {\n handleEditModeChange(false);\n\n if (value === inputValue) {\n return;\n }\n\n const shouldShowPlaceholderWhenEmpty = clearable && placeholder;\n if (!inputValue && !shouldShowPlaceholderWhenEmpty) {\n setInputValue(value);\n return;\n }\n setInputValue(inputValue);\n onChange?.(inputValue);\n }\n\n function handleBlur() {\n handleInputValueChange();\n }\n\n function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement \| HTMLTextAreaElement>) {\n if (event.nativeEvent.isComposing) {\n return;\n }\n\n if (event.key === keyCodes.ENTER) {\n if (multiline && event.shiftKey) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n handleInputValueChange();\n }\n if (event.key === keyCodes.ESCAPE) {\n event.preventDefault();\n event.stopPropagation();\n handleEditModeChange(false);\n setInputValue(value);\n }\n\n onKeyDown?.(event);\n }\n\n function handleChange(event: React.ChangeEvent<HTMLInputElement \| HTMLTextAreaElement>) {\n setInputValue(event.target.value);\n }\n\n const toggleKeyboardEditMode = useKeyboardButtonPressedFunc(toggleEditMode);\n\n function focus() {\n inputRef.current?.focus?.();\n\n if (inputRef.current) {\n const inputElement = inputRef.current as HTMLInputElement \| HTMLTextAreaElement;\n const textLength = inputElement.value.length;\n inputElement.setSelectionRange(textLength, textLength);\n }\n }\n\n function selectAllInputText() {\n inputRef.current?.select?.();\n }\n\n useEffect(() => {\n if (!isEditing) return;\n focus();\n if (autoSelectTextOnEditMode) {\n selectAllInputText();\n }\n }, [autoSelectTextOnEditMode, isEditing]);\n\n useIsomorphicLayoutEffect(() => {\n if (!typographyRef.current) {\n return;\n }\n\n const { width } = typographyRef.current.getBoundingClientRect();\n inputRef?.current?.style.setProperty(\"--input-width\", `${width}px`);\n\n if (multiline) {\n const textareaElement = inputRef?.current as HTMLTextAreaElement;\n textareaElement?.style.setProperty(\"--input-height\", \"auto\");\n textareaElement?.style.setProperty(\"--input-height\", `${textareaElement.scrollHeight + PADDING_OFFSET}px`);\n }\n }, [inputValue, isEditing]);\n\n return (\n <div\n ref={mergedRef}\n id={id}\n aria-label={ariaLabel}\n data-testid={dataTestId}\n className={cx(styles.editableTypography, className)}\n role={isEditing ? null : \"button\"}\n onClick={onTypographyClick}\n onKeyDown={toggleKeyboardEditMode}\n >\n {isEditing &&\n (multiline ? (\n <textarea\n ref={inputRef}\n className={cx(styles.textarea, typographyClassName)}\n value={inputValue}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n aria-label={ariaLabel}\n placeholder={placeholder}\n role=\"textbox\"\n rows={1}\n />\n ) : (\n <input\n ref={inputRef}\n className={cx(styles.input, typographyClassName)}\n value={inputValue}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n aria-label={ariaLabel}\n placeholder={placeholder}\n role=\"input\"\n />\n ))}\n <TypographyComponent\n ref={typographyRef}\n aria-hidden={isEditing}\n className={cx(styles.typography, typographyClassName, {\n [styles.hidden]: isEditing,\n [styles.disabled]: readOnly,\n [styles.placeholder]: !inputValue && placeholder,\n [styles.multiline]: !isEditing && multiline\n })}\n tabIndex={0}\n tooltipProps={tooltipProps}\n weight={weight}\n type={type}\n ellipsis={!multiline}\n >\n {inputValue \|\| placeholder}\n </TypographyComponent>\n </div>\n );\n }\n);\n\nexport default EditableTypography;\n"],"names":["EditableTypography","forwardRef","_ref","ref","id","className","dataTestId","value","onChange","onClick","onKeyDown","_ref$readOnly","readOnly","_ref$ariaLabel","ariaLabel","placeholder","clearable","typographyClassName","TypographyComponent","component","isEditMode","autoSelectTextOnEditMode","onEditModeChange","tooltipProps","type","weight","_ref$multiline","multiline","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_useState3","_useState4","inputValue","setInputValue","prevValue","usePrevious","inputRef","typographyRef","toggleEditMode","event","preventDefault","handleEditModeChange","handleInputValueChange","handleBlur","handleKeyDown","nativeEvent","isComposing","key","keyCodes","ENTER","shiftKey","stopPropagation","ESCAPE","handleChange","target","useEffect","toggleKeyboardEditMode","useKeyboardButtonPressedFunc","_b","current","_a","focus","inputElement","textLength","length","setSelectionRange","select","useIsomorphicLayoutEffect","_typographyRef$curren","getBoundingClientRect","style","setProperty","concat","width","textareaElement","scrollHeight","React","createElement","cx","styles","editableTypography","role","textarea","onBlur","rows","input","typography","_defineProperty","hidden","disabled","tabIndex","ellipsis"],"mappings":"iqBAsFA,IAEMA,EAAqBC,GACzB,SAAAC,EAuBEC,GACE,IAtBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAKL,EAALK,MACAC,EAAQN,EAARM,SACAC,EAAOP,EAAPO,QACAC,EAASR,EAATQ,UAASC,EAAAT,EACTU,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAX,EAChB,cAAcY,OAAY,IAAHD,EAAG,GAAEA,EAC5BE,EAAWb,EAAXa,YACAC,EAASd,EAATc,UACAC,EAAmBf,EAAnBe,oBACWC,EAAmBhB,EAA9BiB,UACAC,EAAUlB,EAAVkB,WACAC,EAAwBnB,EAAxBmB,yBACAC,EAAgBpB,EAAhBoB,iBACAC,EAAYrB,EAAZqB,aACAC,EAAItB,EAAJsB,KACAC,EAAMvB,EAANuB,OAAMC,EAAAxB,EACNyB,UAAAA,OAAY,IAAHD,GAAQA,EAIbE,EAAeC,EAAO,MACtBC,EAAYC,EAAY5B,EAAKyB,GAEnCI,EAAkCC,EAASb,IAAc,GAAMc,EAAAC,EAAAH,EAAA,GAAxDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAAoCL,EAAS1B,GAAMgC,EAAAJ,EAAAG,EAAA,GAA5CE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAE1BG,EAAYC,EAAYpC,GAExBqC,EAAWf,EAAO,MAClBgB,EAAgBhB,EAAO,MAiB7B,SAASiB,EAAeC,GAClBnC,GAAYwB,IAGhBW,EAAMC,iBACNC,GAAqB,GACvB,CAEA,SAASA,EAAqB1C,GAC5Be,SAAAA,EAAmBf,GACnB8B,EAAa9B,EACf,CAEA,SAAS2C,KACPD,GAAqB,GAEjB1C,IAAUiC,KAKTA,GADkCxB,GAAaD,GAKpD0B,EAAcD,GACdhC,SAAAA,EAAWgC,IAJTC,EAAclC,GAKlB,CAEA,SAAS4C,KACPD,GACF,CAEA,SAASE,GAAcL,GACrB,IAAIA,EAAMM,YAAYC,YAAtB,CAIA,GAAIP,EAAMQ,MAAQC,EAASC,MAAO,CAChC,GAAI9B,GAAaoB,EAAMW,SACrB,OAGFX,EAAMC,iBACND,EAAMY,kBACNT,GACF,CACIH,EAAMQ,MAAQC,EAASI,SACzBb,EAAMC,iBACND,EAAMY,kBACNV,GAAqB,GACrBR,EAAclC,IAGhBG,SAAAA,EAAYqC,EAlBZ,CAmBF,CAEA,SAASc,GAAad,GACpBN,EAAcM,EAAMe,OAAOvD,MAC7B,CA1EAwD,GAAU,WACH3B,GAAa7B,IAAUmC,GAAanC,IAAUiC,GACjDC,EAAclC,EAEjB,GAAE,CAACmC,EAAWN,EAAW7B,EAAOiC,IAEjCuB,GAAU,WACR1B,EAAajB,EACf,GAAG,CAACA,IAoEJ,IAAM4C,GAAyBC,EAA6BnB,GAuC5D,OAvBAiB,GAAU,WAJV,QAKO3B,KAfP,mBAGE,WAFA8B,EAAkB,UAAlBtB,EAASuB,eAAS,IAAAC,OAAA,EAAAA,EAAAC,8BAEdzB,EAASuB,QAAS,CACpB,IAAMG,EAAe1B,EAASuB,QACxBI,EAAaD,EAAa/D,MAAMiE,OACtCF,EAAaG,kBAAkBF,EAAYA,EAC7C,CACF,CAQEF,GACIhD,YANJ6C,EAAkB,UAAlBtB,EAASuB,eAAS,IAAAC,OAAA,EAAAA,EAAAM,gCASpB,GAAG,CAACrD,EAA0Be,IAE9BuC,GAA0B,iBACxB,GAAK9B,EAAcsB,QAAnB,CAIA,IAAAS,EAAkB/B,EAAcsB,QAAQU,wBAGxC,GAFmB,QAAnBT,EAAAxB,eAAAA,EAAUuB,eAAS,IAAAC,GAAAA,EAAAU,MAAMC,YAAY,gBAAe,GAAAC,OADvCJ,EAALK,aAGJtD,EAAW,CACb,IAAMuD,EAAkBtC,aAAA,EAAAA,EAAUuB,QAClCe,SAAAA,EAAiBJ,MAAMC,YAAY,iBAAkB,QACrDG,SAAAA,EAAiBJ,MAAMC,YAAY,iBAAgB,GAAAC,OAAKE,EAAgBC,aAtJzD,EAsJsF,MACvG,CATA,CAUF,GAAG,CAAC3C,EAAYJ,IAGdgD,EACEC,cAAA,MAAA,CAAAlF,IAAK2B,EACL1B,GAAIA,eACQU,EAAS,cACRR,EACbD,UAAWiF,EAAGC,EAAOC,mBAAoBnF,GACzCoF,KAAMrD,EAAY,KAAO,SACzB3B,QAjHJ,SAA2BsC,GACzBtC,SAAAA,EAAUsC,GACVD,EAAeC,EACjB,EA+GIrC,UAAWsD,IAEV5B,IACET,EACCyD,EACEC,cAAA,WAAA,CAAAlF,IAAKyC,EACLvC,UAAWiF,EAAGC,EAAOG,SAAUzE,GAC/BV,MAAOiC,EACPhC,SAAUqD,GACVnD,UAAW0C,GACXuC,OAAQxC,gBACIrC,EACZC,YAAaA,EACb0E,KAAK,UACLG,KAAM,IAGRR,EACEC,cAAA,QAAA,CAAAlF,IAAKyC,EACLvC,UAAWiF,EAAGC,EAAOM,MAAO5E,GAC5BV,MAAOiC,EACPhC,SAAUqD,GACVnD,UAAW0C,GACXuC,OAAQxC,GAAU,aACNrC,EACZC,YAAaA,EACb0E,KAAK,WAGXL,EAAAC,cAACnE,EACC,CAAAf,IAAK0C,gBACQT,EACb/B,UAAWiF,EAAGC,EAAOO,WAAY7E,EAAmB8E,EAAAA,EAAAA,EAAAA,KACjDR,EAAOS,OAAS5D,GAChBmD,EAAOU,SAAWrF,GAClB2E,EAAOxE,aAAeyB,GAAczB,GACpCwE,EAAO5D,WAAaS,GAAaT,IAEpCuE,SAAU,EACV3E,aAAcA,EACdE,OAAQA,EACRD,KAAMA,EACN2E,UAAWxE,GAEVa,GAAczB,GAIvB"}

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

@@ -1,2 +1,2 @@
-var e={editableTypography:"editableTypography_89661ac248",input:"input_accbc35710",textarea:"textarea_703f6375f3",typography:"typography_9d1ac55072",disabled:"disabled_4c24948897",hidden:"hidden_93e9d509b0",placeholder:"placeholder_2113999b7f",multiline:"multiline_baee689c0f"};!function(e){const a="s_id-639103c98382_4_0_0-beta_0";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)}("/* stylelint-disable */\n/* stylelint-enable */\n.editableTypography_89661ac248 {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-inline-start: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_89661ac248 .input_accbc35710,\n.editableTypography_89661ac248 .textarea_703f6375f3 {\n  width: var(--input-width);\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--space-4);\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_89661ac248 .input_accbc35710:focus, .editableTypography_89661ac248 .input_accbc35710:active,\n.editableTypography_89661ac248 .textarea_703f6375f3:focus,\n.editableTypography_89661ac248 .textarea_703f6375f3:active {\n  outline: none;\n}\n.editableTypography_89661ac248 .textarea_703f6375f3 {\n  resize: none;\n  overflow: hidden;\n  height: var(--input-height);\n}\n.editableTypography_89661ac248 .typography_9d1ac55072 {\n  border: 1px solid transparent;\n  padding: 0 var(--space-4);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_89661ac248 .typography_9d1ac55072:hover:not(.disabled_4c24948897) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_89661ac248 .typography_9d1ac55072.hidden_93e9d509b0 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_89661ac248 .typography_9d1ac55072.placeholder_2113999b7f {\n  color: var(--placeholder-color);\n}\n.editableTypography_89661ac248 .typography_9d1ac55072.multiline_baee689c0f {\n  white-space: pre-wrap;\n}");export{e as default};
+var e={editableTypography:"editableTypography_98d157de68",input:"input_72a316c1ea",textarea:"textarea_a794bc6c91",typography:"typography_1df59ca421",disabled:"disabled_a5b468f262",hidden:"hidden_f70719b437",placeholder:"placeholder_5dc4e1cdef",multiline:"multiline_14ab11cda4"};!function(e){const a="s_id-639103c98382_4_0_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.editableTypography_98d157de68 {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-inline-start: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_98d157de68 .input_72a316c1ea,\n.editableTypography_98d157de68 .textarea_a794bc6c91 {\n  width: var(--input-width);\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--space-4);\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_98d157de68 .input_72a316c1ea:focus, .editableTypography_98d157de68 .input_72a316c1ea:active,\n.editableTypography_98d157de68 .textarea_a794bc6c91:focus,\n.editableTypography_98d157de68 .textarea_a794bc6c91:active {\n  outline: none;\n}\n.editableTypography_98d157de68 .textarea_a794bc6c91 {\n  resize: none;\n  overflow: hidden;\n  height: var(--input-height);\n}\n.editableTypography_98d157de68 .typography_1df59ca421 {\n  border: 1px solid transparent;\n  padding: 0 var(--space-4);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_98d157de68 .typography_1df59ca421:hover:not(.disabled_a5b468f262) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_98d157de68 .typography_1df59ca421.hidden_f70719b437 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_98d157de68 .typography_1df59ca421.placeholder_5dc4e1cdef {\n  color: var(--placeholder-color);\n}\n.editableTypography_98d157de68 .typography_1df59ca421.multiline_14ab11cda4 {\n  white-space: pre-wrap;\n}");export{e as default};
 //# sourceMappingURL=EditableTypography.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{typeof as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../_virtual/_tslib.js";import i,{forwardRef as n}from"react";import r from"classnames";import s from"./EmptyState.module.scss.js";import{getStyle as a}from"../../helpers/typesciptCssModulesHelper.js";import{getTestId as o,ComponentDefaultTestId as m}from"../../tests/testIds.js";import l from"../Link/Link.js";import{ComponentVibeId as c}from"../../tests/constants.js";import p from"../../../components/layout/dist/Flex/Flex.js";import u from"../../../components/typography/dist/Heading/Heading.js";import d from"../../../components/typography/dist/Text/Text.js";import f from"../../../components/button/dist/Button/Button.js";var g=n((function(n,g){var j=n.className,x=n.title,y=n.description,E=n.visual,b=n.mainAction,v=n.supportingAction,T=n.layout,h=void 0===T?"default":T,N=n.id,_=n["data-testid"],k="compact"===h;return i.createElement(p,{direction:"column",align:"center",justify:"center",gap:k?"small":"medium",className:r(s.emptyState,a(s,h),j),id:N,"data-testid":_||o(m.EMPTY_STATE,N),"data-vibe":c.EMPTY_STATE,ref:g},!!E&&E,i.createElement(p,{direction:"column",align:"center",gap:k?12:"medium",className:s.content},i.createElement(p,{direction:"column",align:"center",gap:"xs"},x&&i.createElement(u,{type:"h3",weight:"normal",className:s.title,align:"center",ellipsis:!1},x),"string"==typeof y?i.createElement(d,{className:s.description,align:"center",ellipsis:!1},y):y),(b||v)&&i.createElement(p,{direction:"column",align:"center",gap:"small",className:s.actions},function(e,n){if("object"===t(e)&&"text"in e)return i.createElement(f,Object.assign({kind:"secondary",size:n?"small":"medium"},e),e.text);return e}(b,k),function(n,r){if("object"===t(n)){if("text"in n&&"href"in n){var s=n.text,a=e(n,["text"]);return i.createElement(l,Object.assign({text:s},a))}if("text"in n){var o=n.text,m=e(n,["text"]);return i.createElement(f,Object.assign({kind:"tertiary",size:r?"small":"medium"},m),o)}}return n}(v,k))))}));export{g as default};
+import{typeof as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as e}from"../../../_virtual/_tslib.js";import i,{forwardRef as s}from"react";import n from"classnames";import r from"./EmptyState.module.scss.js";import{getTestId as a,ComponentDefaultTestId as o}from"../../tests/testIds.js";import m from"../Link/Link.js";import{ComponentVibeId as l}from"../../tests/constants.js";import c from"../../../components/layout/dist/Flex/Flex.js";import p from"../../../components/typography/dist/Heading/Heading.js";import d from"../../../components/typography/dist/Text/Text.js";import u from"../../../components/button/dist/Button/Button.js";import{getStyle as f}from"../../../shared/dist/utils/typesciptCssModulesHelper.js";var g=s((function(s,g){var j=s.className,x=s.title,y=s.description,E=s.visual,b=s.mainAction,v=s.supportingAction,T=s.layout,h=void 0===T?"default":T,N=s.id,_=s["data-testid"],k="compact"===h;return i.createElement(c,{direction:"column",align:"center",justify:"center",gap:k?"small":"medium",className:n(r.emptyState,f(r,h),j),id:N,"data-testid":_||a(o.EMPTY_STATE,N),"data-vibe":l.EMPTY_STATE,ref:g},!!E&&E,i.createElement(c,{direction:"column",align:"center",gap:k?12:"medium",className:r.content},i.createElement(c,{direction:"column",align:"center",gap:"xs"},x&&i.createElement(p,{type:"h3",weight:"normal",className:r.title,align:"center",ellipsis:!1},x),"string"==typeof y?i.createElement(d,{className:r.description,align:"center",ellipsis:!1},y):y),(b||v)&&i.createElement(c,{direction:"column",align:"center",gap:"small",className:r.actions},function(e,s){if("object"===t(e)&&"text"in e)return i.createElement(u,Object.assign({kind:"secondary",size:s?"small":"medium"},e),e.text);return e}(b,k),function(s,n){if("object"===t(s)){if("text"in s&&"href"in s){var r=s.text,a=e(s,["text"]);return i.createElement(m,Object.assign({text:r},a))}if("text"in s){var o=s.text,l=e(s,["text"]);return i.createElement(u,Object.assign({kind:"tertiary",size:n?"small":"medium"},l),o)}}return s}(v,k))))}));export{g as default};
 //# sourceMappingURL=EmptyState.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Flex } from \"@vibe/layout\";\nimport { Heading, Text } from \"@vibe/typography\";\nimport { type EmptyStateProps } from \"./EmptyState.types\";\nimport styles from \"./EmptyState.module.scss\";\nimport { getStyle } from \"~~../../helpers~~/~~typesciptCssModulesHelper~~\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { Link, type LinkProps } from \"../Link\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(\n (\n {\n className,\n title,\n description,\n visual,\n mainAction,\n supportingAction,\n layout = \"default\",\n id,\n \"data-testid\": dataTestId\n },\n ref\n ) => {\n const isCompact = layout === \"compact\";\n\n return (\n <Flex\n direction=\"column\"\n align=\"center\"\n justify=\"center\"\n gap={isCompact ? \"small\" : \"medium\"}\n className={cx(styles.emptyState, getStyle(styles, layout), className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EMPTY_STATE, id)}\n data-vibe={ComponentVibeId.EMPTY_STATE}\n ref={ref}\n >\n {!!visual && visual}\n\n <Flex direction=\"column\" align=\"center\" gap={isCompact ? 12 : \"medium\"} className={styles.content}>\n <Flex direction=\"column\" align=\"center\" gap=\"xs\">\n {title && (\n <Heading type=\"h3\" weight=\"normal\" className={styles.title} align=\"center\" ellipsis={false}>\n {title}\n </Heading>\n )}\n\n {typeof description === \"string\" ? (\n <Text className={styles.description} align=\"center\" ellipsis={false}>\n {description}\n </Text>\n ) : (\n description\n )}\n </Flex>\n\n {(mainAction \|\| supportingAction) && (\n <Flex direction=\"column\" align=\"center\" gap=\"small\" className={styles.actions}>\n {renderMainAction(mainAction, isCompact)}\n {renderSupportingAction(supportingAction, isCompact)}\n </Flex>\n )}\n </Flex>\n </Flex>\n );\n }\n);\n\nfunction renderMainAction(mainAction: EmptyStateProps[\"mainAction\"], isCompact: boolean) {\n if (typeof mainAction === \"object\" && \"text\" in mainAction) {\n return (\n <Button kind=\"secondary\" size={isCompact ? \"small\" : \"medium\"} {...mainAction}>\n {mainAction.text}\n </Button>\n );\n }\n\n return mainAction;\n}\n\nfunction renderSupportingAction(supportingAction: EmptyStateProps[\"supportingAction\"], isCompact: boolean) {\n if (typeof supportingAction === \"object\") {\n if (\"text\" in supportingAction && \"href\" in supportingAction) {\n const { text, ...linkProps } = supportingAction as LinkProps & { text: string };\n return <Link text={text} {...linkProps} />;\n }\n if (\"text\" in supportingAction) {\n const { text, ...buttonProps } = supportingAction as ButtonProps & { text: string };\n return (\n <Button kind=\"tertiary\" size={isCompact ? \"small\" : \"medium\"} {...buttonProps}>\n {text}\n </Button>\n );\n }\n }\n\n return supportingAction;\n}\n\nexport default EmptyState;\n"],"names":["EmptyState","forwardRef","_ref","ref","className","title","description","visual","mainAction","supportingAction","_ref$layout","layout","id","dataTestId","isCompact","React","createElement","Flex","direction","align","justify","gap","cx","styles","emptyState","getStyle","getTestId","ComponentDefaultTestId","EMPTY_STATE","ComponentVibeId","content","Heading","type","weight","ellipsis","Text","actions","_typeof","Button","Object","assign","kind","size","text","renderMainAction","linkProps","__rest","Link","buttonProps","renderSupportingAction"],"mappings":"~~ytBAYMA~~,IAAAA,EAAaC,GACjB,SAAAC,EAYEC,GACE,IAXAC,EAASF,EAATE,UACAC,EAAKH,EAALG,MACAC,EAAWJ,EAAXI,YACAC,EAAML,EAANK,OACAC,EAAUN,EAAVM,WACAC,EAAgBP,EAAhBO,iBAAgBC,EAAAR,EAChBS,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAClBE,EAAEV,EAAFU,GACeC,EAAUX,EAAzB,eAIIY,EAAuB,YAAXH,EAElB,OACEI,EAAAC,cAACC,EAAI,CACHC,UAAU,SACVC,MAAM,SACNC,QAAQ,SACRC,IAAKP,EAAY,QAAU,SAC3BV,UAAWkB,EAAGC,EAAOC,WAAYC,EAASF,EAAQZ,GAASP,GAC3DQ,GAAIA,EACS,cAAAC,GAAca,EAAUC,EAAuBC,YAAahB,GAC9D,YAAAiB,EAAgBD,YAC3BzB,IAAKA,KAEFI,GAAUA,EAEbQ,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAKP,EAAY,GAAK,SAAUV,UAAWmB,EAAOO,SACxFf,EAAAC,cAACC,EAAI,CAACC,UAAU,SAASC,MAAM,SAASE,IAAI,MACzChB,GACCU,EAACC,cAAAe,EAAQ,CAAAC,KAAK,KAAKC,OAAO,SAAS7B,UAAWmB,EAAOlB,MAAOc,MAAM,SAASe,UAAU,GAClF7B,GAImB,iBAAhBC,EACNS,EAACC,cAAAmB,EAAK,CAAA/B,UAAWmB,EAAOjB,YAAaa,MAAM,SAASe,UAAU,GAC3D5B,GAGHA,IAIFE,GAAcC,IACdM,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAI,QAAQjB,UAAWmB,EAAOa,SAWlF,SAA0B5B,EAA2CM,GACnE,GAA0B,WAAtBuB,EAAO7B,IAA2B,SAAUA,EAC9C,OACEO,EAACC,cAAAsB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,YAAYC,KAAM5B,EAAY,QAAU,UAAcN,GAChEA,EAAWmC,MAKlB,OAAOnC,CACT,CApBeoC,CAAiBpC,EAAYM,GAsB5C,SAAgCL,EAAuDK,GACrF,GAAgC,WAA5BuB,EAAO5B,GAA+B,CACxC,GAAI,SAAUA,GAAoB,SAAUA,EAAkB,CACtD,IAAEkC,EAAuBlC,EAAvBkC,KAASE,EAASC,EAAKrC,EAAzB,CAAsB,SAC5B,OAAOM,EAAAC,cAAC+B,EAAKR,OAAAC,OAAA,CAAAG,KAAMA,GAAUE,GAC/B,CACA,GAAI,SAAUpC,EAAkB,CACxB,IAAEkC,EAAyBlC,EAAzBkC,KAASK,EAAWF,EAAKrC,EAA3B,CAAwB,SAC9B,OACEM,EAACC,cAAAsB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,WAAWC,KAAM5B,EAAY,QAAU,UAAckC,GAC/DL,EAGP,CACF,CAEA,OAAOlC,CACT,CAtCewC,CAAuBxC,EAAkBK,KAMtD"}
1	+ {"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport { Flex } from \"@vibe/layout\";\nimport { Heading, Text } from \"@vibe/typography\";\nimport { type EmptyStateProps } from \"./EmptyState.types\";\nimport styles from \"./EmptyState.module.scss\";\nimport { getStyle } from \"@vibe/shared\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { Button, type ButtonProps } from \"@vibe/button\";\nimport { Link, type LinkProps } from \"../Link\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nconst EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(\n (\n {\n className,\n title,\n description,\n visual,\n mainAction,\n supportingAction,\n layout = \"default\",\n id,\n \"data-testid\": dataTestId\n },\n ref\n ) => {\n const isCompact = layout === \"compact\";\n\n return (\n <Flex\n direction=\"column\"\n align=\"center\"\n justify=\"center\"\n gap={isCompact ? \"small\" : \"medium\"}\n className={cx(styles.emptyState, getStyle(styles, layout), className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EMPTY_STATE, id)}\n data-vibe={ComponentVibeId.EMPTY_STATE}\n ref={ref}\n >\n {!!visual && visual}\n\n <Flex direction=\"column\" align=\"center\" gap={isCompact ? 12 : \"medium\"} className={styles.content}>\n <Flex direction=\"column\" align=\"center\" gap=\"xs\">\n {title && (\n <Heading type=\"h3\" weight=\"normal\" className={styles.title} align=\"center\" ellipsis={false}>\n {title}\n </Heading>\n )}\n\n {typeof description === \"string\" ? (\n <Text className={styles.description} align=\"center\" ellipsis={false}>\n {description}\n </Text>\n ) : (\n description\n )}\n </Flex>\n\n {(mainAction \|\| supportingAction) && (\n <Flex direction=\"column\" align=\"center\" gap=\"small\" className={styles.actions}>\n {renderMainAction(mainAction, isCompact)}\n {renderSupportingAction(supportingAction, isCompact)}\n </Flex>\n )}\n </Flex>\n </Flex>\n );\n }\n);\n\nfunction renderMainAction(mainAction: EmptyStateProps[\"mainAction\"], isCompact: boolean) {\n if (typeof mainAction === \"object\" && \"text\" in mainAction) {\n return (\n <Button kind=\"secondary\" size={isCompact ? \"small\" : \"medium\"} {...mainAction}>\n {mainAction.text}\n </Button>\n );\n }\n\n return mainAction;\n}\n\nfunction renderSupportingAction(supportingAction: EmptyStateProps[\"supportingAction\"], isCompact: boolean) {\n if (typeof supportingAction === \"object\") {\n if (\"text\" in supportingAction && \"href\" in supportingAction) {\n const { text, ...linkProps } = supportingAction as LinkProps & { text: string };\n return <Link text={text} {...linkProps} />;\n }\n if (\"text\" in supportingAction) {\n const { text, ...buttonProps } = supportingAction as ButtonProps & { text: string };\n return (\n <Button kind=\"tertiary\" size={isCompact ? \"small\" : \"medium\"} {...buttonProps}>\n {text}\n </Button>\n );\n }\n }\n\n return supportingAction;\n}\n\nexport default EmptyState;\n"],"names":["EmptyState","forwardRef","_ref","ref","className","title","description","visual","mainAction","supportingAction","_ref$layout","layout","id","dataTestId","isCompact","React","createElement","Flex","direction","align","justify","gap","cx","styles","emptyState","getStyle","getTestId","ComponentDefaultTestId","EMPTY_STATE","ComponentVibeId","content","Heading","type","weight","ellipsis","Text","actions","_typeof","Button","Object","assign","kind","size","text","renderMainAction","linkProps","__rest","Link","buttonProps","renderSupportingAction"],"mappings":"suBAYMA,IAAAA,EAAaC,GACjB,SAAAC,EAYEC,GACE,IAXAC,EAASF,EAATE,UACAC,EAAKH,EAALG,MACAC,EAAWJ,EAAXI,YACAC,EAAML,EAANK,OACAC,EAAUN,EAAVM,WACAC,EAAgBP,EAAhBO,iBAAgBC,EAAAR,EAChBS,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAClBE,EAAEV,EAAFU,GACeC,EAAUX,EAAzB,eAIIY,EAAuB,YAAXH,EAElB,OACEI,EAAAC,cAACC,EAAI,CACHC,UAAU,SACVC,MAAM,SACNC,QAAQ,SACRC,IAAKP,EAAY,QAAU,SAC3BV,UAAWkB,EAAGC,EAAOC,WAAYC,EAASF,EAAQZ,GAASP,GAC3DQ,GAAIA,EACS,cAAAC,GAAca,EAAUC,EAAuBC,YAAahB,GAC9D,YAAAiB,EAAgBD,YAC3BzB,IAAKA,KAEFI,GAAUA,EAEbQ,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAKP,EAAY,GAAK,SAAUV,UAAWmB,EAAOO,SACxFf,EAAAC,cAACC,EAAI,CAACC,UAAU,SAASC,MAAM,SAASE,IAAI,MACzChB,GACCU,EAACC,cAAAe,EAAQ,CAAAC,KAAK,KAAKC,OAAO,SAAS7B,UAAWmB,EAAOlB,MAAOc,MAAM,SAASe,UAAU,GAClF7B,GAImB,iBAAhBC,EACNS,EAACC,cAAAmB,EAAK,CAAA/B,UAAWmB,EAAOjB,YAAaa,MAAM,SAASe,UAAU,GAC3D5B,GAGHA,IAIFE,GAAcC,IACdM,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAI,QAAQjB,UAAWmB,EAAOa,SAWlF,SAA0B5B,EAA2CM,GACnE,GAA0B,WAAtBuB,EAAO7B,IAA2B,SAAUA,EAC9C,OACEO,EAACC,cAAAsB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,YAAYC,KAAM5B,EAAY,QAAU,UAAcN,GAChEA,EAAWmC,MAKlB,OAAOnC,CACT,CApBeoC,CAAiBpC,EAAYM,GAsB5C,SAAgCL,EAAuDK,GACrF,GAAgC,WAA5BuB,EAAO5B,GAA+B,CACxC,GAAI,SAAUA,GAAoB,SAAUA,EAAkB,CACtD,IAAEkC,EAAuBlC,EAAvBkC,KAASE,EAASC,EAAKrC,EAAzB,CAAsB,SAC5B,OAAOM,EAAAC,cAAC+B,EAAKR,OAAAC,OAAA,CAAAG,KAAMA,GAAUE,GAC/B,CACA,GAAI,SAAUpC,EAAkB,CACxB,IAAEkC,EAAyBlC,EAAzBkC,KAASK,EAAWF,EAAKrC,EAA3B,CAAwB,SAC9B,OACEM,EAACC,cAAAsB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,WAAWC,KAAM5B,EAAY,QAAU,UAAckC,GAC/DL,EAGP,CACF,CAEA,OAAOlC,CACT,CAtCewC,CAAuBxC,EAAkBK,KAMtD"}

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

@@ -1,2 +1,2 @@
-var e={emptyState:"emptyState_f910e031a7",compact:"compact_5c92de3311",content:"content_472a0eecca",title:"title_ffa2cb9328",description:"description_ffa2cb9328",actions:"actions_2ad2cf52ab"};!function(e){const t="s_id-e8e63a5fb772_4_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)}(".emptyState_f910e031a7 {\n  width: 100%;\n  padding: var(--space-24);\n  box-sizing: border-box;\n  background: var(--primary-background-color);\n}\n.emptyState_f910e031a7.compact_5c92de3311 {\n  padding: var(--space-16);\n}\n.emptyState_f910e031a7 .content_472a0eecca {\n  width: 100%;\n  text-align: center;\n}\n.emptyState_f910e031a7 .content_472a0eecca .title_ffa2cb9328 {\n  max-width: 500px;\n}\n.emptyState_f910e031a7 .content_472a0eecca .description_ffa2cb9328 {\n  max-width: 500px;\n}\n.emptyState_f910e031a7 .content_472a0eecca .actions_2ad2cf52ab {\n  width: 100%;\n}");export{e as default};
+var e={emptyState:"emptyState_414b351efa",compact:"compact_5e5979e1d0",content:"content_ab1eb0ccb6",title:"title_a92ac3d55c",description:"description_a92ac3d55c",actions:"actions_fbca2ae3b6"};!function(e){const t="s_id-e8e63a5fb772_4_0_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)}(".emptyState_414b351efa {\n  width: 100%;\n  padding: var(--space-24);\n  box-sizing: border-box;\n  background: var(--primary-background-color);\n}\n.emptyState_414b351efa.compact_5e5979e1d0 {\n  padding: var(--space-16);\n}\n.emptyState_414b351efa .content_ab1eb0ccb6 {\n  width: 100%;\n  text-align: center;\n}\n.emptyState_414b351efa .content_ab1eb0ccb6 .title_a92ac3d55c {\n  max-width: 500px;\n}\n.emptyState_414b351efa .content_ab1eb0ccb6 .description_a92ac3d55c {\n  max-width: 500px;\n}\n.emptyState_414b351efa .content_ab1eb0ccb6 .actions_fbca2ae3b6 {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=EmptyState.module.scss.js.map

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

@@ -1,2 +1,2 @@
-import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import n,{forwardRef as r,useRef as a,useState as i,useCallback as s}from"react";import c from"../../hooks/useMergeRef.js";import{getTestId as l,ComponentDefaultTestId as d}from"../../tests/testIds.js";import m from"./ExpandCollapse.module.scss.js";import{ComponentVibeId as p}from"../../tests/constants.js";import f from"../../../components/typography/dist/Text/Text.js";import u from"../../../components/icon/dist/Icon/Icon.js";import v from"../../../icons/dist/react/DropdownChevronDown.js";var C=r((function(r,C){var h=r.children,E=r.headerComponentRenderer,N=void 0===E?null:E,g=r.title,y=void 0===g?"":g,j=r.className,x=r.defaultOpenState,P=void 0!==x&&x,B=r.iconSize,I=void 0===B?24:B,O=r.iconPosition,k=void 0===O?"right":O,A=r.id,b=void 0===A?"":A,D=r.open,L=r.onClick,S=void 0===L?null:L,_=r.hideBorder,w=void 0!==_&&_,T=r.headerClassName,z=r.contentClassName,R=r.componentClassName,X=r["data-testid"],H=r.captureOnClick,M=void 0===H||H,q=a(null),F=c(C,q),G=i(P),J=e(G,2),K=J[0],Q=J[1],U=void 0===D?K:D,V=function(){Q(!K)},W=s((function(){return"string"==typeof y?n.createElement(f,{type:"text1",className:o(m.headerContent)},y):y}),[y]),Y=function(){return n.createElement(u,{className:o(m.iconComponent,t(t({},m.animateIconOpen,U),m.animateIconClose,!U)),type:"svg",icon:v,size:I})};return n.createElement("div",{ref:F,className:j,id:b,"data-testid":X||l(d.EXPAND_COLLAPSE,b),"data-vibe":p.EXPAND_COLLAPSE},n.createElement("div",{className:o(m.expandCollapse,t(t({},m.hideBorder,w),m.showBorder,!w),R)},n.createElement("button",{type:"button",className:o(m.header,m.section,T,t(t(t({},m.headerOpen,U),m.hideBorderBottom,w),m.leftIcon,"left"===k)),onClickCapture:M?S||V:void 0,onClick:M?void 0:S||V,"aria-expanded":U,"aria-controls":"".concat(b,"-controls")},"left"===k&&Y(),"string"!=typeof y||0!==y.length?W():N&&N(),"right"===k&&Y()),U&&n.createElement("div",{className:o(m.content,m.section,z,t({},m.animateExpandCollapseContent,U)),id:"".concat(b,"-controls"),role:"region"},h)))}));export{C as default};
+import{slicedToArray as e,defineProperty as t}from"../../../_virtual/_rollupPluginBabelHelpers.js";import o from"classnames";import n,{forwardRef as r,useRef as a,useState as i,useCallback as s}from"react";import{getTestId as c,ComponentDefaultTestId as d}from"../../tests/testIds.js";import l from"./ExpandCollapse.module.scss.js";import{ComponentVibeId as m}from"../../tests/constants.js";import p from"../../../components/typography/dist/Text/Text.js";import f from"../../../components/icon/dist/Icon/Icon.js";import u from"../../../icons/dist/react/DropdownChevronDown.js";import{useMergeRef as v}from"../../../shared/dist/hooks/useMergeRef.js";var C=r((function(r,C){var h=r.children,E=r.headerComponentRenderer,N=void 0===E?null:E,g=r.title,y=void 0===g?"":g,j=r.className,x=r.defaultOpenState,P=void 0!==x&&x,B=r.iconSize,I=void 0===B?24:B,O=r.iconPosition,k=void 0===O?"right":O,A=r.id,b=void 0===A?"":A,D=r.open,L=r.onClick,S=void 0===L?null:L,_=r.hideBorder,w=void 0!==_&&_,T=r.headerClassName,z=r.contentClassName,R=r.componentClassName,X=r["data-testid"],H=r.captureOnClick,M=void 0===H||H,q=a(null),F=v(C,q),G=i(P),J=e(G,2),K=J[0],Q=J[1],U=void 0===D?K:D,V=function(){Q(!K)},W=s((function(){return"string"==typeof y?n.createElement(p,{type:"text1",className:o(l.headerContent)},y):y}),[y]),Y=function(){return n.createElement(f,{className:o(l.iconComponent,t(t({},l.animateIconOpen,U),l.animateIconClose,!U)),type:"svg",icon:u,size:I})};return n.createElement("div",{ref:F,className:j,id:b,"data-testid":X||c(d.EXPAND_COLLAPSE,b),"data-vibe":m.EXPAND_COLLAPSE},n.createElement("div",{className:o(l.expandCollapse,t(t({},l.hideBorder,w),l.showBorder,!w),R)},n.createElement("button",{type:"button",className:o(l.header,l.section,T,t(t(t({},l.headerOpen,U),l.hideBorderBottom,w),l.leftIcon,"left"===k)),onClickCapture:M?S||V:void 0,onClick:M?void 0:S||V,"aria-expanded":U,"aria-controls":"".concat(b,"-controls")},"left"===k&&Y(),"string"!=typeof y||0!==y.length?W():N&&N(),"right"===k&&Y()),U&&n.createElement("div",{className:o(l.content,l.section,z,t({},l.animateExpandCollapseContent,U)),id:"".concat(b,"-controls"),role:"region"},h)))}));export{C 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, { type FC, forwardRef, type ReactElement, useCallback, useRef, useState } from \"react\";\nimport useMergeRef from \"~~../../hooks~~/~~useMergeRef~~\";\nimport { Icon } from \"@vibe/icon\";\nimport { Text } from \"@vibe/typography\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { type VibeComponentProps, type ElementContent } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ExpandCollapse.module.scss\";\nimport { type ExpandCollapseIconPosition } from \"./ExpandCollapse.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ExpandCollapseProps extends VibeComponentProps {\n /*\n Custom renderer for the header component.\n /\n headerComponentRenderer?: () => ReactElement;\n /\n Class name applied to the header.\n /\n headerClassName?: string;\n /\n Class name applied to the content.\n /\n contentClassName?: string;\n /\n Class name applied to the root component.\n /\n componentClassName?: string;\n /\n The title displayed in the header.\n /\n title?: ElementContent;\n /\n The content inside the expandable section.\n /\n children?: ElementContent;\n /\n The size of the expand/collapse icon.\n /\n iconSize?: number \| string;\n /\n The position of the icon.\n /\n iconPosition?: ExpandCollapseIconPosition;\n /\n If true, the section is open by default when rendered.\n /\n defaultOpenState?: boolean;\n /\n Controls the open state of the section.\n /\n open?: boolean;\n /\n Callback fired when the header is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n If true, hides the border around the component.\n /\n hideBorder?: boolean;\n /\n If true, captures the click event on the button.\n */\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 iconPosition = \"right\",\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 const renderIcon = () => (\n <Icon\n className={cx(styles.iconComponent, {\n [styles.animateIconOpen]: isExpanded,\n [styles.animateIconClose]: !isExpanded\n })}\n type=\"svg\"\n icon={DropdownChevronDown}\n size={iconSize}\n />\n );\n\n return (\n <div\n ref={mergedRef}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EXPAND_COLLAPSE, id)}\n data-vibe={ComponentVibeId.EXPAND_COLLAPSE}\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 [styles.leftIcon]: iconPosition === \"left\"\n })}\n onClickCapture={captureOnClick ? onClick \|\| toggleExpand : undefined}\n onClick={!captureOnClick ? onClick \|\| toggleExpand : undefined}\n aria-expanded={isExpanded}\n aria-controls={`${id}-controls`}\n >\n {iconPosition === \"left\" && renderIcon()}\n {typeof title !== \"string\" \|\| title.length !== 0\n ? renderHeader()\n : headerComponentRenderer && headerComponentRenderer()}\n {iconPosition === \"right\" && renderIcon()}\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$iconPosition","iconPosition","_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","renderIcon","Icon","iconComponent","_defineProperty","animateIconOpen","animateIconClose","icon","DropdownChevronDown","size","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","ComponentVibeId","expandCollapse","showBorder","header","section","headerOpen","hideBorderBottom","leftIcon","onClickCapture","concat","length","content","animateExpandCollapseContent","role"],"mappings":"~~2mBAmEMA~~,IAAAA,EAA0CC,GAC9C,SAAAC,EAmBEC,GACE,IAlBAC,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,aAAAA,OAAe,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EACtBe,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EACPE,EAAIhB,EAAJgB,KAAIC,EAAAjB,EACJkB,QAAAA,OAAU,IAAHD,EAAG,KAAIA,EAAAE,EAAAnB,EACdoB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAerB,EAAfqB,gBACAC,EAAgBtB,EAAhBsB,iBACAC,EAAkBvB,EAAlBuB,mBACeC,EAAUxB,EAAzB,eAAayB,EAAAzB,EACb0B,eAAAA,OAAiB,IAAHD,GAAOA,EAIjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY7B,EAAK0B,GAEnCI,EAA4BC,EAASvB,GAAiBwB,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,iBAAVnC,EACZoC,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQtC,UAAWuC,EAAGC,EAAOC,gBACrC1C,GAGHA,CAEJ,GAAG,CAACA,IAEE2C,EAAa,WAAH,OACdP,EAACC,cAAAO,EACC,CAAA3C,UAAWuC,EAAGC,EAAOI,cAAaC,EAAAA,EAC/BL,CAAAA,EAAAA,EAAOM,gBAAkBhB,GACzBU,EAAOO,kBAAoBjB,IAE9BQ,KAAK,MACLU,KAAMC,EACNC,KAAM9C,KAIV,OACE+B,EACEC,cAAA,MAAA,CAAA1C,IAAK4B,EACLtB,UAAWA,EACXQ,GAAIA,EACS,cAAAS,GAAckC,EAAUC,EAAuBC,gBAAiB7C,GAAG,YACrE8C,EAAgBD,iBAE3BlB,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EACTC,EAAOe,eAAcV,EAAAA,EAElBL,GAAAA,EAAO3B,WAAaA,GACpB2B,EAAOgB,YAAc3C,GAExBG,IAGFmB,EAAAC,cAAA,SAAA,CACEE,KAAK,SACLtC,UAAWuC,EAAGC,EAAOiB,OAAQjB,EAAOkB,QAAS5C,EAAe+B,EAAAA,EAAAA,EAAA,CAAA,EACzDL,EAAOmB,WAAa7B,GACpBU,EAAOoB,iBAAmB/C,GAC1B2B,EAAOqB,SAA4B,SAAjBvD,IAErBwD,eAAgB3C,EAAiBR,GAAWqB,OAAeD,EAC3DpB,QAAUQ,OAA2CY,EAA1BpB,GAAWqB,EACvB,gBAAAF,EACA,gBAAA,GAAAiC,OAAGvD,EAAE,cAEF,SAAjBF,GAA2BoC,IACV,iBAAV3C,GAAuC,IAAjBA,EAAMiE,OAChC/B,IACApC,GAA2BA,IACb,UAAjBS,GAA4BoC,KAE9BZ,GACCK,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EAAGC,EAAOyB,QAASzB,EAAOkB,QAAS3C,EAAgB8B,EAC3DL,CAAAA,EAAAA,EAAO0B,6BAA+BpC,IAEzCtB,GAAEuD,GAAAA,OAAKvD,EAAa,aACpB2D,KAAK,UAEJxE,IAMb"}
1	+ {"version":3,"file":"ExpandCollapse.js","sources":["../../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, forwardRef, type ReactElement, useCallback, useRef, useState } from \"react\";\nimport { useMergeRef } from \"@vibe/shared\";\nimport { Icon } from \"@vibe/icon\";\nimport { Text } from \"@vibe/typography\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { type VibeComponentProps, type ElementContent } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ExpandCollapse.module.scss\";\nimport { type ExpandCollapseIconPosition } from \"./ExpandCollapse.types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface ExpandCollapseProps extends VibeComponentProps {\n /*\n Custom renderer for the header component.\n /\n headerComponentRenderer?: () => ReactElement;\n /\n Class name applied to the header.\n /\n headerClassName?: string;\n /\n Class name applied to the content.\n /\n contentClassName?: string;\n /\n Class name applied to the root component.\n /\n componentClassName?: string;\n /\n The title displayed in the header.\n /\n title?: ElementContent;\n /\n The content inside the expandable section.\n /\n children?: ElementContent;\n /\n The size of the expand/collapse icon.\n /\n iconSize?: number \| string;\n /\n The position of the icon.\n /\n iconPosition?: ExpandCollapseIconPosition;\n /\n If true, the section is open by default when rendered.\n /\n defaultOpenState?: boolean;\n /\n Controls the open state of the section.\n /\n open?: boolean;\n /\n Callback fired when the header is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n If true, hides the border around the component.\n /\n hideBorder?: boolean;\n /\n If true, captures the click event on the button.\n */\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 iconPosition = \"right\",\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 const renderIcon = () => (\n <Icon\n className={cx(styles.iconComponent, {\n [styles.animateIconOpen]: isExpanded,\n [styles.animateIconClose]: !isExpanded\n })}\n type=\"svg\"\n icon={DropdownChevronDown}\n size={iconSize}\n />\n );\n\n return (\n <div\n ref={mergedRef}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EXPAND_COLLAPSE, id)}\n data-vibe={ComponentVibeId.EXPAND_COLLAPSE}\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 [styles.leftIcon]: iconPosition === \"left\"\n })}\n onClickCapture={captureOnClick ? onClick \|\| toggleExpand : undefined}\n onClick={!captureOnClick ? onClick \|\| toggleExpand : undefined}\n aria-expanded={isExpanded}\n aria-controls={`${id}-controls`}\n >\n {iconPosition === \"left\" && renderIcon()}\n {typeof title !== \"string\" \|\| title.length !== 0\n ? renderHeader()\n : headerComponentRenderer && headerComponentRenderer()}\n {iconPosition === \"right\" && renderIcon()}\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$iconPosition","iconPosition","_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","renderIcon","Icon","iconComponent","_defineProperty","animateIconOpen","animateIconClose","icon","DropdownChevronDown","size","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","ComponentVibeId","expandCollapse","showBorder","header","section","headerOpen","hideBorderBottom","leftIcon","onClickCapture","concat","length","content","animateExpandCollapseContent","role"],"mappings":"yoBAmEMA,IAAAA,EAA0CC,GAC9C,SAAAC,EAmBEC,GACE,IAlBAC,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,aAAAA,OAAe,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EACtBe,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EACPE,EAAIhB,EAAJgB,KAAIC,EAAAjB,EACJkB,QAAAA,OAAU,IAAHD,EAAG,KAAIA,EAAAE,EAAAnB,EACdoB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAerB,EAAfqB,gBACAC,EAAgBtB,EAAhBsB,iBACAC,EAAkBvB,EAAlBuB,mBACeC,EAAUxB,EAAzB,eAAayB,EAAAzB,EACb0B,eAAAA,OAAiB,IAAHD,GAAOA,EAIjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY7B,EAAK0B,GAEnCI,EAA4BC,EAASvB,GAAiBwB,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,iBAAVnC,EACZoC,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQtC,UAAWuC,EAAGC,EAAOC,gBACrC1C,GAGHA,CAEJ,GAAG,CAACA,IAEE2C,EAAa,WAAH,OACdP,EAACC,cAAAO,EACC,CAAA3C,UAAWuC,EAAGC,EAAOI,cAAaC,EAAAA,EAC/BL,CAAAA,EAAAA,EAAOM,gBAAkBhB,GACzBU,EAAOO,kBAAoBjB,IAE9BQ,KAAK,MACLU,KAAMC,EACNC,KAAM9C,KAIV,OACE+B,EACEC,cAAA,MAAA,CAAA1C,IAAK4B,EACLtB,UAAWA,EACXQ,GAAIA,EACS,cAAAS,GAAckC,EAAUC,EAAuBC,gBAAiB7C,GAAG,YACrE8C,EAAgBD,iBAE3BlB,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EACTC,EAAOe,eAAcV,EAAAA,EAElBL,GAAAA,EAAO3B,WAAaA,GACpB2B,EAAOgB,YAAc3C,GAExBG,IAGFmB,EAAAC,cAAA,SAAA,CACEE,KAAK,SACLtC,UAAWuC,EAAGC,EAAOiB,OAAQjB,EAAOkB,QAAS5C,EAAe+B,EAAAA,EAAAA,EAAA,CAAA,EACzDL,EAAOmB,WAAa7B,GACpBU,EAAOoB,iBAAmB/C,GAC1B2B,EAAOqB,SAA4B,SAAjBvD,IAErBwD,eAAgB3C,EAAiBR,GAAWqB,OAAeD,EAC3DpB,QAAUQ,OAA2CY,EAA1BpB,GAAWqB,EACvB,gBAAAF,EACA,gBAAA,GAAAiC,OAAGvD,EAAE,cAEF,SAAjBF,GAA2BoC,IACV,iBAAV3C,GAAuC,IAAjBA,EAAMiE,OAChC/B,IACApC,GAA2BA,IACb,UAAjBS,GAA4BoC,KAE9BZ,GACCK,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EAAGC,EAAOyB,QAASzB,EAAOkB,QAAS3C,EAAgB8B,EAC3DL,CAAAA,EAAAA,EAAO0B,6BAA+BpC,IAEzCtB,GAAEuD,GAAAA,OAAKvD,EAAa,aACpB2D,KAAK,UAEJxE,IAMb"}

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

@@ -1,2 +1,2 @@
-var e={expandCollapse:"expandCollapse_517a74298e",header:"header_561dfbfea2","focus-visible":"focus-visible_9f44094fb0",headerContent:"headerContent_142febbac5",iconComponent:"iconComponent_54663ea3ee",content:"content_5c92de3311",section:"section_2ad2cf52ab",hideBorder:"hideBorder_a2ecb67424",hideBorderBottom:"hideBorderBottom_2c30e3fce7",showBorder:"showBorder_0776d3f66d",headerOpen:"headerOpen_d6ec6d50d6",animateIconOpen:"animateIconOpen_4c21c1ec4f",animateIconClose:"animateIconClose_cd424ca5e6",leftIcon:"leftIcon_049975c5ed"};!function(e){const n="s_id-56805b2f3dc6_4_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.expandCollapse_517a74298e {\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.header_561dfbfea2 {\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(--space-16);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n.header_561dfbfea2:focus-visible, .header_561dfbfea2.focus-visible_9f44094fb0 {\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.header_561dfbfea2:focus:not(.focus-visible_9f44094fb0) {\n  outline: none;\n}\n.header_561dfbfea2:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.header_561dfbfea2:active {\n  transform: scale(1);\n}\n.header_561dfbfea2 .headerContent_142febbac5 {\n  margin: 0;\n}\n.header_561dfbfea2 .iconComponent_54663ea3ee {\n  color: var(--icon-color);\n}\n.content_5c92de3311 {\n  padding: var(--space-16);\n}\n.section_2ad2cf52ab {\n  width: 100%;\n}\n.hideBorder_a2ecb67424 {\n  border: none;\n}\n.hideBorderBottom_2c30e3fce7 {\n  border-bottom: none;\n}\n.showBorder_0776d3f66d {\n  border: 1px solid var(--ui-border-color);\n}\n.showBorder_0776d3f66d .headerOpen_d6ec6d50d6 {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n.animateIconOpen_4c21c1ec4f {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.animateIconClose_cd424ca5e6 {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.header_561dfbfea2.leftIcon_049975c5ed {\n  justify-content: flex-start;\n  gap: var(--space-8);\n}");export{e as default};
+var e={expandCollapse:"expandCollapse_14dc3806e6",header:"header_7e10374f72","focus-visible":"focus-visible_fb70ab87b8",headerContent:"headerContent_13a1a7f90e",iconComponent:"iconComponent_80f073eae6",content:"content_5e5979e1d0",section:"section_fbca2ae3b6",hideBorder:"hideBorder_db5d768ccb",hideBorderBottom:"hideBorderBottom_2d968c4e7e",showBorder:"showBorder_0be6819378",headerOpen:"headerOpen_57c9ca0b29",animateIconOpen:"animateIconOpen_27b11b9b15",animateIconClose:"animateIconClose_3d41009b3e",leftIcon:"leftIcon_484a31ecd3"};!function(e){const n="s_id-56805b2f3dc6_4_0_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.expandCollapse_14dc3806e6 {\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.header_7e10374f72 {\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(--space-16);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n.header_7e10374f72:focus-visible, .header_7e10374f72.focus-visible_fb70ab87b8 {\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.header_7e10374f72:focus:not(.focus-visible_fb70ab87b8) {\n  outline: none;\n}\n.header_7e10374f72:hover {\n  background-color: var(--primary-background-hover-color);\n}\n.header_7e10374f72:active {\n  transform: scale(1);\n}\n.header_7e10374f72 .headerContent_13a1a7f90e {\n  margin: 0;\n}\n.header_7e10374f72 .iconComponent_80f073eae6 {\n  color: var(--icon-color);\n}\n.content_5e5979e1d0 {\n  padding: var(--space-16);\n}\n.section_fbca2ae3b6 {\n  width: 100%;\n}\n.hideBorder_db5d768ccb {\n  border: none;\n}\n.hideBorderBottom_2d968c4e7e {\n  border-bottom: none;\n}\n.showBorder_0be6819378 {\n  border: 1px solid var(--ui-border-color);\n}\n.showBorder_0be6819378 .headerOpen_57c9ca0b29 {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n.animateIconOpen_27b11b9b15 {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.animateIconClose_3d41009b3e {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n.header_7e10374f72.leftIcon_484a31ecd3 {\n  justify-content: flex-start;\n  gap: var(--space-8);\n}");export{e 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_3305f79634",labelComponentIcon:"labelComponentIcon_37d21ca8e8",labelComponentText:"labelComponentText_03c4bf1fa7",required:"required_78f21d329b"};!function(e){const n="s_id-c78e4bf29ce0_4_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.labelComponentWrapper_3305f79634 {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--space-4);\n  align-items: center;\n}\n.labelComponentIcon_37d21ca8e8 {\n  margin: 0 var(--space-8) 0 var(--space-4);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n.labelComponentText_03c4bf1fa7 {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n.required_78f21d329b {\n  color: var(--negative-color);\n}");export{e as default};
+var e={labelComponentWrapper:"labelComponentWrapper_a03626d5a5",labelComponentIcon:"labelComponentIcon_1ebdbddd93",labelComponentText:"labelComponentText_94e01ad5de",required:"required_b5c5bf7ccb"};!function(e){const n="s_id-c78e4bf29ce0_4_0_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.labelComponentWrapper_a03626d5a5 {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--space-4);\n  align-items: center;\n}\n.labelComponentIcon_1ebdbddd93 {\n  margin: 0 var(--space-8) 0 var(--space-4);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n.labelComponentText_94e01ad5de {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n.required_b5c5bf7ccb {\n  color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=FieldLabel.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={formattedNumberComponent:"formattedNumberComponent_e027bf97d4",prefix:"prefix_2a5d342b99",suffix:"suffix_2a5d342b99"};!function(e){const t="s_id-d821b20045aa_4_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)}("/* stylelint-disable */\n/* stylelint-enable */\n.formattedNumberComponent_e027bf97d4 {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n.prefix_2a5d342b99 {\n  white-space: pre;\n}\n.suffix_2a5d342b99 {\n  white-space: pre;\n}");export{e as default};
+var e={formattedNumberComponent:"formattedNumberComponent_1c123c07fd",prefix:"prefix_07c4478a4e",suffix:"suffix_07c4478a4e"};!function(e){const n="s_id-d821b20045aa_4_0_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable */\n/* stylelint-enable */\n.formattedNumberComponent_1c123c07fd {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n.prefix_07c4478a4e {\n  white-space: pre;\n}\n.suffix_07c4478a4e {\n  white-space: pre;\n}");export{e as default};
 //# sourceMappingURL=FormattedNumber.module.scss.js.map