npm - @vibe/core - Versions diffs - 3.0.0-alpha.8 → 3.0.0-beta.0 - Mend

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

package/dist/mocked_classnames/src/components/Dialog/DialogContent/DialogContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={contentWrapper:"contentWrapper",top:"top",right:"right",left:"left",bottom:"bottom",bottomStart:"bottomStart",topStart:"topStart",bottomEnd:"bottomEnd",topEnd:"topEnd",leftStart:"leftStart",rightStart:"rightStart",leftEnd:"leftEnd",rightEnd:"rightEnd",contentComponent:"contentComponent",hasTooltip:"hasTooltip",opacitySlideAppear:"opacitySlideAppear",opacitySlideAppearActive:"opacitySlideAppearActive",expandAppear:"expandAppear",expandExit:"expandExit",edgeBottom:"edgeBottom",edgeTop:"edgeTop",expandAppearActive:"expandAppearActive"};!function(t){const e="s_id-ca4097b848ab_3_0_0-alpha_7";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const p=document.createElement("style");p.id=e,n.firstChild?n.insertBefore(p,n.firstChild):n.appendChild(p),p.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".contentWrapper {\n  outline: 0;\n}\n.contentWrapper.top, .contentWrapper.right, .contentWrapper.left, .contentWrapper.bottom {\n  padding: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart, .contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart, .contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent:focus {\n  outline: none;\n}\n.contentComponent.hasTooltip {\n  padding: 6px;\n}\n.opacitySlideAppear {\n  opacity: 0;\n}\n.opacitySlideAppear.top {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear.right {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.bottom {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.left {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive.top, .opacitySlideAppearActive.bottom {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive.right, .opacitySlideAppearActive.left {\n  transform: translateX(0);\n}\n.expandAppear,\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear.top, .expandAppear.topStart, .expandAppear.topEnd,\n.expandExit.top,\n.expandExit.topStart,\n.expandExit.topEnd {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear.top.edgeBottom, .expandAppear.topStart.edgeBottom, .expandAppear.topEnd.edgeBottom,\n.expandExit.top.edgeBottom,\n.expandExit.topStart.edgeBottom,\n.expandExit.topEnd.edgeBottom {\n  transform-origin: bottom left;\n}\n.expandAppear.top.edgeTop, .expandAppear.topStart.edgeTop, .expandAppear.topEnd.edgeTop,\n.expandExit.top.edgeTop,\n.expandExit.topStart.edgeTop,\n.expandExit.topEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandAppear.right, .expandAppear.rightStart, .expandAppear.rightEnd,\n.expandExit.right,\n.expandExit.rightStart,\n.expandExit.rightEnd {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear.right.edgeBottom, .expandAppear.rightStart.edgeBottom, .expandAppear.rightEnd.edgeBottom,\n.expandExit.right.edgeBottom,\n.expandExit.rightStart.edgeBottom,\n.expandExit.rightEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.right.edgeTop, .expandAppear.rightStart.edgeTop, .expandAppear.rightEnd.edgeTop,\n.expandExit.right.edgeTop,\n.expandExit.rightStart.edgeTop,\n.expandExit.rightEnd.edgeTop {\n  transform-origin: bottom left;\n}\n.expandAppear.bottom, .expandAppear.bottomStart, .expandAppear.bottomEnd,\n.expandExit.bottom,\n.expandExit.bottomStart,\n.expandExit.bottomEnd {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear.bottom.edgeBottom, .expandAppear.bottomStart.edgeBottom, .expandAppear.bottomEnd.edgeBottom,\n.expandExit.bottom.edgeBottom,\n.expandExit.bottomStart.edgeBottom,\n.expandExit.bottomEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.bottom.edgeTop, .expandAppear.bottomStart.edgeTop, .expandAppear.bottomEnd.edgeTop,\n.expandExit.bottom.edgeTop,\n.expandExit.bottomStart.edgeTop,\n.expandExit.bottomEnd.edgeTop {\n  transform-origin: top right;\n}\n.expandAppear.left, .expandAppear.leftStart, .expandAppear.leftEnd,\n.expandExit.left,\n.expandExit.leftStart,\n.expandExit.leftEnd {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear.left.edgeBottom, .expandAppear.leftStart.edgeBottom, .expandAppear.leftEnd.edgeBottom,\n.expandExit.left.edgeBottom,\n.expandExit.leftStart.edgeBottom,\n.expandExit.leftEnd.edgeBottom {\n  transform-origin: top right;\n}\n.expandAppear.left.edgeTop, .expandAppear.leftStart.edgeTop, .expandAppear.leftEnd.edgeTop,\n.expandExit.left.edgeTop,\n.expandExit.leftStart.edgeTop,\n.expandExit.leftEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive.top, .expandAppearActive.topStart, .expandAppearActive.topEnd, .expandAppearActive.bottom, .expandAppearActive.bottomStart, .expandAppearActive.bottomEnd, .expandAppearActive.right, .expandAppearActive.rightStart, .expandAppearActive.rightEnd, .expandAppearActive.left, .expandAppearActive.leftStart, .expandAppearActive.leftEnd {\n  transform: scale(1);\n}");export{t as default};
+var t={contentWrapper:"contentWrapper",top:"top",right:"right",left:"left",bottom:"bottom",bottomStart:"bottomStart",topStart:"topStart",bottomEnd:"bottomEnd",topEnd:"topEnd",leftStart:"leftStart",rightStart:"rightStart",leftEnd:"leftEnd",rightEnd:"rightEnd",contentComponent:"contentComponent",hasTooltip:"hasTooltip",opacitySlideAppear:"opacitySlideAppear",opacitySlideAppearActive:"opacitySlideAppearActive",expandAppear:"expandAppear",expandExit:"expandExit",edgeBottom:"edgeBottom",edgeTop:"edgeTop",expandAppearActive:"expandAppearActive"};!function(t){const e="s_id-ca4097b848ab_3_0_0-alpha_17";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const p=document.createElement("style");p.id=e,n.firstChild?n.insertBefore(p,n.firstChild):n.appendChild(p),p.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".contentWrapper {\n  outline: 0;\n}\n.contentWrapper.top, .contentWrapper.right, .contentWrapper.left, .contentWrapper.bottom {\n  padding: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart, .contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-block: var(--spacing-xs);\n}\n.contentWrapper.bottomStart, .contentWrapper.topStart {\n  padding-inline-end: var(--spacing-xs);\n}\n.contentWrapper.bottomEnd, .contentWrapper.topEnd {\n  padding-inline-start: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart, .contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-inline: var(--spacing-xs);\n}\n.contentWrapper.leftStart, .contentWrapper.rightStart {\n  padding-block-end: var(--spacing-xs);\n}\n.contentWrapper.leftEnd, .contentWrapper.rightEnd {\n  padding-block-start: var(--spacing-xs);\n}\n.contentWrapper[data-popper-reference-hidden=true] {\n  visibility: hidden;\n  pointer-events: none;\n}\n.contentComponent:focus {\n  outline: none;\n}\n.contentComponent.hasTooltip {\n  padding: 6px;\n}\n.opacitySlideAppear {\n  opacity: 0;\n}\n.opacitySlideAppear.top {\n  transform: translateY(var(--spacing-medium));\n}\n.opacitySlideAppear.right {\n  transform: translateX(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.bottom {\n  transform: translateY(calc(var(--spacing-medium) * -1));\n}\n.opacitySlideAppear.left {\n  transform: translateX(var(--spacing-medium));\n}\n.opacitySlideAppearActive {\n  transition: opacity 0.2s ease, transform 0.2s ease-out;\n  opacity: 1;\n  pointer-events: none;\n}\n.opacitySlideAppearActive.top, .opacitySlideAppearActive.bottom {\n  transform: translateY(0);\n}\n.opacitySlideAppearActive.right, .opacitySlideAppearActive.left {\n  transform: translateX(0);\n}\n.expandAppear,\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppear.top, .expandAppear.topStart, .expandAppear.topEnd,\n.expandExit.top,\n.expandExit.topStart,\n.expandExit.topEnd {\n  transform-origin: bottom center;\n  transform: scale(0.8);\n}\n.expandAppear.top.edgeBottom, .expandAppear.topStart.edgeBottom, .expandAppear.topEnd.edgeBottom,\n.expandExit.top.edgeBottom,\n.expandExit.topStart.edgeBottom,\n.expandExit.topEnd.edgeBottom {\n  transform-origin: bottom left;\n}\n.expandAppear.top.edgeTop, .expandAppear.topStart.edgeTop, .expandAppear.topEnd.edgeTop,\n.expandExit.top.edgeTop,\n.expandExit.topStart.edgeTop,\n.expandExit.topEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandAppear.right, .expandAppear.rightStart, .expandAppear.rightEnd,\n.expandExit.right,\n.expandExit.rightStart,\n.expandExit.rightEnd {\n  transform-origin: left;\n  transform: scale(0.8);\n}\n.expandAppear.right.edgeBottom, .expandAppear.rightStart.edgeBottom, .expandAppear.rightEnd.edgeBottom,\n.expandExit.right.edgeBottom,\n.expandExit.rightStart.edgeBottom,\n.expandExit.rightEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.right.edgeTop, .expandAppear.rightStart.edgeTop, .expandAppear.rightEnd.edgeTop,\n.expandExit.right.edgeTop,\n.expandExit.rightStart.edgeTop,\n.expandExit.rightEnd.edgeTop {\n  transform-origin: bottom left;\n}\n.expandAppear.bottom, .expandAppear.bottomStart, .expandAppear.bottomEnd,\n.expandExit.bottom,\n.expandExit.bottomStart,\n.expandExit.bottomEnd {\n  transform-origin: top;\n  transform: scale(0.8);\n}\n.expandAppear.bottom.edgeBottom, .expandAppear.bottomStart.edgeBottom, .expandAppear.bottomEnd.edgeBottom,\n.expandExit.bottom.edgeBottom,\n.expandExit.bottomStart.edgeBottom,\n.expandExit.bottomEnd.edgeBottom {\n  transform-origin: top left;\n}\n.expandAppear.bottom.edgeTop, .expandAppear.bottomStart.edgeTop, .expandAppear.bottomEnd.edgeTop,\n.expandExit.bottom.edgeTop,\n.expandExit.bottomStart.edgeTop,\n.expandExit.bottomEnd.edgeTop {\n  transform-origin: top right;\n}\n.expandAppear.left, .expandAppear.leftStart, .expandAppear.leftEnd,\n.expandExit.left,\n.expandExit.leftStart,\n.expandExit.leftEnd {\n  transform-origin: right;\n  transform: scale(0.8);\n}\n.expandAppear.left.edgeBottom, .expandAppear.leftStart.edgeBottom, .expandAppear.leftEnd.edgeBottom,\n.expandExit.left.edgeBottom,\n.expandExit.leftStart.edgeBottom,\n.expandExit.leftEnd.edgeBottom {\n  transform-origin: top right;\n}\n.expandAppear.left.edgeTop, .expandAppear.leftStart.edgeTop, .expandAppear.leftEnd.edgeTop,\n.expandExit.left.edgeTop,\n.expandExit.leftStart.edgeTop,\n.expandExit.leftEnd.edgeTop {\n  transform-origin: bottom right;\n}\n.expandExit {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n}\n.expandAppearActive {\n  transition: transform 0.1s cubic-bezier(0, 0, 0.35, 1);\n  pointer-events: none;\n}\n.expandAppearActive.top, .expandAppearActive.topStart, .expandAppearActive.topEnd, .expandAppearActive.bottom, .expandAppearActive.bottomStart, .expandAppearActive.bottomEnd, .expandAppearActive.right, .expandAppearActive.rightStart, .expandAppearActive.rightEnd, .expandAppearActive.left, .expandAppearActive.leftStart, .expandAppearActive.leftEnd {\n  transform: scale(1);\n}");export{t as default};
 //# sourceMappingURL=DialogContent.module.scss.js.map

package/dist/mocked_classnames/src/components/DialogContentContainer/DialogContentContainer.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={dialogContentContainer:"dialogContentContainer",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",typePopover:"typePopover",typeModal:"typeModal"};!function(e){const n="s_id-84014680658e_3_0_0-alpha_7";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dialogContentContainer:focus {\n  outline: none;\n}\n\n.sizeSmall {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge {\n  padding: var(--spacing-large);\n}\n\n.typePopover {\n  box-shadow: var(--experimental-dialog-border-in-dark-themes, 0 0 0 0 transparent), var(--box-shadow-medium);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.typeModal {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--primary-background-color);\n}");export{e as default};
+var e={dialogContentContainer:"dialogContentContainer",sizeSmall:"sizeSmall",sizeMedium:"sizeMedium",sizeLarge:"sizeLarge",typePopover:"typePopover",typeModal:"typeModal"};!function(e){const n="s_id-84014680658e_3_0_0-alpha_17";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,a.firstChild?a.insertBefore(o,a.firstChild):a.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".dialogContentContainer:focus {\n  outline: none;\n}\n\n.sizeSmall {\n  padding: var(--spacing-small);\n}\n\n.sizeMedium {\n  padding: var(--spacing-medium);\n}\n\n.sizeLarge {\n  padding: var(--spacing-large);\n}\n\n.typePopover {\n  box-shadow: var(--experimental-dialog-border-in-dark-themes, 0 0 0 0 transparent), var(--box-shadow-medium);\n  border-radius: var(--border-radius-medium);\n  background-color: var(--secondary-background-color);\n}\n\n.typeModal {\n  box-shadow: var(--box-shadow-large);\n  border-radius: var(--border-radius-big);\n  background-color: var(--primary-background-color);\n}");export{e as default};
 //# sourceMappingURL=DialogContentContainer.module.scss.js.map

package/dist/mocked_classnames/src/components/Divider/Divider.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={divider:"divider",withoutMargin:"withoutMargin",horizontal:"horizontal",vertical:"vertical"};!function(e){const n="s_id-290500f5721e_3_0_0-alpha_7";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider {\n  background-color: var(--layout-border-color);\n}\n\n.divider.withoutMargin {\n  margin: 0;\n}\n\n.horizontal {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
+var e={divider:"divider",withoutMargin:"withoutMargin",horizontal:"horizontal",vertical:"vertical"};!function(e){const n="s_id-290500f5721e_3_0_0-alpha_17";if("undefined"!=typeof document){const i=document.head||document.getElementsByTagName("head")[0];if(i.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,i.firstChild?i.insertBefore(t,i.firstChild):i.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".divider {\n  background-color: var(--layout-border-color);\n}\n\n.divider.withoutMargin {\n  margin: 0;\n}\n\n.horizontal {\n  height: 1px;\n  width: 100%;\n  margin: var(--spacing-small) 0;\n}\n\n.vertical {\n  height: 100%;\n  width: 1px;\n  margin: 0 var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=Divider.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var o={dropdown:"dropdown"};!function(o){const n="s_id-9c014db6980d_3_0_0-alpha_7";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".dropdown .fast-option {\n  display: flex;\n  align-content: center;\n  color: var(--primary-text-color);\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: 0 var(--spacing-small);\n  padding: 0 var(--spacing-small);\n  transition: all var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.dropdown .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-focused {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n  user-select: none;\n  box-sizing: border-box;\n}\n\n.dropdown .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown .fast-option-selected {\n  color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n  cursor: pointer;\n}");export{o as default};
+var o={dropdown:"dropdown"};!function(o){const n="s_id-9c014db6980d_3_0_0-alpha_17";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const e=document.createElement("style");e.id=n,r.firstChild?r.insertBefore(e,r.firstChild):r.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".dropdown .fast-option {\n  display: flex;\n  align-content: center;\n  color: var(--primary-text-color);\n  cursor: pointer;\n  border-radius: var(--border-radius-small);\n  margin: 0 var(--spacing-small);\n  padding: 0 var(--spacing-small);\n  transition: all var(--motion-productive-medium) var(--motion-timing-enter);\n}\n\n.dropdown .fast-option:disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-disabled {\n  background-color: transparent;\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n}\n\n.dropdown .fast-option-focused {\n  color: var(--primary-text-color);\n  background-color: var(--primary-selected-color);\n  user-select: none;\n  box-sizing: border-box;\n}\n\n.dropdown .fast-option-focused:hover {\n  color: var(--primary-text-color);\n  background-color: var(--primary-background-hover-color);\n}\n\n.dropdown .fast-option-selected {\n  color: var(--primary-color);\n  background-color: var(--primary-selected-color);\n  cursor: pointer;\n}");export{o as default};
 //# sourceMappingURL=Dropdown.module.scss.js.map

package/dist/mocked_classnames/src/components/Dropdown/Dropdown.styles.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{objectSpread2 as r,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{SIZES as n}from"../../constants/sizes.js";import{getCSSVar as e}from"../../services/themes.js";import{getScrollableParent as t}from"../../utils/dom-utils.js";var i=function(r){switch(r){case n.LARGE:return 48;case n.MEDIUM:return 40;default:return 32}},a=function(r){var o=i(r)-2;return{height:"".concat(o,"px")}},c=function(r){var o=i(r)-8;return{height:"".concat(o,"px"),width:"".concat(o,"px")}},l=function(){return{color:e("primary-text-color"),backgroundColor:e("secondary-background-color")}},d=function(r){return{fontSize:v(r),lineHeight:v(r)}},s=function(r){return r?{backgroundColor:e("disabled-background-color"),color:e("disabled-text-color"),borderColor:"transparent",cursor:"not-allowed",":active, :focus, :hover":{borderColor:"transparent",cursor:"not-allowed"},":active, :focus":{pointerEvents:"none"}}:{}},u=function(r){return r?{border:"hidden"}:{}},p=function(r){return r?{backgroundColor:e("allgrey-background-color")}:{}},f=function(o){var n=o.size;return function(o,t){var a=t.isDisabled,c=t.selectProps.readOnly;return delete o.pointerEvents,r(r(r(r({},o),function(r){var o=i(r);return{height:"".concat(o,"px")}}(n)),{},{minHeight:"30px",border:"1px solid ".concat(e("ui-border-color")),boxShadow:"none",borderRadius:e("border-radius-small"),boxSizing:"border-box",transition:"border 0.1s ".concat(e("expand-animation-timing")),":hover":{borderColor:e("primary-text-color"),borderRadius:e("border-radius-small")},":active, :focus-within":{borderColor:e("primary-color")}},s(a)),u(c))}},b=function(o){var n=o.size;return function(o,t){var i=t.isDisabled;return r(r(r(r(r({},o),d()),l()),{},{borderRadius:e("border-radius-small")},s(i)),a(n))}},g=function(o){var n=o.size;return function(o,t){var i=t.selectProps,a=t.isDisabled,l=i.menuIsOpen,d=i.readOnly;return r(r(r({},o),{},{display:d?"none":"flex",alignItems:"center",justifyContent:"center",padding:"0px"},c(n)),{},{margin:"4px 3px 4px 0px",backgroundColor:"transparent",borderRadius:e("border-radius-small"),svg:{transition:"transform 0.1s ".concat(e("expand-animation-timing")),transform:l?"rotate(180deg)":"rotate(0deg)"},color:e(a?"disabled-text-color":"icon-color"),":hover, :active":{backgroundColor:a?void 0:e("primary-background-hover-color"),color:a?void 0:e("icon-color")}})}},m=function(o){var n=o.size;return function(){return r(r({display:"flex",alignItems:"center",justifyContent:"center",color:e("icon-color"),backgroundColor:"transparent",borderRadius:e("border-radius-small")},c(n)),{},{":hover":{backgroundColor:e("primary-background-hover-color")}})}};function v(r){switch(r){case n.LARGE:case n.MEDIUM:return"16px";default:return"14px"}}var x=function(n){var t=n.size,i=n.rtl;return function(n,c){var u=c.isDisabled,f=c.selectProps.readOnly;return r(r(r(r(r(r(r(r({},n),function(r){return o({display:"flex",alignItems:"center"},"padding".concat(r?"Right":"Left"),"12px")}(i)),d()),l()),a(t)),s(u)),p(f)),{},{borderRadius:e("border-radius-small")})}},h=function(){return function(o,n){return r(r({},d()),function(o,n){var t=n.isDisabled,i=n.isSelected,a=n.isFocused;delete o[":active"],delete o.width;var c={display:"flex",alignContent:"center",borderRadius:e("border-radius-small"),marginRight:e("spacing-small"),marginLeft:e("spacing-small"),paddingLeft:e("spacing-small"),paddingRight:e("spacing-small"),transition:"all 0.1s ".concat(e("expand-animation-timing"))};return t?r(r(r({},o),c),{},{backgroundColor:"transparent",color:e("disabled-text-color"),cursor:"not-allowed"},a&&{backgroundColor:e("primary-background-hover-color")}):i?r(r(r({},o),c),{},{color:e("primary-text-color"),backgroundColor:e("primary-selected-color"),cursor:"pointer"}):r(r(r({},o),c),{},{color:e("primary-text-color"),cursor:"pointer"},a&&{":hover":{color:e("primary-text-color"),backgroundColor:e("primary-background-hover-color")}})}(o,n))}},y=function(r){switch(r){case n.LARGE:case n.MEDIUM:return"20px";default:return"16px"}},C=function(o){return r(r({},o),{},{borderRadius:e("border-radius-small"),colors:r(r({},o.colors),{},{primary25:e("primary-background-hover-color")})})},w=function(o){return{container:f(o),control:(w=o,k=w.size,function(o,n){var t=n.isDisabled,i=n.selectProps.readOnly;return r(r(r(r(r(r({},o),a(k)),l()),{},{minHeight:"30px",border:"0 solid transparent",borderRadius:e("border-radius-small"),":focus-within":{boxShadow:"0 0 0 1px ".concat(e("primary-color"))}},!t&&{":hover":{borderColor:"transparent",borderRadius:e("border-radius-small")}}),{},{cursor:i?"default":"pointer"},s(t)),u(i))}),placeholder:function(o,n){var t=n.isDisabled;return r(r(r({},o),d()),{},{color:e(t?"disabled-text-color":"secondary-text-color"),fontWeight:e("font-weight-normal")})},indicatorsContainer:b(o),dropdownIndicator:g(o),clearIndicator:m(o),singleValue:function(o,n){var e=n.isDisabled,t=n.selectProps,i=t.readOnly,a=i?r(r(r({},u(i)),p(i)),{},{cursor:"text"}):{};return r(r(r(r(r(r(r({},o),d()),l()),s(e)),function(r){if(r.menuIsOpen)return{opacity:.6}}(t)),a),{},{display:"flex",alignItems:"center",height:"100%"})},input:function(o){return r(r(r(r({},o),d()),l()),{},{display:"flex",alignItems:"center",textIndent:"-2px"})},valueContainer:x(o),menu:(c=o,v=c.controlRef,y=c.insideOverflowContainer,C=c.insideOverflowWithTransformContainer,function(o){var n,i=r(r(r({},o),d()),{},{color:e("primary-text-color"),backgroundColor:e("dialog-background-color"),boxShadow:"".concat(e("experimental-dropdown-border-in-dark-themes","0 0 0 0 transparent"),", ").concat(e("box-shadow-small"))});if(!y&&!C)return i;var a=null==v||null===(n=v.current)||void 0===n?void 0:n.getBoundingClientRect();if(!a)return i;if(y)return r(r({},i),{},{top:a.bottom,width:a.width});if(C){var c,l="-".concat(null===(c=t(null==v?void 0:v.current))||void 0===c?void 0:c.scrollTop,"px");return r(r({},i),{},{top:"auto",translate:"0 ".concat(l),width:a.width})}return i}),option:h(),indicatorSeparator:function(){return{display:"none"}},group:(n=o,i=n.withGroupDivider,function(){return r({paddingBottom:0,marginTop:"4px"},i&&{":not(:last-child)":{position:"relative",paddingBottom:"8px","::after":{content:'""',position:"absolute",bottom:"0",left:"var(--spacing-small)",width:"calc(100% - (var(--spacing-small) * 2))",height:"1px",backgroundColor:"var(--layout-border-color)"}}})}),groupHeading:function(){return{fontSize:"14px",lineHeight:"32px",display:"flex",alignItems:"center",marginLeft:e("spacing-medium"),color:e("secondary-text-color")}}};var n,i,c,v,y,C,w,k};export{C as customTheme,w as default,y as getIndicatorSize};
+import{objectSpread2 as r,defineProperty as o}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{SIZES as n}from"../../constants/sizes.js";import{getCSSVar as e}from"../../services/themes.js";import{getScrollableParent as t}from"../../utils/dom-utils.js";var i=function(r){switch(r){case n.LARGE:return 48;case n.MEDIUM:return 40;default:return 32}},a=function(r){var o=i(r)-2;return{height:"".concat(o,"px")}},l=function(r){var o=i(r)-8;return{height:"".concat(o,"px"),width:"".concat(o,"px")}},c=function(){return{color:e("primary-text-color"),backgroundColor:e("secondary-background-color")}},d=function(r){return{fontSize:v(r),lineHeight:v(r),fontFamily:e("font-family")}},s=function(r){return r?{backgroundColor:e("disabled-background-color"),color:e("disabled-text-color"),borderColor:"transparent",cursor:"not-allowed",":active, :focus, :hover":{borderColor:"transparent",cursor:"not-allowed"},":active, :focus":{pointerEvents:"none"}}:{}},u=function(r){return r?{border:"hidden"}:{}},p=function(r){return r?{backgroundColor:e("allgrey-background-color")}:{}},f=function(o){var n=o.size;return function(o,t){var a=t.isDisabled,l=t.selectProps.readOnly;return delete o.pointerEvents,r(r(r(r({},o),function(r){var o=i(r);return{height:"".concat(o,"px")}}(n)),{},{minHeight:"30px",border:"1px solid ".concat(e("ui-border-color")),boxShadow:"none",borderRadius:e("border-radius-small"),boxSizing:"border-box",transition:"border 0.1s ".concat(e("expand-animation-timing")),":hover":{borderColor:e("primary-text-color"),borderRadius:e("border-radius-small")},":active, :focus-within":{borderColor:e("primary-color")}},s(a)),u(l))}},b=function(o){var n=o.size;return function(o,t){var i=t.isDisabled;return r(r(r(r(r({},o),d()),c()),{},{borderRadius:e("border-radius-small")},s(i)),a(n))}},m=function(o){var n=o.size;return function(o,t){var i=t.selectProps,a=t.isDisabled,c=i.menuIsOpen,d=i.readOnly;return r(r(r({},o),{},{display:d?"none":"flex",alignItems:"center",justifyContent:"center",padding:"0px"},l(n)),{},{margin:"4px 3px 4px 0px",backgroundColor:"transparent",borderRadius:e("border-radius-small"),svg:{transition:"transform 0.1s ".concat(e("expand-animation-timing")),transform:c?"rotate(180deg)":"rotate(0deg)"},color:e(a?"disabled-text-color":"icon-color"),":hover, :active":{backgroundColor:a?void 0:e("primary-background-hover-color"),color:a?void 0:e("icon-color")}})}},g=function(o){var n=o.size;return function(){return r(r({display:"flex",alignItems:"center",justifyContent:"center",color:e("icon-color"),backgroundColor:"transparent",borderRadius:e("border-radius-small")},l(n)),{},{":hover":{backgroundColor:e("primary-background-hover-color")}})}};function v(r){switch(r){case n.LARGE:case n.MEDIUM:return"16px";default:return"14px"}}var x=function(n){var t=n.size,i=n.rtl;return function(n,l){var u=l.isDisabled,f=l.selectProps.readOnly;return r(r(r(r(r(r(r(r({},n),function(r){return o({display:"flex",alignItems:"center"},"padding".concat(r?"Right":"Left"),"12px")}(i)),d()),c()),a(t)),s(u)),p(f)),{},{borderRadius:e("border-radius-small")})}},h=function(){return function(o,n){return r(r({},d()),function(o,n){var t=n.isDisabled,i=n.isSelected,a=n.isFocused;delete o[":active"],delete o.width;var l={display:"flex",alignContent:"center",borderRadius:e("border-radius-small"),marginRight:e("spacing-small"),marginLeft:e("spacing-small"),paddingLeft:e("spacing-small"),paddingRight:e("spacing-small"),transition:"all 0.1s ".concat(e("expand-animation-timing"))};return t?r(r(r({},o),l),{},{backgroundColor:"transparent",color:e("disabled-text-color"),cursor:"not-allowed"},a&&{backgroundColor:e("primary-background-hover-color")}):i?r(r(r({},o),l),{},{color:e("primary-text-color"),backgroundColor:e("primary-selected-color"),cursor:"pointer"}):r(r(r({},o),l),{},{color:e("primary-text-color"),cursor:"pointer"},a&&{":hover":{color:e("primary-text-color"),backgroundColor:e("primary-background-hover-color")}})}(o,n))}},y=function(r){switch(r){case n.LARGE:case n.MEDIUM:return"20px";default:return"16px"}},C=function(o){return r(r({},o),{},{borderRadius:e("border-radius-small"),colors:r(r({},o.colors),{},{primary25:e("primary-background-hover-color")})})},w=function(o){return{container:f(o),control:(w=o,k=w.size,function(o,n){var t=n.isDisabled,i=n.selectProps.readOnly;return r(r(r(r(r(r({},o),a(k)),c()),{},{minHeight:"30px",border:"0 solid transparent",borderRadius:e("border-radius-small"),":focus-within":{boxShadow:"0 0 0 1px ".concat(e("primary-color"))}},!t&&{":hover":{borderColor:"transparent",borderRadius:e("border-radius-small")}}),{},{cursor:i?"default":"pointer"},s(t)),u(i))}),placeholder:function(o,n){var t=n.isDisabled;return r(r(r({},o),d()),{},{color:e(t?"disabled-text-color":"secondary-text-color"),fontWeight:e("font-weight-normal")})},indicatorsContainer:b(o),dropdownIndicator:m(o),clearIndicator:g(o),singleValue:function(o,n){var e=n.isDisabled,t=n.selectProps,i=t.readOnly,a=i?r(r(r({},u(i)),p(i)),{},{cursor:"text"}):{};return r(r(r(r(r(r(r({},o),d()),c()),s(e)),function(r){if(r.menuIsOpen)return{opacity:.6}}(t)),a),{},{display:"flex",alignItems:"center",height:"100%"})},input:function(o){return r(r(r(r({},o),d()),c()),{},{display:"flex",alignItems:"center",textIndent:"-2px"})},valueContainer:x(o),menu:(l=o,v=l.controlRef,y=l.insideOverflowContainer,C=l.insideOverflowWithTransformContainer,function(o){var n,i=r(r(r({},o),d()),{},{color:e("primary-text-color"),backgroundColor:e("dialog-background-color"),boxShadow:"".concat(e("experimental-dropdown-border-in-dark-themes","0 0 0 0 transparent"),", ").concat(e("box-shadow-small"))});if(!y&&!C)return i;var a=null==v||null===(n=v.current)||void 0===n?void 0:n.getBoundingClientRect();if(!a)return i;if(y)return r(r({},i),{},{top:a.bottom,width:a.width});if(C){var l,c="-".concat(null===(l=t(null==v?void 0:v.current))||void 0===l?void 0:l.scrollTop,"px");return r(r({},i),{},{top:"auto",translate:"0 ".concat(c),width:a.width})}return i}),option:h(),indicatorSeparator:function(){return{display:"none"}},group:(n=o,i=n.withGroupDivider,function(){return r({paddingBottom:0,marginTop:"4px"},i&&{":not(:last-child)":{position:"relative",paddingBottom:"8px","::after":{content:'""',position:"absolute",bottom:"0",left:"var(--spacing-small)",width:"calc(100% - (var(--spacing-small) * 2))",height:"1px",backgroundColor:"var(--layout-border-color)"}}})}),groupHeading:function(){return{fontSize:"14px",lineHeight:"32px",display:"flex",alignItems:"center",marginLeft:e("spacing-medium"),color:e("secondary-text-color")}}};var n,i,l,v,y,C,w,k};export{C as customTheme,w as default,y as getIndicatorSize};
 //# sourceMappingURL=Dropdown.styles.js.map

package/dist/mocked_classnames/src/components/Dropdown/Dropdown.styles.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Dropdown.styles.js","sources":["../../../../../src/components/Dropdown/Dropdown.styles.js"],"sourcesContent":["import { SIZES } from \"../../constants/sizes\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { getScrollableParent } from \"../../utils/dom-utils\";\n\nconst getSizeInPx = size => {\n switch (size) {\n case SIZES.LARGE:\n return 48;\n case SIZES.MEDIUM:\n return 40;\n case SIZES.SMALL:\n default:\n return 32;\n }\n};\n\nconst getSize = size => {\n const selectedSize = getSizeInPx(size);\n return { height: `${selectedSize}px` };\n};\n\nconst getInnerSize = size => {\n const selectedSize = getSizeInPx(size) - 2;\n return { height: `${selectedSize}px` };\n};\n\nconst getIndicatorBoxSize = size => {\n const selectedSize = getSizeInPx(size) - 8;\n return {\n height: `${selectedSize}px`,\n width: `${selectedSize}px`\n };\n};\n\nconst getColor = () => {\n const color = getCSSVar(\"primary-text-color\");\n const backgroundColor = getCSSVar(\"secondary-background-color\");\n return { color, backgroundColor };\n};\n\nconst getFont = size => ({ fontSize: getSingleValueTextSize(size), lineHeight: getSingleValueTextSize(size) });\n\nconst disabledContainerStyle = isDisabled => {\n if (!isDisabled) return {};\n return {\n backgroundColor: getCSSVar(\"disabled-background-color\"),\n color: getCSSVar(\"disabled-text-color\"),\n borderColor: \"transparent\",\n cursor: \"not-allowed\",\n \":active, :focus, :hover\": {\n borderColor: \"transparent\",\n cursor: \"not-allowed\"\n },\n \":active, :focus\": {\n pointerEvents: \"none\"\n }\n };\n};\n\nconst readOnlyContainerStyle = readOnly => {\n if (!readOnly) return {};\n return {\n border: \"hidden\"\n };\n};\n\nconst readOnlyStyle = isReadOnly => {\n if (!isReadOnly) {\n return {};\n }\n return {\n backgroundColor: getCSSVar(\"allgrey-background-color\")\n };\n};\n\nconst getOptionStyle = (provided, { isDisabled, isSelected, isFocused }) => {\n delete provided[\":active\"];\n delete provided.width;\n const general = {\n display: \"flex\",\n alignContent: \"center\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n marginRight: getCSSVar(\"spacing-small\"),\n marginLeft: getCSSVar(\"spacing-small\"),\n paddingLeft: getCSSVar(\"spacing-small\"),\n paddingRight: getCSSVar(\"spacing-small\"),\n transition: `all 0.1s ${getCSSVar(\"expand-animation-timing\")}`\n };\n if (isDisabled) {\n return {\n ...provided,\n ...general,\n backgroundColor: \"transparent\",\n color: getCSSVar(\"disabled-text-color\"),\n cursor: \"not-allowed\",\n ...(isFocused && {\n backgroundColor: getCSSVar(\"primary-background-hover-color\")\n })\n };\n }\n if (isSelected) {\n return {\n ...provided,\n ...general,\n color: getCSSVar(\"primary-text-color\"),\n backgroundColor: getCSSVar(\"primary-selected-color\"),\n cursor: \"pointer\"\n };\n }\n return {\n ...provided,\n ...general,\n color: getCSSVar(\"primary-text-color\"),\n cursor: \"pointer\",\n ...(isFocused && {\n \":hover\": {\n color: getCSSVar(\"primary-text-color\"),\n backgroundColor: getCSSVar(\"primary-background-hover-color\")\n }\n })\n };\n};\n\nconst container =\n ({ size }) =>\n (provided, { isDisabled, selectProps }) => {\n const { readOnly } = selectProps;\n delete provided.pointerEvents;\n return {\n ...provided,\n ...getSize(size),\n minHeight: \"30px\",\n border: `1px solid ${getCSSVar(\"ui-border-color\")}`,\n boxShadow: \"none\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n boxSizing: \"border-box\",\n transition: `border 0.1s ${getCSSVar(\"expand-animation-timing\")}`,\n \":hover\": {\n borderColor: getCSSVar(\"primary-text-color\"),\n borderRadius: getCSSVar(\"border-radius-small\")\n },\n \":active, :focus-within\": {\n borderColor: getCSSVar(\"primary-color\")\n },\n ...disabledContainerStyle(isDisabled),\n ...readOnlyContainerStyle(readOnly)\n };\n };\n\nconst control =\n ({ size }) =>\n (provided, { isDisabled, selectProps }) => {\n const { readOnly } = selectProps;\n return {\n ...provided,\n ...getInnerSize(size),\n ...getColor(),\n minHeight: \"30px\",\n border: \"0 solid transparent\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n \":focus-within\": {\n boxShadow: `0 0 0 1px ${getCSSVar(\"primary-color\")}`\n },\n ...(!isDisabled && {\n \":hover\": {\n borderColor: \"transparent\",\n borderRadius: getCSSVar(\"border-radius-small\")\n }\n }),\n cursor: readOnly ? \"default\" : \"pointer\",\n ...disabledContainerStyle(isDisabled),\n ...readOnlyContainerStyle(readOnly)\n };\n };\n\nconst placeholder =\n () =>\n (provided, { isDisabled }) => ({\n ...provided,\n ...getFont(),\n color: isDisabled ? getCSSVar(\"disabled-text-color\") : getCSSVar(\"secondary-text-color\"),\n fontWeight: getCSSVar(\"font-weight-normal\")\n });\n\nconst indicatorsContainer =\n ({ size }) =>\n (provided, { isDisabled }) => ({\n ...provided,\n ...getFont(),\n ...getColor(),\n borderRadius: getCSSVar(\"border-radius-small\"),\n ...disabledContainerStyle(isDisabled),\n ...getInnerSize(size)\n });\n\nconst dropdownIndicator =\n ({ size }) =>\n (provided, { selectProps, isDisabled }) => {\n const { menuIsOpen, readOnly } = selectProps;\n return {\n ...provided,\n display: readOnly ? \"none\" : \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: \"0px\",\n ...getIndicatorBoxSize(size),\n margin: \"4px 3px 4px 0px\",\n backgroundColor: \"transparent\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n svg: {\n transition: `transform 0.1s ${getCSSVar(\"expand-animation-timing\")}`,\n transform: menuIsOpen ? \"rotate(180deg)\" : \"rotate(0deg)\"\n },\n color: isDisabled ? getCSSVar(\"disabled-text-color\") : getCSSVar(\"icon-color\"),\n \":hover, :active\": {\n backgroundColor: isDisabled ? undefined : getCSSVar(\"primary-background-hover-color\"),\n color: isDisabled ? undefined : getCSSVar(\"icon-color\")\n }\n };\n };\n\nconst clearIndicator =\n ({ size }) =>\n () => ({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n color: getCSSVar(\"icon-color\"),\n backgroundColor: \"transparent\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n ...getIndicatorBoxSize(size),\n \":hover\": {\n backgroundColor: getCSSVar(\"primary-background-hover-color\")\n }\n });\n\nconst menuOpenOpacity = ({ menuIsOpen }) => {\n if (menuIsOpen) {\n return {\n opacity: 0.6\n };\n }\n};\n\nconst singleValue =\n () =>\n (provided, { isDisabled, selectProps }) => {\n const { readOnly } = selectProps;\n const readOnlyProps = readOnly\n ? {\n ...readOnlyContainerStyle(readOnly),\n ...readOnlyStyle(readOnly),\n cursor: \"text\"\n }\n : {};\n\n return {\n ...provided,\n ...getFont(),\n ...getColor(),\n ...disabledContainerStyle(isDisabled),\n ...menuOpenOpacity(selectProps),\n ...readOnlyProps,\n display: \"flex\",\n alignItems: \"center\",\n height: \"100%\"\n };\n };\n\nfunction getSingleValueTextSize(size) {\n switch (size) {\n case SIZES.LARGE:\n return \"16px\";\n case SIZES.MEDIUM:\n return \"16px\";\n case SIZES.SMALL:\n default:\n return \"14px\";\n }\n}\n\nconst input = () => provided => ({\n ...provided,\n ...getFont(),\n ...getColor(),\n display: \"flex\",\n alignItems: \"center\",\n textIndent: \"-2px\"\n});\n\n// 12px - because we have inner 4px\nconst getCenterContentStyle = rtl => {\n return {\n display: \"flex\",\n alignItems: \"center\",\n [`padding${rtl ? \"Right\" : \"Left\"}`]: \"12px\"\n };\n};\n\nconst valueContainer =\n ({ size, rtl }) =>\n (provided, { isDisabled, selectProps: { readOnly } }) => ({\n ...provided,\n ...getCenterContentStyle(rtl),\n ...getFont(),\n ...getColor(),\n ...getInnerSize(size),\n ...disabledContainerStyle(isDisabled),\n ...readOnlyStyle(readOnly),\n borderRadius: getCSSVar(\"border-radius-small\")\n });\n\nconst menu =\n ({ controlRef, insideOverflowContainer, insideOverflowWithTransformContainer }) =>\n provided => {\n const baseStyle = {\n ...provided,\n ...getFont(),\n color: getCSSVar(\"primary-text-color\"),\n backgroundColor: getCSSVar(\"dialog-background-color\"),\n boxShadow: `${getCSSVar(\"experimental-dropdown-border-in-dark-themes\", \"0 0 0 0 transparent\")}, ${getCSSVar(\n \"box-shadow-small\"\n )}`\n };\n\n if (!insideOverflowContainer && !insideOverflowWithTransformContainer) return baseStyle;\n const parentPositionData = controlRef?.current?.getBoundingClientRect();\n // If no location found do not add anything to hard coded style\n if (!parentPositionData) return baseStyle;\n\n /** If the dropdown is inside a scroll in a regular container,position: fixed content (like our dropdown menu) will be attached to the start of the viewport.\n * For this case we will override the top menu position value to be the according the the drop down location for correct dispaly.\n * When the dropdown container (with overflow:hidden or overflow:scroll) using transform CSS function, we can use a relative positioned inner container, which our menu will be attach to it's\n * start when the menu position is fixed, and this is why in this case we define top:auto.\n * we also need in this case to translate the menu y position to fit inside a scrollable parent.\n /\n\n if (insideOverflowContainer) {\n return { ...baseStyle, top: parentPositionData.bottom, width: parentPositionData.width };\n } else if (insideOverflowWithTransformContainer) {\n const translateY = `-${getScrollableParent(controlRef?.current)?.scrollTop}px`;\n return {\n ...baseStyle,\n top: \"auto\",\n translate: `0 ${translateY}`,\n width: parentPositionData.width\n };\n }\n return baseStyle;\n };\n\nconst option = () => (provided, state) => ({\n ...getFont(),\n ...getOptionStyle(provided, state)\n});\n\nconst indicatorSeparator = () => () => ({\n display: \"none\"\n});\n\nconst group =\n ({ withGroupDivider }) =>\n () => ({\n paddingBottom: 0,\n marginTop: \"4px\",\n ...(withGroupDivider && {\n \":not(:last-child)\": {\n position: \"relative\",\n paddingBottom: \"8px\",\n \"::after\": {\n content: '\"\"',\n position: \"absolute\",\n bottom: \"0\",\n left: \"var(--spacing-small)\",\n width: \"calc(100% - (var(--spacing-small) 2))\",\n height: \"1px\",\n backgroundColor: \"var(--layout-border-color)\"\n }\n }\n })\n });\n\nconst groupHeading = () => () => ({\n fontSize: \"14px\",\n lineHeight: \"32px\",\n display: \"flex\",\n alignItems: \"center\",\n marginLeft: getCSSVar(\"spacing-medium\"),\n color: getCSSVar(\"secondary-text-color\")\n});\n\nexport const getIndicatorSize = size => {\n switch (size) {\n case SIZES.LARGE:\n return \"20px\";\n case SIZES.MEDIUM:\n return \"20px\";\n case SIZES.SMALL:\n default:\n return \"16px\";\n }\n};\n\nexport const customTheme = theme => ({\n ...theme,\n borderRadius: getCSSVar(\"border-radius-small\"),\n colors: {\n ...theme.colors,\n primary25: getCSSVar(\"primary-background-hover-color\")\n }\n});\n\nexport default data => ({\n container: container(data),\n control: control(data),\n placeholder: placeholder(data),\n indicatorsContainer: indicatorsContainer(data),\n dropdownIndicator: dropdownIndicator(data),\n clearIndicator: clearIndicator(data),\n singleValue: singleValue(data),\n input: input(data),\n valueContainer: valueContainer(data),\n menu: menu(data),\n option: option(data),\n indicatorSeparator: indicatorSeparator(data),\n group: group(data),\n groupHeading: groupHeading(data)\n});\n"],"names":["getSizeInPx","size","SIZES","LARGE","MEDIUM","getInnerSize","selectedSize","height","concat","getIndicatorBoxSize","width","getColor","color","getCSSVar","backgroundColor","getFont","fontSize","getSingleValueTextSize","lineHeight","disabledContainerStyle","isDisabled","borderColor","cursor","pointerEvents","readOnlyContainerStyle","readOnly","border","readOnlyStyle","isReadOnly","container","_ref2","provided","_ref3","selectProps","_objectSpread","getSize","minHeight","boxShadow","borderRadius","boxSizing","transition","indicatorsContainer","_ref7","_ref8","dropdownIndicator","_ref9","_ref10","menuIsOpen","display","alignItems","justifyContent","padding","margin","svg","transform","undefined","clearIndicator","_ref11","valueContainer","_ref15","rtl","_ref16","_defineProperty","getCenterContentStyle","option","state","_ref","isSelected","isFocused","general","alignContent","marginRight","marginLeft","paddingLeft","paddingRight","getOptionStyle","getIndicatorSize","customTheme","theme","colors","primary25","generateBaseStyles","data","control","_ref4","_ref5","placeholder","_ref6","fontWeight","singleValue","_ref13","readOnlyProps","_ref12","opacity","menuOpenOpacity","input","textIndent","menu","_ref17","controlRef","insideOverflowContainer","insideOverflowWithTransformContainer","_controlRef$current","baseStyle","parentPositionData","current","getBoundingClientRect","top","bottom","_getScrollableParent","translateY","getScrollableParent","scrollTop","translate","indicatorSeparator","group","_ref18","withGroupDivider","paddingBottom","marginTop","position","content","left","groupHeading"],"mappings":"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"}
1	+ {"version":3,"file":"Dropdown.styles.js","sources":["../../../../../src/components/Dropdown/Dropdown.styles.js"],"sourcesContent":["import { SIZES } from \"../../constants/sizes\";\nimport { getCSSVar } from \"../../services/themes\";\nimport { getScrollableParent } from \"../../utils/dom-utils\";\n\nconst getSizeInPx = size => {\n switch (size) {\n case SIZES.LARGE:\n return 48;\n case SIZES.MEDIUM:\n return 40;\n case SIZES.SMALL:\n default:\n return 32;\n }\n};\n\nconst getSize = size => {\n const selectedSize = getSizeInPx(size);\n return { height: `${selectedSize}px` };\n};\n\nconst getInnerSize = size => {\n const selectedSize = getSizeInPx(size) - 2;\n return { height: `${selectedSize}px` };\n};\n\nconst getIndicatorBoxSize = size => {\n const selectedSize = getSizeInPx(size) - 8;\n return {\n height: `${selectedSize}px`,\n width: `${selectedSize}px`\n };\n};\n\nconst getColor = () => {\n const color = getCSSVar(\"primary-text-color\");\n const backgroundColor = getCSSVar(\"secondary-background-color\");\n return { color, backgroundColor };\n};\n\nconst getFont = size => ({\n fontSize: getSingleValueTextSize(size),\n lineHeight: getSingleValueTextSize(size),\n fontFamily: getCSSVar(\"font-family\")\n});\n\nconst disabledContainerStyle = isDisabled => {\n if (!isDisabled) return {};\n return {\n backgroundColor: getCSSVar(\"disabled-background-color\"),\n color: getCSSVar(\"disabled-text-color\"),\n borderColor: \"transparent\",\n cursor: \"not-allowed\",\n \":active, :focus, :hover\": {\n borderColor: \"transparent\",\n cursor: \"not-allowed\"\n },\n \":active, :focus\": {\n pointerEvents: \"none\"\n }\n };\n};\n\nconst readOnlyContainerStyle = readOnly => {\n if (!readOnly) return {};\n return {\n border: \"hidden\"\n };\n};\n\nconst readOnlyStyle = isReadOnly => {\n if (!isReadOnly) {\n return {};\n }\n return {\n backgroundColor: getCSSVar(\"allgrey-background-color\")\n };\n};\n\nconst getOptionStyle = (provided, { isDisabled, isSelected, isFocused }) => {\n delete provided[\":active\"];\n delete provided.width;\n const general = {\n display: \"flex\",\n alignContent: \"center\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n marginRight: getCSSVar(\"spacing-small\"),\n marginLeft: getCSSVar(\"spacing-small\"),\n paddingLeft: getCSSVar(\"spacing-small\"),\n paddingRight: getCSSVar(\"spacing-small\"),\n transition: `all 0.1s ${getCSSVar(\"expand-animation-timing\")}`\n };\n if (isDisabled) {\n return {\n ...provided,\n ...general,\n backgroundColor: \"transparent\",\n color: getCSSVar(\"disabled-text-color\"),\n cursor: \"not-allowed\",\n ...(isFocused && {\n backgroundColor: getCSSVar(\"primary-background-hover-color\")\n })\n };\n }\n if (isSelected) {\n return {\n ...provided,\n ...general,\n color: getCSSVar(\"primary-text-color\"),\n backgroundColor: getCSSVar(\"primary-selected-color\"),\n cursor: \"pointer\"\n };\n }\n return {\n ...provided,\n ...general,\n color: getCSSVar(\"primary-text-color\"),\n cursor: \"pointer\",\n ...(isFocused && {\n \":hover\": {\n color: getCSSVar(\"primary-text-color\"),\n backgroundColor: getCSSVar(\"primary-background-hover-color\")\n }\n })\n };\n};\n\nconst container =\n ({ size }) =>\n (provided, { isDisabled, selectProps }) => {\n const { readOnly } = selectProps;\n delete provided.pointerEvents;\n return {\n ...provided,\n ...getSize(size),\n minHeight: \"30px\",\n border: `1px solid ${getCSSVar(\"ui-border-color\")}`,\n boxShadow: \"none\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n boxSizing: \"border-box\",\n transition: `border 0.1s ${getCSSVar(\"expand-animation-timing\")}`,\n \":hover\": {\n borderColor: getCSSVar(\"primary-text-color\"),\n borderRadius: getCSSVar(\"border-radius-small\")\n },\n \":active, :focus-within\": {\n borderColor: getCSSVar(\"primary-color\")\n },\n ...disabledContainerStyle(isDisabled),\n ...readOnlyContainerStyle(readOnly)\n };\n };\n\nconst control =\n ({ size }) =>\n (provided, { isDisabled, selectProps }) => {\n const { readOnly } = selectProps;\n return {\n ...provided,\n ...getInnerSize(size),\n ...getColor(),\n minHeight: \"30px\",\n border: \"0 solid transparent\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n \":focus-within\": {\n boxShadow: `0 0 0 1px ${getCSSVar(\"primary-color\")}`\n },\n ...(!isDisabled && {\n \":hover\": {\n borderColor: \"transparent\",\n borderRadius: getCSSVar(\"border-radius-small\")\n }\n }),\n cursor: readOnly ? \"default\" : \"pointer\",\n ...disabledContainerStyle(isDisabled),\n ...readOnlyContainerStyle(readOnly)\n };\n };\n\nconst placeholder =\n () =>\n (provided, { isDisabled }) => ({\n ...provided,\n ...getFont(),\n color: isDisabled ? getCSSVar(\"disabled-text-color\") : getCSSVar(\"secondary-text-color\"),\n fontWeight: getCSSVar(\"font-weight-normal\")\n });\n\nconst indicatorsContainer =\n ({ size }) =>\n (provided, { isDisabled }) => ({\n ...provided,\n ...getFont(),\n ...getColor(),\n borderRadius: getCSSVar(\"border-radius-small\"),\n ...disabledContainerStyle(isDisabled),\n ...getInnerSize(size)\n });\n\nconst dropdownIndicator =\n ({ size }) =>\n (provided, { selectProps, isDisabled }) => {\n const { menuIsOpen, readOnly } = selectProps;\n return {\n ...provided,\n display: readOnly ? \"none\" : \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n padding: \"0px\",\n ...getIndicatorBoxSize(size),\n margin: \"4px 3px 4px 0px\",\n backgroundColor: \"transparent\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n svg: {\n transition: `transform 0.1s ${getCSSVar(\"expand-animation-timing\")}`,\n transform: menuIsOpen ? \"rotate(180deg)\" : \"rotate(0deg)\"\n },\n color: isDisabled ? getCSSVar(\"disabled-text-color\") : getCSSVar(\"icon-color\"),\n \":hover, :active\": {\n backgroundColor: isDisabled ? undefined : getCSSVar(\"primary-background-hover-color\"),\n color: isDisabled ? undefined : getCSSVar(\"icon-color\")\n }\n };\n };\n\nconst clearIndicator =\n ({ size }) =>\n () => ({\n display: \"flex\",\n alignItems: \"center\",\n justifyContent: \"center\",\n color: getCSSVar(\"icon-color\"),\n backgroundColor: \"transparent\",\n borderRadius: getCSSVar(\"border-radius-small\"),\n ...getIndicatorBoxSize(size),\n \":hover\": {\n backgroundColor: getCSSVar(\"primary-background-hover-color\")\n }\n });\n\nconst menuOpenOpacity = ({ menuIsOpen }) => {\n if (menuIsOpen) {\n return {\n opacity: 0.6\n };\n }\n};\n\nconst singleValue =\n () =>\n (provided, { isDisabled, selectProps }) => {\n const { readOnly } = selectProps;\n const readOnlyProps = readOnly\n ? {\n ...readOnlyContainerStyle(readOnly),\n ...readOnlyStyle(readOnly),\n cursor: \"text\"\n }\n : {};\n\n return {\n ...provided,\n ...getFont(),\n ...getColor(),\n ...disabledContainerStyle(isDisabled),\n ...menuOpenOpacity(selectProps),\n ...readOnlyProps,\n display: \"flex\",\n alignItems: \"center\",\n height: \"100%\"\n };\n };\n\nfunction getSingleValueTextSize(size) {\n switch (size) {\n case SIZES.LARGE:\n return \"16px\";\n case SIZES.MEDIUM:\n return \"16px\";\n case SIZES.SMALL:\n default:\n return \"14px\";\n }\n}\n\nconst input = () => provided => ({\n ...provided,\n ...getFont(),\n ...getColor(),\n display: \"flex\",\n alignItems: \"center\",\n textIndent: \"-2px\"\n});\n\n// 12px - because we have inner 4px\nconst getCenterContentStyle = rtl => {\n return {\n display: \"flex\",\n alignItems: \"center\",\n [`padding${rtl ? \"Right\" : \"Left\"}`]: \"12px\"\n };\n};\n\nconst valueContainer =\n ({ size, rtl }) =>\n (provided, { isDisabled, selectProps: { readOnly } }) => ({\n ...provided,\n ...getCenterContentStyle(rtl),\n ...getFont(),\n ...getColor(),\n ...getInnerSize(size),\n ...disabledContainerStyle(isDisabled),\n ...readOnlyStyle(readOnly),\n borderRadius: getCSSVar(\"border-radius-small\")\n });\n\nconst menu =\n ({ controlRef, insideOverflowContainer, insideOverflowWithTransformContainer }) =>\n provided => {\n const baseStyle = {\n ...provided,\n ...getFont(),\n color: getCSSVar(\"primary-text-color\"),\n backgroundColor: getCSSVar(\"dialog-background-color\"),\n boxShadow: `${getCSSVar(\"experimental-dropdown-border-in-dark-themes\", \"0 0 0 0 transparent\")}, ${getCSSVar(\n \"box-shadow-small\"\n )}`\n };\n\n if (!insideOverflowContainer && !insideOverflowWithTransformContainer) return baseStyle;\n const parentPositionData = controlRef?.current?.getBoundingClientRect();\n // If no location found do not add anything to hard coded style\n if (!parentPositionData) return baseStyle;\n\n /** If the dropdown is inside a scroll in a regular container,position: fixed content (like our dropdown menu) will be attached to the start of the viewport.\n * For this case we will override the top menu position value to be the according the the drop down location for correct dispaly.\n * When the dropdown container (with overflow:hidden or overflow:scroll) using transform CSS function, we can use a relative positioned inner container, which our menu will be attach to it's\n * start when the menu position is fixed, and this is why in this case we define top:auto.\n * we also need in this case to translate the menu y position to fit inside a scrollable parent.\n /\n\n if (insideOverflowContainer) {\n return { ...baseStyle, top: parentPositionData.bottom, width: parentPositionData.width };\n } else if (insideOverflowWithTransformContainer) {\n const translateY = `-${getScrollableParent(controlRef?.current)?.scrollTop}px`;\n return {\n ...baseStyle,\n top: \"auto\",\n translate: `0 ${translateY}`,\n width: parentPositionData.width\n };\n }\n return baseStyle;\n };\n\nconst option = () => (provided, state) => ({\n ...getFont(),\n ...getOptionStyle(provided, state)\n});\n\nconst indicatorSeparator = () => () => ({\n display: \"none\"\n});\n\nconst group =\n ({ withGroupDivider }) =>\n () => ({\n paddingBottom: 0,\n marginTop: \"4px\",\n ...(withGroupDivider && {\n \":not(:last-child)\": {\n position: \"relative\",\n paddingBottom: \"8px\",\n \"::after\": {\n content: '\"\"',\n position: \"absolute\",\n bottom: \"0\",\n left: \"var(--spacing-small)\",\n width: \"calc(100% - (var(--spacing-small) 2))\",\n height: \"1px\",\n backgroundColor: \"var(--layout-border-color)\"\n }\n }\n })\n });\n\nconst groupHeading = () => () => ({\n fontSize: \"14px\",\n lineHeight: \"32px\",\n display: \"flex\",\n alignItems: \"center\",\n marginLeft: getCSSVar(\"spacing-medium\"),\n color: getCSSVar(\"secondary-text-color\")\n});\n\nexport const getIndicatorSize = size => {\n switch (size) {\n case SIZES.LARGE:\n return \"20px\";\n case SIZES.MEDIUM:\n return \"20px\";\n case SIZES.SMALL:\n default:\n return \"16px\";\n }\n};\n\nexport const customTheme = theme => ({\n ...theme,\n borderRadius: getCSSVar(\"border-radius-small\"),\n colors: {\n ...theme.colors,\n primary25: getCSSVar(\"primary-background-hover-color\")\n }\n});\n\nexport default data => ({\n container: container(data),\n control: control(data),\n placeholder: placeholder(data),\n indicatorsContainer: indicatorsContainer(data),\n dropdownIndicator: dropdownIndicator(data),\n clearIndicator: clearIndicator(data),\n singleValue: singleValue(data),\n input: input(data),\n valueContainer: valueContainer(data),\n menu: menu(data),\n option: option(data),\n indicatorSeparator: indicatorSeparator(data),\n group: group(data),\n groupHeading: groupHeading(data)\n});\n"],"names":["getSizeInPx","size","SIZES","LARGE","MEDIUM","getInnerSize","selectedSize","height","concat","getIndicatorBoxSize","width","getColor","color","getCSSVar","backgroundColor","getFont","fontSize","getSingleValueTextSize","lineHeight","fontFamily","disabledContainerStyle","isDisabled","borderColor","cursor","pointerEvents","readOnlyContainerStyle","readOnly","border","readOnlyStyle","isReadOnly","container","_ref2","provided","_ref3","selectProps","_objectSpread","getSize","minHeight","boxShadow","borderRadius","boxSizing","transition","indicatorsContainer","_ref7","_ref8","dropdownIndicator","_ref9","_ref10","menuIsOpen","display","alignItems","justifyContent","padding","margin","svg","transform","undefined","clearIndicator","_ref11","valueContainer","_ref15","rtl","_ref16","_defineProperty","getCenterContentStyle","option","state","_ref","isSelected","isFocused","general","alignContent","marginRight","marginLeft","paddingLeft","paddingRight","getOptionStyle","getIndicatorSize","customTheme","theme","colors","primary25","generateBaseStyles","data","control","_ref4","_ref5","placeholder","_ref6","fontWeight","singleValue","_ref13","readOnlyProps","_ref12","opacity","menuOpenOpacity","input","textIndent","menu","_ref17","controlRef","insideOverflowContainer","insideOverflowWithTransformContainer","_controlRef$current","baseStyle","parentPositionData","current","getBoundingClientRect","top","bottom","_getScrollableParent","translateY","getScrollableParent","scrollTop","translate","indicatorSeparator","group","_ref18","withGroupDivider","paddingBottom","marginTop","position","content","left","groupHeading"],"mappings":"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"}

package/dist/mocked_classnames/src/components/Dropdown/DropdownConstants.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o=function(o){return o},n=["container","control","valueContainer"],t="dropdown-menu-id",e="dropdown-menu-list-id",r="Dropdown menu",i="Dropdown input",d={PRIMARY:"primary",NEGATIVE:"negative",POSITIVE:"positive"},p={ABSOLUTE:"absolute",FIXED:"fixed"},u={TOP:"top",BOTTOM:"bottom",AUTO:"auto"};export{n as ADD_AUTO_HEIGHT_COMPONENTS,d as DROPDOWN_CHIP_COLORS,t as DROPDOWN_ID,i as DROPDOWN_INPUT_ARIA_LABEL,r as DROPDOWN_MENU_ARIA_LABEL,e as DROPDOWN_MENU_ID,u as DROPDOWN_MENU_PLACEMENT,p as DROPDOWN_MENU_POSITION,o as defaultCustomStyles};
+var n,o,t,i=function(n){return n},e=["container","control","valueContainer"],r="dropdown-menu-id",u="dropdown-menu-list-id",d="Dropdown menu",p="Dropdown input";!function(n){n.PRIMARY="primary",n.NEGATIVE="negative",n.POSITIVE="positive"}(n||(n={})),function(n){n.ABSOLUTE="absolute",n.FIXED="fixed"}(o||(o={})),function(n){n.TOP="top",n.BOTTOM="bottom",n.AUTO="auto"}(t||(t={}));export{e as ADD_AUTO_HEIGHT_COMPONENTS,n as DROPDOWN_CHIP_COLORS,r as DROPDOWN_ID,p as DROPDOWN_INPUT_ARIA_LABEL,d as DROPDOWN_MENU_ARIA_LABEL,u as DROPDOWN_MENU_ID,t as DROPDOWN_MENU_PLACEMENT,o as DROPDOWN_MENU_POSITION,i as defaultCustomStyles};
 //# sourceMappingURL=DropdownConstants.js.map

package/dist/mocked_classnames/src/components/Dropdown/DropdownConstants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"DropdownConstants.js","sources":["../../../../../src/components/Dropdown/DropdownConstants.ts"],"sourcesContent":["export const defaultCustomStyles = (baseStyles: string) => baseStyles;\n\nexport const ADD_AUTO_HEIGHT_COMPONENTS = [\"container\", \"control\", \"valueContainer\"];\n\nexport const DROPDOWN_ID = \"dropdown-menu-id\";\nexport const DROPDOWN_MENU_ID = \"dropdown-menu-list-id\";\nexport const DROPDOWN_MENU_ARIA_LABEL = \"Dropdown menu\";\nexport const DROPDOWN_INPUT_ARIA_LABEL = \"Dropdown input\";\n\n/*\n @deprecated\n /\nexport ~~const~~ DROPDOWN_CHIP_COLORS = {\n PRIMARY: \"primary\",\n NEGATIVE: \"negative\",\n POSITIVE: \"positive\"\n};\n\n/\n @deprecated\n /\nexport ~~const~~ DROPDOWN_MENU_POSITION = {\n ABSOLUTE: \"absolute\",\n FIXED: \"fixed\"\n};\n\n/\n @deprecated\n */\nexport ~~const~~ DROPDOWN_MENU_PLACEMENT = {\n TOP: \"top\",\n BOTTOM: \"bottom\",\n AUTO: \"auto\"\n};\n"],"names":["~~defaultCustomStyles","baseStyles","ADD_AUTO_HEIGHT_COMPONENTS","DROPDOWN_ID","DROPDOWN_MENU_ID","DROPDOWN_MENU_ARIA_LABEL","DROPDOWN_INPUT_ARIA_LABEL","~~DROPDOWN_CHIP_COLORS","~~PRIMARY~~","~~NEGATIVE~~","~~POSITIVE~~","~~DROPDOWN_MENU_POSITION~~","~~ABSOLUTE~~","~~FIXED~~","~~DROPDOWN_MENU_PLACEMENT~~","~~TOP~~","~~BOTTOM~~"~~,"AUTO"~~],"mappings":"~~IAAaA~~,EAAsB,SAACC,GAAkB,OAAKA,CAAU,EAExDC,EAA6B,CAAC,YAAa,UAAW,kBAEtDC,EAAc,mBACdC,EAAmB,wBACnBC,EAA2B,gBAC3BC,EAA4B,~~iBAK5BC~~,~~EAAuB~~,~~CAClCC~~,~~QAAS~~,~~UACTC~~,~~SAAU~~,~~WACVC~~,~~SAAU~~,~~YAMCC~~,~~EAAyB~~,~~CACpCC~~,~~SAAU~~,~~WACVC~~,~~MAAO~~,~~SAMIC~~,~~EAA0B~~,~~CACrCC~~,~~IAAK~~,~~MACLC~~,~~OAAQ~~,~~SACRC~~,~~KAAM~~"}
1	+ {"version":3,"file":"DropdownConstants.js","sources":["../../../../../src/components/Dropdown/DropdownConstants.ts"],"sourcesContent":["export const defaultCustomStyles = (baseStyles: string) => baseStyles;\n\nexport const ADD_AUTO_HEIGHT_COMPONENTS = [\"container\", \"control\", \"valueContainer\"];\n\nexport const DROPDOWN_ID = \"dropdown-menu-id\";\nexport const DROPDOWN_MENU_ID = \"dropdown-menu-list-id\";\nexport const DROPDOWN_MENU_ARIA_LABEL = \"Dropdown menu\";\nexport const DROPDOWN_INPUT_ARIA_LABEL = \"Dropdown input\";\n\n/*\n @deprecated\n /\nexport enum DROPDOWN_CHIP_COLORS {\n PRIMARY = \"primary\",\n NEGATIVE = \"negative\",\n POSITIVE = \"positive\"\n}\n\n/\n @deprecated\n /\nexport enum DROPDOWN_MENU_POSITION {\n ABSOLUTE = \"absolute\",\n FIXED = \"fixed\"\n}\n\n/\n @deprecated\n */\nexport enum DROPDOWN_MENU_PLACEMENT {\n TOP = \"top\",\n BOTTOM = \"bottom\",\n AUTO = \"auto\"\n}\n"],"names":["DROPDOWN_CHIP_COLORS","DROPDOWN_MENU_POSITION","DROPDOWN_MENU_PLACEMENT","defaultCustomStyles","baseStyles","ADD_AUTO_HEIGHT_COMPONENTS","DROPDOWN_ID","DROPDOWN_MENU_ID","DROPDOWN_MENU_ARIA_LABEL","DROPDOWN_INPUT_ARIA_LABEL"],"mappings":"IAYYA,EASAC,EAQAC,EA7BCC,EAAsB,SAACC,GAAkB,OAAKA,CAAU,EAExDC,EAA6B,CAAC,YAAa,UAAW,kBAEtDC,EAAc,mBACdC,EAAmB,wBACnBC,EAA2B,gBAC3BC,EAA4B,kBAKzC,SAAYT,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,UACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,SAAA,WACAA,EAAA,MAAA,OACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,IAAA,MACAA,EAAA,OAAA,SACAA,EAAA,KAAA,MACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var e={singleValue:"singleValue"};!function(e){const n="s_id-a262ceec984a_3_0_0-alpha_7";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)}(".singleValue {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
+var e={singleValue:"singleValue"};!function(e){const n="s_id-a262ceec984a_3_0_0-alpha_17";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)}(".singleValue {\n  padding-inline: var(--spacing-xs);\n}");export{e as default};
 //# sourceMappingURL=singleValue.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold",h1Medium:"h1Medium",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Medium:"h2Medium",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Medium:"h3Medium",h3Normal:"h3Normal",h3Light:"h3Light"};!function(n){const o="s_id-81b561c226b7_3_0_0-alpha_7";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const i=document.createElement("style");i.id=o,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light {\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",h1Medium:"h1Medium",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Medium:"h2Medium",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Medium:"h3Medium",h3Normal:"h3Normal",h3Light:"h3Light"};!function(n){const o="s_id-81b561c226b7_3_0_0-alpha_17";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const i=document.createElement("style");i.id=o,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light {\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/mocked_classnames/src/components/EditableText/EditableText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",text3Bold:"text3Bold",text3Medium:"text3Medium",text3Normal:"text3Normal",editableText:"editableText",typography:"typography"};!function(t){const e="s_id-bcdc5f69e9db_3_0_0-alpha_7";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal {\n  font: var(--font-text3-normal);\n}\n\n.editableText .typography {\n  min-width: 56px;\n}");export{t as default};
+var t={text1Bold:"text1Bold",text1Medium:"text1Medium",text1Normal:"text1Normal",text2Bold:"text2Bold",text2Medium:"text2Medium",text2Normal:"text2Normal",text3Bold:"text3Bold",text3Medium:"text3Medium",text3Normal:"text3Normal",editableText:"editableText",typography:"typography"};!function(t){const e="s_id-bcdc5f69e9db_3_0_0-alpha_17";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const o=document.createElement("style");o.id=e,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal {\n  font: var(--font-text3-normal);\n}\n\n.editableText .typography {\n  min-width: 56px;\n}");export{t as default};
 //# sourceMappingURL=EditableText.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={editableTypography:"editableTypography",input:"input",typography:"typography",disabled:"disabled",hidden:"hidden",placeholder:"placeholder"};!function(e){const n="s_id-77c45383a678_3_0_0-alpha_7";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)}(".editableTypography {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography .input {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography .input:focus, .editableTypography .input:active {\n  outline: none;\n}\n.editableTypography .typography {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography .typography:hover:not(.disabled) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography .typography.hidden {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography .typography.placeholder {\n  color: var(--secondary-text-color);\n}");export{e as default};
+var e={editableTypography:"editableTypography",input:"input",typography:"typography",disabled:"disabled",hidden:"hidden",placeholder:"placeholder"};!function(e){const n="s_id-77c45383a678_3_0_0-alpha_17";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)}(".editableTypography {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography .input {\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography .input:focus, .editableTypography .input:active {\n  outline: none;\n}\n.editableTypography .typography {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography .typography:hover:not(.disabled) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography .typography.hidden {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography .typography.placeholder {\n  color: var(--secondary-text-color);\n}");export{e as default};
 //# sourceMappingURL=EditableTypography.module.scss.js.map

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

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

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

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

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

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

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

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

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

@@ -1,2 +1,2 @@
-var n={container:"container",justifyStart:"justifyStart",justifyEnd:"justifyEnd",justifyCenter:"justifyCenter",justifySpaceBetween:"justifySpaceBetween",justifySpaceAround:"justifySpaceAround",justifyInital:"justifyInital",alignStart:"alignStart",alignEnd:"alignEnd",alignCenter:"alignCenter",alignStretch:"alignStretch",alignBaseline:"alignBaseline",alignInitial:"alignInitial",directionColumn:"directionColumn",wrap:"wrap"};!function(n){const t="s_id-3ad7193e0a34_3_0_0-alpha_7";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".container {\n  display: flex;\n  flex-direction: row;\n}\n.container.justifyStart {\n  justify-content: flex-start;\n}\n.container.justifyEnd {\n  justify-content: flex-end;\n}\n.container.justifyCenter {\n  justify-content: center;\n}\n.container.justifySpaceBetween {\n  justify-content: space-between;\n}\n.container.justifySpaceAround {\n  justify-content: space-around;\n}\n.container.justifyInital {\n  justify-content: initial;\n}\n.container.alignStart {\n  align-items: flex-start;\n}\n.container.alignEnd {\n  align-items: flex-end;\n}\n.container.alignCenter {\n  align-items: center;\n}\n.container.alignStretch {\n  align-items: stretch;\n}\n.container.alignBaseline {\n  align-items: baseline;\n}\n.container.alignInitial {\n  align-items: initial;\n}\n.container.directionColumn {\n  flex-direction: column;\n}\n.container.wrap {\n  flex-wrap: wrap;\n}");export{n as default};
+var n={container:"container",justifyStart:"justifyStart",justifyEnd:"justifyEnd",justifyCenter:"justifyCenter",justifySpaceBetween:"justifySpaceBetween",justifySpaceAround:"justifySpaceAround",justifyInital:"justifyInital",alignStart:"alignStart",alignEnd:"alignEnd",alignCenter:"alignCenter",alignStretch:"alignStretch",alignBaseline:"alignBaseline",alignInitial:"alignInitial",directionColumn:"directionColumn",wrap:"wrap"};!function(n){const t="s_id-3ad7193e0a34_3_0_0-alpha_17";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,e.firstChild?e.insertBefore(i,e.firstChild):e.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".container {\n  display: flex;\n  flex-direction: row;\n}\n.container.justifyStart {\n  justify-content: flex-start;\n}\n.container.justifyEnd {\n  justify-content: flex-end;\n}\n.container.justifyCenter {\n  justify-content: center;\n}\n.container.justifySpaceBetween {\n  justify-content: space-between;\n}\n.container.justifySpaceAround {\n  justify-content: space-around;\n}\n.container.justifyInital {\n  justify-content: initial;\n}\n.container.alignStart {\n  align-items: flex-start;\n}\n.container.alignEnd {\n  align-items: flex-end;\n}\n.container.alignCenter {\n  align-items: center;\n}\n.container.alignStretch {\n  align-items: stretch;\n}\n.container.alignBaseline {\n  align-items: baseline;\n}\n.container.alignInitial {\n  align-items: initial;\n}\n.container.directionColumn {\n  flex-direction: column;\n}\n.container.wrap {\n  flex-wrap: wrap;\n}");export{n as default};
 //# sourceMappingURL=Flex.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={formattedNumberComponent:"formattedNumberComponent",prefix:"prefix",suffix:"suffix"};!function(e){const n="s_id-d821b20045aa_3_0_0-alpha_7";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)}(".formattedNumberComponent {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix {\n  white-space: pre;\n}\n\n.suffix {\n  white-space: pre;\n}");export{e as default};
+var e={formattedNumberComponent:"formattedNumberComponent",prefix:"prefix",suffix:"suffix"};!function(e){const n="s_id-d821b20045aa_3_0_0-alpha_17";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)}(".formattedNumberComponent {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix {\n  white-space: pre;\n}\n\n.suffix {\n  white-space: pre;\n}");export{e as default};
 //# sourceMappingURL=FormattedNumber.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold",h1Medium:"h1Medium",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Medium:"h2Medium",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Medium:"h3Medium",h3Normal:"h3Normal",h3Light:"h3Light",heading:"heading"};!function(n){const o="s_id-7b3706ef5cf5_3_0_0-alpha_7";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const i=document.createElement("style");i.id=o,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.heading {\n  margin: 0;\n}");export{n as default};
+var n={h1Bold:"h1Bold",h1Medium:"h1Medium",h1Normal:"h1Normal",h1Light:"h1Light",h2Bold:"h2Bold",h2Medium:"h2Medium",h2Normal:"h2Normal",h2Light:"h2Light",h3Bold:"h3Bold",h3Medium:"h3Medium",h3Normal:"h3Normal",h3Light:"h3Light",heading:"heading"};!function(n){const o="s_id-7b3706ef5cf5_3_0_0-alpha_17";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const i=document.createElement("style");i.id=o,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.heading {\n  margin: 0;\n}");export{n as default};
 //# sourceMappingURL=Heading.module.scss.js.map

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

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

package/dist/mocked_classnames/src/components/Icon/CustomSvgIcon/CustomSvgIcon.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import r,{useCallback as e}from"react";import t from"react-inlinesvg";import o from"../../../hooks/useIconScreenReaderAccessProps.js";import{ComponentDefaultTestId as s}from"../../../tests/constants.js";import{getTestId as i}from"../../../tests/testIds.js";function n(r){return r.replace(/fill=".*?"/g,'fill="'.concat(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"currentColor",'"'))}var a=function(a){var c=a.className,l=a.ref,f=a.src,m=a.onClick,d=a.replaceToCurrentColor,u=void 0!==d&&d,p=a.customColor,C=a.id,b=a["data-testid"],g=o({isClickable:a.clickable,label:a.ariaLabel,isDecorationOnly:a.ariaHidden}),k=e((function(r){return u?n(r,"currentColor"):p?n(r,p):r}),[u,p]);return"string"!=typeof f?null:r.createElement(t,Object.assign({innerRef:l},g,{onClick:m,src:f,className:c,preProcessor:k,id:C,"data-testid":b||i(s.SVG_ICON,C)}))};export{a as default};
+import r,{useCallback as e}from"react";import t from"react-inlinesvg";import o from"../../../hooks/useIconScreenReaderAccessProps.js";import{ComponentDefaultTestId as s}from"../../../tests/constants.js";import{getTestId as a}from"../../../tests/testIds.js";import{useIsMounted as i}from"../../../hooks/ssr/useIsMounted.js";function n(r){return r.replace(/fill=".*?"/g,'fill="'.concat(arguments.length>1&&void 0!==arguments[1]?arguments[1]:"currentColor",'"'))}var c=function(c){var l=c.className,m=c.ref,d=c.src,f=c.onClick,u=c.replaceToCurrentColor,p=void 0!==u&&u,C=c.customColor,v=c.id,k=c["data-testid"],b=o({isClickable:c.clickable,label:c.ariaLabel,isDecorationOnly:c.ariaHidden}),g=i(),j=e((function(r){return p?n(r,"currentColor"):C?n(r,C):r}),[p,C]);if("string"!=typeof d)return null;var I=t,N=r.createElement("div",{className:l,id:v});return g?r.createElement(I,Object.assign({innerRef:m},b,{onClick:f,loader:N,src:d,className:l,preProcessor:j,id:v,"data-testid":k||a(s.SVG_ICON,v)}),N):N};export{c as default};
 //# sourceMappingURL=CustomSvgIcon.js.map

package/dist/mocked_classnames/src/components/Icon/CustomSvgIcon/CustomSvgIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomSvgIcon.js","sources":["../../../../../../src/components/Icon/CustomSvgIcon/CustomSvgIcon.tsx"],"sourcesContent":["import React, { FunctionComponent, useCallback, AriaRole, Ref } from \"react\";\nimport SVG from \"react-inlinesvg\";\nimport useIconScreenReaderAccessProps from \"../../../hooks/useIconScreenReaderAccessProps\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nfunction modifySvgCode(svg: string, color = \"currentColor\") {\n return svg.replace(/fill=\".*?\"/g, `fill=\"${color}\"`);\n}\n\nexport interface CustomSvgIconProps extends VibeComponentProps {\n onClick?: (event: React.MouseEvent) => void;\n src: string \| object;\n ariaLabel?: string;\n tabIndex?: number;\n role?: AriaRole;\n ariaHidden?: boolean;\n clickable?: boolean;\n replaceToCurrentColor?: boolean;\n customColor?: string;\n ref?: Ref<SVGElement>;\n}\n\nconst CustomSvgIcon: FunctionComponent<CustomSvgIconProps> = ({\n className,\n ref,\n src,\n onClick,\n clickable,\n ariaLabel,\n ariaHidden,\n replaceToCurrentColor = false,\n customColor,\n id,\n \"data-testid\": dataTestId\n}) => {\n const screenReaderAccessProps = useIconScreenReaderAccessProps({\n isClickable: clickable,\n label: ariaLabel,\n isDecorationOnly: ariaHidden\n });\n\n const svgProcessor = useCallback(\n (svg: string) => {\n if (replaceToCurrentColor) return modifySvgCode(svg, \"currentColor\");\n if (customColor) return modifySvgCode(svg, customColor);\n return svg;\n },\n [replaceToCurrentColor, customColor]\n );\n\n if (typeof src !== \"string\") return null;\n\n return (\n <~~SVG~~\n innerRef={ref}\n {...screenReaderAccessProps}\n onClick={onClick}\n src={src}\n className={className}\n preProcessor={svgProcessor}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SVG_ICON, id)}\n ~~/>\~~n );\n};\n\nexport default CustomSvgIcon;\n"],"names":["modifySvgCode","svg","replace","concat","arguments","length","undefined","CustomSvgIcon","_ref","className","ref","src","onClick","_ref$replaceToCurrent","replaceToCurrentColor","customColor","id","dataTestId","screenReaderAccessProps","useIconScreenReaderAccessProps","isClickable","clickable","label","ariaLabel","isDecorationOnly","ariaHidden","svgProcessor","useCallback","React","createElement","~~SVG~~","innerRef","preProcessor","getTestId","ComponentDefaultTestId","SVG_ICON"],"mappings":"~~iQAOA~~,SAASA,EAAcC,GACrB,OAAOA,EAAIC,QAAQ,uBAAaC,OADOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,eACM,KAClD,CAeA,IAAMG,EAAuD,SAA1CC,GAYd,IAXHC,EAASD,EAATC,UACAC,EAAGF,EAAHE,IACAC,EAAGH,EAAHG,IACAC,EAAOJ,EAAPI,QAGUC,EAAAL,EACVM,sBAAAA,OAAwB,IAAHD,GAAQA,EAC7BE,EAAWP,EAAXO,YACAC,EAAER,EAAFQ,GACeC,EAAUT,EAAzB,eAEMU,EAA0BC,EAA+B,CAC7DC,YATOZ,EAATa,UAUEC,MATOd,EAATe,UAUEC,iBATQhB,EAAViB,aAYMC,EAAeC,GACnB,~~SAAC1B~~,GACC,OAAIa,EAA8Bd,EAAcC,EAAK,gBACjDc,EAAoBf,EAAcC,EAAKc,GACpCd,CACT,GACA,CAACa,EAAuBC,IAG1B,~~MAAmB~~,iBAARJ,~~EAAyB~~,~~KAGlCiB~~,~~EAACC~~,~~cAAAC~~,~~iBACCC~~,~~SAAUrB~~,GACNQ,~~GACJN~~,QAASA,~~EACTD~~,IAAKA,EACLF,UAAWA,~~EACXuB~~,~~aAAcN~~,~~EACdV~~,GAAIA,~~gBACSC~~,~~GAAcgB~~,EAAUC,EAAuBC,~~SAAUnB~~,~~KAG5E~~"}
1	+ {"version":3,"file":"CustomSvgIcon.js","sources":["../../../../../../src/components/Icon/CustomSvgIcon/CustomSvgIcon.tsx"],"sourcesContent":["import React, { FunctionComponent, useCallback, AriaRole, Ref } from \"react\";\nimport SVG from \"react-inlinesvg\";\nimport useIconScreenReaderAccessProps from \"../../../hooks/useIconScreenReaderAccessProps\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { useIsMounted } from \"../../../hooks/ssr/useIsMounted\";\n\nfunction modifySvgCode(svg: string, color = \"currentColor\") {\n return svg.replace(/fill=\".*?\"/g, `fill=\"${color}\"`);\n}\n\nexport interface CustomSvgIconProps extends VibeComponentProps {\n onClick?: (event: React.MouseEvent) => void;\n src: string \| object;\n ariaLabel?: string;\n tabIndex?: number;\n role?: AriaRole;\n ariaHidden?: boolean;\n clickable?: boolean;\n replaceToCurrentColor?: boolean;\n customColor?: string;\n ref?: Ref<SVGElement>;\n}\n\nconst CustomSvgIcon: FunctionComponent<CustomSvgIconProps> = ({\n className,\n ref,\n src,\n onClick,\n clickable,\n ariaLabel,\n ariaHidden,\n replaceToCurrentColor = false,\n customColor,\n id,\n \"data-testid\": dataTestId\n}) => {\n const screenReaderAccessProps = useIconScreenReaderAccessProps({\n isClickable: clickable,\n label: ariaLabel,\n isDecorationOnly: ariaHidden\n });\n\n const isMounted = useIsMounted();\n\n const svgProcessor = useCallback(\n (svg: string) => {\n if (replaceToCurrentColor) return modifySvgCode(svg, \"currentColor\");\n if (customColor) return modifySvgCode(svg, customColor);\n return svg;\n },\n [replaceToCurrentColor, customColor]\n );\n\n if (typeof src !== \"string\") return null;\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const SVGComponent = SVG as React.FC<any>;\n\n const PlaceHolder = <div className={className} id={id}></div>;\n\n if (!isMounted) {\n // placeholder for server side rendering\n return PlaceHolder;\n }\n return (\n <SVGComponent\n innerRef={ref}\n {...screenReaderAccessProps}\n onClick={onClick}\n loader={PlaceHolder} // avoid flickering\n src={src}\n className={className}\n preProcessor={svgProcessor}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SVG_ICON, id)}\n >\n {PlaceHolder}\n </SVGComponent>\n );\n};\n\nexport default CustomSvgIcon;\n"],"names":["modifySvgCode","svg","replace","concat","arguments","length","undefined","CustomSvgIcon","_ref","className","ref","src","onClick","_ref$replaceToCurrent","replaceToCurrentColor","customColor","id","dataTestId","screenReaderAccessProps","useIconScreenReaderAccessProps","isClickable","clickable","label","ariaLabel","isDecorationOnly","ariaHidden","isMounted","useIsMounted","svgProcessor","useCallback","SVGComponent","SVG","PlaceHolder","React","createElement","Object","assign","innerRef","loader","preProcessor","getTestId","ComponentDefaultTestId","SVG_ICON"],"mappings":"mUAQA,SAASA,EAAcC,GACrB,OAAOA,EAAIC,QAAQ,uBAAaC,OADOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,eACM,KAClD,CAeA,IAAMG,EAAuD,SAA1CC,GAYd,IAXHC,EAASD,EAATC,UACAC,EAAGF,EAAHE,IACAC,EAAGH,EAAHG,IACAC,EAAOJ,EAAPI,QAGUC,EAAAL,EACVM,sBAAAA,OAAwB,IAAHD,GAAQA,EAC7BE,EAAWP,EAAXO,YACAC,EAAER,EAAFQ,GACeC,EAAUT,EAAzB,eAEMU,EAA0BC,EAA+B,CAC7DC,YATOZ,EAATa,UAUEC,MATOd,EAATe,UAUEC,iBATQhB,EAAViB,aAYMC,EAAYC,IAEZC,EAAeC,GACnB,SAAC5B,GACC,OAAIa,EAA8Bd,EAAcC,EAAK,gBACjDc,EAAoBf,EAAcC,EAAKc,GACpCd,CACT,GACA,CAACa,EAAuBC,IAG1B,GAAmB,iBAARJ,EAAkB,OAAO,KAGpC,IAAMmB,EAAeC,EAEfC,EAAcC,EAAAC,cAAA,MAAA,CAAKzB,UAAWA,EAAWO,GAAIA,IAEnD,OAAKU,EAKHO,gBAACH,EAAYK,OAAAC,OAAA,CACXC,SAAU3B,GACNQ,EACJ,CAAAN,QAASA,EACT0B,OAAQN,EACRrB,IAAKA,EACLF,UAAWA,EACX8B,aAAcX,EACdZ,GAAIA,EACS,cAAAC,GAAcuB,EAAUC,EAAuBC,SAAU1B,KAErEgB,GAdIA,CAiBX"}