npm - @vibe/core - Versions diffs - 3.35.0 → 3.36.0 - Mend

@vibe/core 3.35.0 → 3.36.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 (945) hide show

package/dist/src/components/MultiStepIndicator/components/StepIndicator/StepIndicator.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={indicator:"indicator_3d4ad0a156",textContainer:"textContainer_3e35b7410e",sizeCompactTextContainer:"sizeCompactTextContainer_b481ec962b",textContainerTitle:"textContainerTitle_5d973eaaec",visuallyHidden:"visuallyHidden_3fbf27b5f9",textContainerTitleText:"textContainerTitleText_039e4eafbb",textContainerSubtitleText:"textContainerSubtitleText_767a858829",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_23324d907a",textPlacementVertical:"textPlacementVertical_de96cb43a9",numberDividerContainer:"numberDividerContainer_7e00f56edc",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_a8559dcef6",divider:"divider_c6da55031f",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_03780bcd87",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_12954156cc",clickable:"clickable_f8f16ee482",withAnimation:"withAnimation_ab812fc994",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_9957a8642a",swapEnter:"swapEnter_9e6392d5f2",swapEnterActive:"swapEnterActive_8c687785ff",swapExit:"swapExit_b4b62bb3fc",swapExitActive:"swapExitActive_ec9f5f91b2",numberContainer:"numberContainer_c5080612bc",numberContainerText:"numberContainerText_f6cae74d4e",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_2a5af96a46",typePrimaryNumberContainer:"typePrimaryNumberContainer_7c8667f66e",typeDangerNumberContainer:"typeDangerNumberContainer_447abefc13",typeSuccessNumberContainer:"typeSuccessNumberContainer_d5e6a88bdb",typeDarkNumberContainer:"typeDarkNumberContainer_9936b56ec7",statusActiveNumberContainer:"statusActiveNumberContainer_342e808750",sizeCompactNumberContainer:"sizeCompactNumberContainer_a107d6b8d9",statusPendingNumberContainer:"statusPendingNumberContainer_7361d1fbb1","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_466b737be0"};!function(n){const e="s_id-f9249b867669_3_34_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".indicator_3d4ad0a156 {\n  font: var(--font-text2-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n\n.textContainer_3e35b7410e {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 16px;\n}\n\n.sizeCompactTextContainer_b481ec962b {\n  margin-left: var(--spacing-small);\n  justify-content: center;\n  align-content: center;\n}\n\n.textContainerTitle_5d973eaaec {\n  width: 100%;\n  margin-bottom: var(--spacing-xs);\n}\n\n.textContainerTitle_5d973eaaec .visuallyHidden_3fbf27b5f9 {\n  display: none;\n}\n\n.textContainerTitleText_039e4eafbb {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n\n.textContainerSubtitleText_767a858829 {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n\n.sizeCompactTextContainerTitle_23324d907a {\n  margin-bottom: 0px;\n}\n\n.textPlacementVertical_de96cb43a9 {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n\n.textPlacementVertical_de96cb43a9 .textContainer_3e35b7410e {\n  margin-left: 0;\n  margin-top: var(--spacing-medium);\n}\n\n.textPlacementVertical_de96cb43a9 .numberDividerContainer_7e00f56edc {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n.sizeCompactTextContainerTitleText_a8559dcef6 {\n  display: block;\n  font: var(--font-text2-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n\n.textPlacementVertical_de96cb43a9 .numberDividerContainer_7e00f56edc .divider_c6da55031f {\n  background-color: var(--ui-border-color);\n  margin: 16px 0 16px 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n\n.sizeCompactNumberDividerContainer_03780bcd87 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sizeCompactNumberDividerContainer_03780bcd87.statusActiveNumberDividerContainer_12954156cc {\n  width: 40px;\n}\n\n.indicator_3d4ad0a156.clickable_f8f16ee482 {\n  cursor: pointer;\n}\n\n.withAnimation_ab812fc994 {\n  animation: stepIndicatiorCirclePopElastic_9957a8642a var(--motion-expressive-short);\n}\n\n/* New state enters */\n\n.swapEnter_9e6392d5f2 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.swapEnterActive_8c687785ff {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n\n/* Old state leaves */\n\n.swapExit_b4b62bb3fc {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.swapExitActive_ec9f5f91b2 {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n\n.numberContainer_c5080612bc {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n\n.numberContainerText_f6cae74d4e {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n\n.numberContainerTextCheckIcon_2a5af96a46 {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n\n.typePrimaryNumberContainer_7c8667f66e {\n  background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer_7c8667f66e:hover {\n  background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer_447abefc13 {\n  background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer_447abefc13:hover {\n  background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer_d5e6a88bdb {\n  background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer_d5e6a88bdb:hover {\n  background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer_9936b56ec7 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer_9936b56ec7:hover {\n  background-color: var(--secondary-text-color);\n}\n\n.statusActiveNumberContainer_342e808750 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer_342e808750.typeDangerNumberContainer_447abefc13 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer_342e808750.typeSuccessNumberContainer_d5e6a88bdb {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer_342e808750.typeDarkNumberContainer_9936b56ec7 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n\n.sizeCompactNumberContainer_a107d6b8d9 {\n  width: 28px;\n  height: 28px;\n}\n\n.statusPendingNumberContainer_7361d1fbb1 {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n  border-color: var(--ui-border-color) !important;\n  border: 1px solid;\n}\n\n.statusPendingNumberContainer_7361d1fbb1:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n\n.statusPendingNumberContainer_7361d1fbb1.typeDangerNumberContainer_447abefc13:hover {\n  background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer_7361d1fbb1.typeSuccessNumberContainer_d5e6a88bdb:hover {\n  background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer_7361d1fbb1.typeDarkNumberContainer_9936b56ec7:hover {\n  background-color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic_466b737be0 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
+var n={indicator:"indicator_d48e6d9793",textContainer:"textContainer_3955cac9c6",sizeCompactTextContainer:"sizeCompactTextContainer_13cb948e06",textContainerTitle:"textContainerTitle_3f62e71a8c",visuallyHidden:"visuallyHidden_610a6493c0",textContainerTitleText:"textContainerTitleText_76d3479d7d",textContainerSubtitleText:"textContainerSubtitleText_5b190fd01c",sizeCompactTextContainerTitle:"sizeCompactTextContainerTitle_2f5290fc7c",textPlacementVertical:"textPlacementVertical_9cfc47ad78",numberDividerContainer:"numberDividerContainer_b9cc46a52a",sizeCompactTextContainerTitleText:"sizeCompactTextContainerTitleText_e290cb8d4b",divider:"divider_cd46c327da",sizeCompactNumberDividerContainer:"sizeCompactNumberDividerContainer_a8741c63a6",statusActiveNumberDividerContainer:"statusActiveNumberDividerContainer_148b30ccbc",clickable:"clickable_ea8f1836f3",withAnimation:"withAnimation_c077e1f386",stepIndicatiorCirclePopElastic:"stepIndicatiorCirclePopElastic_857373a99d",swapEnter:"swapEnter_0141ef3b43",swapEnterActive:"swapEnterActive_69d292676d",swapExit:"swapExit_15e9c754d0",swapExitActive:"swapExitActive_d68373c71a",numberContainer:"numberContainer_7e747d2cf0",numberContainerText:"numberContainerText_937bce4c6c",numberContainerTextCheckIcon:"numberContainerTextCheckIcon_611734adc0",typePrimaryNumberContainer:"typePrimaryNumberContainer_3f157c15ac",typeDangerNumberContainer:"typeDangerNumberContainer_435dbf5ce4",typeSuccessNumberContainer:"typeSuccessNumberContainer_b60a785725",typeDarkNumberContainer:"typeDarkNumberContainer_745f356fc1",statusActiveNumberContainer:"statusActiveNumberContainer_3b74a99085",sizeCompactNumberContainer:"sizeCompactNumberContainer_a4cd4e7ff4",statusPendingNumberContainer:"statusPendingNumberContainer_733ad3c26b","step-indicatior-circle-pop-elastic":"step-indicatior-circle-pop-elastic_a8e9b8c3d1"};!function(n){const e="s_id-f9249b867669_3_35_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".indicator_d48e6d9793 {\n  font: var(--font-text2-normal);\n  color: var(--text-color-on-primary);\n  display: flex;\n  margin: 0;\n  padding: 0;\n  text-indent: 0;\n  list-style-type: none;\n}\n\n.textContainer_3955cac9c6 {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  margin-left: 16px;\n}\n\n.sizeCompactTextContainer_13cb948e06 {\n  margin-left: var(--spacing-small);\n  justify-content: center;\n  align-content: center;\n}\n\n.textContainerTitle_3f62e71a8c {\n  width: 100%;\n  margin-bottom: var(--spacing-xs);\n}\n\n.textContainerTitle_3f62e71a8c .visuallyHidden_610a6493c0 {\n  display: none;\n}\n\n.textContainerTitleText_76d3479d7d {\n  font: var(--font-text2-medium);\n  color: var(--primary-text-color);\n  margin-bottom: 2px;\n}\n\n.textContainerSubtitleText_5b190fd01c {\n  width: 100%;\n  font: var(--font-text2-normal);\n  color: var(--primary-text-color);\n}\n\n.sizeCompactTextContainerTitle_2f5290fc7c {\n  margin-bottom: 0px;\n}\n\n.textPlacementVertical_9cfc47ad78 {\n  margin: 8px;\n  flex-direction: column;\n  flex: 1 1 0px;\n}\n\n.textPlacementVertical_9cfc47ad78 .textContainer_3955cac9c6 {\n  margin-left: 0;\n  margin-top: var(--spacing-medium);\n}\n\n.textPlacementVertical_9cfc47ad78 .numberDividerContainer_b9cc46a52a {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  width: 100%;\n}\n\n.sizeCompactTextContainerTitleText_e290cb8d4b {\n  display: block;\n  font: var(--font-text2-normal);\n  max-width: 150px;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  margin-bottom: 0;\n}\n\n.textPlacementVertical_9cfc47ad78 .numberDividerContainer_b9cc46a52a .divider_cd46c327da {\n  background-color: var(--ui-border-color);\n  margin: 16px 0 16px 16px;\n  height: 1px;\n  flex: 1 1 0;\n}\n\n.sizeCompactNumberDividerContainer_a8741c63a6 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.sizeCompactNumberDividerContainer_a8741c63a6.statusActiveNumberDividerContainer_148b30ccbc {\n  width: 40px;\n}\n\n.indicator_d48e6d9793.clickable_ea8f1836f3 {\n  cursor: pointer;\n}\n\n.withAnimation_c077e1f386 {\n  animation: stepIndicatiorCirclePopElastic_857373a99d var(--motion-expressive-short);\n}\n\n/* New state enters */\n\n.swapEnter_0141ef3b43 {\n  opacity: 0;\n  transform: translateY(15px);\n}\n\n.swapEnterActive_69d292676d {\n  position: relative;\n  opacity: 1;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n  transform: translateY(0);\n}\n\n/* Old state leaves */\n\n.swapExit_15e9c754d0 {\n  position: relative;\n  opacity: 1;\n  transform: translateY(0);\n}\n\n.swapExitActive_d68373c71a {\n  position: relative;\n  opacity: 0;\n  transform: translateY(-15px);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter), opacity var(--motion-productive-short);\n}\n\n.numberContainer_7e747d2cf0 {\n  width: 36px;\n  height: 36px;\n  border-radius: 50%;\n  display: flex;\n}\n\n.numberContainerText_937bce4c6c {\n  margin: auto;\n  display: flex;\n  align-items: center;\n}\n\n.numberContainerTextCheckIcon_611734adc0 {\n  width: 20px;\n  height: 20px;\n  margin-top: 2px;\n}\n\n.typePrimaryNumberContainer_3f157c15ac {\n  background-color: var(--primary-color);\n}\n\n.typePrimaryNumberContainer_3f157c15ac:hover {\n  background-color: var(--primary-hover-color);\n}\n\n.typeDangerNumberContainer_435dbf5ce4 {\n  background-color: var(--negative-color);\n}\n\n.typeDangerNumberContainer_435dbf5ce4:hover {\n  background-color: var(--negative-color-hover);\n}\n\n.typeSuccessNumberContainer_b60a785725 {\n  background-color: var(--positive-color);\n}\n\n.typeSuccessNumberContainer_b60a785725:hover {\n  background-color: var(--positive-color-hover);\n}\n\n.typeDarkNumberContainer_745f356fc1 {\n  background-color: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n\n.typeDarkNumberContainer_745f356fc1:hover {\n  background-color: var(--secondary-text-color);\n}\n\n.statusActiveNumberContainer_3b74a99085 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-color);\n}\n\n.statusActiveNumberContainer_3b74a99085.typeDangerNumberContainer_435dbf5ce4 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--negative-color);\n}\n\n.statusActiveNumberContainer_3b74a99085.typeSuccessNumberContainer_b60a785725 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--positive-color);\n}\n\n.statusActiveNumberContainer_3b74a99085.typeDarkNumberContainer_745f356fc1 {\n  box-shadow: 0 0 0 4px var(--primary-background-color), 0 0 0 6px var(--primary-text-color);\n}\n\n.sizeCompactNumberContainer_a4cd4e7ff4 {\n  width: 28px;\n  height: 28px;\n}\n\n.statusPendingNumberContainer_733ad3c26b {\n  background-color: var(--primary-background-color);\n  color: var(--primary-text-color);\n  border-color: var(--ui-border-color) !important;\n  border: 1px solid;\n}\n\n.statusPendingNumberContainer_733ad3c26b:hover {\n  background-color: var(--primary-color);\n  color: var(--text-color-on-primary);\n  border: none;\n}\n\n.statusPendingNumberContainer_733ad3c26b.typeDangerNumberContainer_435dbf5ce4:hover {\n  background-color: var(--negative-color);\n}\n\n.statusPendingNumberContainer_733ad3c26b.typeSuccessNumberContainer_b60a785725:hover {\n  background-color: var(--positive-color);\n}\n\n.statusPendingNumberContainer_733ad3c26b.typeDarkNumberContainer_745f356fc1:hover {\n  background-color: var(--text-color-on-inverted);\n}\n\n@keyframes step-indicatior-circle-pop-elastic_a8e9b8c3d1 {\n  0% {\n    transform: scale(1);\n  }\n  33% {\n    transform: scale(1.2);\n  }\n  66% {\n    transform: scale(0.9);\n  }\n  100% {\n    transform: scale(1);\n  }\n}");export{n as default};
 //# sourceMappingURL=StepIndicator.module.scss.js.map

package/dist/src/components/ProgressBars/LinearProgressBar/Bar/Bar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Bar.js","sources":["../../../../../../src/components/ProgressBars/LinearProgressBar/Bar/Bar.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { FC, useMemo } from \"react\";\nimport { calculatePercentage } from \"../LinearProgressBarHelpers\";\nimport VibeComponentProps from \"src/types/VibeComponentProps\";\nimport { LinearProgressBarStyle } from \"../LinearProgressBar.types\";\nimport styles from \"./Bar.module.scss\";\n\nexport type BarType = \"primary\" \| \"secondary\";\n\nexport interface BarProps extends VibeComponentProps {\n /*\n ~~Determine~~ the progress bar ~~style~~.\n /\n barStyle?: LinearProgressBarStyle;\n /\n The progress bar ~~starting value~~.\n /\n min?: number;\n /\n The progress bar ~~ending value~~.\n /\n max?: number;\n /\n The progress ~~bar current~~ value.\n /\n value?: number;\n /\n If set to true, ~~animations~~ ~~are~~ ~~used~~.\n */\n animated?: boolean;\n baseClass?: string;\n barLabelName?: string;\n color?: string;\n type?: ~~BarType;\~~n ~~className~~?: ~~string~~;\n}\n\nconst Bar: FC<BarProps> = ({\n value,\n type,\n barStyle,\n animated,\n min,\n max,\n color,\n barLabelName,\n id,\n \"data-testid\": dataTestId,\n className\n}) => {\n const classNames = useMemo(() => {\n return cx(styles.bar, getStyle(styles, camelCase(\"type__\" + type + \"--\" + barStyle)), className, {\n [styles.animate]: animated\n });\n }, [type, barStyle, animated, className]);\n\n const valuePercentage = useMemo(() => {\n if (value === null \|\| value === undefined) return 0;\n return calculatePercentage(value, min, max);\n }, [value, min, max]);\n\n if (!value) return null;\n\n return (\n <div\n role=\"progressbar\"\n aria-label={barLabelName}\n aria-valuenow={valuePercentage}\n aria-valuemin={0}\n aria-valuemax={100}\n className={classNames}\n style={{\n width: `${valuePercentage}%`,\n ...(color && { backgroundColor: color })\n }}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BAR, id)}\n />\n );\n};\n\nexport default Bar;\n"],"names":["Bar","_ref","value","type","barStyle","animated","min","max","color","barLabelName","id","dataTestId","className","classNames","useMemo","cx","styles","bar","getStyle","camelCase","_defineProperty","animate","valuePercentage","calculatePercentage","React","createElement","role","style","width","concat","backgroundColor","getTestId","ComponentDefaultTestId","BAR"],"mappings":"~~mcAwCA~~,IAAMA,EAAoB,SAAjBC,GAYJ,IAXHC,EAAKD,EAALC,MACAC,EAAIF,EAAJE,KACAC,EAAQH,EAARG,SACAC,EAAQJ,EAARI,SACAC,EAAGL,EAAHK,IACAC,EAAGN,EAAHM,IACAC,EAAKP,EAALO,MACAC,EAAYR,EAAZQ,aACAC,EAAET,EAAFS,GACeC,EAAUV,EAAzB,eACAW,EAASX,EAATW,UAEMC,EAAaC,GAAQ,WACzB,OAAOC,EAAGC,EAAOC,IAAKC,EAASF,EAAQG,EAAU,SAAWhB,EAAO,KAAOC,IAAYQ,EAASQ,EAC5FJ,CAAAA,EAAAA,EAAOK,QAAUhB,GAErB,GAAE,CAACF,EAAMC,EAAUC,EAAUO,IAExBU,EAAkBR,GAAQ,WAC9B,OAAIZ,QAA8C,EAC3CqB,EAAoBrB,EAAOI,EAAKC,EACxC,GAAE,CAACL,EAAOI,EAAKC,IAEhB,OAAKL,EAGHsB,EACEC,cAAA,MAAA,CAAAC,KAAK,2BACOjB,EAAY,gBACTa,EAAe,gBACf,EAAC,gBACD,IACfV,UAAWC,EACXc,qBACEC,MAAK,GAAAC,OAAKP,EAAe,MACrBd,GAAS,CAAEsB,gBAAiBtB,IAElCE,GAAIA,EAAE,cACOC,GAAcoB,EAAUC,EAAuBC,IAAKvB,KAflD,IAkBrB"}
1	+ {"version":3,"file":"Bar.js","sources":["../../../../../../src/components/ProgressBars/LinearProgressBar/Bar/Bar.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport { getStyle } from \"../../../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { FC, useMemo } from \"react\";\nimport { calculatePercentage } from \"../LinearProgressBarHelpers\";\nimport VibeComponentProps from \"src/types/VibeComponentProps\";\nimport { LinearProgressBarStyle } from \"../LinearProgressBar.types\";\nimport styles from \"./Bar.module.scss\";\n\nexport type BarType = \"primary\" \| \"secondary\";\n\nexport interface BarProps extends VibeComponentProps {\n /*\n Determines the visual style of the progress bar.\n /\n barStyle?: LinearProgressBarStyle;\n /\n The minimum value of the progress bar.\n /\n min?: number;\n /\n The maximum value of the progress bar.\n /\n max?: number;\n /\n The current progress value.\n /\n value?: number;\n /\n If true, enables animation effects.\n /\n animated?: boolean;\n /\n Base class name for the bar.\n /\n baseClass?: string;\n /\n The ARIA label describing the progress bar.\n /\n barLabelName?: string;\n /\n Custom color for the progress bar.\n /\n color?: string;\n /\n The type of the bar.\n */\n type?: BarType;\n}\n\nconst Bar: FC<BarProps> = ({\n value,\n type,\n barStyle,\n animated,\n min,\n max,\n color,\n barLabelName,\n id,\n \"data-testid\": dataTestId,\n className\n}) => {\n const classNames = useMemo(() => {\n return cx(styles.bar, getStyle(styles, camelCase(\"type__\" + type + \"--\" + barStyle)), className, {\n [styles.animate]: animated\n });\n }, [type, barStyle, animated, className]);\n\n const valuePercentage = useMemo(() => {\n if (value === null \|\| value === undefined) return 0;\n return calculatePercentage(value, min, max);\n }, [value, min, max]);\n\n if (!value) return null;\n\n return (\n <div\n role=\"progressbar\"\n aria-label={barLabelName}\n aria-valuenow={valuePercentage}\n aria-valuemin={0}\n aria-valuemax={100}\n className={classNames}\n style={{\n width: `${valuePercentage}%`,\n ...(color && { backgroundColor: color })\n }}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BAR, id)}\n />\n );\n};\n\nexport default Bar;\n"],"names":["Bar","_ref","value","type","barStyle","animated","min","max","color","barLabelName","id","dataTestId","className","classNames","useMemo","cx","styles","bar","getStyle","camelCase","_defineProperty","animate","valuePercentage","calculatePercentage","React","createElement","role","style","width","concat","backgroundColor","getTestId","ComponentDefaultTestId","BAR"],"mappings":"mcAmDA,IAAMA,EAAoB,SAAjBC,GAYJ,IAXHC,EAAKD,EAALC,MACAC,EAAIF,EAAJE,KACAC,EAAQH,EAARG,SACAC,EAAQJ,EAARI,SACAC,EAAGL,EAAHK,IACAC,EAAGN,EAAHM,IACAC,EAAKP,EAALO,MACAC,EAAYR,EAAZQ,aACAC,EAAET,EAAFS,GACeC,EAAUV,EAAzB,eACAW,EAASX,EAATW,UAEMC,EAAaC,GAAQ,WACzB,OAAOC,EAAGC,EAAOC,IAAKC,EAASF,EAAQG,EAAU,SAAWhB,EAAO,KAAOC,IAAYQ,EAASQ,EAC5FJ,CAAAA,EAAAA,EAAOK,QAAUhB,GAErB,GAAE,CAACF,EAAMC,EAAUC,EAAUO,IAExBU,EAAkBR,GAAQ,WAC9B,OAAIZ,QAA8C,EAC3CqB,EAAoBrB,EAAOI,EAAKC,EACxC,GAAE,CAACL,EAAOI,EAAKC,IAEhB,OAAKL,EAGHsB,EACEC,cAAA,MAAA,CAAAC,KAAK,2BACOjB,EAAY,gBACTa,EAAe,gBACf,EAAC,gBACD,IACfV,UAAWC,EACXc,qBACEC,MAAK,GAAAC,OAAKP,EAAe,MACrBd,GAAS,CAAEsB,gBAAiBtB,IAElCE,GAAIA,EAAE,cACOC,GAAcoB,EAAUC,EAAuBC,IAAKvB,KAflD,IAkBrB"}

package/dist/src/components/ProgressBars/LinearProgressBar/Bar/Bar.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={bar:"bar_41e235e03b",typePrimaryPrimary:"typePrimaryPrimary_7c8667f66e",typePrimarySecondary:"typePrimarySecondary_18fff1a345",typePrimaryPositive:"typePrimaryPositive_d5e6a88bdb",typePrimaryNegative:"typePrimaryNegative_447abefc13",typePrimaryWarning:"typePrimaryWarning_45a41d419c",typeSecondaryPrimary:"typeSecondaryPrimary_3f02d6bbbc",typeSecondarySecondary:"typeSecondarySecondary_2354cb2e21",typeSecondaryPositive:"typeSecondaryPositive_fa894c176e",typeSecondaryNegative:"typeSecondaryNegative_dd13ccedf6",typeSecondaryWarning:"typeSecondaryWarning_cb3308f13e",animate:"animate_80a0f829af"};!function(e){const r="s_id-4250992e3ce2_3_34_2";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".bar_41e235e03b {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_7c8667f66e {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_18fff1a345 {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_d5e6a88bdb {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_447abefc13 {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_45a41d419c {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_3f02d6bbbc {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_2354cb2e21 {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_fa894c176e {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_dd13ccedf6 {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_cb3308f13e {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_80a0f829af {\n  transition: width var(--motion-productive-medium) var(--motion-timing-transition);\n}");export{e as default};
+var e={bar:"bar_7c95112cb8",typePrimaryPrimary:"typePrimaryPrimary_3f157c15ac",typePrimarySecondary:"typePrimarySecondary_c8869fa30c",typePrimaryPositive:"typePrimaryPositive_b60a785725",typePrimaryNegative:"typePrimaryNegative_435dbf5ce4",typePrimaryWarning:"typePrimaryWarning_75b6c82bde",typeSecondaryPrimary:"typeSecondaryPrimary_f1b85b2ff8",typeSecondarySecondary:"typeSecondarySecondary_f3e956bc3b",typeSecondaryPositive:"typeSecondaryPositive_def82eb59e",typeSecondaryNegative:"typeSecondaryNegative_01ef1276cd",typeSecondaryWarning:"typeSecondaryWarning_d4a76dd9c6",animate:"animate_138af24ab2"};!function(e){const r="s_id-4250992e3ce2_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".bar_7c95112cb8 {\n  left: 0;\n  height: 100%;\n  position: absolute;\n  border-radius: var(--border-radius-small);\n}\n\n.typePrimaryPrimary_3f157c15ac {\n  background-color: var(--primary-color);\n}\n\n.typePrimarySecondary_c8869fa30c {\n  background-color: var(--inverted-color-background);\n}\n\n.typePrimaryPositive_b60a785725 {\n  background-color: var(--positive-color);\n}\n\n.typePrimaryNegative_435dbf5ce4 {\n  background-color: var(--negative-color);\n}\n\n.typePrimaryWarning_75b6c82bde {\n  background-color: var(--warning-color);\n}\n\n.typeSecondaryPrimary_f1b85b2ff8 {\n  background-color: var(--primary-selected-color);\n}\n\n.typeSecondarySecondary_f3e956bc3b {\n  background-color: var(--ui-border-color);\n}\n\n.typeSecondaryPositive_def82eb59e {\n  background-color: var(--positive-color-selected);\n}\n\n.typeSecondaryNegative_01ef1276cd {\n  background-color: var(--negative-color-selected);\n}\n\n.typeSecondaryWarning_d4a76dd9c6 {\n  background-color: var(--warning-color-selected);\n}\n\n.animate_138af24ab2 {\n  transition: width var(--motion-productive-medium) var(--motion-timing-transition);\n}");export{e as default};
 //# sourceMappingURL=Bar.module.scss.js.map

package/dist/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LinearProgressBar.js","sources":["../../../../../src/components/ProgressBars/LinearProgressBar/LinearProgressBar.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../../constants\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport PercentageLabel from \"../PercentageLabel/PercentageLabel\";\nimport {\n ProgressBarStyle as ProgressBarStyleEnum,\n ProgressBarType as ProgressBarTypeEnum\n} from \"./LinearProgressBarConstants\";\nimport { LinearProgressBarSize, LinearProgressBarStyle } from \"./LinearProgressBar.types\";\nimport { calculatePercentage, getProgressBarClassNames } from \"./LinearProgressBarHelpers\";\nimport Bar from \"./Bar/Bar\";\nimport { VibeComponent, VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./LinearProgressBar.module.scss\";\n\nexport interface LinearProgressBarProps extends VibeComponentProps {\n /*\n ~~Determine~~ the progress bar ~~style~~.\n /\n barStyle?: LinearProgressBarStyle;\n /\n The progress bar ~~starting value~~.\n /\n min?: number;\n /\n The progress bar ~~ending value~~.\n /\n max?: number;\n /\n The progress ~~bar current~~ value.\n /\n value?: number;\n /\n The progress ~~bar secondary~~ value.\n /\n valueSecondary?: number;\n /\n If set to true, ~~animations~~ ~~are~~ ~~used~~.\n /\n animated?: boolean;\n /\n ~~Set~~ ~~external~~ ~~styling~~ to the progress bar.\n /\n ~~className?: string;\n /\n Determine the progress bar height (Supported options exposed through\n /\n~~ size?: LinearProgressBarSize;\n /\n ~~Show~~ ~~progress~~ ~~bar~~ ~~progression~~ in ~~percentages\~~n /\n indicateProgress?: boolean;\n /\n ~~Use~~ multiple bars.\n * ~~*~~Note:* `value`, `valueSecondary` & `barStyle` ~~won't~~ be used\n /\n multi?: boolean;\n /\n ~~Array~~ of bar ~~value~~ ~~objects~~ {\n * ~~`value`~~ - ~~The progress value,\n * `color` - hex [`#000000` ~ `#ffffff`] of the current~~ bar\n * }\n /\n multiValues?: {\n /\n The progress ~~bar~~ ~~current~~ ~~value~~.\n /\n value?: number;\n /\n The bar color in hex - #000000 ~ #ffffff\n /\n color?: string;\n }[];\n /* ARIA ~~description~~ for the progress bar /\n ariaLabel?: string;\n /* Is the progress bar ~~spread~~ ~~across~~ the ~~entire~~ container width ~~(width: 100%)~~ */\n fullWidth?: boolean;\n}\n\nconst LinearProgressBar: VibeComponent<LinearProgressBarProps, HTMLDivElement> & {\n styles?: typeof ProgressBarStyleEnum;\n barStyles?: typeof ProgressBarStyleEnum;\n types?: typeof ProgressBarTypeEnum;\n barTypes?: typeof ProgressBarTypeEnum;\n sizes?: typeof SIZES;\n} = forwardRef(\n (\n {\n min = 0,\n max = 100,\n value = 0,\n valueSecondary = 0,\n animated = true,\n barStyle = \"primary\",\n className,\n size = \"small\",\n indicateProgress = false,\n multi = false,\n multiValues = [],\n ariaLabel = \"\",\n id,\n fullWidth = false,\n \"data-testid\": dataTestId\n }: LinearProgressBarProps,\n ref\n ) => {\n const wrapperClassName = useMemo(() => {\n return cx(\n styles.wrapper,\n {\n [getStyle(styles, size.toString())]: size,\n [styles.fullWidth]: fullWidth\n },\n className\n );\n }, [size, fullWidth, className]);\n\n const valuePercentage = useMemo(() => {\n if (multi) {\n const firstValue = multiValues && multiValues.length && multiValues[0].value;\n if (firstValue === null \|\| firstValue === undefined) return 0;\n return calculatePercentage(firstValue, min, max);\n }\n if (value === null \|\| value === undefined) return 0;\n return calculatePercentage(value, min, max);\n }, [value, min, max, multi, multiValues]);\n\n const renderMultiBars = useMemo(() => {\n if (!multi) return null;\n return (\n <>\n {[...multiValues].reverse().map(({ value: baseValue, color }, i) => (\n <Bar\n className={getProgressBarClassNames(baseValue)}\n barStyle=\"none\"\n value={baseValue}\n animated={animated}\n type=\"primary\"\n color={color}\n min={min}\n max={max}\n id={`bar_${color}_${i}`}\n key={`bar_${color}_${i}`}\n />\n ))}\n </>\n );\n }, [min, max, animated, multiValues, multi]);\n\n const renderPercentage = indicateProgress ? (\n <PercentageLabel forElement=\"linear-progress-bar\" value={valuePercentage} />\n ) : null;\n\n const renderBaseBars = !multi ? (\n <>\n <Bar\n className={getProgressBarClassNames(value)}\n barLabelName={ariaLabel}\n barStyle={barStyle}\n value={valueSecondary}\n animated={animated}\n type=\"secondary\"\n min={min}\n max={max}\n data-testid={ComponentDefaultTestId.BAR_SECONDARY}\n />\n <Bar\n className={getProgressBarClassNames(value)}\n barStyle={barStyle}\n value={value}\n animated={animated}\n type=\"primary\"\n min={min}\n max={max}\n data-testid={ComponentDefaultTestId.BAR_PRIMARY}\n />\n </>\n ) : null;\n\n return (\n <div\n className={wrapperClassName}\n ref={ref}\n id={id}\n data-testsid={dataTestId \|\| getTestId(ComponentDefaultTestId.LINEAR_PROGRESS_BAR, id)}\n >\n <div className={styles.container}>\n {renderBaseBars}\n {renderMultiBars}\n </div>\n {renderPercentage}\n </div>\n );\n }\n);\n\nexport default withStaticProps(LinearProgressBar, {\n styles: ProgressBarStyleEnum,\n barStyles: ProgressBarStyleEnum,\n types: ProgressBarTypeEnum,\n barTypes: ProgressBarTypeEnum,\n sizes: SIZES\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","_ref$min","min","_ref$max","max","_ref$value","value","_ref$valueSecondary","valueSecondary","_ref$animated","animated","_ref$barStyle","barStyle","className","_ref$size","size","_ref$indicateProgress","indicateProgress","_ref$multi","multi","_ref$multiValues","multiValues","_ref$ariaLabel","ariaLabel","id","_ref$fullWidth","fullWidth","dataTestId","wrapperClassName","useMemo","cx","styles","wrapper","_defineProperty","getStyle","valuePercentage","firstValue","length","calculatePercentage","renderMultiBars","React","createElement","Fragment","_toConsumableArray","reverse","map","_ref2","i","baseValue","color","Bar","getProgressBarClassNames","type","concat","key","renderPercentage","PercentageLabel","forElement","renderBaseBars","barLabelName","ComponentDefaultTestId","BAR_SECONDARY","BAR_PRIMARY","getTestId","LINEAR_PROGRESS_BAR","container","ProgressBarStyleEnum","barStyles","types","ProgressBarTypeEnum","barTypes","sizes","SIZES"],"mappings":"~~01BAiFA~~,IAqHeA,EAAAA,EA/GXC,GACF,SAAAC,EAkBEC,GACE,IAAAC,EAAAF,EAjBAG,IAAAA,OAAM,IAAHD,EAAG,EAACA,EAAAE,EAAAJ,EACPK,IAAAA,OAAM,IAAHD,EAAG,IAAGA,EAAAE,EAAAN,EACTO,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAR,EACTS,eAAAA,OAAiB,IAAHD,EAAG,EAACA,EAAAE,EAAAV,EAClBW,SAAAA,OAAW,IAAHD,GAAOA,EAAAE,EAAAZ,EACfa,SAAAA,OAAW,IAAHD,EAAG,UAASA,EACpBE,EAASd,EAATc,UAASC,EAAAf,EACTgB,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAjB,EACdkB,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAnB,EACxBoB,MAAAA,OAAQ,IAAHD,GAAQA,EAAAE,EAAArB,EACbsB,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAAE,EAAAvB,EAChBwB,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAEzB,EAAFyB,GAAEC,EAAA1B,EACF2B,UAAAA,OAAY,IAAHD,GAAQA,EACFE,EAAU5B,EAAzB,eAII6B,EAAmBC,GAAQ,WAC/B,OAAOC,EACLC,EAAOC,QAAOC,EAAAA,EAAA,CAAA,EAEXC,EAASH,EAAQhB,MAAmBA,GACpCgB,EAAOL,UAAYA,GAEtBb,EAEH,GAAE,CAACE,EAAMW,EAAWb,IAEfsB,EAAkBN,GAAQ,WAC9B,GAAIV,EAAO,CACT,IAAMiB,EAAaf,GAAeA,EAAYgB,QAAUhB,EAAY,GAAGf,MACvE,OAAI8B,QAAwD,EACrDE,EAAoBF,EAAYlC,EAAKE,EAC7C,CACD,OAAIE,QAA8C,EAC3CgC,EAAoBhC,EAAOJ,EAAKE,EACzC,GAAG,CAACE,EAAOJ,EAAKE,EAAKe,EAAOE,IAEtBkB,EAAkBV,GAAQ,WAC9B,OAAKV,EAEHqB,EACGC,cAAAD,EAAAE,SAAA,KAAAC,EAAItB,GAAauB,UAAUC,KAAI,SAAAC,EAA8BC,GAAC,IAArBC,EAASF,EAAhBxC,MAAkB2C,EAAKH,EAALG,MAAK,OACxDT,EAACC,cAAAS,GACCrC,UAAWsC,EAAyBH,GACpCpC,SAAS,OACTN,MAAO0C,EACPtC,SAAUA,EACV0C,KAAK,UACLH,MAAOA,EACP/C,IAAKA,EACLE,IAAKA,EACLoB,GAAE,OAAA6B,OAASJ,OAAKI,OAAIN,GACpBO,WAAGD,OAASJ,EAAKI,KAAAA,OAAIN,IAExB,KAhBc,IAmBrB,GAAG,CAAC7C,EAAKE,EAAKM,EAAUW,EAAaF,IAE/BoC,EAAmBtC,EACvBuB,EAACC,cAAAe,EAAgB,CAAAC,WAAW,sBAAsBnD,MAAO6B,IACvD,KAEEuB,EAAkBvC,EAwBpB,KAvBFqB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAACS,EACC,CAAArC,UAAWsC,EAAyB7C,GACpCqD,aAAcpC,EACdX,SAAUA,EACVN,MAAOE,EACPE,SAAUA,EACV0C,KAAK,YACLlD,IAAKA,EACLE,IAAKA,gBACQwD,EAAuBC,gBAEtCrB,EAAAC,cAACS,EACC,CAAArC,UAAWsC,EAAyB7C,GACpCM,SAAUA,EACVN,MAAOA,EACPI,SAAUA,EACV0C,KAAK,UACLlD,IAAKA,EACLE,IAAKA,EAAG,cACKwD,EAAuBE,eAK1C,OACEtB,uBACE3B,UAAWe,EACX5B,IAAKA,EACLwB,GAAIA,EAAE,eACQG,GAAcoC,EAAUH,EAAuBI,oBAAqBxC,IAElFgB,EAAAC,cAAA,MAAA,CAAK5B,UAAWkB,EAAOkC,WACpBP,EACAnB,GAEFgB,EAGP,IAGgD,CAChDxB,OAAQmC,EACRC,UAAWD,EACXE,MAAOC,EACPC,SAAUD,EACVE,MAAOC"}
1	+ {"version":3,"file":"LinearProgressBar.js","sources":["../../../../../src/components/ProgressBars/LinearProgressBar/LinearProgressBar.tsx"],"sourcesContent":["import React, { forwardRef, useMemo } from \"react\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../../constants\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport PercentageLabel from \"../PercentageLabel/PercentageLabel\";\nimport {\n ProgressBarStyle as ProgressBarStyleEnum,\n ProgressBarType as ProgressBarTypeEnum\n} from \"./LinearProgressBarConstants\";\nimport { LinearProgressBarSize, LinearProgressBarStyle } from \"./LinearProgressBar.types\";\nimport { calculatePercentage, getProgressBarClassNames } from \"./LinearProgressBarHelpers\";\nimport Bar from \"./Bar/Bar\";\nimport { VibeComponent, VibeComponentProps, withStaticProps } from \"../../../types\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport styles from \"./LinearProgressBar.module.scss\";\n\nexport interface LinearProgressBarProps extends VibeComponentProps {\n /*\n Determines the visual style of the progress bar.\n /\n barStyle?: LinearProgressBarStyle;\n /\n The minimum value of the progress bar.\n /\n min?: number;\n /\n The maximum value of the progress bar.\n /\n max?: number;\n /\n The current progress value.\n /\n value?: number;\n /\n The secondary progress value.\n /\n valueSecondary?: number;\n /\n If true, enables animation effects.\n /\n animated?: boolean;\n /\n The size of the progress bar.\n /\n size?: LinearProgressBarSize;\n /\n If true, displays the progress percentage.\n /\n indicateProgress?: boolean;\n /\n If true, enables multiple progress bars.\n * Note: `value`, `valueSecondary`, and `barStyle` will not be used.\n /\n multi?: boolean;\n /\n An array of bar values and colors for multi-bar mode.\n /\n multiValues?: {\n /\n The progress value for a bar.\n /\n value?: number;\n /\n The bar color in hex format (`#000000` - `#ffffff`).\n /\n color?: string;\n }[];\n /\n The ARIA label for the progress bar.\n /\n ariaLabel?: string;\n /\n If true, makes the progress bar span the full container width.\n */\n fullWidth?: boolean;\n}\n\nconst LinearProgressBar: VibeComponent<LinearProgressBarProps, HTMLDivElement> & {\n styles?: typeof ProgressBarStyleEnum;\n barStyles?: typeof ProgressBarStyleEnum;\n types?: typeof ProgressBarTypeEnum;\n barTypes?: typeof ProgressBarTypeEnum;\n sizes?: typeof SIZES;\n} = forwardRef(\n (\n {\n min = 0,\n max = 100,\n value = 0,\n valueSecondary = 0,\n animated = true,\n barStyle = \"primary\",\n className,\n size = \"small\",\n indicateProgress = false,\n multi = false,\n multiValues = [],\n ariaLabel = \"\",\n id,\n fullWidth = false,\n \"data-testid\": dataTestId\n }: LinearProgressBarProps,\n ref\n ) => {\n const wrapperClassName = useMemo(() => {\n return cx(\n styles.wrapper,\n {\n [getStyle(styles, size.toString())]: size,\n [styles.fullWidth]: fullWidth\n },\n className\n );\n }, [size, fullWidth, className]);\n\n const valuePercentage = useMemo(() => {\n if (multi) {\n const firstValue = multiValues && multiValues.length && multiValues[0].value;\n if (firstValue === null \|\| firstValue === undefined) return 0;\n return calculatePercentage(firstValue, min, max);\n }\n if (value === null \|\| value === undefined) return 0;\n return calculatePercentage(value, min, max);\n }, [value, min, max, multi, multiValues]);\n\n const renderMultiBars = useMemo(() => {\n if (!multi) return null;\n return (\n <>\n {[...multiValues].reverse().map(({ value: baseValue, color }, i) => (\n <Bar\n className={getProgressBarClassNames(baseValue)}\n barStyle=\"none\"\n value={baseValue}\n animated={animated}\n type=\"primary\"\n color={color}\n min={min}\n max={max}\n id={`bar_${color}_${i}`}\n key={`bar_${color}_${i}`}\n />\n ))}\n </>\n );\n }, [min, max, animated, multiValues, multi]);\n\n const renderPercentage = indicateProgress ? (\n <PercentageLabel forElement=\"linear-progress-bar\" value={valuePercentage} />\n ) : null;\n\n const renderBaseBars = !multi ? (\n <>\n <Bar\n className={getProgressBarClassNames(value)}\n barLabelName={ariaLabel}\n barStyle={barStyle}\n value={valueSecondary}\n animated={animated}\n type=\"secondary\"\n min={min}\n max={max}\n data-testid={ComponentDefaultTestId.BAR_SECONDARY}\n />\n <Bar\n className={getProgressBarClassNames(value)}\n barStyle={barStyle}\n value={value}\n animated={animated}\n type=\"primary\"\n min={min}\n max={max}\n data-testid={ComponentDefaultTestId.BAR_PRIMARY}\n />\n </>\n ) : null;\n\n return (\n <div\n className={wrapperClassName}\n ref={ref}\n id={id}\n data-testsid={dataTestId \|\| getTestId(ComponentDefaultTestId.LINEAR_PROGRESS_BAR, id)}\n >\n <div className={styles.container}>\n {renderBaseBars}\n {renderMultiBars}\n </div>\n {renderPercentage}\n </div>\n );\n }\n);\n\nexport default withStaticProps(LinearProgressBar, {\n styles: ProgressBarStyleEnum,\n barStyles: ProgressBarStyleEnum,\n types: ProgressBarTypeEnum,\n barTypes: ProgressBarTypeEnum,\n sizes: SIZES\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","_ref$min","min","_ref$max","max","_ref$value","value","_ref$valueSecondary","valueSecondary","_ref$animated","animated","_ref$barStyle","barStyle","className","_ref$size","size","_ref$indicateProgress","indicateProgress","_ref$multi","multi","_ref$multiValues","multiValues","_ref$ariaLabel","ariaLabel","id","_ref$fullWidth","fullWidth","dataTestId","wrapperClassName","useMemo","cx","styles","wrapper","_defineProperty","getStyle","valuePercentage","firstValue","length","calculatePercentage","renderMultiBars","React","createElement","Fragment","_toConsumableArray","reverse","map","_ref2","i","baseValue","color","Bar","getProgressBarClassNames","type","concat","key","renderPercentage","PercentageLabel","forElement","renderBaseBars","barLabelName","ComponentDefaultTestId","BAR_SECONDARY","BAR_PRIMARY","getTestId","LINEAR_PROGRESS_BAR","container","ProgressBarStyleEnum","barStyles","types","ProgressBarTypeEnum","barTypes","sizes","SIZES"],"mappings":"01BA8EA,IAqHeA,EAAAA,EA/GXC,GACF,SAAAC,EAkBEC,GACE,IAAAC,EAAAF,EAjBAG,IAAAA,OAAM,IAAHD,EAAG,EAACA,EAAAE,EAAAJ,EACPK,IAAAA,OAAM,IAAHD,EAAG,IAAGA,EAAAE,EAAAN,EACTO,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAR,EACTS,eAAAA,OAAiB,IAAHD,EAAG,EAACA,EAAAE,EAAAV,EAClBW,SAAAA,OAAW,IAAHD,GAAOA,EAAAE,EAAAZ,EACfa,SAAAA,OAAW,IAAHD,EAAG,UAASA,EACpBE,EAASd,EAATc,UAASC,EAAAf,EACTgB,KAAAA,OAAO,IAAHD,EAAG,QAAOA,EAAAE,EAAAjB,EACdkB,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAnB,EACxBoB,MAAAA,OAAQ,IAAHD,GAAQA,EAAAE,EAAArB,EACbsB,YAAAA,OAAc,IAAHD,EAAG,GAAEA,EAAAE,EAAAvB,EAChBwB,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAEzB,EAAFyB,GAAEC,EAAA1B,EACF2B,UAAAA,OAAY,IAAHD,GAAQA,EACFE,EAAU5B,EAAzB,eAII6B,EAAmBC,GAAQ,WAC/B,OAAOC,EACLC,EAAOC,QAAOC,EAAAA,EAAA,CAAA,EAEXC,EAASH,EAAQhB,MAAmBA,GACpCgB,EAAOL,UAAYA,GAEtBb,EAEH,GAAE,CAACE,EAAMW,EAAWb,IAEfsB,EAAkBN,GAAQ,WAC9B,GAAIV,EAAO,CACT,IAAMiB,EAAaf,GAAeA,EAAYgB,QAAUhB,EAAY,GAAGf,MACvE,OAAI8B,QAAwD,EACrDE,EAAoBF,EAAYlC,EAAKE,EAC7C,CACD,OAAIE,QAA8C,EAC3CgC,EAAoBhC,EAAOJ,EAAKE,EACzC,GAAG,CAACE,EAAOJ,EAAKE,EAAKe,EAAOE,IAEtBkB,EAAkBV,GAAQ,WAC9B,OAAKV,EAEHqB,EACGC,cAAAD,EAAAE,SAAA,KAAAC,EAAItB,GAAauB,UAAUC,KAAI,SAAAC,EAA8BC,GAAC,IAArBC,EAASF,EAAhBxC,MAAkB2C,EAAKH,EAALG,MAAK,OACxDT,EAACC,cAAAS,GACCrC,UAAWsC,EAAyBH,GACpCpC,SAAS,OACTN,MAAO0C,EACPtC,SAAUA,EACV0C,KAAK,UACLH,MAAOA,EACP/C,IAAKA,EACLE,IAAKA,EACLoB,GAAE,OAAA6B,OAASJ,OAAKI,OAAIN,GACpBO,WAAGD,OAASJ,EAAKI,KAAAA,OAAIN,IAExB,KAhBc,IAmBrB,GAAG,CAAC7C,EAAKE,EAAKM,EAAUW,EAAaF,IAE/BoC,EAAmBtC,EACvBuB,EAACC,cAAAe,EAAgB,CAAAC,WAAW,sBAAsBnD,MAAO6B,IACvD,KAEEuB,EAAkBvC,EAwBpB,KAvBFqB,EAAAC,cAAAD,EAAAE,SAAA,KACEF,EAAAC,cAACS,EACC,CAAArC,UAAWsC,EAAyB7C,GACpCqD,aAAcpC,EACdX,SAAUA,EACVN,MAAOE,EACPE,SAAUA,EACV0C,KAAK,YACLlD,IAAKA,EACLE,IAAKA,gBACQwD,EAAuBC,gBAEtCrB,EAAAC,cAACS,EACC,CAAArC,UAAWsC,EAAyB7C,GACpCM,SAAUA,EACVN,MAAOA,EACPI,SAAUA,EACV0C,KAAK,UACLlD,IAAKA,EACLE,IAAKA,EAAG,cACKwD,EAAuBE,eAK1C,OACEtB,uBACE3B,UAAWe,EACX5B,IAAKA,EACLwB,GAAIA,EAAE,eACQG,GAAcoC,EAAUH,EAAuBI,oBAAqBxC,IAElFgB,EAAAC,cAAA,MAAA,CAAK5B,UAAWkB,EAAOkC,WACpBP,EACAnB,GAEFgB,EAGP,IAGgD,CAChDxB,OAAQmC,EACRC,UAAWD,EACXE,MAAOC,EACPC,SAAUD,EACVE,MAAOC"}

package/dist/src/components/ProgressBars/LinearProgressBar/LinearProgressBar.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={wrapper:"wrapper_33721f0524",fullWidth:"fullWidth_281fe15143",container:"container_3a76fb05d7",progressBar:"progressBar_d4131dcab2",completed:"completed_3a76fb05d7",label:"label_c92b5e905d",large:"large_56b67feac9",medium:"medium_5cdefa1fcd",small:"small_2bf5357c75"};!function(e){const n="s_id-5855608df299_3_34_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const a=document.createElement("style");a.id=n,r.firstChild?r.insertBefore(a,r.firstChild):r.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".wrapper_33721f0524 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text2-normal);\n  line-height: 8px !important;\n}\n.wrapper_33721f0524.fullWidth_281fe15143 {\n  width: 100%;\n}\n.wrapper_33721f0524.fullWidth_281fe15143 .container_3a76fb05d7 {\n  border-radius: 0;\n}\n.wrapper_33721f0524.fullWidth_281fe15143 .container_3a76fb05d7 .progressBar_d4131dcab2 {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_33721f0524.fullWidth_281fe15143 .container_3a76fb05d7 .progressBar_d4131dcab2.completed_3a76fb05d7 {\n  border-radius: 0;\n}\n.label_c92b5e905d {\n  padding-left: var(--spacing-xs);\n}\n.large_56b67feac9 {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_5cdefa1fcd {\n  height: 6px;\n  line-height: 6px;\n}\n.small_2bf5357c75 {\n  height: 4px;\n  line-height: 4px;\n}\n.container_3a76fb05d7 {\n  position: relative;\n  width: 100%;\n  background-color: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
+var e={wrapper:"wrapper_b849ab2cb8",fullWidth:"fullWidth_f3e8b698ed",container:"container_b65ecd9231",progressBar:"progressBar_ddb08388fa",completed:"completed_b65ecd9231",label:"label_288d7a149d",large:"large_6f9ddfd693",medium:"medium_c9d9f7d78b",small:"small_e844a2c483"};!function(e){const d="s_id-5855608df299_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".wrapper_b849ab2cb8 {\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  width: 100%;\n  font: var(--font-text2-normal);\n  line-height: 8px !important;\n}\n.wrapper_b849ab2cb8.fullWidth_f3e8b698ed {\n  width: 100%;\n}\n.wrapper_b849ab2cb8.fullWidth_f3e8b698ed .container_b65ecd9231 {\n  border-radius: 0;\n}\n.wrapper_b849ab2cb8.fullWidth_f3e8b698ed .container_b65ecd9231 .progressBar_ddb08388fa {\n  border-radius: 0 var(--border-radius-small) var(--border-radius-small) 0;\n}\n.wrapper_b849ab2cb8.fullWidth_f3e8b698ed .container_b65ecd9231 .progressBar_ddb08388fa.completed_b65ecd9231 {\n  border-radius: 0;\n}\n.label_288d7a149d {\n  padding-left: var(--spacing-xs);\n}\n.large_6f9ddfd693 {\n  height: 8px;\n  line-height: 8px;\n}\n.medium_c9d9f7d78b {\n  height: 6px;\n  line-height: 6px;\n}\n.small_e844a2c483 {\n  height: 4px;\n  line-height: 4px;\n}\n.container_b65ecd9231 {\n  position: relative;\n  width: 100%;\n  background-color: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n}");export{e as default};
 //# sourceMappingURL=LinearProgressBar.module.scss.js.map

package/dist/src/components/ProgressBars/PercentageLabel/PercentageLabel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"PercentageLabel.js","sources":["../../../../../src/components/ProgressBars/PercentageLabel/PercentageLabel.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport styles from \"./PercentageLabel.module.scss\";\n\nexport interface PercentageLabelProps {\n /*\n ~~Replacement~~ to ~~`htmlFor`~~ \| ~~`for`~~ ~~attribute~~.\n /\n forElement: string;\n /\n ~~Determine~~ ~~the~~ ~~displayed~~ ~~percentage~~.\n */\n value: number;\n}\n\nconst PercentageLabel: FC<PercentageLabelProps> = ({ forElement = \"\", value = 0 }) => {\n if (value === null \|\| value === undefined) return null;\n return (\n <label htmlFor={forElement} className={styles.label}>\n {`${value.toFixed()}%`}\n </label>\n );\n};\n\nexport default PercentageLabel;\n"],"names":["PercentageLabel","_ref","_ref$forElement","forElement","_ref$value","value","React","htmlFor","className","styles","label","concat","toFixed"],"mappings":"qEAcA,IAAMA,EAA4C,SAA7BC,GAAgE,IAAAC,EAAAD,EAAhCE,WAAeC,EAAAH,EAAEI,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAC7E,OAAIC,QAA8C,KAEhDC,yBAAOC,aAHuD,IAAHL,EAAG,GAAEA,EAGpCM,UAAWC,EAAOC,OAC3C,GAAAC,OAAGN,EAAMO,UAAS,KAGzB"}
1	+ {"version":3,"file":"PercentageLabel.js","sources":["../../../../../src/components/ProgressBars/PercentageLabel/PercentageLabel.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport styles from \"./PercentageLabel.module.scss\";\n\nexport interface PercentageLabelProps {\n /*\n The ID of the element this label is associated with.\n /\n forElement: string;\n /\n The percentage value to display.\n */\n value: number;\n}\n\nconst PercentageLabel: FC<PercentageLabelProps> = ({ forElement = \"\", value = 0 }) => {\n if (value === null \|\| value === undefined) return null;\n return (\n <label htmlFor={forElement} className={styles.label}>\n {`${value.toFixed()}%`}\n </label>\n );\n};\n\nexport default PercentageLabel;\n"],"names":["PercentageLabel","_ref","_ref$forElement","forElement","_ref$value","value","React","htmlFor","className","styles","label","concat","toFixed"],"mappings":"qEAcA,IAAMA,EAA4C,SAA7BC,GAAgE,IAAAC,EAAAD,EAAhCE,WAAeC,EAAAH,EAAEI,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAC7E,OAAIC,QAA8C,KAEhDC,yBAAOC,aAHuD,IAAHL,EAAG,GAAEA,EAGpCM,UAAWC,EAAOC,OAC3C,GAAAC,OAAGN,EAAMO,UAAS,KAGzB"}

package/dist/src/components/ProgressBars/PercentageLabel/PercentageLabel.module.scss.js CHANGED Viewed

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

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

	@@ -1 +1 @@
1	- {"version":3,"file":"RadioButton.js","sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useMemo, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Clickable from \"../Clickable/Clickable\";\nimport Text from \"../Text/Text\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport VibeComponent from \"../../types/VibeComponent\";\nimport Tooltip from \"../Tooltip/Tooltip\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./RadioButton.module.scss\";\n\nexport interface RadioButtonProps extends VibeComponentProps {\n ~~/** class~~ to be ~~added~~ to ~~wrapping~~ ~~component~~ /\n ~~className~~?: string;\n /* ~~class~~ to ~~add~~ to the ~~text/label~~ /\n ~~labelClassName~~?: string;\n /* ~~class~~ to be ~~added~~ to the ~~radiobutton~~ /\n ~~radioButtonClassName?: string;\n /* text value~~ /\n text?: string;\n /* The ~~input control's~~ value. ~~When~~ ~~specified~~ in the HTML, this is the initial value, and from then on it can be altered or retrieved at any time using JavaScript to access the respective HTMLInputElement object's value property. The value attribute is always optional, though should be considered mandatory for checkbox, radio, ~~and hidden.l~~ /\n value?: string;\n /* A ~~string specifying a~~ name ~~for~~ the ~~input~~ ~~control.~~ ~~This~~ name is ~~submitted~~ ~~along~~ ~~with~~ the ~~control's~~ ~~value~~ ~~when~~ ~~the~~ ~~form~~ ~~data~~ ~~is submitted.~~ /\n ~~name~~?: ~~string~~;\n /* is ~~autoFocus~~ /\n autoFocus?: boolean;\n /* is disabled /\n disabled?: boolean;\n /* why the ~~input~~ is disabled /\n disabledReason?: string;\n /* ~~default~~ checked ~~value~~/\n defaultChecked?: boolean;\n children?: React.ReactNode;\n /* ~~callback~~ ~~function~~ when ~~value~~ ~~changed~~ /\n onSelect?: (event: React.ChangeEvent<HTMLInputElement \| null>) => void;\n /* ~~controlled~~ the radio button ~~state~~ /\n checked?: boolean;\n /* ~~react~~ to ~~click~~ on children /\n retainChildClick?: boolean;\n /* ~~add~~ tab index to the children /\n childrenTabIndex?: string;\n /* ~~disabled~~ animation /\n noLabelAnimation?: boolean;\n}\n\nconst RadioButton: VibeComponent<RadioButtonProps, HTMLElement> & object = forwardRef(\n (\n {\n className,\n text = \"\",\n value = \"\",\n name = \"\",\n /\n Radio button label class name\n /\n labelClassName,\n /\n Radio button marker class name\n */\n radioButtonClassName,\n disabled = false,\n autoFocus,\n disabledReason,\n defaultChecked = false,\n children,\n onSelect,\n checked,\n retainChildClick = true,\n childrenTabIndex = \"0\",\n noLabelAnimation = false,\n id,\n \"data-testid\": dataTestId\n }: RadioButtonProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const inputRef = useRef<HTMLInputElement \| null>();\n const mergedRef = useMergeRef(ref, inputRef);\n\n const onChildClick = useCallback(() => {\n if (disabled \|\| !retainChildClick) return;\n if (inputRef.current) {\n inputRef.current.checked = true;\n }\n if (onSelect) {\n onSelect(null);\n }\n }, [onSelect, inputRef, disabled, retainChildClick]);\n\n const checkedProps = useMemo(() => {\n if (checked !== undefined) {\n return { checked };\n }\n return { defaultChecked };\n }, [checked, defaultChecked]);\n\n const tooltipContent = disabled ? disabledReason : null;\n\n return (\n <Tooltip content={tooltipContent}>\n <label\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.RADIO_BUTTON, id)}\n className={cx(styles.radioButton, className, {\n [styles.disabled]: disabled,\n disabled: disabled\n })}\n >\n <span className={cx(styles.inputContainer)}>\n <input\n className={cx(styles.input)}\n type=\"radio\"\n value={value}\n name={name}\n autoFocus={autoFocus}\n disabled={disabled}\n {...checkedProps}\n onChange={onSelect}\n ref={mergedRef}\n />\n <span\n data-testid={getTestId(ComponentDefaultTestId.RADIO_BUTTON_CONTROL, id)}\n className={cx(styles.control, radioButtonClassName, {\n [styles.labelAnimation]: !noLabelAnimation\n })}\n />\n </span>\n {text && (\n <Text\n element=\"span\"\n type=\"text2\"\n className={labelClassName}\n data-testid={getTestId(ComponentDefaultTestId.RADIO_BUTTON_LABEL, id)}\n >\n {text}\n </Text>\n )}\n {children && (\n <Clickable onClick={onChildClick} tabIndex={childrenTabIndex}>\n {children}\n </Clickable>\n )}\n </label>\n </Tooltip>\n );\n }\n);\n\nexport default RadioButton;\n"],"names":["RadioButton","forwardRef","_ref","ref","className","_ref$text","text","_ref$value","value","_ref$name","name","labelClassName","radioButtonClassName","_ref$disabled","disabled","autoFocus","disabledReason","_ref$defaultChecked","defaultChecked","children","onSelect","checked","_ref$retainChildClick","retainChildClick","_ref$childrenTabIndex","childrenTabIndex","_ref$noLabelAnimation","noLabelAnimation","id","dataTestId","inputRef","useRef","mergedRef","useMergeRef","onChildClick","useCallback","current","checkedProps","useMemo","undefined","React","createElement","Tooltip","content","getTestId","ComponentDefaultTestId","RADIO_BUTTON","cx","styles","radioButton","_defineProperty","inputContainer","Object","assign","input","type","onChange","RADIO_BUTTON_CONTROL","control","labelAnimation","Text","element","RADIO_BUTTON_LABEL","Clickable","onClick","tabIndex"],"mappings":"~~4cA6CMA~~,IAAAA,EAAqEC,GACzE,SAAAC,EA2BEC,GACE,IA1BAC,EAASF,EAATE,UAASC,EAAAH,EACTI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACTM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACVQ,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAITE,EAAcT,EAAdS,eAIAC,EAAoBV,EAApBU,qBAAoBC,EAAAX,EACpBY,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAASb,EAATa,UACAC,EAAcd,EAAdc,eAAcC,EAAAf,EACdgB,eAAAA,OAAiB,IAAHD,GAAQA,EACtBE,EAAQjB,EAARiB,SACAC,EAAQlB,EAARkB,SACAC,EAAOnB,EAAPmB,QAAOC,EAAApB,EACPqB,iBAAAA,OAAmB,IAAHD,GAAOA,EAAAE,EAAAtB,EACvBuB,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EAAAE,EAAAxB,EACtByB,iBAAAA,OAAmB,IAAHD,GAAQA,EACxBE,EAAE1B,EAAF0B,GACeC,EAAU3B,EAAzB,eAII4B,EAAWC,IACXC,EAAYC,EAAY9B,EAAK2B,GAE7BI,EAAeC,GAAY,YAC3BrB,GAAaS,IACbO,EAASM,UACXN,EAASM,QAAQf,SAAU,GAEzBD,GACFA,EAAS,MAEZ,GAAE,CAACA,EAAUU,EAAUhB,EAAUS,IAE5Bc,EAAeC,GAAQ,WAC3B,YAAgBC,IAAZlB,EACK,CAAEA,QAAAA,GAEJ,CAAEH,eAAAA,EACX,GAAG,CAACG,EAASH,IAIb,OACEsB,EAACC,cAAAC,EAAQ,CAAAC,QAHY7B,EAAWE,EAAiB,MAI/CwB,EACeC,cAAA,QAAA,CAAA,cAAAZ,GAAce,EAAUC,EAAuBC,aAAclB,GAC1ExB,UAAW2C,EAAGC,EAAOC,YAAa7C,EAAS8C,EAAAA,EAAA,CAAA,EACxCF,EAAOlC,SAAWA,GAAQ,WACjBA,KAGZ0B,EAAAC,cAAA,OAAA,CAAMrC,UAAW2C,EAAGC,EAAOG,iBACzBX,EAAAC,cAAA,QAAAW,OAAAC,OAAA,CACEjD,UAAW2C,EAAGC,EAAOM,OACrBC,KAAK,QACL/C,MAAOA,EACPE,KAAMA,EACNK,UAAWA,EACXD,SAAUA,GACNuB,EAAY,CAChBmB,SAAUpC,EACVjB,IAAK6B,KAEPQ,EAAAC,cAAA,OAAA,CAAA,cACeG,EAAUC,EAAuBY,qBAAsB7B,GACpExB,UAAW2C,EAAGC,EAAOU,QAAS9C,EAAoBsC,KAC/CF,EAAOW,gBAAkBhC,OAI/BrB,GACCkC,EAACC,cAAAmB,EACC,CAAAC,QAAQ,OACRN,KAAK,QACLnD,UAAWO,EACE,cAAAiC,EAAUC,EAAuBiB,mBAAoBlC,IAEjEtB,GAGJa,GACCqB,EAAAC,cAACsB,EAAU,CAAAC,QAAS9B,EAAc+B,SAAUxC,GACzCN,IAMb"}
1	+ {"version":3,"file":"RadioButton.js","sources":["../../../../src/components/RadioButton/RadioButton.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { forwardRef, useCallback, useMemo, useRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Clickable from \"../Clickable/Clickable\";\nimport Text from \"../Text/Text\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport VibeComponent from \"../../types/VibeComponent\";\nimport Tooltip from \"../Tooltip/Tooltip\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./RadioButton.module.scss\";\n\nexport interface RadioButtonProps extends VibeComponentProps {\n /*\n Class name applied to the label text.\n /\n labelClassName?: string;\n /\n Class name applied to the radio button element.\n /\n radioButtonClassName?: string;\n /\n The label text displayed next to the radio button.\n /\n text?: string;\n /\n The value associated with the radio button.\n /\n value?: string;\n /\n The name of the radio button group.\n /\n name?: string;\n /\n If true, the radio button automatically receives focus on mount.\n /\n autoFocus?: boolean;\n /\n If true, the radio button is disabled.\n /\n disabled?: boolean;\n /\n The reason why the radio button is disabled, displayed in a tooltip.\n /\n disabledReason?: string;\n /\n If true, the radio button is checked by default.\n /\n defaultChecked?: boolean;\n /\n The child elements inside the radio button.\n /\n children?: React.ReactNode;\n /\n Callback fired when the radio button selection changes.\n /\n onSelect?: (event: React.ChangeEvent<HTMLInputElement \| null>) => void;\n /\n If provided, controls the checked state of the radio button.\n /\n checked?: boolean;\n /\n If true, clicking on children will trigger selection.\n /\n retainChildClick?: boolean;\n /\n The tab index applied to the children.\n /\n childrenTabIndex?: string;\n /\n If true, disables the label animation.\n /\n noLabelAnimation?: boolean;\n}\n\nconst RadioButton: VibeComponent<RadioButtonProps, HTMLElement> & object = forwardRef(\n (\n {\n className,\n text = \"\",\n value = \"\",\n name = \"\",\n /\n Radio button label class name\n /\n labelClassName,\n /\n Radio button marker class name\n */\n radioButtonClassName,\n disabled = false,\n autoFocus,\n disabledReason,\n defaultChecked = false,\n children,\n onSelect,\n checked,\n retainChildClick = true,\n childrenTabIndex = \"0\",\n noLabelAnimation = false,\n id,\n \"data-testid\": dataTestId\n }: RadioButtonProps,\n ref: React.ForwardedRef<HTMLInputElement>\n ) => {\n const inputRef = useRef<HTMLInputElement \| null>();\n const mergedRef = useMergeRef(ref, inputRef);\n\n const onChildClick = useCallback(() => {\n if (disabled \|\| !retainChildClick) return;\n if (inputRef.current) {\n inputRef.current.checked = true;\n }\n if (onSelect) {\n onSelect(null);\n }\n }, [onSelect, inputRef, disabled, retainChildClick]);\n\n const checkedProps = useMemo(() => {\n if (checked !== undefined) {\n return { checked };\n }\n return { defaultChecked };\n }, [checked, defaultChecked]);\n\n const tooltipContent = disabled ? disabledReason : null;\n\n return (\n <Tooltip content={tooltipContent}>\n <label\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.RADIO_BUTTON, id)}\n className={cx(styles.radioButton, className, {\n [styles.disabled]: disabled,\n disabled: disabled\n })}\n >\n <span className={cx(styles.inputContainer)}>\n <input\n className={cx(styles.input)}\n type=\"radio\"\n value={value}\n name={name}\n autoFocus={autoFocus}\n disabled={disabled}\n {...checkedProps}\n onChange={onSelect}\n ref={mergedRef}\n />\n <span\n data-testid={getTestId(ComponentDefaultTestId.RADIO_BUTTON_CONTROL, id)}\n className={cx(styles.control, radioButtonClassName, {\n [styles.labelAnimation]: !noLabelAnimation\n })}\n />\n </span>\n {text && (\n <Text\n element=\"span\"\n type=\"text2\"\n className={labelClassName}\n data-testid={getTestId(ComponentDefaultTestId.RADIO_BUTTON_LABEL, id)}\n >\n {text}\n </Text>\n )}\n {children && (\n <Clickable onClick={onChildClick} tabIndex={childrenTabIndex}>\n {children}\n </Clickable>\n )}\n </label>\n </Tooltip>\n );\n }\n);\n\nexport default RadioButton;\n"],"names":["RadioButton","forwardRef","_ref","ref","className","_ref$text","text","_ref$value","value","_ref$name","name","labelClassName","radioButtonClassName","_ref$disabled","disabled","autoFocus","disabledReason","_ref$defaultChecked","defaultChecked","children","onSelect","checked","_ref$retainChildClick","retainChildClick","_ref$childrenTabIndex","childrenTabIndex","_ref$noLabelAnimation","noLabelAnimation","id","dataTestId","inputRef","useRef","mergedRef","useMergeRef","onChildClick","useCallback","current","checkedProps","useMemo","undefined","React","createElement","Tooltip","content","getTestId","ComponentDefaultTestId","RADIO_BUTTON","cx","styles","radioButton","_defineProperty","inputContainer","Object","assign","input","type","onChange","RADIO_BUTTON_CONTROL","control","labelAnimation","Text","element","RADIO_BUTTON_LABEL","Clickable","onClick","tabIndex"],"mappings":"4cA0EMA,IAAAA,EAAqEC,GACzE,SAAAC,EA2BEC,GACE,IA1BAC,EAASF,EAATE,UAASC,EAAAH,EACTI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EACTM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EAAAE,EAAAP,EACVQ,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAITE,EAAcT,EAAdS,eAIAC,EAAoBV,EAApBU,qBAAoBC,EAAAX,EACpBY,SAAAA,OAAW,IAAHD,GAAQA,EAChBE,EAASb,EAATa,UACAC,EAAcd,EAAdc,eAAcC,EAAAf,EACdgB,eAAAA,OAAiB,IAAHD,GAAQA,EACtBE,EAAQjB,EAARiB,SACAC,EAAQlB,EAARkB,SACAC,EAAOnB,EAAPmB,QAAOC,EAAApB,EACPqB,iBAAAA,OAAmB,IAAHD,GAAOA,EAAAE,EAAAtB,EACvBuB,iBAAAA,OAAmB,IAAHD,EAAG,IAAGA,EAAAE,EAAAxB,EACtByB,iBAAAA,OAAmB,IAAHD,GAAQA,EACxBE,EAAE1B,EAAF0B,GACeC,EAAU3B,EAAzB,eAII4B,EAAWC,IACXC,EAAYC,EAAY9B,EAAK2B,GAE7BI,EAAeC,GAAY,YAC3BrB,GAAaS,IACbO,EAASM,UACXN,EAASM,QAAQf,SAAU,GAEzBD,GACFA,EAAS,MAEZ,GAAE,CAACA,EAAUU,EAAUhB,EAAUS,IAE5Bc,EAAeC,GAAQ,WAC3B,YAAgBC,IAAZlB,EACK,CAAEA,QAAAA,GAEJ,CAAEH,eAAAA,EACX,GAAG,CAACG,EAASH,IAIb,OACEsB,EAACC,cAAAC,EAAQ,CAAAC,QAHY7B,EAAWE,EAAiB,MAI/CwB,EACeC,cAAA,QAAA,CAAA,cAAAZ,GAAce,EAAUC,EAAuBC,aAAclB,GAC1ExB,UAAW2C,EAAGC,EAAOC,YAAa7C,EAAS8C,EAAAA,EAAA,CAAA,EACxCF,EAAOlC,SAAWA,GAAQ,WACjBA,KAGZ0B,EAAAC,cAAA,OAAA,CAAMrC,UAAW2C,EAAGC,EAAOG,iBACzBX,EAAAC,cAAA,QAAAW,OAAAC,OAAA,CACEjD,UAAW2C,EAAGC,EAAOM,OACrBC,KAAK,QACL/C,MAAOA,EACPE,KAAMA,EACNK,UAAWA,EACXD,SAAUA,GACNuB,EAAY,CAChBmB,SAAUpC,EACVjB,IAAK6B,KAEPQ,EAAAC,cAAA,OAAA,CAAA,cACeG,EAAUC,EAAuBY,qBAAsB7B,GACpExB,UAAW2C,EAAGC,EAAOU,QAAS9C,EAAoBsC,KAC/CF,EAAOW,gBAAkBhC,OAI/BrB,GACCkC,EAACC,cAAAmB,EACC,CAAAC,QAAQ,OACRN,KAAK,QACLnD,UAAWO,EACE,cAAAiC,EAAUC,EAAuBiB,mBAAoBlC,IAEjEtB,GAGJa,GACCqB,EAAAC,cAACsB,EAAU,CAAAC,QAAS9B,EAAc+B,SAAUxC,GACzCN,IAMb"}

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

@@ -1,2 +1,2 @@
-var n={radioButton:"radioButton_8fec487cc5",inputContainer:"inputContainer_03780bcd87",input:"input_72305e1dd0",control:"control_11c7d0d158",labelAnimation:"labelAnimation_28003dede1",radioCheckedAnimation:"radioCheckedAnimation_dbcb8f8db9",disabled:"disabled_06984d11a9",label:"label_639edc1bba"};!function(n){const e="s_id-76103f93a8b2_3_34_2";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,o.firstChild?o.insertBefore(d,o.firstChild):o.appendChild(d),d.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".radioButton_8fec487cc5 {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n\n.inputContainer_03780bcd87 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.input_72305e1dd0 {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n\n.control_11c7d0d158 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--ui-border-color);\n  border-radius: 50%;\n  transition: border-width var(--motion-productive-medium) var(--motion-timing-enter);\n  background-color: var(--secondary-background-color);\n}\n\ninput:checked + .control_11c7d0d158 {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\n\ninput:checked + .labelAnimation_28003dede1 {\n  animation-name: radioCheckedAnimation_dbcb8f8db9;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\n\ninput:disabled + .control_11c7d0d158 {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\n\ninput:checked:disabled + .control_11c7d0d158 {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n\n.radioButton_8fec487cc5.disabled_06984d11a9 {\n  cursor: not-allowed;\n}\n\n.radioButton_8fec487cc5.disabled_06984d11a9 .label_639edc1bba {\n  color: var(--disabled-text-color);\n}\n\n.inputContainer_03780bcd87 input:focus-visible + .control_11c7d0d158 {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n\n.radioButton_8fec487cc5:hover .inputContainer_03780bcd87 input:enabled:checked + .control_11c7d0d158 {\n  border-color: var(--primary-hover-color);\n}\n\n.radioButton_8fec487cc5:hover .inputContainer_03780bcd87 input:enabled:not(:checked) + .control_11c7d0d158,\n.radioButton_8fec487cc5:focus-within .inputContainer_03780bcd87 input:enabled:not(:checked) + .control_11c7d0d158 {\n  border-color: var(--primary-text-color);\n}\n\n@keyframes radioCheckedAnimation_dbcb8f8db9 {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
+var n={radioButton:"radioButton_205a074c48",inputContainer:"inputContainer_a8741c63a6",input:"input_9465b9143e",control:"control_d45fde1124",labelAnimation:"labelAnimation_245c3e2406",radioCheckedAnimation:"radioCheckedAnimation_ad7cc5a619",disabled:"disabled_84a88df534",label:"label_5368907020"};!function(n){const e="s_id-76103f93a8b2_3_35_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".radioButton_205a074c48 {\n  display: grid;\n  grid-template-columns: 1.5em auto;\n  grid-gap: 0.5em;\n  cursor: pointer;\n}\n\n.inputContainer_a8741c63a6 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.input_9465b9143e {\n  opacity: 0;\n  width: 0;\n  height: 0;\n  margin: 0;\n}\n\n.control_d45fde1124 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 1em;\n  height: 1em;\n  border: 0.1em solid;\n  box-sizing: border-box;\n  border-color: var(--ui-border-color);\n  border-radius: 50%;\n  transition: border-width var(--motion-productive-medium) var(--motion-timing-enter);\n  background-color: var(--secondary-background-color);\n}\n\ninput:checked + .control_d45fde1124 {\n  border-color: var(--primary-color);\n  border-width: 0.3em;\n}\n\ninput:checked + .labelAnimation_245c3e2406 {\n  animation-name: radioCheckedAnimation_ad7cc5a619;\n  animation-duration: var(--motion-productive-medium);\n  animation-timing-function: var(--motion-timing-enter);\n  animation-fill-mode: forwards;\n}\n\ninput:disabled + .control_d45fde1124 {\n  border: 0.5em solid;\n  border-color: var(--disabled-background-color);\n  border-radius: 50%;\n}\n\ninput:checked:disabled + .control_d45fde1124 {\n  border: 0.3em solid;\n  border-color: var(--disabled-background-color);\n  background-color: var(--secondary-text-color);\n}\n\n.radioButton_205a074c48.disabled_84a88df534 {\n  cursor: not-allowed;\n}\n\n.radioButton_205a074c48.disabled_84a88df534 .label_5368907020 {\n  color: var(--disabled-text-color);\n}\n\n.inputContainer_a8741c63a6 input:focus-visible + .control_d45fde1124 {\n  outline: none;\n  border-color: var(--primary-color);\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5);\n  border-radius: 50%;\n}\n\n.radioButton_205a074c48:hover .inputContainer_a8741c63a6 input:enabled:checked + .control_d45fde1124 {\n  border-color: var(--primary-hover-color);\n}\n\n.radioButton_205a074c48:hover .inputContainer_a8741c63a6 input:enabled:not(:checked) + .control_d45fde1124,\n.radioButton_205a074c48:focus-within .inputContainer_a8741c63a6 input:enabled:not(:checked) + .control_d45fde1124 {\n  border-color: var(--primary-text-color);\n}\n\n@keyframes radioCheckedAnimation_ad7cc5a619 {\n  0% {\n    height: 1em;\n    width: 1em;\n  }\n  50% {\n    height: 0.8em;\n    width: 0.8em;\n  }\n  100% {\n    height: 1em;\n    width: 1em;\n  }\n}");export{n as default};
 //# sourceMappingURL=RadioButton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={searchWrapper:"searchWrapper_6dea250293",search:"search_6e137e40ee",loader:"loader_ce9f7f6fac",icon:"icon_5b090ea9f0",empty:"empty_94bc3523e3"};!function(e){const a="s_id-4e5e4eb516f6_3_34_2";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,r.firstChild?r.insertBefore(n,r.firstChild):r.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".searchWrapper_6dea250293 .search_6e137e40ee {\n  appearance: textfield;\n}\n.searchWrapper_6dea250293 .search_6e137e40ee::-webkit-search-cancel-button, .searchWrapper_6dea250293 .search_6e137e40ee::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_6dea250293 .loader_ce9f7f6fac {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_6dea250293 .icon_5b090ea9f0 {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_6dea250293 .icon_5b090ea9f0.empty_94bc3523e3 {\n  opacity: 0;\n}");export{e as default};
+var e={searchWrapper:"searchWrapper_87bd76c642",search:"search_f5f97f515f",loader:"loader_7f9d4f1fdf",icon:"icon_99d13fe3f0",empty:"empty_f13db41775"};!function(e){const r="s_id-4e5e4eb516f6_3_35_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,a.firstChild?a.insertBefore(n,a.firstChild):a.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".searchWrapper_87bd76c642 .search_f5f97f515f {\n  appearance: textfield;\n}\n.searchWrapper_87bd76c642 .search_f5f97f515f::-webkit-search-cancel-button, .searchWrapper_87bd76c642 .search_f5f97f515f::-webkit-search-results-button {\n  appearance: none;\n}\n.searchWrapper_87bd76c642 .loader_7f9d4f1fdf {\n  margin-right: var(--spacing-xs);\n}\n.searchWrapper_87bd76c642 .icon_99d13fe3f0 {\n  opacity: 1;\n  color: var(--icon-color);\n  transition: opacity var(--motion-productive-short);\n}\n.searchWrapper_87bd76c642 .icon_99d13fe3f0.empty_f13db41775 {\n  opacity: 0;\n}");export{e as default};
 //# sourceMappingURL=Search.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Skeleton.js","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { FC } from \"react\";\nimport {\n SKELETON_SIZES,\n SkeletonType as SkeletonTypeEnum,\n SKELETON_CUSTOM_SIZE,\n TextSkeletonSize as TextSkeletonSizeEnum\n} from \"./SkeletonConstants\";\n\nimport { SkeletonType, SkeletonSizeType } from \"./Skelton.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./Skeleton.module.scss\";\n\nexport interface SkeletonProps extends VibeComponentProps {\n type?: SkeletonType;\n size?: SkeletonSizeType;\n width?: number;\n height?: number;\n wrapperClassName?: string;\n /*\n Is the skeleton ~~wrapper~~ width ~~equal~~ to its container\n */\n fullWidth?: boolean;\n}\n\nconst Skeleton: FC<SkeletonProps> & {\n types?: typeof SkeletonTypeEnum;\n sizes?: typeof SKELETON_SIZES;\n} = ({\n type = \"rectangle\",\n size = \"custom\",\n className,\n wrapperClassName,\n width,\n height,\n fullWidth = false,\n id,\n \"data-testid\": dataTestId\n}) => {\n const skeletonType = (Object.values(SkeletonTypeEnum) as string[]).includes(type) ? type : \"rectangle\";\n\n // Skeleton has sizes only for text type, other types support only custom size\n const skeletonSize = (Object.values(TextSkeletonSizeEnum) as string[]).includes(size) ? size : SKELETON_CUSTOM_SIZE;\n\n return (\n <div\n id={id}\n className={cx(styles.skeleton, wrapperClassName, { [styles.fullWidth]: fullWidth })}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SKELETON, id)}\n >\n <div\n className={cx(styles[skeletonType], getStyle(styles, camelCase(skeletonType + \"-\" + skeletonSize)), className, {\n [styles.fullWidth]: fullWidth\n })}\n style={{ width, height }}\n />\n </div>\n );\n};\n\nexport default withStaticProps(Skeleton, {\n types: SkeletonTypeEnum,\n sizes: SKELETON_SIZES\n});\n"],"names":["withStaticProps","_ref","_ref$type","type","_ref$size","size","className","wrapperClassName","width","height","_ref$fullWidth","fullWidth","id","dataTestId","skeletonType","Object","values","SkeletonTypeEnum","includes","skeletonSize","TextSkeletonSizeEnum","SKELETON_CUSTOM_SIZE","React","createElement","cx","styles","skeleton","_defineProperty","getTestId","ComponentDefaultTestId","SKELETON","getStyle","camelCase","style","types","sizes","SKELETON_SIZES"],"mappings":"~~qkBA4BA~~,IAmCeA,EAAAA,GAhCX,SAHUC,GAaT,IAAAC,EAAAD,EATHE,KAAAA,OAAO,IAAHD,EAAG,YAAWA,EAAAE,EAAAH,EAClBI,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAASL,EAATK,UACAC,EAAgBN,EAAhBM,iBACAC,EAAKP,EAALO,MACAC,EAAMR,EAANQ,OAAMC,EAAAT,EACNU,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAEX,EAAFW,GACeC,EAAUZ,EAAzB,eAEMa,EAAgBC,OAAOC,OAAOC,GAA+BC,SAASf,GAAQA,EAAO,YAGrFgB,EAAgBJ,OAAOC,OAAOI,GAAmCF,SAASb,GAAQA,EAAOgB,EAE/F,OACEC,EACEC,cAAA,MAAA,CAAAX,GAAIA,EACJN,UAAWkB,EAAGC,EAAOC,SAAUnB,EAAgBoB,KAAKF,EAAOd,UAAYA,IAC1D,cAAAE,GAAce,EAAUC,EAAuBC,SAAUlB,IAEtEU,EACEC,cAAA,MAAA,CAAAjB,UAAWkB,EAAGC,EAAOX,GAAeiB,EAASN,EAAQO,EAAUlB,EAAe,IAAMK,IAAgBb,EAASqB,EAC1GF,CAAAA,EAAAA,EAAOd,UAAYA,IAEtBsB,MAAO,CAAEzB,MAAAA,EAAOC,OAAAA,KAIxB,GAEyC,CACvCyB,MAAOjB,EACPkB,MAAOC"}
1	+ {"version":3,"file":"Skeleton.js","sources":["../../../../src/components/Skeleton/Skeleton.tsx"],"sourcesContent":["import { camelCase } from \"lodash-es\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { FC } from \"react\";\nimport {\n SKELETON_SIZES,\n SkeletonType as SkeletonTypeEnum,\n SKELETON_CUSTOM_SIZE,\n TextSkeletonSize as TextSkeletonSizeEnum\n} from \"./SkeletonConstants\";\n\nimport { SkeletonType, SkeletonSizeType } from \"./Skelton.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./Skeleton.module.scss\";\n\nexport interface SkeletonProps extends VibeComponentProps {\n /*\n The type of skeleton.\n /\n type?: SkeletonType;\n /\n The predefined size of the skeleton.\n /\n size?: SkeletonSizeType;\n /\n The width of the skeleton in pixels.\n /\n width?: number;\n /\n The height of the skeleton in pixels.\n /\n height?: number;\n /\n Class name applied to the wrapper element.\n /\n wrapperClassName?: string;\n /\n If true, the skeleton will take up the full width of its container.\n */\n fullWidth?: boolean;\n}\n\nconst Skeleton: FC<SkeletonProps> & {\n types?: typeof SkeletonTypeEnum;\n sizes?: typeof SKELETON_SIZES;\n} = ({\n type = \"rectangle\",\n size = \"custom\",\n className,\n wrapperClassName,\n width,\n height,\n fullWidth = false,\n id,\n \"data-testid\": dataTestId\n}) => {\n const skeletonType = (Object.values(SkeletonTypeEnum) as string[]).includes(type) ? type : \"rectangle\";\n\n // Skeleton has sizes only for text type, other types support only custom size\n const skeletonSize = (Object.values(TextSkeletonSizeEnum) as string[]).includes(size) ? size : SKELETON_CUSTOM_SIZE;\n\n return (\n <div\n id={id}\n className={cx(styles.skeleton, wrapperClassName, { [styles.fullWidth]: fullWidth })}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SKELETON, id)}\n >\n <div\n className={cx(styles[skeletonType], getStyle(styles, camelCase(skeletonType + \"-\" + skeletonSize)), className, {\n [styles.fullWidth]: fullWidth\n })}\n style={{ width, height }}\n />\n </div>\n );\n};\n\nexport default withStaticProps(Skeleton, {\n types: SkeletonTypeEnum,\n sizes: SKELETON_SIZES\n});\n"],"names":["withStaticProps","_ref","_ref$type","type","_ref$size","size","className","wrapperClassName","width","height","_ref$fullWidth","fullWidth","id","dataTestId","skeletonType","Object","values","SkeletonTypeEnum","includes","skeletonSize","TextSkeletonSizeEnum","SKELETON_CUSTOM_SIZE","React","createElement","cx","styles","skeleton","_defineProperty","getTestId","ComponentDefaultTestId","SKELETON","getStyle","camelCase","style","types","sizes","SKELETON_SIZES"],"mappings":"qkBA2CA,IAmCeA,EAAAA,GAhCX,SAHUC,GAaT,IAAAC,EAAAD,EATHE,KAAAA,OAAO,IAAHD,EAAG,YAAWA,EAAAE,EAAAH,EAClBI,KAAAA,OAAO,IAAHD,EAAG,SAAQA,EACfE,EAASL,EAATK,UACAC,EAAgBN,EAAhBM,iBACAC,EAAKP,EAALO,MACAC,EAAMR,EAANQ,OAAMC,EAAAT,EACNU,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAEX,EAAFW,GACeC,EAAUZ,EAAzB,eAEMa,EAAgBC,OAAOC,OAAOC,GAA+BC,SAASf,GAAQA,EAAO,YAGrFgB,EAAgBJ,OAAOC,OAAOI,GAAmCF,SAASb,GAAQA,EAAOgB,EAE/F,OACEC,EACEC,cAAA,MAAA,CAAAX,GAAIA,EACJN,UAAWkB,EAAGC,EAAOC,SAAUnB,EAAgBoB,KAAKF,EAAOd,UAAYA,IAC1D,cAAAE,GAAce,EAAUC,EAAuBC,SAAUlB,IAEtEU,EACEC,cAAA,MAAA,CAAAjB,UAAWkB,EAAGC,EAAOX,GAAeiB,EAASN,EAAQO,EAAUlB,EAAe,IAAMK,IAAgBb,EAASqB,EAC1GF,CAAAA,EAAAA,EAAOd,UAAYA,IAEtBsB,MAAO,CAAEzB,MAAAA,EAAOC,OAAAA,KAIxB,GAEyC,CACvCyB,MAAOjB,EACPkB,MAAOC"}

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

@@ -1,2 +1,2 @@
-var n={skeleton:"skeleton_184e137f45",rectangle:"rectangle_9f543fc95d",shine:"shine_4c4b6e5036",circle:"circle_32c49a19b6",text:"text_3a8b6216db",textH1:"textH1_818cb54902",textH2:"textH2_8731d5a913",textH3:"textH3_8731d5a913",textH4:"textH4_7a441eb0af",textH5:"textH5_866caf5b5a",textH6:"textH6_25c0211421",textSmall:"textSmall_1e559a8aac",textCustom:"textCustom_25c0211421",fullWidth:"fullWidth_281fe15143"};!function(n){const e="s_id-8df79849e8ff_3_34_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".skeleton_184e137f45 {\n  display: flex;\n}\n\n.rectangle_9f543fc95d {\n  height: 160px;\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_4c4b6e5036;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_4c4b6e5036 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_32c49a19b6 {\n  height: 40px;\n  background: var(--ui-background-color);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_4c4b6e5036;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_4c4b6e5036 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_3a8b6216db {\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_4c4b6e5036;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_4c4b6e5036 {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_818cb54902 {\n  height: 32px;\n}\n\n.textH2_8731d5a913 {\n  height: 24px;\n}\n\n.textH3_8731d5a913 {\n  height: 24px;\n}\n\n.textH4_7a441eb0af {\n  height: 21px;\n}\n\n.textH5_866caf5b5a {\n  height: 16px;\n}\n\n.textH6_25c0211421 {\n  height: 12px;\n}\n\n.textSmall_1e559a8aac,\n.textCustom_25c0211421 {\n  height: 12px;\n}\n\n.fullWidth_281fe15143 {\n  width: 100%;\n}\n\n.skeleton_184e137f45:not(.fullWidth_281fe15143) .text_3a8b6216db {\n  width: 162px;\n}\n\n.skeleton_184e137f45:not(.fullWidth_281fe15143) .circle_32c49a19b6 {\n  width: 40px;\n}\n\n.skeleton_184e137f45:not(.fullWidth_281fe15143) .rectangle_9f543fc95d {\n  width: 160px;\n}");export{n as default};
+var n={skeleton:"skeleton_6e7f4682ce",rectangle:"rectangle_73212fea7f",shine:"shine_f8f1b2870d",circle:"circle_6e66284c31",text:"text_fc4a3ccee7",textH1:"textH1_53f9147c9a",textH2:"textH2_92656e413b",textH3:"textH3_92656e413b",textH4:"textH4_42f89ca775",textH5:"textH5_38153e2311",textH6:"textH6_1917d38507",textSmall:"textSmall_ae900980c9",textCustom:"textCustom_1917d38507",fullWidth:"fullWidth_f3e8b698ed"};!function(n){const e="s_id-8df79849e8ff_3_35_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".skeleton_6e7f4682ce {\n  display: flex;\n}\n\n.rectangle_73212fea7f {\n  height: 160px;\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_f8f1b2870d;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_f8f1b2870d {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.circle_6e66284c31 {\n  height: 40px;\n  background: var(--ui-background-color);\n  border-radius: 50%;\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_f8f1b2870d;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_f8f1b2870d {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.text_fc4a3ccee7 {\n  background: var(--ui-background-color);\n  border-radius: var(--border-radius-small);\n  overflow: hidden;\n  animation-duration: 0.8s;\n  animation-direction: alternate;\n  animation-iteration-count: infinite;\n  animation-name: shine_f8f1b2870d;\n  animation-timing-function: steps(10, end);\n}\n\n@keyframes shine_f8f1b2870d {\n  0% {\n    opacity: 0.3;\n  }\n  100% {\n    opacity: 1;\n  }\n}\n\n.textH1_53f9147c9a {\n  height: 32px;\n}\n\n.textH2_92656e413b {\n  height: 24px;\n}\n\n.textH3_92656e413b {\n  height: 24px;\n}\n\n.textH4_42f89ca775 {\n  height: 21px;\n}\n\n.textH5_38153e2311 {\n  height: 16px;\n}\n\n.textH6_1917d38507 {\n  height: 12px;\n}\n\n.textSmall_ae900980c9,\n.textCustom_1917d38507 {\n  height: 12px;\n}\n\n.fullWidth_f3e8b698ed {\n  width: 100%;\n}\n\n.skeleton_6e7f4682ce:not(.fullWidth_f3e8b698ed) .text_fc4a3ccee7 {\n  width: 162px;\n}\n\n.skeleton_6e7f4682ce:not(.fullWidth_f3e8b698ed) .circle_6e66284c31 {\n  width: 40px;\n}\n\n.skeleton_6e7f4682ce:not(.fullWidth_f3e8b698ed) .rectangle_73212fea7f {\n  width: 160px;\n}");export{n as default};
 //# sourceMappingURL=Skeleton.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={slide:"slide_d357965ccc"};!function(e){const t="s_id-096ffa3ec029_3_34_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slide_d357965ccc {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
+var e={slide:"slide_5d4fa06723"};!function(e){const t="s_id-096ffa3ec029_3_35_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+t))return;const n=document.createElement("style");n.id=t,d.firstChild?d.insertBefore(n,d.firstChild):d.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".slide_5d4fa06723 {\n  height: 100%;\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=SlideTransition.module.scss.js.map

package/dist/src/components/Slider/SelectionIndicator.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SelectionIndicator.js","sources":["../../../../src/components/Slider/SelectionIndicator.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { debounce } from \"lodash-es\";\nimport TextField from \"../TextField/TextField\";\nimport { useSliderActions, useSliderSelection } from \"./SliderContext\";\nimport { InfixKind } from \"./Slider.types\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./SelectionIndicator.module.scss\";\n\nconst VALUE_UPDATE_DELAY = 300;\n\nfunction getCurrentLabel(isPostfix: boolean, ranged: boolean, value: number \| number[], valueText: string \| string[]) {\n if (!ranged) {\n return [value as number, valueText as string];\n }\n if (isPostfix) {\n return [(value as number[])[1], (valueText as string[])[1]];\n }\n return [(value as number[])[0], (valueText as string[])[0]];\n}\n\nfunction parseValue(valueText: string) {\n return valueText.replace(/\\D/g, \"\");\n}\n\nexport interface SelectionIndicatorProps extends VibeComponentProps {\n kind?: InfixKind;\n key?: InfixKind;\n}\n\nconst SelectionIndicator: React.FC<SelectionIndicatorProps> = ({ kind = \"prefix\" }) => {\n const isPostfix = kind === \"postfix\";\n const { ranged, value, valueText } = useSliderSelection();\n const [, currentTextValue] = getCurrentLabel(isPostfix, ranged, value, valueText);\n const { changeThumbValue } = useSliderActions();\n const handleChange = useMemo(\n () =>\n debounce(newValueText => {\n const newValue = parseValue(newValueText);\n const thumbIndex = isPostfix ? 1 : 0;\n changeThumbValue(newValue, thumbIndex, true);\n }, VALUE_UPDATE_DELAY),\n [changeThumbValue, isPostfix]\n );\n return <TextField onChange={handleChange} value={String(currentTextValue)} className={styles.selectionIndicator} />;\n};\n\nexport default SelectionIndicator;\n"],"names":["SelectionIndicator","_ref","_ref$kind","kind","isPostfix","_useSliderSelection","useSliderSelection","_getCurrentLabel","ranged","value","valueText","getCurrentLabel","currentTextValue","_slicedToArray","changeThumbValue","useSliderActions","handleChange","useMemo","debounce","newValueText","newValue","replace","parseValue","React","createElement","TextField","onChange","String","className","styles","selectionIndicator"],"mappings":"~~iUA6BA~~,IAAMA,EAAwD,SAAtCC,GAA8D,IAAAC,EAAAD,EAArBE,KACzDC,EAAqB,kBAD2C,IAAHF,EAAG,SAAQA,GAE9EG,EAAqCC,IACrCC,~~EAtBF~~,SAAyBH,EAAoBI,EAAiBC,EAA0BC,GACtF,OAAKF,EAGDJ,EACK,CAAEK,EAAmB,GAAKC,EAAuB,IAEnD,CAAED,EAAmB,GAAKC,EAAuB,IAL/C,CAACD,EAAiBC,EAM7B,~~CAc~~+BC,CAAgBP,EAD/BC,EAANG,OAAaH,EAALI,MAAgBJ,EAATK,WACdE,EAAwEC,EAAAN,EAAA,GAAxD,GACjBO,EAAqBC,IAArBD,iBACFE,EAAeC,GACnB,WAAA,OACEC,GAAS,SAAAC,GACP,IAAMC,~~EAjBd~~,SAAoBV,GAClB,OAAOA,EAAUW,QAAQ,MAAO,GAClC,~~CAeyBC~~,CAAWH,GAE5BL,EAAiBM,EADEhB,EAAY,EAAI,GACI,EACxC,~~GAhCoB~~,~~IAgCC~~,GACxB,CAACU,EAAkBV,IAErB,OAAOmB,EAAAC,cAACC,EAAU,CAAAC,SAAUV,EAAcP,MAAcG,EAAPe,GAA0BC,UAAWC,EAAOC,oBAC/F"}
1	+ {"version":3,"file":"SelectionIndicator.js","sources":["../../../../src/components/Slider/SelectionIndicator.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\nimport { debounce } from \"lodash-es\";\nimport TextField from \"../TextField/TextField\";\nimport { useSliderActions, useSliderSelection } from \"./SliderContext\";\nimport { InfixKind } from \"./Slider.types\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./SelectionIndicator.module.scss\";\n\nconst VALUE_UPDATE_DELAY = 300;\n\nfunction getCurrentLabel(isPostfix: boolean, ranged: boolean, value: number \| number[], valueText: string \| string[]) {\n if (!ranged) {\n return [value as number, valueText as string];\n }\n if (isPostfix) {\n return [(value as number[])[1], (valueText as string[])[1]];\n }\n return [(value as number[])[0], (valueText as string[])[0]];\n}\n\nfunction parseValue(valueText: string) {\n return valueText.replace(/\\D/g, \"\");\n}\n\nexport interface SelectionIndicatorProps extends VibeComponentProps {\n /*\n Determines whether the selection indicator is a prefix or postfix.\n /\n kind?: InfixKind;\n /\n The key for the selection indicator (used for React key uniqueness).\n */\n key?: InfixKind;\n}\n\nconst SelectionIndicator: React.FC<SelectionIndicatorProps> = ({ kind = \"prefix\" }) => {\n const isPostfix = kind === \"postfix\";\n const { ranged, value, valueText } = useSliderSelection();\n const [, currentTextValue] = getCurrentLabel(isPostfix, ranged, value, valueText);\n const { changeThumbValue } = useSliderActions();\n const handleChange = useMemo(\n () =>\n debounce(newValueText => {\n const newValue = parseValue(newValueText);\n const thumbIndex = isPostfix ? 1 : 0;\n changeThumbValue(newValue, thumbIndex, true);\n }, VALUE_UPDATE_DELAY),\n [changeThumbValue, isPostfix]\n );\n return <TextField onChange={handleChange} value={String(currentTextValue)} className={styles.selectionIndicator} />;\n};\n\nexport default SelectionIndicator;\n"],"names":["SelectionIndicator","_ref","_ref$kind","kind","isPostfix","_useSliderSelection","useSliderSelection","_getCurrentLabel","ranged","value","valueText","getCurrentLabel","currentTextValue","_slicedToArray","changeThumbValue","useSliderActions","handleChange","useMemo","debounce","newValueText","newValue","replace","parseValue","React","createElement","TextField","onChange","String","className","styles","selectionIndicator"],"mappings":"iUAmCA,IAAMA,EAAwD,SAAtCC,GAA8D,IAAAC,EAAAD,EAArBE,KACzDC,EAAqB,kBAD2C,IAAHF,EAAG,SAAQA,GAE9EG,EAAqCC,IACrCC,EA5BF,SAAyBH,EAAoBI,EAAiBC,EAA0BC,GACtF,OAAKF,EAGDJ,EACK,CAAEK,EAAmB,GAAKC,EAAuB,IAEnD,CAAED,EAAmB,GAAKC,EAAuB,IAL/C,CAACD,EAAiBC,EAM7B,CAoB+BC,CAAgBP,EAD/BC,EAANG,OAAaH,EAALI,MAAgBJ,EAATK,WACdE,EAAwEC,EAAAN,EAAA,GAAxD,GACjBO,EAAqBC,IAArBD,iBACFE,EAAeC,GACnB,WAAA,OACEC,GAAS,SAAAC,GACP,IAAMC,EAvBd,SAAoBV,GAClB,OAAOA,EAAUW,QAAQ,MAAO,GAClC,CAqByBC,CAAWH,GAE5BL,EAAiBM,EADEhB,EAAY,EAAI,GACI,EACxC,GAtCoB,IAsCC,GACxB,CAACU,EAAkBV,IAErB,OAAOmB,EAAAC,cAACC,EAAU,CAAAC,SAAUV,EAAcP,MAAcG,EAAPe,GAA0BC,UAAWC,EAAOC,oBAC/F"}

package/dist/src/components/Slider/SelectionIndicator.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={selectionIndicator:"selectionIndicator_3f544799bd"};!function(e){const t="s_id-a25847c4cc71_3_34_2";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)}(".selectionIndicator_3f544799bd.selectionIndicator_3f544799bd.selectionIndicator_3f544799bd {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
+var e={selectionIndicator:"selectionIndicator_502abbe108"};!function(e){const t="s_id-a25847c4cc71_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const i=document.createElement("style");i.id=t,n.firstChild?n.insertBefore(i,n.firstChild):n.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".selectionIndicator_502abbe108.selectionIndicator_502abbe108.selectionIndicator_502abbe108 {\n  text-align: center;\n  padding: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SelectionIndicator.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={slider:"slider_8c41a56e7d",valueShown:"valueShown_2b6d8b9bde",positionTop:"positionTop_0eefb61ffb",positionBottom:"positionBottom_9f92cd560b"};!function(e){const n="s_id-4e41ea5b2e41_3_34_2";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider_8c41a56e7d {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_2b6d8b9bde.positionTop_0eefb61ffb {\n  margin-top: 10px;\n}\n\n.valueShown_2b6d8b9bde.positionBottom_9f92cd560b {\n  margin-bottom: 10px;\n}");export{e as default};
+var e={slider:"slider_293d68a10e",valueShown:"valueShown_f175c8a3f6",positionTop:"positionTop_16d60ef10a",positionBottom:"positionBottom_8049fa1edf"};!function(e){const n="s_id-4e41ea5b2e41_3_35_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const o=document.createElement("style");o.id=n,t.firstChild?t.insertBefore(o,t.firstChild):t.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".slider_293d68a10e {\n  align-items: center;\n  display: flex;\n  max-width: 500px;\n  min-width: 200px;\n  width: 100%;\n}\n\n.valueShown_f175c8a3f6.positionTop_16d60ef10a {\n  margin-top: 10px;\n}\n\n.valueShown_f175c8a3f6.positionBottom_8049fa1edf {\n  margin-bottom: 10px;\n}");export{e as default};
 //# sourceMappingURL=Slider.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderBase.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={base:"base_9b13fbba7d",disabled:"disabled_ac0fe1707b",small:"small_1e956f972b",medium:"medium_236aa72aee",large:"large_236aa72aee"};!function(e){const n="s_id-0abb9e445f96_3_34_2";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".base_9b13fbba7d {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_ac0fe1707b {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_ac0fe1707b * {\n  pointer-events: none;\n}\n\n.small_1e956f972b {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_236aa72aee {\n  padding: 0 12px;\n}\n\n.large_236aa72aee {\n  padding: 0 12px;\n}");export{e as default};
+var e={base:"base_8f6ef7ca69",disabled:"disabled_3b064c05fc",small:"small_99d2223a9e",medium:"medium_9e91b60b0e",large:"large_9e91b60b0e"};!function(e){const n="s_id-0abb9e445f96_3_35_0";if("undefined"!=typeof document){const a=document.head||document.getElementsByTagName("head")[0];if(a.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,a.firstChild?a.insertBefore(d,a.firstChild):a.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".base_8f6ef7ca69 {\n  display: flex;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.disabled_3b064c05fc {\n  cursor: not-allowed !important;\n  opacity: var(--disabled-component-opacity);\n}\n\n.disabled_3b064c05fc * {\n  pointer-events: none;\n}\n\n.small_99d2223a9e {\n  padding: 0 var(--spacing-small);\n}\n\n.medium_9e91b60b0e {\n  padding: 0 12px;\n}\n\n.large_9e91b60b0e {\n  padding: 0 12px;\n}");export{e as default};
 //# sourceMappingURL=SliderBase.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderFilledTrack.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderFilledTrack.js","sources":["../../../../../src/components/Slider/SliderBase/SliderFilledTrack.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./SliderFilledTrack.module.scss\";\nimport { SliderColor } from \"../Slider.types\";\n\nfunction defineFilledTrackProps(dimension: number, offset: number, reverse: boolean) {\n if (reverse) {\n return {\n right: `${offset}%`,\n width: `${dimension - offset}%`\n };\n }\n return {\n left: `${offset}%`,\n width: `${dimension - offset}%`\n };\n}\n\nexport interface SliderFilledTrackProps extends VibeComponentProps {\n /*\n ~~Consumer/Custom/Extra~~ ~~`class~~ ~~names`~~ ~~to be added to~~ the ~~Component's-Root-Node\n /\n className?: string;\n /\n Size of~~ filled track, ~~according~~ to selected value ~~of component (Slider)\~~n /\n dimension?: number;\n /\n ~~Offset~~ from start of track\n /\n offset?: number;\n /\n ~~Start~~ ~~Filled~~ ~~Track~~ from the end of the ~~track\~~n * ~~(`right`~~ ~~for~~ ~~LTR~~ ~~and~~ ~~`left`~~ ~~for RTL, `bottom` for vertical)\~~n */\n ~~reverse?: boolean;\n~~ color: SliderColor;\n}\n\nconst SliderFilledTrack: FC<SliderFilledTrackProps> = ({\n className,\n dimension = 0,\n offset = 0,\n reverse = false,\n color\n}) => {\n const filledTrackStyle = defineFilledTrackProps(dimension, offset, reverse);\n return <div className={cx(styles.filledTrack, getStyle(styles, color), className)} style={filledTrackStyle} />;\n};\n\nexport default SliderFilledTrack;\n"],"names":["SliderFilledTrack","_ref","className","_ref$dimension","dimension","_ref$offset","offset","_ref$reverse","reverse","color","filledTrackStyle","right","concat","width","left","defineFilledTrackProps","React","createElement","cx","styles","filledTrack","getStyle","style"],"mappings":"~~0KAyCA~~,IAAMA,EAAgD,SAA/BC,GAMlB,IALHC,EAASD,EAATC,UAASC,EAAAF,EACTG,UAAaC,EAAAJ,EACbK,OAAUC,EAAAN,EACVO,QACAC,EAAKR,EAALQ,MAEMC,~~EAzCR~~,SAAgCN,EAAmBE,EAAgBE,GACjE,OAAIA,EACK,CACLG,MAAKC,GAAAA,OAAKN,EAAS,KACnBO,MAAKD,GAAAA,OAAKR,EAAYE,EAAM,MAGzB,CACLQ,KAAIF,GAAAA,OAAKN,EAAS,KAClBO,MAAKD,GAAAA,OAAKR,EAAYE,EAAM,KAEhC,~~CA8B2BS~~,MALb,IAAHZ,EAAG,EAACA,OACJ,IAAHE,EAAG,EAACA,OACA,IAAHE,GAAQA,GAIf,OAAOS,EAAAC,cAAA,MAAA,CAAKf,UAAWgB,EAAGC,EAAOC,YAAaC,EAASF,EAAQV,GAAQP,GAAYoB,MAAOZ,GAC5F"}
1	+ {"version":3,"file":"SliderFilledTrack.js","sources":["../../../../../src/components/Slider/SliderBase/SliderFilledTrack.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./SliderFilledTrack.module.scss\";\nimport { SliderColor } from \"../Slider.types\";\n\nfunction defineFilledTrackProps(dimension: number, offset: number, reverse: boolean) {\n if (reverse) {\n return {\n right: `${offset}%`,\n width: `${dimension - offset}%`\n };\n }\n return {\n left: `${offset}%`,\n width: `${dimension - offset}%`\n };\n}\n\nexport interface SliderFilledTrackProps extends VibeComponentProps {\n /*\n The size of the filled track, based on the selected value.\n /\n dimension?: number;\n /\n The offset from the start of the track.\n /\n offset?: number;\n /\n If true, the filled track starts from the end instead of the beginning.\n /\n reverse?: boolean;\n /\n The color of the filled track.\n */\n color: SliderColor;\n}\n\nconst SliderFilledTrack: FC<SliderFilledTrackProps> = ({\n className,\n dimension = 0,\n offset = 0,\n reverse = false,\n color\n}) => {\n const filledTrackStyle = defineFilledTrackProps(dimension, offset, reverse);\n return <div className={cx(styles.filledTrack, getStyle(styles, color), className)} style={filledTrackStyle} />;\n};\n\nexport default SliderFilledTrack;\n"],"names":["SliderFilledTrack","_ref","className","_ref$dimension","dimension","_ref$offset","offset","_ref$reverse","reverse","color","filledTrackStyle","right","concat","width","left","defineFilledTrackProps","React","createElement","cx","styles","filledTrack","getStyle","style"],"mappings":"0KAuCA,IAAMA,EAAgD,SAA/BC,GAMlB,IALHC,EAASD,EAATC,UAASC,EAAAF,EACTG,UAAaC,EAAAJ,EACbK,OAAUC,EAAAN,EACVO,QACAC,EAAKR,EAALQ,MAEMC,EAvCR,SAAgCN,EAAmBE,EAAgBE,GACjE,OAAIA,EACK,CACLG,MAAKC,GAAAA,OAAKN,EAAS,KACnBO,MAAKD,GAAAA,OAAKR,EAAYE,EAAM,MAGzB,CACLQ,KAAIF,GAAAA,OAAKN,EAAS,KAClBO,MAAKD,GAAAA,OAAKR,EAAYE,EAAM,KAEhC,CA4B2BS,MALb,IAAHZ,EAAG,EAACA,OACJ,IAAHE,EAAG,EAACA,OACA,IAAHE,GAAQA,GAIf,OAAOS,EAAAC,cAAA,MAAA,CAAKf,UAAWgB,EAAGC,EAAOC,YAAaC,EAASF,EAAQV,GAAQP,GAAYoB,MAAOZ,GAC5F"}

package/dist/src/components/Slider/SliderBase/SliderFilledTrack.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={filledTrack:"filledTrack_288ef4a1c8",positive:"positive_d5e6a88bdb",negative:"negative_447abefc13"};!function(e){const n="s_id-bb386829c5aa_3_34_2";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)}(".filledTrack_288ef4a1c8 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_d5e6a88bdb {\n  background-color: var(--positive-color);\n}\n\n.negative_447abefc13 {\n  background-color: var(--negative-color);\n}");export{e as default};
+var e={filledTrack:"filledTrack_79d01f5fd0",positive:"positive_b60a785725",negative:"negative_435dbf5ce4"};!function(e){const n="s_id-bb386829c5aa_3_35_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".filledTrack_79d01f5fd0 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_b60a785725 {\n  background-color: var(--positive-color);\n}\n\n.negative_435dbf5ce4 {\n  background-color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=SliderFilledTrack.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderRail.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderRail.js","sources":["../../../../../src/components/Slider/SliderBase/SliderRail.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactElement } from \"react\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { useSliderUi } from \"../SliderContext\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { VibeComponent } from \"../../../types\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./SliderRail.module.scss\";\nimport { SliderSize } from \"../Slider.types\";\n\nexport interface SliderRailProps extends VibeComponentProps {\n /*\n ~~Consumer/Custom/Extra~~ ~~`class~~ ~~names`~~ ~~to be added to~~ the ~~Component's-Root-Node\n /\n className?:~~ string;\n /\n ~~onClick callback function\~~n */\n onClick?: (event: React.MouseEvent) => void;\n children?: ReactElement \| ReactElement[];\n size: SliderSize;\n}\n\nconst SliderRail: VibeComponent<SliderRailProps, unknown> = forwardRef<unknown, SliderRailProps>(\n ({ className, children, onClick = NOOP, size }: SliderRailProps, ref: ForwardedRef<HTMLDivElement>) => {\n const { shapeTestId } = useSliderUi();\n function handleClick(e: React.MouseEvent) {\n onClick(e);\n }\n\n return (\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n <div\n data-testid={shapeTestId(\"rail\")}\n className={cx(styles.rail, getStyle(styles, size), className)}\n onClick={handleClick}\n ref={ref}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default SliderRail;\n"],"names":["SliderRail","forwardRef","_ref","ref","className","children","_ref$onClick","onClick","NOOP","size","_useSliderUi","useSliderUi","React","createElement","shapeTestId","cx","styles","rail","getStyle","e"],"mappings":"~~8RAuBMA~~,IAAAA,EAAsDC,GAC1D,SAAAC,EAAiEC,GAAqC,IAAnGC,EAASF,EAATE,UAAWC,EAAQH,EAARG,SAAQC,EAAAJ,EAAEK,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAEG,EAAIP,EAAJO,KACtCC,EAAwBC,IAKxB,OAEEC,EAAAC,cAAA,MAAA,CAAA,eACeC,EAREJ,EAAXI,aAQqB,QACzBV,UAAWW,EAAGC,EAAOC,KAAMC,EAASF,EAAQP,GAAOL,GACnDG,QATJ,SAAqBY,GACnBZ,EAAQY,EACV,EAQIhB,IAAKA,GAEJE,EAGP"}
1	+ {"version":3,"file":"SliderRail.js","sources":["../../../../../src/components/Slider/SliderBase/SliderRail.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, ReactElement } from \"react\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport { useSliderUi } from \"../SliderContext\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { VibeComponent } from \"../../../types\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./SliderRail.module.scss\";\nimport { SliderSize } from \"../Slider.types\";\n\nexport interface SliderRailProps extends VibeComponentProps {\n /*\n Callback fired when the rail is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n The child elements inside the slider rail.\n /\n children?: ReactElement \| ReactElement[];\n /\n The size of the slider rail.\n */\n size: SliderSize;\n}\n\nconst SliderRail: VibeComponent<SliderRailProps, unknown> = forwardRef<unknown, SliderRailProps>(\n ({ className, children, onClick = NOOP, size }: SliderRailProps, ref: ForwardedRef<HTMLDivElement>) => {\n const { shapeTestId } = useSliderUi();\n function handleClick(e: React.MouseEvent) {\n onClick(e);\n }\n\n return (\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n <div\n data-testid={shapeTestId(\"rail\")}\n className={cx(styles.rail, getStyle(styles, size), className)}\n onClick={handleClick}\n ref={ref}\n >\n {children}\n </div>\n );\n }\n);\n\nexport default SliderRail;\n"],"names":["SliderRail","forwardRef","_ref","ref","className","children","_ref$onClick","onClick","NOOP","size","_useSliderUi","useSliderUi","React","createElement","shapeTestId","cx","styles","rail","getStyle","e"],"mappings":"8RAyBMA,IAAAA,EAAsDC,GAC1D,SAAAC,EAAiEC,GAAqC,IAAnGC,EAASF,EAATE,UAAWC,EAAQH,EAARG,SAAQC,EAAAJ,EAAEK,QAAAA,OAAUC,IAAHF,EAAGE,EAAIF,EAAEG,EAAIP,EAAJO,KACtCC,EAAwBC,IAKxB,OAEEC,EAAAC,cAAA,MAAA,CAAA,eACeC,EAREJ,EAAXI,aAQqB,QACzBV,UAAWW,EAAGC,EAAOC,KAAMC,EAASF,EAAQP,GAAOL,GACnDG,QATJ,SAAqBY,GACnBZ,EAAQY,EACV,EAQIhB,IAAKA,GAEJE,EAGP"}

package/dist/src/components/Slider/SliderBase/SliderRail.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={rail:"rail_795c410590",small:"small_dd1ab0e586",medium:"medium_c91253b0eb",large:"large_132cba36d5"};!function(e){const n="s_id-c66a4285003d_3_34_2";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_795c410590 {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small_dd1ab0e586 {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_c91253b0eb {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_132cba36d5 {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
+var e={rail:"rail_0ca1d831dc",small:"small_5304261f1b",medium:"medium_4d5a6445e4",large:"large_45079c02a1"};!function(e){const n="s_id-c66a4285003d_3_35_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,d.firstChild?d.insertBefore(i,d.firstChild):d.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".rail_0ca1d831dc {\n  cursor: pointer;\n  display: inline-block;\n  position: relative;\n  touch-action: none;\n  -webkit-tap-highlight-color: transparent;\n  width: 100%;\n}\n\n.small_5304261f1b {\n  border-radius: 2px;\n  height: 2px;\n  padding: 8px 0;\n}\n\n.medium_4d5a6445e4 {\n  border-radius: 2px;\n  height: 4px;\n  padding: 12px 0;\n}\n\n.large_45079c02a1 {\n  border-radius: 8px;\n  height: 8px;\n  padding: 10px 0;\n}");export{e as default};
 //# sourceMappingURL=SliderRail.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderThumb.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderThumb.js","sources":["../../../../../src/components/Slider/SliderBase/SliderThumb.tsx"],"sourcesContent":["import React, { FC, useEffect, useRef } from \"react\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport Tooltip from \"../../Tooltip/Tooltip\";\nimport { TOOLTIP_SHOW_DELAY } from \"../SliderConstants\";\nimport { useSliderActions, useSliderSelection, useSliderUi } from \"../SliderContext\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport styles from \"./SliderThumb.module.scss\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { SliderColor, SliderSize } from \"../Slider.types\";\nimport { camelCase } from \"lodash-es\";\n\nexport interface SliderThumbProps extends VibeComponentProps {\n /*\n ~~Consumer/Custom/Extra~~ ~~`class~~ ~~names`~~ to be ~~added~~ to ~~the~~ ~~Component's-Root-Node\~~n /\n ~~className~~?: ~~string~~;\n /\n ~~Consumer/Custom/Extra~~ ~~`class~~ ~~names`~~ ~~to be added to~~ the ~~Component's-Root-Node\n /\n index?:~~ number;\n /\n ~~On SliderThumb move callback\~~n /\n onMove?: (event: PointerEvent) => void;\n /\n ~~Position~~ ~~(i.e.~~ offset) from start of track~~/rail, according to value\~~n */\n position?: number;\n size: SliderSize;\n color: SliderColor;\n}\n\nconst SliderThumb: FC<SliderThumbProps> = ({ className, index = 0, onMove = NOOP, position = 0, size, color }) => {\n const { max, min, ranged, value: valueOrValues, valueText: valueOrValuesText } = useSliderSelection();\n const value = ranged ? (valueOrValues as unknown as number[])[index] : (valueOrValues as number);\n const valueText = ranged ? (valueOrValuesText as unknown as string[])[index] : (valueOrValuesText as string);\n const {\n active,\n ariaLabel,\n ariaLabelledby,\n disabled,\n dragging,\n focused,\n shapeTestId,\n showValue,\n valueLabelPosition,\n valueLabelColor\n } = useSliderUi();\n const { setActive, setFocused, setDragging } = useSliderActions();\n const ref = useRef(null);\n\n function handleBlur() {\n setFocused(null);\n setActive(null);\n }\n\n function handleFocus() {\n setFocused(index);\n setActive(index);\n }\n\n function handlePointerLeave() {\n setActive(null);\n }\n\n function handlePointerDown(e: React.PointerEvent) {\n e.stopPropagation();\n setDragging(index);\n document.addEventListener(\"pointermove\", onMove);\n document.addEventListener(\"pointerup\", stopMove);\n }\n\n function stopMove() {\n setDragging(null);\n document.removeEventListener(\"pointermove\", onMove);\n document.removeEventListener(\"pointerup\", stopMove);\n }\n\n useEffect(() => {\n if (focused === index && ref && ref.current) {\n ref.current.focus();\n }\n }, [focused, index]);\n\n return (\n <Tooltip\n open={active === index \|\| dragging === index}\n content={showValue ? null : valueText}\n position=\"top\"\n showDelay={TOOLTIP_SHOW_DELAY}\n addKeyboardHideShowTriggersByDefault={false}\n >\n <div\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-valuemax={max}\n aria-valuemin={min}\n aria-valuenow={value}\n aria-valuetext={valueText}\n aria-disabled={disabled}\n className={cx(\n styles.thumb,\n getStyle(styles, color),\n getStyle(styles, size),\n {\n [styles.dragging]: dragging === index,\n [styles.focused]: focused,\n [styles.notDisabledThumb]: !disabled\n },\n className\n )}\n data-testid={shapeTestId(`thumb-${index}`)}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onPointerDown={handlePointerDown}\n onPointerLeave={handlePointerLeave}\n ref={ref}\n role=\"slider\"\n style={{ left: `${position}%` }}\n tabIndex={disabled ? -1 : 0}\n >\n {showValue && (\n <label\n className={cx(\n styles.label,\n getStyle(styles, camelCase(\"color-\" + valueLabelColor)),\n getStyle(styles, camelCase(\"position-\" + valueLabelPosition))\n )}\n >\n {valueText}\n </label>\n )}\n </div>\n </Tooltip>\n );\n};\n\nexport default SliderThumb;\n"],"names":["SliderThumb","_ref","className","_ref$index","index","_ref$onMove","onMove","NOOP","_ref$position","position","size","color","_useSliderSelection","useSliderSelection","max","min","ranged","valueOrValues","value","valueOrValuesText","valueText","_useSliderUi","useSliderUi","active","ariaLabel","ariaLabelledby","disabled","dragging","focused","shapeTestId","showValue","valueLabelPosition","valueLabelColor","_useSliderActions","useSliderActions","setActive","setFocused","setDragging","ref","useRef","stopMove","document","removeEventListener","useEffect","current","focus","React","createElement","Tooltip","open","content","showDelay","TOOLTIP_SHOW_DELAY","addKeyboardHideShowTriggersByDefault","cx","styles","thumb","getStyle","_defineProperty","notDisabledThumb","concat","onFocus","onBlur","onPointerDown","e","stopPropagation","addEventListener","onPointerLeave","role","style","left","tabIndex","label","camelCase"],"mappings":"~~ojBAiCA~~,IAAMA,EAAoC,SAAzBC,GAAgG,IAApEC,EAASD,EAATC,UAASC,EAAAF,EAAEG,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAJ,EAAEK,OAAAA,OAASC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,EAAG,EAACA,EAAEE,EAAIT,EAAJS,KAAMC,EAAKV,EAALU,MACpGC,EAAiFC,IAAzEC,EAAGF,EAAHE,IAAKC,EAAGH,EAAHG,IAAKC,EAAMJ,EAANI,OAAeC,EAAaL,EAApBM,MAAiCC,EAAiBP,EAA5BQ,UAC1CF,EAAQF,EAAUC,EAAsCb,GAAUa,EAClEG,EAAYJ,EAAUG,EAA0Cf,GAAUe,EAChFE,EAWIC,IAVFC,EAAMF,EAANE,OACAC,EAASH,EAATG,UACAC,EAAcJ,EAAdI,eACAC,EAAQL,EAARK,SACAC,EAAQN,EAARM,SACAC,EAAOP,EAAPO,QACAC,EAAWR,EAAXQ,YACAC,EAAST,EAATS,UACAC,EAAkBV,EAAlBU,mBACAC,EAAeX,EAAfW,gBAEFC,EAA+CC,IAAvCC,EAASF,EAATE,UAAWC,EAAUH,EAAVG,WAAYC,EAAWJ,EAAXI,YACzBC,EAAMC,EAAO,MAuBnB,SAASC,IACPH,EAAY,MACZI,SAASC,oBAAoB,cAAepC,GAC5CmC,SAASC,oBAAoB,YAAaF,EAC5C,CAQA,OANAG,GAAU,WACJf,IAAYxB,GAASkC,GAAOA,EAAIM,SAClCN,EAAIM,QAAQC,OAEhB,GAAG,CAACjB,EAASxB,IAGX0C,EAACC,cAAAC,EACC,CAAAC,KAAM1B,IAAWnB,GAASuB,IAAavB,EACvC8C,QAASpB,EAAY,KAAOV,EAC5BX,SAAS,MACT0C,UAAWC,EACXC,sCAAsC,GAEtCP,EAAAC,cAAA,MAAA,CAAA,aACcvB,EAAS,kBACJC,EAAc,gBAChBX,EACA,gBAAAC,EACA,gBAAAG,mBACCE,EAAS,gBACVM,EACfxB,UAAWoD,EACTC,EAAOC,MACPC,EAASF,EAAQ5C,GACjB8C,EAASF,EAAQ7C,GAAKgD,EAAAA,EAAAA,EAAA,CAAA,EAEnBH,EAAO5B,SAAWA,IAAavB,GAC/BmD,EAAO3B,QAAUA,GACjB2B,EAAOI,kBAAoBjC,GAE9BxB,GAEW,cAAA2B,EAAW,SAAA+B,OAAUxD,IAClCyD,QAxDN,WACEzB,EAAWhC,GACX+B,EAAU/B,EACZ,EAsDM0D,OA9DN,WACE1B,EAAW,MACXD,EAAU,KACZ,EA4DM4B,cAjDN,SAA2BC,GACzBA,EAAEC,kBACF5B,EAAYjC,GACZqC,SAASyB,iBAAiB,cAAe5D,GACzCmC,SAASyB,iBAAiB,YAAa1B,EACzC,EA6CM2B,eAtDN,WACEhC,EAAU,KACZ,EAqDMG,IAAKA,EACL8B,KAAK,SACLC,MAAO,CAAEC,KAAI,GAAAV,OAAKnD,EAAQ,MAC1B8D,SAAU7C,GAAY,EAAI,GAEzBI,GACCgB,EAAAC,cAAA,QAAA,CACE7C,UAAWoD,EACTC,EAAOiB,MACPf,EAASF,EAAQkB,EAAU,SAAWzC,IACtCyB,EAASF,EAAQkB,EAAU,YAAc1C,MAG1CX,IAMb"}
1	+ {"version":3,"file":"SliderThumb.js","sources":["../../../../../src/components/Slider/SliderBase/SliderThumb.tsx"],"sourcesContent":["import React, { FC, useEffect, useRef } from \"react\";\nimport { NOOP } from \"../../../utils/function-utils\";\nimport Tooltip from \"../../Tooltip/Tooltip\";\nimport { TOOLTIP_SHOW_DELAY } from \"../SliderConstants\";\nimport { useSliderActions, useSliderSelection, useSliderUi } from \"../SliderContext\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport styles from \"./SliderThumb.module.scss\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport { SliderColor, SliderSize } from \"../Slider.types\";\nimport { camelCase } from \"lodash-es\";\n\nexport interface SliderThumbProps extends VibeComponentProps {\n /*\n The index of the thumb (used in range sliders).\n /\n index?: number;\n /\n Callback fired when the thumb is moved.\n /\n onMove?: (event: PointerEvent) => void;\n /\n The position of the thumb, represented as an offset percentage from the start of the track.\n /\n position?: number;\n /\n The size of the slider thumb.\n /\n size: SliderSize;\n /\n The color theme of the slider thumb.\n */\n color: SliderColor;\n}\n\nconst SliderThumb: FC<SliderThumbProps> = ({ className, index = 0, onMove = NOOP, position = 0, size, color }) => {\n const { max, min, ranged, value: valueOrValues, valueText: valueOrValuesText } = useSliderSelection();\n const value = ranged ? (valueOrValues as unknown as number[])[index] : (valueOrValues as number);\n const valueText = ranged ? (valueOrValuesText as unknown as string[])[index] : (valueOrValuesText as string);\n const {\n active,\n ariaLabel,\n ariaLabelledby,\n disabled,\n dragging,\n focused,\n shapeTestId,\n showValue,\n valueLabelPosition,\n valueLabelColor\n } = useSliderUi();\n const { setActive, setFocused, setDragging } = useSliderActions();\n const ref = useRef(null);\n\n function handleBlur() {\n setFocused(null);\n setActive(null);\n }\n\n function handleFocus() {\n setFocused(index);\n setActive(index);\n }\n\n function handlePointerLeave() {\n setActive(null);\n }\n\n function handlePointerDown(e: React.PointerEvent) {\n e.stopPropagation();\n setDragging(index);\n document.addEventListener(\"pointermove\", onMove);\n document.addEventListener(\"pointerup\", stopMove);\n }\n\n function stopMove() {\n setDragging(null);\n document.removeEventListener(\"pointermove\", onMove);\n document.removeEventListener(\"pointerup\", stopMove);\n }\n\n useEffect(() => {\n if (focused === index && ref && ref.current) {\n ref.current.focus();\n }\n }, [focused, index]);\n\n return (\n <Tooltip\n open={active === index \|\| dragging === index}\n content={showValue ? null : valueText}\n position=\"top\"\n showDelay={TOOLTIP_SHOW_DELAY}\n addKeyboardHideShowTriggersByDefault={false}\n >\n <div\n aria-label={ariaLabel}\n aria-labelledby={ariaLabelledby}\n aria-valuemax={max}\n aria-valuemin={min}\n aria-valuenow={value}\n aria-valuetext={valueText}\n aria-disabled={disabled}\n className={cx(\n styles.thumb,\n getStyle(styles, color),\n getStyle(styles, size),\n {\n [styles.dragging]: dragging === index,\n [styles.focused]: focused,\n [styles.notDisabledThumb]: !disabled\n },\n className\n )}\n data-testid={shapeTestId(`thumb-${index}`)}\n onFocus={handleFocus}\n onBlur={handleBlur}\n onPointerDown={handlePointerDown}\n onPointerLeave={handlePointerLeave}\n ref={ref}\n role=\"slider\"\n style={{ left: `${position}%` }}\n tabIndex={disabled ? -1 : 0}\n >\n {showValue && (\n <label\n className={cx(\n styles.label,\n getStyle(styles, camelCase(\"color-\" + valueLabelColor)),\n getStyle(styles, camelCase(\"position-\" + valueLabelPosition))\n )}\n >\n {valueText}\n </label>\n )}\n </div>\n </Tooltip>\n );\n};\n\nexport default SliderThumb;\n"],"names":["SliderThumb","_ref","className","_ref$index","index","_ref$onMove","onMove","NOOP","_ref$position","position","size","color","_useSliderSelection","useSliderSelection","max","min","ranged","valueOrValues","value","valueOrValuesText","valueText","_useSliderUi","useSliderUi","active","ariaLabel","ariaLabelledby","disabled","dragging","focused","shapeTestId","showValue","valueLabelPosition","valueLabelColor","_useSliderActions","useSliderActions","setActive","setFocused","setDragging","ref","useRef","stopMove","document","removeEventListener","useEffect","current","focus","React","createElement","Tooltip","open","content","showDelay","TOOLTIP_SHOW_DELAY","addKeyboardHideShowTriggersByDefault","cx","styles","thumb","getStyle","_defineProperty","notDisabledThumb","concat","onFocus","onBlur","onPointerDown","e","stopPropagation","addEventListener","onPointerLeave","role","style","left","tabIndex","label","camelCase"],"mappings":"ojBAmCA,IAAMA,EAAoC,SAAzBC,GAAgG,IAApEC,EAASD,EAATC,UAASC,EAAAF,EAAEG,MAAAA,OAAQ,IAAHD,EAAG,EAACA,EAAAE,EAAAJ,EAAEK,OAAAA,OAASC,IAAHF,EAAGE,EAAIF,EAAAG,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,EAAG,EAACA,EAAEE,EAAIT,EAAJS,KAAMC,EAAKV,EAALU,MACpGC,EAAiFC,IAAzEC,EAAGF,EAAHE,IAAKC,EAAGH,EAAHG,IAAKC,EAAMJ,EAANI,OAAeC,EAAaL,EAApBM,MAAiCC,EAAiBP,EAA5BQ,UAC1CF,EAAQF,EAAUC,EAAsCb,GAAUa,EAClEG,EAAYJ,EAAUG,EAA0Cf,GAAUe,EAChFE,EAWIC,IAVFC,EAAMF,EAANE,OACAC,EAASH,EAATG,UACAC,EAAcJ,EAAdI,eACAC,EAAQL,EAARK,SACAC,EAAQN,EAARM,SACAC,EAAOP,EAAPO,QACAC,EAAWR,EAAXQ,YACAC,EAAST,EAATS,UACAC,EAAkBV,EAAlBU,mBACAC,EAAeX,EAAfW,gBAEFC,EAA+CC,IAAvCC,EAASF,EAATE,UAAWC,EAAUH,EAAVG,WAAYC,EAAWJ,EAAXI,YACzBC,EAAMC,EAAO,MAuBnB,SAASC,IACPH,EAAY,MACZI,SAASC,oBAAoB,cAAepC,GAC5CmC,SAASC,oBAAoB,YAAaF,EAC5C,CAQA,OANAG,GAAU,WACJf,IAAYxB,GAASkC,GAAOA,EAAIM,SAClCN,EAAIM,QAAQC,OAEhB,GAAG,CAACjB,EAASxB,IAGX0C,EAACC,cAAAC,EACC,CAAAC,KAAM1B,IAAWnB,GAASuB,IAAavB,EACvC8C,QAASpB,EAAY,KAAOV,EAC5BX,SAAS,MACT0C,UAAWC,EACXC,sCAAsC,GAEtCP,EAAAC,cAAA,MAAA,CAAA,aACcvB,EAAS,kBACJC,EAAc,gBAChBX,EACA,gBAAAC,EACA,gBAAAG,mBACCE,EAAS,gBACVM,EACfxB,UAAWoD,EACTC,EAAOC,MACPC,EAASF,EAAQ5C,GACjB8C,EAASF,EAAQ7C,GAAKgD,EAAAA,EAAAA,EAAA,CAAA,EAEnBH,EAAO5B,SAAWA,IAAavB,GAC/BmD,EAAO3B,QAAUA,GACjB2B,EAAOI,kBAAoBjC,GAE9BxB,GAEW,cAAA2B,EAAW,SAAA+B,OAAUxD,IAClCyD,QAxDN,WACEzB,EAAWhC,GACX+B,EAAU/B,EACZ,EAsDM0D,OA9DN,WACE1B,EAAW,MACXD,EAAU,KACZ,EA4DM4B,cAjDN,SAA2BC,GACzBA,EAAEC,kBACF5B,EAAYjC,GACZqC,SAASyB,iBAAiB,cAAe5D,GACzCmC,SAASyB,iBAAiB,YAAa1B,EACzC,EA6CM2B,eAtDN,WACEhC,EAAU,KACZ,EAqDMG,IAAKA,EACL8B,KAAK,SACLC,MAAO,CAAEC,KAAI,GAAAV,OAAKnD,EAAQ,MAC1B8D,SAAU7C,GAAY,EAAI,GAEzBI,GACCgB,EAAAC,cAAA,QAAA,CACE7C,UAAWoD,EACTC,EAAOiB,MACPf,EAASF,EAAQkB,EAAU,SAAWzC,IACtCyB,EAASF,EAAQkB,EAAU,YAAc1C,MAG1CX,IAMb"}

package/dist/src/components/Slider/SliderBase/SliderThumb.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var o={thumb:"thumb_3adcf5f872",dragging:"dragging_cdfc180ad4",focused:"focused_ab20b8ec3d",notDisabledThumb:"notDisabledThumb_c6011e0887","focus-visible":"focus-visible_7edf029a82",positive:"positive_8359218024",negative:"negative_96dab6b4a5",small:"small_ac62896c7b",medium:"medium_e0b1d5929c",large:"large_af77f776e0",label:"label_e6b88e8ef6",positionTop:"positionTop_43b3ef79dd",positionBottom:"positionBottom_9d93c40f93",colorPrimary:"colorPrimary_f839cce5c4",colorSecondary:"colorSecondary_b63af81e85"};!function(o){const n="s_id-9ef20defa923_3_34_2";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".thumb_3adcf5f872 {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--primary-background-color);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging_cdfc180ad4 {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.15, 1.15);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused_ab20b8ec3d {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_c6011e0887:focus-visible, .notDisabledThumb_c6011e0887.focus-visible_7edf029a82 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\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.notDisabledThumb_c6011e0887:focus:not(.focus-visible_7edf029a82) {\n  outline: none;\n}\n\n.notDisabledThumb_c6011e0887:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive_8359218024 {\n  border-color: var(--positive-color);\n}\n\n.positive_8359218024.notDisabledThumb_c6011e0887:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative_96dab6b4a5 {\n  border-color: var(--negative-color);\n}\n\n.negative_96dab6b4a5.notDisabledThumb_c6011e0887:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small_ac62896c7b {\n  height: 16px;\n  width: 16px;\n}\n\n.medium_e0b1d5929c {\n  height: 20px;\n  width: 20px;\n}\n\n.large_af77f776e0 {\n  height: 24px;\n  width: 24px;\n}\n\n.label_e6b88e8ef6 {\n  left: 50%;\n  max-width: 64px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}\n\n.label_e6b88e8ef6.positionTop_43b3ef79dd {\n  bottom: calc(100% + 8px);\n}\n\n.label_e6b88e8ef6.positionBottom_9d93c40f93 {\n  top: calc(100% + 8px);\n}\n\n.label_e6b88e8ef6.colorPrimary_f839cce5c4 {\n  color: var(--primary-text-color);\n}\n\n.label_e6b88e8ef6.colorSecondary_b63af81e85 {\n  color: var(--secondary-text-color);\n}");export{o as default};
+var o={thumb:"thumb_f3fa36df4c",dragging:"dragging_fca44282d6",focused:"focused_e27c8942fc",notDisabledThumb:"notDisabledThumb_05628ad602","focus-visible":"focus-visible_dfc830b2a7",positive:"positive_6998f14bd4",negative:"negative_b8f48e87aa",small:"small_fa7f21c969",medium:"medium_117bdf26ba",large:"large_3f21e3b95f",label:"label_c98ebe824e",positionTop:"positionTop_50bf30fc4c",positionBottom:"positionBottom_c7f193e1bf",colorPrimary:"colorPrimary_f94111093d",colorSecondary:"colorSecondary_b528f5417c"};!function(o){const n="s_id-9ef20defa923_3_35_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,e.firstChild?e.insertBefore(r,e.firstChild):e.appendChild(r),r.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=o)}(".thumb_f3fa36df4c {\n  position: absolute;\n  border: 3px solid;\n  border-radius: 50%;\n  border-color: var(--primary-color);\n  background-color: var(--primary-background-color);\n  font-size: 14px;\n  top: 50%;\n  transform: translate(-50%, -50%);\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  font-family: var(--font-family);\n}\n\n.dragging_fca44282d6 {\n  cursor: grabbing !important;\n  transform: translate(-50%, -50%) scale(1.15, 1.15);\n  transform-origin: center center;\n  transition: transform var(--motion-productive-long) var(--motion-timing-enter);\n  box-shadow: var(--box-shadow-small);\n}\n\n.focused_e27c8942fc {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.notDisabledThumb_05628ad602:focus-visible, .notDisabledThumb_05628ad602.focus-visible_dfc830b2a7 {\n  outline: none;\n  z-index: 11;\n  border-radius: 50%;\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.notDisabledThumb_05628ad602:focus:not(.focus-visible_dfc830b2a7) {\n  outline: none;\n}\n\n.notDisabledThumb_05628ad602:hover {\n  border-color: var(--primary-hover-color);\n  cursor: grab;\n  box-shadow: var(--box-shadow-small);\n}\n\n.positive_6998f14bd4 {\n  border-color: var(--positive-color);\n}\n\n.positive_6998f14bd4.notDisabledThumb_05628ad602:hover {\n  border-color: var(--positive-color-hover);\n}\n\n.negative_b8f48e87aa {\n  border-color: var(--negative-color);\n}\n\n.negative_b8f48e87aa.notDisabledThumb_05628ad602:hover {\n  border-color: var(--negative-color-hover);\n}\n\n.small_fa7f21c969 {\n  height: 16px;\n  width: 16px;\n}\n\n.medium_117bdf26ba {\n  height: 20px;\n  width: 20px;\n}\n\n.large_3f21e3b95f {\n  height: 24px;\n  width: 24px;\n}\n\n.label_c98ebe824e {\n  left: 50%;\n  max-width: 64px;\n  overflow: hidden;\n  position: absolute;\n  text-overflow: ellipsis;\n  transform: translate(-50%, 0);\n  white-space: nowrap;\n}\n\n.label_c98ebe824e.positionTop_50bf30fc4c {\n  bottom: calc(100% + 8px);\n}\n\n.label_c98ebe824e.positionBottom_c7f193e1bf {\n  top: calc(100% + 8px);\n}\n\n.label_c98ebe824e.colorPrimary_f94111093d {\n  color: var(--primary-text-color);\n}\n\n.label_c98ebe824e.colorSecondary_b528f5417c {\n  color: var(--secondary-text-color);\n}");export{o as default};
 //# sourceMappingURL=SliderThumb.module.scss.js.map

package/dist/src/components/Slider/SliderBase/SliderTrack.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderTrack.js","sources":["../../../../../src/components/Slider/SliderBase/SliderTrack.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./SliderTrack.module.scss\";\nimport { SliderColor } from \"../Slider.types\";\n\nexport interface SliderTrackProps extends VibeComponentProps {\n /*\n ~~Consumer/Custom/Extra~~ ~~`class~~ ~~names`~~ to be ~~added to the Component's-Root-Node\~~n */\n ~~className?: string;\n~~ color: SliderColor;\n}\n\nconst SliderTrack: FC<SliderTrackProps> = React.memo(({ className, color }) => {\n return <div className={cx(styles.track, getStyle(styles, color), className)} />;\n});\n\nexport default SliderTrack;\n"],"names":["SliderTrack","React","memo","_ref","className","cx","styles","track","getStyle","color"],"mappings":"~~oKAeMA~~,IAAAA,EAAoCC,EAAMC,MAAK,SAAAC,GAAyB,IAAtBC,EAASD,EAATC,UACtD,OAAOH,uBAAKG,UAAWC,EAAGC,EAAOC,MAAOC,EAASF,EADqBH,EAALM,OACAL,IACnE"}
1	+ {"version":3,"file":"SliderTrack.js","sources":["../../../../../src/components/Slider/SliderBase/SliderTrack.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./SliderTrack.module.scss\";\nimport { SliderColor } from \"../Slider.types\";\n\nexport interface SliderTrackProps extends VibeComponentProps {\n /*\n The color of the slider track.\n */\n color: SliderColor;\n}\n\nconst SliderTrack: FC<SliderTrackProps> = React.memo(({ className, color }) => {\n return <div className={cx(styles.track, getStyle(styles, color), className)} />;\n});\n\nexport default SliderTrack;\n"],"names":["SliderTrack","React","memo","_ref","className","cx","styles","track","getStyle","color"],"mappings":"oKAcMA,IAAAA,EAAoCC,EAAMC,MAAK,SAAAC,GAAyB,IAAtBC,EAASD,EAATC,UACtD,OAAOH,uBAAKG,UAAWC,EAAGC,EAAOC,MAAOC,EAASF,EADqBH,EAALM,OACAL,IACnE"}

package/dist/src/components/Slider/SliderBase/SliderTrack.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={track:"track_ba6abfd509",positive:"positive_fa894c176e",negative:"negative_dd13ccedf6"};!function(e){const t="s_id-f9216dea54b1_3_34_2";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)}(".track_ba6abfd509 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-selected-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_fa894c176e {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_dd13ccedf6 {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
+var e={track:"track_ef61d09c84",positive:"positive_def82eb59e",negative:"negative_01ef1276cd"};!function(e){const t="s_id-f9216dea54b1_3_35_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,n.firstChild?n.insertBefore(o,n.firstChild):n.appendChild(o),o.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".track_ef61d09c84 {\n  position: absolute;\n  border-radius: inherit;\n  background-color: var(--primary-selected-color);\n  height: inherit;\n  top: 50%;\n  transform: translateY(-50%);\n  width: 100%;\n}\n\n.positive_def82eb59e {\n  background-color: var(--positive-color-selected);\n}\n\n.negative_01ef1276cd {\n  background-color: var(--negative-color-selected);\n}");export{e as default};
 //# sourceMappingURL=SliderTrack.module.scss.js.map

package/dist/src/components/Slider/SliderContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderContext.js","sources":["../../../../src/components/Slider/SliderContext.tsx"],"sourcesContent":["import React, { createContext, ReactElement, useContext, useMemo, useState } from \"react\";\nimport { createTestIdHelper } from \"../../helpers/testid-helper\";\nimport { useDragging, useSliderActionsContextValue, useSliderValues } from \"./SliderHooks\";\nimport { SliderProps } from \"./Slider\";\nimport { SliderContextActions, SliderContextInfix, SliderContextSelection, SliderContextUI } from \"./SliderConstants\";\nimport { IconType } from \"../Icon\";\n\nconst UiContext = createContext({});\nconst SelectionContext = createContext({});\nconst ActionsContext = createContext({});\nconst InfixContext = createContext({});\n\nexport interface SliderProviderProps extends SliderProps {\n children?: ReactElement \| ReactElement[];\n infixOptions?: {\n /*\n ~~Show~~ selected from ~~Slider~~ range ~~value\~~n /\n indicateSelection?: boolean;\n /\n ~~Options~~ for ~~initial/start/~~prefix element, it can be ~~one of~~:\n * - ~~Any~~ ~~Component~~ ~~(react~~ component, ~~node,~~ text, number ~~etc.)\~~n * - Or it ~~can~~ be an ~~object of options for Icons component (see Icon components props)\~~n * - ~~Or it can be an object for Label (Icon, Heading~~ - ~~and~~ ~~other~~ ~~components)\n * -~~ Or it ~~can be Render Props Function witch are getting~~ value and valueText\n /\n prefix?: { icon: IconType } \| string \| ((value: number, valueText: string) => void) \| ReactElement;\n /\n ~~Options~~ for postfix/end~~/finishing~~ element. ~~Same~~ as prefix ~~element~~.\n /\n postfix?: { icon: IconType } \| string \| ((value: number, valueText: string) => void) \| ReactElement;\n /\n ~~Width~~ of ~~SelectionIndicator~~ ~~(i.e.~~ ~~TextField)\~~n */\n selectionIndicatorWidth?: string;\n };\n}\n\nexport function SliderProvider({\n children,\n ariaLabel,\n ariaLabelledby,\n color,\n \"data-testid\": dataTestId,\n defaultValue,\n disabled,\n max,\n min,\n onChange,\n ranged,\n showValue,\n valueLabelPosition,\n valueLabelColor,\n size,\n step,\n value,\n valueFormatter,\n valueText,\n infixOptions\n}: SliderProviderProps) {\n const shapeTestId = createTestIdHelper(dataTestId);\n const { actualValue, actualValueText, getSelectedValue, setSelectedValue } = useSliderValues(\n defaultValue,\n value,\n valueFormatter,\n valueText\n );\n\n const [active, setActive] = useState<number>(null);\n const [focused, setFocused] = useState<number>(null);\n const [dragging, setDragging, getDragging] = useDragging();\n\n const uiContextValue: SliderContextUI = useMemo(\n () => ({\n active,\n ariaLabel,\n ariaLabelledby,\n color,\n disabled,\n dragging,\n focused,\n size,\n shapeTestId,\n showValue,\n valueLabelPosition,\n valueLabelColor\n }),\n [\n active,\n ariaLabel,\n ariaLabelledby,\n color,\n disabled,\n dragging,\n focused,\n size,\n shapeTestId,\n showValue,\n valueLabelPosition,\n valueLabelColor\n ]\n );\n\n const selectionContextValue: SliderContextSelection = useMemo(\n () => ({\n max,\n min,\n ranged,\n step,\n value: actualValue,\n valueText: actualValueText\n }),\n [max, min, ranged, step, actualValue, actualValueText]\n );\n\n const actionsContextValue: SliderContextActions = useSliderActionsContextValue(\n actualValue,\n focused,\n getDragging,\n getSelectedValue,\n max,\n min,\n onChange,\n ranged,\n setActive,\n setFocused,\n setDragging,\n setSelectedValue,\n step\n );\n\n return (\n <UiContext.Provider value={uiContextValue}>\n <SelectionContext.Provider value={selectionContextValue}>\n <ActionsContext.Provider value={actionsContextValue}>\n <InfixContext.Provider value={infixOptions}>{children}</InfixContext.Provider>\n </ActionsContext.Provider>\n </SelectionContext.Provider>\n </UiContext.Provider>\n );\n}\n\nexport function useSliderUi(): SliderContextUI {\n return useContext(UiContext) as SliderContextUI;\n}\n\nexport function useSliderInfix(): SliderContextInfix {\n return useContext(InfixContext) as SliderContextInfix;\n}\n\nexport function useSliderSelection(): SliderContextSelection {\n return useContext(SelectionContext) as SliderContextSelection;\n}\n\nexport function useSliderActions(): SliderContextActions {\n return useContext(ActionsContext) as SliderContextActions;\n}\n"],"names":["UiContext","createContext","SelectionContext","ActionsContext","InfixContext","SliderProvider","_ref","children","ariaLabel","ariaLabelledby","color","defaultValue","disabled","max","min","onChange","ranged","showValue","valueLabelPosition","valueLabelColor","size","step","value","valueFormatter","valueText","infixOptions","shapeTestId","createTestIdHelper","_useSliderValues","useSliderValues","actualValue","actualValueText","getSelectedValue","setSelectedValue","_useState","useState","_useState2","_slicedToArray","active","setActive","_useState3","_useState4","focused","setFocused","_useDragging","useDragging","_useDragging2","dragging","setDragging","getDragging","uiContextValue","useMemo","selectionContextValue","actionsContextValue","useSliderActionsContextValue","React","Provider","createElement","useSliderUi","useContext","useSliderInfix","useSliderSelection","useSliderActions"],"mappings":"6UAOA,IAAMA,EAAYC,EAAc,CAAA,GAC1BC,EAAmBD,EAAc,CAAA,GACjCE,EAAiBF,EAAc,CAAA,GAC/BG,EAAeH,EAAc,CAAA,~~GA4B7B~~,SAAUI,EAAcC,GAqBR,IApBpBC,EAAQD,EAARC,SACAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eACAC,EAAKJ,EAALI,MAEAC,EAAYL,EAAZK,aACAC,EAAQN,EAARM,SACAC,EAAGP,EAAHO,IACAC,EAAGR,EAAHQ,IACAC,EAAQT,EAARS,SACAC,EAAMV,EAANU,OACAC,EAASX,EAATW,UACAC,EAAkBZ,EAAlBY,mBACAC,EAAeb,EAAfa,gBACAC,EAAId,EAAJc,KACAC,EAAIf,EAAJe,KACAC,EAAKhB,EAALgB,MACAC,EAAcjB,EAAdiB,eACAC,EAASlB,EAATkB,UACAC,EAAYnB,EAAZmB,aAEMC,EAAcC,EAjBKrB,EAAzB,gBAkBAsB,EAA6EC,EAC3ElB,EACAW,EACAC,EACAC,GAJMM,EAAWF,EAAXE,YAAaC,EAAeH,EAAfG,gBAAiBC,EAAgBJ,EAAhBI,iBAAkBC,EAAgBL,EAAhBK,iBAOxDC,EAA4BC,EAAiB,MAAKC,EAAAC,EAAAH,EAAA,GAA3CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GACxBI,EAA8BL,EAAiB,MAAKM,EAAAJ,EAAAG,EAAA,GAA7CE,EAAOD,EAAA,GAAEE,EAAUF,EAAA,GAC1BG,EAA6CC,IAAaC,EAAAT,EAAAO,EAAA,GAAnDG,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAAEG,EAAWH,EAAA,GAEnCI,EAAkCC,GACtC,WAAA,MAAO,CACLb,OAAAA,EACA9B,UAAAA,EACAC,eAAAA,EACAC,MAAAA,EACAE,SAAAA,EACAmC,SAAAA,EACAL,QAAAA,EACAtB,KAAAA,EACAM,YAAAA,EACAT,UAAAA,EACAC,mBAAAA,EACAC,gBAAAA,EACA,GACF,CACEmB,EACA9B,EACAC,EACAC,EACAE,EACAmC,EACAL,EACAtB,EACAM,EACAT,EACAC,EACAC,IAIEiC,EAAgDD,GACpD,WAAA,MAAO,CACLtC,IAAAA,EACAC,IAAAA,EACAE,OAAAA,EACAK,KAAAA,EACAC,MAAOQ,EACPN,UAAWO,EACZ,GACD,CAAClB,EAAKC,EAAKE,EAAQK,EAAMS,EAAaC,IAGlCsB,EAA4CC,EAChDxB,EACAY,EACAO,EACAjB,EACAnB,EACAC,EACAC,EACAC,EACAuB,EACAI,EACAK,EACAf,EACAZ,GAGF,OACEkC,gBAACvD,EAAUwD,SAAS,CAAAlC,MAAO4B,GACzBK,EAAAE,cAACvD,EAAiBsD,SAAS,CAAAlC,MAAO8B,GAChCG,EAAAE,cAACtD,EAAeqD,SAAS,CAAAlC,MAAO+B,GAC9BE,EAAAE,cAACrD,EAAaoD,SAAQ,CAAClC,MAAOG,GAAelB,KAKvD,UAEgBmD,IACd,OAAOC,EAAW3D,EACpB,UAEgB4D,IACd,OAAOD,EAAWvD,EACpB,UAEgByD,IACd,OAAOF,EAAWzD,EACpB,UAEgB4D,IACd,OAAOH,EAAWxD,EACpB"}
1	+ {"version":3,"file":"SliderContext.js","sources":["../../../../src/components/Slider/SliderContext.tsx"],"sourcesContent":["import React, { createContext, ReactElement, useContext, useMemo, useState } from \"react\";\nimport { createTestIdHelper } from \"../../helpers/testid-helper\";\nimport { useDragging, useSliderActionsContextValue, useSliderValues } from \"./SliderHooks\";\nimport { SliderProps } from \"./Slider\";\nimport { SliderContextActions, SliderContextInfix, SliderContextSelection, SliderContextUI } from \"./SliderConstants\";\nimport { IconType } from \"../Icon\";\n\nconst UiContext = createContext({});\nconst SelectionContext = createContext({});\nconst ActionsContext = createContext({});\nconst InfixContext = createContext({});\n\nexport interface SliderProviderProps extends SliderProps {\n /*\n The child elements inside the slider provider.\n /\n children?: ReactElement \| ReactElement[];\n /\n Configuration options for prefix, postfix, and selection indicator.\n /\n infixOptions?: {\n /\n If true, displays the selected value from the slider range.\n /\n indicateSelection?: boolean;\n /\n Configuration for the prefix (start) element, which can be:\n * - A React component, text, number, or node.\n * - An object with an icon.\n * - A function that receives the value and valueText.\n /\n prefix?: { icon: IconType } \| string \| ((value: number, valueText: string) => void) \| ReactElement;\n /\n Configuration for the postfix (end) element, similar to prefix.\n /\n postfix?: { icon: IconType } \| string \| ((value: number, valueText: string) => void) \| ReactElement;\n /\n The width of the selection indicator.\n */\n selectionIndicatorWidth?: string;\n };\n}\n\nexport function SliderProvider({\n children,\n ariaLabel,\n ariaLabelledby,\n color,\n \"data-testid\": dataTestId,\n defaultValue,\n disabled,\n max,\n min,\n onChange,\n ranged,\n showValue,\n valueLabelPosition,\n valueLabelColor,\n size,\n step,\n value,\n valueFormatter,\n valueText,\n infixOptions\n}: SliderProviderProps) {\n const shapeTestId = createTestIdHelper(dataTestId);\n const { actualValue, actualValueText, getSelectedValue, setSelectedValue } = useSliderValues(\n defaultValue,\n value,\n valueFormatter,\n valueText\n );\n\n const [active, setActive] = useState<number>(null);\n const [focused, setFocused] = useState<number>(null);\n const [dragging, setDragging, getDragging] = useDragging();\n\n const uiContextValue: SliderContextUI = useMemo(\n () => ({\n active,\n ariaLabel,\n ariaLabelledby,\n color,\n disabled,\n dragging,\n focused,\n size,\n shapeTestId,\n showValue,\n valueLabelPosition,\n valueLabelColor\n }),\n [\n active,\n ariaLabel,\n ariaLabelledby,\n color,\n disabled,\n dragging,\n focused,\n size,\n shapeTestId,\n showValue,\n valueLabelPosition,\n valueLabelColor\n ]\n );\n\n const selectionContextValue: SliderContextSelection = useMemo(\n () => ({\n max,\n min,\n ranged,\n step,\n value: actualValue,\n valueText: actualValueText\n }),\n [max, min, ranged, step, actualValue, actualValueText]\n );\n\n const actionsContextValue: SliderContextActions = useSliderActionsContextValue(\n actualValue,\n focused,\n getDragging,\n getSelectedValue,\n max,\n min,\n onChange,\n ranged,\n setActive,\n setFocused,\n setDragging,\n setSelectedValue,\n step\n );\n\n return (\n <UiContext.Provider value={uiContextValue}>\n <SelectionContext.Provider value={selectionContextValue}>\n <ActionsContext.Provider value={actionsContextValue}>\n <InfixContext.Provider value={infixOptions}>{children}</InfixContext.Provider>\n </ActionsContext.Provider>\n </SelectionContext.Provider>\n </UiContext.Provider>\n );\n}\n\nexport function useSliderUi(): SliderContextUI {\n return useContext(UiContext) as SliderContextUI;\n}\n\nexport function useSliderInfix(): SliderContextInfix {\n return useContext(InfixContext) as SliderContextInfix;\n}\n\nexport function useSliderSelection(): SliderContextSelection {\n return useContext(SelectionContext) as SliderContextSelection;\n}\n\nexport function useSliderActions(): SliderContextActions {\n return useContext(ActionsContext) as SliderContextActions;\n}\n"],"names":["UiContext","createContext","SelectionContext","ActionsContext","InfixContext","SliderProvider","_ref","children","ariaLabel","ariaLabelledby","color","defaultValue","disabled","max","min","onChange","ranged","showValue","valueLabelPosition","valueLabelColor","size","step","value","valueFormatter","valueText","infixOptions","shapeTestId","createTestIdHelper","_useSliderValues","useSliderValues","actualValue","actualValueText","getSelectedValue","setSelectedValue","_useState","useState","_useState2","_slicedToArray","active","setActive","_useState3","_useState4","focused","setFocused","_useDragging","useDragging","_useDragging2","dragging","setDragging","getDragging","uiContextValue","useMemo","selectionContextValue","actionsContextValue","useSliderActionsContextValue","React","Provider","createElement","useSliderUi","useContext","useSliderInfix","useSliderSelection","useSliderActions"],"mappings":"6UAOA,IAAMA,EAAYC,EAAc,CAAA,GAC1BC,EAAmBD,EAAc,CAAA,GACjCE,EAAiBF,EAAc,CAAA,GAC/BG,EAAeH,EAAc,CAAA,GAiC7B,SAAUI,EAAcC,GAqBR,IApBpBC,EAAQD,EAARC,SACAC,EAASF,EAATE,UACAC,EAAcH,EAAdG,eACAC,EAAKJ,EAALI,MAEAC,EAAYL,EAAZK,aACAC,EAAQN,EAARM,SACAC,EAAGP,EAAHO,IACAC,EAAGR,EAAHQ,IACAC,EAAQT,EAARS,SACAC,EAAMV,EAANU,OACAC,EAASX,EAATW,UACAC,EAAkBZ,EAAlBY,mBACAC,EAAeb,EAAfa,gBACAC,EAAId,EAAJc,KACAC,EAAIf,EAAJe,KACAC,EAAKhB,EAALgB,MACAC,EAAcjB,EAAdiB,eACAC,EAASlB,EAATkB,UACAC,EAAYnB,EAAZmB,aAEMC,EAAcC,EAjBKrB,EAAzB,gBAkBAsB,EAA6EC,EAC3ElB,EACAW,EACAC,EACAC,GAJMM,EAAWF,EAAXE,YAAaC,EAAeH,EAAfG,gBAAiBC,EAAgBJ,EAAhBI,iBAAkBC,EAAgBL,EAAhBK,iBAOxDC,EAA4BC,EAAiB,MAAKC,EAAAC,EAAAH,EAAA,GAA3CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GACxBI,EAA8BL,EAAiB,MAAKM,EAAAJ,EAAAG,EAAA,GAA7CE,EAAOD,EAAA,GAAEE,EAAUF,EAAA,GAC1BG,EAA6CC,IAAaC,EAAAT,EAAAO,EAAA,GAAnDG,EAAQD,EAAA,GAAEE,EAAWF,EAAA,GAAEG,EAAWH,EAAA,GAEnCI,EAAkCC,GACtC,WAAA,MAAO,CACLb,OAAAA,EACA9B,UAAAA,EACAC,eAAAA,EACAC,MAAAA,EACAE,SAAAA,EACAmC,SAAAA,EACAL,QAAAA,EACAtB,KAAAA,EACAM,YAAAA,EACAT,UAAAA,EACAC,mBAAAA,EACAC,gBAAAA,EACA,GACF,CACEmB,EACA9B,EACAC,EACAC,EACAE,EACAmC,EACAL,EACAtB,EACAM,EACAT,EACAC,EACAC,IAIEiC,EAAgDD,GACpD,WAAA,MAAO,CACLtC,IAAAA,EACAC,IAAAA,EACAE,OAAAA,EACAK,KAAAA,EACAC,MAAOQ,EACPN,UAAWO,EACZ,GACD,CAAClB,EAAKC,EAAKE,EAAQK,EAAMS,EAAaC,IAGlCsB,EAA4CC,EAChDxB,EACAY,EACAO,EACAjB,EACAnB,EACAC,EACAC,EACAC,EACAuB,EACAI,EACAK,EACAf,EACAZ,GAGF,OACEkC,gBAACvD,EAAUwD,SAAS,CAAAlC,MAAO4B,GACzBK,EAAAE,cAACvD,EAAiBsD,SAAS,CAAAlC,MAAO8B,GAChCG,EAAAE,cAACtD,EAAeqD,SAAS,CAAAlC,MAAO+B,GAC9BE,EAAAE,cAACrD,EAAaoD,SAAQ,CAAClC,MAAOG,GAAelB,KAKvD,UAEgBmD,IACd,OAAOC,EAAW3D,EACpB,UAEgB4D,IACd,OAAOD,EAAWvD,EACpB,UAEgByD,IACd,OAAOF,EAAWzD,EACpB,UAEgB4D,IACd,OAAOH,EAAWxD,EACpB"}

package/dist/src/components/Slider/SliderInfix.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"SliderInfix.js","sources":["../../../../src/components/Slider/SliderInfix.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { InfixKind as InfixKindEnum } from \"./SliderConstants\";\nimport { useSliderInfixComponent } from \"./SliderInfixHooks\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./SliderInfix.module.scss\";\nimport { InfixKind } from \"./Slider.types\";\n\nexport interface SliderInfixProps extends VibeComponentProps {\n /*\n ~~kind~~ (type~~/mode)~~ of ~~Infix~~ prefix/postfix\n * ~~Infix~~ ~~- additional inserted by Consumer - component/string/number etc~~.\n */\n kind?: InfixKind;\n}\n\nconst SliderInfix: FC<SliderInfixProps> & { kinds?: typeof InfixKindEnum } = ({ kind = SliderInfix.kinds.PREFIX }) => {\n const [isShow, modificators, InfixComponent, inlineStyle] = useSliderInfixComponent(kind);\n return (\n isShow && (\n <div\n className={cx(\n styles.infix,\n getStyle(styles, kind),\n modificators.map(m => getStyle(styles, m))\n )}\n style={inlineStyle}\n >\n {InfixComponent}\n </div>\n )\n );\n};\n\nexport default withStaticProps(SliderInfix, {\n kinds: InfixKindEnum\n});\n"],"names":["withStaticProps","SliderInfix","_ref","_ref$kind","kind","kinds","PREFIX","_useSliderInfixCompon","useSliderInfixComponent","_useSliderInfixCompon2","_slicedToArray","modificators","InfixComponent","inlineStyle","React","className","cx","styles","infix","getStyle","map","m","style","InfixKindEnum"],"mappings":"~~ycAiBA~~,IAkBeA,EAAAA,GAlB8D,SAAvEC,EAAWC,GAAoG,IAAAC,EAAAD,EAArCE,KAAAA,OAAOH,IAAHE,EAAGF,EAAYI,MAAMC,OAAMH,EAC7GI,EAA4DC,EAAwBJ,GAAKK,EAAAC,EAAAH,EAAA,GAA1EI,EAAYF,EAAA,GAAEG,EAAcH,EAAA,GAAEI,EAAWJ,EAAA,GACxD,OADaA,EAAA,IAGTK,uBACEC,UAAWC,EACTC,EAAOC,MACPC,EAASF,EAAQb,GACjBO,EAAaS,KAAI,SAAAC,GAAC,OAAIF,EAASF,EAAQI,EAAE,KAE3CC,MAAOT,GAEND,EAIT,GAE4C,CAC1CP,MAAOkB"}
1	+ {"version":3,"file":"SliderInfix.js","sources":["../../../../src/components/Slider/SliderInfix.tsx"],"sourcesContent":["import React, { FC } from \"react\";\nimport { InfixKind as InfixKindEnum } from \"./SliderConstants\";\nimport { useSliderInfixComponent } from \"./SliderInfixHooks\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./SliderInfix.module.scss\";\nimport { InfixKind } from \"./Slider.types\";\n\nexport interface SliderInfixProps extends VibeComponentProps {\n /*\n Specifies the type of infix (prefix or postfix).\n */\n kind?: InfixKind;\n}\n\nconst SliderInfix: FC<SliderInfixProps> & { kinds?: typeof InfixKindEnum } = ({ kind = SliderInfix.kinds.PREFIX }) => {\n const [isShow, modificators, InfixComponent, inlineStyle] = useSliderInfixComponent(kind);\n return (\n isShow && (\n <div\n className={cx(\n styles.infix,\n getStyle(styles, kind),\n modificators.map(m => getStyle(styles, m))\n )}\n style={inlineStyle}\n >\n {InfixComponent}\n </div>\n )\n );\n};\n\nexport default withStaticProps(SliderInfix, {\n kinds: InfixKindEnum\n});\n"],"names":["withStaticProps","SliderInfix","_ref","_ref$kind","kind","kinds","PREFIX","_useSliderInfixCompon","useSliderInfixComponent","_useSliderInfixCompon2","_slicedToArray","modificators","InfixComponent","inlineStyle","React","className","cx","styles","infix","getStyle","map","m","style","InfixKindEnum"],"mappings":"ycAgBA,IAkBeA,EAAAA,GAlB8D,SAAvEC,EAAWC,GAAoG,IAAAC,EAAAD,EAArCE,KAAAA,OAAOH,IAAHE,EAAGF,EAAYI,MAAMC,OAAMH,EAC7GI,EAA4DC,EAAwBJ,GAAKK,EAAAC,EAAAH,EAAA,GAA1EI,EAAYF,EAAA,GAAEG,EAAcH,EAAA,GAAEI,EAAWJ,EAAA,GACxD,OADaA,EAAA,IAGTK,uBACEC,UAAWC,EACTC,EAAOC,MACPC,EAASF,EAAQb,GACjBO,EAAaS,KAAI,SAAAC,GAAC,OAAIF,EAASF,EAAQI,EAAE,KAE3CC,MAAOT,GAEND,EAIT,GAE4C,CAC1CP,MAAOkB"}

package/dist/src/components/Slider/SliderInfix.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={infix:"infix_a28f1c83ab",txt:"txt_5a52fdc92c",prefix:"prefix_e3591f6920",postfix:"postfix_fe74a53671"};!function(e){const n="s_id-4fd2a8cee614_3_34_2";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)}(".infix_a28f1c83ab {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_5a52fdc92c {\n  white-space: nowrap;\n}\n\n.prefix_e3591f6920 {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_fe74a53671 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
+var e={infix:"infix_626a1eba64",txt:"txt_25ddc062f6",prefix:"prefix_2e6da877c0",postfix:"postfix_3863072f51"};!function(e){const n="s_id-4fd2a8cee614_3_35_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const i=document.createElement("style");i.id=n,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".infix_626a1eba64 {\n  font-size: 14px;\n  font-family: var(--font-family);\n  flex: 0 0 auto;\n}\n\n.txt_25ddc062f6 {\n  white-space: nowrap;\n}\n\n.prefix_2e6da877c0 {\n  margin-right: var(--spacing-small);\n}\n\n.postfix_3863072f51 {\n  margin-left: var(--spacing-small);\n}");export{e as default};
 //# sourceMappingURL=SliderInfix.module.scss.js.map