npm - @vibe/core - Versions diffs - 3.58.1 → 3.58.2 - Mend

@vibe/core 3.58.1 → 3.58.2

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 (1554) hide show

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbContent.js","sources":["../../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.tsx"],"sourcesContent":["import React, { ForwardedRef, forwardRef, useCallback, useMemo } from \"react\";\nimport { keyCodes } from \"../../../../constants\";\nimport { SubIcon, VibeComponentProps } from \"../../../../types\";\nimport cx from \"classnames\";\nimport styles from \"./BreadcrumbContent.module.scss\";\n\nexport interface BreadcrumbContentProps extends VibeComponentProps {\n /*\n If true, the breadcrumb is clickable.\n /\n isClickable?: boolean;\n /\n The URL the breadcrumb links to.\n /\n link?: string;\n /\n Callback fired when the breadcrumb is clicked.\n /\n onClick?: () => void;\n /\n The text displayed inside the breadcrumb.\n /\n text?: string;\n /\n The icon displayed next to the text.\n /\n icon?: SubIcon;\n /\n If true, the breadcrumb represents the current page.\n /\n isCurrent?: boolean;\n /\n If true, the breadcrumb is disabled.\n /\n disabled?: boolean;\n /\n If true, the breadcrumb text is shown.\n */\n showText?: boolean;\n}\n\nconst iconProps = { className: styles.breadcrumbIcon, size: 14, clickable: false };\n\nexport const BreadcrumbContent: React.ForwardRefExoticComponent<BreadcrumbContentProps & React.RefAttributes<unknown>> =\n forwardRef<unknown, BreadcrumbContentProps>(\n (\n { className, isClickable, link, onClick, text, icon, isCurrent, disabled = false, showText = true },\n ref: ForwardedRef<HTMLSpanElement>\n ) => {\n const Icon = icon;\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key === keyCodes.ENTER \|\| event.key === keyCodes.SPACE) {\n link ? (window.parent.location.href = link) : onClick();\n }\n },\n [onClick, link]\n );\n\n const tabIndex = useMemo(() => (disabled ? -1 : 0), [disabled]);\n\n if (isClickable && (link \|\| onClick)) {\n if (link) {\n return (\n <a\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.withoutText]: !showText\n })}\n href={link}\n onKeyDown={onKeyDown}\n aria-current={isCurrent ? \"page\" : undefined}\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </a>\n );\n }\n return (\n <span\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.withoutText]: !showText\n })}\n onClick={onClick}\n onKeyDown={onKeyDown}\n tabIndex={tabIndex}\n aria-current={isCurrent ? \"page\" : undefined}\n role=\"button\"\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </span>\n );\n }\n return (\n <span\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.notClickable]: !isClickable,\n [styles.withoutText]: !showText\n })}\n aria-disabled=\"true\"\n tabIndex={tabIndex}\n aria-current={isCurrent ? \"page\" : undefined}\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </span>\n );\n }\n );\n"],"names":["iconProps","className","styles","breadcrumbIcon","size","clickable","BreadcrumbContent","forwardRef","_ref","ref","isClickable","link","onClick","text","isCurrent","_ref$disabled","disabled","_ref$showText","showText","Icon","icon","onKeyDown","useCallback","event","key","keyCodes","ENTER","SPACE","window","parent","location","href","tabIndex","useMemo","React","createElement","cx","breadcrumbContent","_defineProperty","current","withoutText","undefined","Object","assign","breadcrumbText","role","notClickable"],"mappings":"0UAyCA,IAAMA,EAAY,CAAEC,UAAWC,EAAOC,eAAgBC,KAAM,GAAIC,WAAW,GAE9DC,EACXC,GACE,SAAAC,EAEEC,GACE,IAFAR,EAASO,EAATP,UAAWS,EAAWF,EAAXE,YAAaC,EAAIH,EAAJG,KAAMC,EAAOJ,EAAPI,QAASC,EAAIL,EAAJK,KAAYC,EAASN,EAATM,UAASC,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAAEU,SAAAA,OAAW,IAAHD,GAAOA,EAG3FE,EAH6CX,EAAJY,KAKzCC,EAAYC,GAChB,SAACC,GACKA,EAAMC,MAAQC,EAASC,OAASH,EAAMC,MAAQC,EAASE,QACzDhB,EAAQiB,OAAOC,OAAOC,SAASC,KAAOpB,EAAQC,IAElD,GACA,CAACA,EAASD,IAGNqB,EAAWC,GAAQ,WAAA,OAAOjB,GAAY,EAAI,CAAC,GAAG,CAACA,IAErD,OAAIN,IAAgBC,GAAQC,GACtBD,EAEAuB,EACEC,cAAA,IAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAC9CpC,CAAAA,EAAAA,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBa,KAAMpB,EACNU,UAAWA,EACG,eAAAP,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EACEC,cAAA,OAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAC9CpC,CAAAA,EAAAA,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBN,QAASA,EACTS,UAAWA,EACXW,SAAUA,iBACIlB,EAAY,YAAS2B,EACnCI,KAAK,UAEJ1B,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EACEC,cAAA,OAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAAAA,KAC9CpC,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAO4C,cAAgBpC,GACvBR,EAAOsC,aAAetB,IAEX,gBAAA,OACdc,SAAUA,EAAQ,eACJlB,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,GAKX"}
1	+ {"version":3,"file":"BreadcrumbContent.js","sources":["../../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.tsx"],"sourcesContent":["import React, { type ForwardedRef, forwardRef, useCallback, useMemo } from \"react\";\nimport { keyCodes } from \"../../../../constants\";\nimport { type SubIcon, type VibeComponentProps } from \"../../../../types\";\nimport cx from \"classnames\";\nimport styles from \"./BreadcrumbContent.module.scss\";\n\nexport interface BreadcrumbContentProps extends VibeComponentProps {\n /*\n If true, the breadcrumb is clickable.\n /\n isClickable?: boolean;\n /\n The URL the breadcrumb links to.\n /\n link?: string;\n /\n Callback fired when the breadcrumb is clicked.\n /\n onClick?: () => void;\n /\n The text displayed inside the breadcrumb.\n /\n text?: string;\n /\n The icon displayed next to the text.\n /\n icon?: SubIcon;\n /\n If true, the breadcrumb represents the current page.\n /\n isCurrent?: boolean;\n /\n If true, the breadcrumb is disabled.\n /\n disabled?: boolean;\n /\n If true, the breadcrumb text is shown.\n */\n showText?: boolean;\n}\n\nconst iconProps = { className: styles.breadcrumbIcon, size: 14, clickable: false };\n\nexport const BreadcrumbContent: React.ForwardRefExoticComponent<BreadcrumbContentProps & React.RefAttributes<unknown>> =\n forwardRef<unknown, BreadcrumbContentProps>(\n (\n { className, isClickable, link, onClick, text, icon, isCurrent, disabled = false, showText = true },\n ref: ForwardedRef<HTMLSpanElement>\n ) => {\n const Icon = icon;\n\n const onKeyDown = useCallback(\n (event: React.KeyboardEvent) => {\n if (event.key === keyCodes.ENTER \|\| event.key === keyCodes.SPACE) {\n link ? (window.parent.location.href = link) : onClick();\n }\n },\n [onClick, link]\n );\n\n const tabIndex = useMemo(() => (disabled ? -1 : 0), [disabled]);\n\n if (isClickable && (link \|\| onClick)) {\n if (link) {\n return (\n <a\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.withoutText]: !showText\n })}\n href={link}\n onKeyDown={onKeyDown}\n aria-current={isCurrent ? \"page\" : undefined}\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </a>\n );\n }\n return (\n <span\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.withoutText]: !showText\n })}\n onClick={onClick}\n onKeyDown={onKeyDown}\n tabIndex={tabIndex}\n aria-current={isCurrent ? \"page\" : undefined}\n role=\"button\"\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </span>\n );\n }\n return (\n <span\n className={cx(styles.breadcrumbContent, className, {\n [styles.disabled]: disabled,\n [styles.clickable]: isClickable,\n [styles.current]: isCurrent,\n [styles.notClickable]: !isClickable,\n [styles.withoutText]: !showText\n })}\n aria-disabled=\"true\"\n tabIndex={tabIndex}\n aria-current={isCurrent ? \"page\" : undefined}\n >\n {Icon && <Icon {...iconProps} />}\n {showText && (\n <span ref={ref} className={styles.breadcrumbText}>\n {text}\n </span>\n )}\n </span>\n );\n }\n );\n"],"names":["iconProps","className","styles","breadcrumbIcon","size","clickable","BreadcrumbContent","forwardRef","_ref","ref","isClickable","link","onClick","text","isCurrent","_ref$disabled","disabled","_ref$showText","showText","Icon","icon","onKeyDown","useCallback","event","key","keyCodes","ENTER","SPACE","window","parent","location","href","tabIndex","useMemo","React","createElement","cx","breadcrumbContent","_defineProperty","current","withoutText","undefined","Object","assign","breadcrumbText","role","notClickable"],"mappings":"0UAyCA,IAAMA,EAAY,CAAEC,UAAWC,EAAOC,eAAgBC,KAAM,GAAIC,WAAW,GAE9DC,EACXC,GACE,SAAAC,EAEEC,GACE,IAFAR,EAASO,EAATP,UAAWS,EAAWF,EAAXE,YAAaC,EAAIH,EAAJG,KAAMC,EAAOJ,EAAPI,QAASC,EAAIL,EAAJK,KAAYC,EAASN,EAATM,UAASC,EAAAP,EAAEQ,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAT,EAAEU,SAAAA,OAAW,IAAHD,GAAOA,EAG3FE,EAH6CX,EAAJY,KAKzCC,EAAYC,GAChB,SAACC,GACKA,EAAMC,MAAQC,EAASC,OAASH,EAAMC,MAAQC,EAASE,QACzDhB,EAAQiB,OAAOC,OAAOC,SAASC,KAAOpB,EAAQC,IAElD,GACA,CAACA,EAASD,IAGNqB,EAAWC,GAAQ,WAAA,OAAOjB,GAAY,EAAI,CAAC,GAAG,CAACA,IAErD,OAAIN,IAAgBC,GAAQC,GACtBD,EAEAuB,EACEC,cAAA,IAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAC9CpC,CAAAA,EAAAA,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBa,KAAMpB,EACNU,UAAWA,EACG,eAAAP,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EACEC,cAAA,OAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAC9CpC,CAAAA,EAAAA,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAOsC,aAAetB,IAEzBN,QAASA,EACTS,UAAWA,EACXW,SAAUA,iBACIlB,EAAY,YAAS2B,EACnCI,KAAK,UAEJ1B,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,IAOTqB,EACEC,cAAA,OAAA,CAAAlC,UAAWmC,EAAGlC,EAAOmC,kBAAmBpC,EAASqC,EAAAA,EAAAA,EAAAA,EAAAA,KAC9CpC,EAAOc,SAAWA,GAClBd,EAAOG,UAAYK,GACnBR,EAAOqC,QAAUzB,GACjBZ,EAAO4C,cAAgBpC,GACvBR,EAAOsC,aAAetB,IAEX,gBAAA,OACdc,SAAUA,EAAQ,eACJlB,EAAY,YAAS2B,GAElCtB,GAAQe,EAAAC,cAAChB,EAAIuB,OAAAC,OAAA,GAAK3C,IAClBkB,GACCgB,EAAAC,cAAA,OAAA,CAAM1B,IAAKA,EAAKR,UAAWC,EAAO0C,gBAC/B/B,GAKX"}

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={breadcrumbContent:"breadcrumbContent_2c5354614c",withoutText:"withoutText_663583ee25",breadcrumbText:"breadcrumbText_bbf8e8af21",breadcrumbIcon:"breadcrumbIcon_75b0b0f8dd",clickable:"clickable_7b2351d05e",current:"current_7101ddfa92",disabled:"disabled_84a788e50c",notClickable:"notClickable_95d9b26447"};!function(e){const n="s_id-55ff70da99a4_3_58_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_2c5354614c {\n  font: var(--font-text2-normal);\n  color: var(--secondary-text-color);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n.breadcrumbContent_2c5354614c.withoutText_663583ee25 {\n  padding: 4px;\n}\na.breadcrumbContent_2c5354614c:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_2c5354614c .breadcrumbText_bbf8e8af21 {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumbContent_2c5354614c .breadcrumbIcon_75b0b0f8dd {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_2c5354614c:focus {\n  outline: none;\n}\n.breadcrumbContent_2c5354614c.clickable_7b2351d05e {\n  cursor: pointer;\n}\n.breadcrumbContent_2c5354614c.clickable_7b2351d05e:hover,\n.breadcrumbContent_2c5354614c:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_2c5354614c.current_7101ddfa92 {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_2c5354614c.disabled_84a788e50c {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_2c5354614c.disabled_84a788e50c:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_2c5354614c.notClickable_95d9b26447 {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_a834b56f8c",withoutText:"withoutText_8d52c59f50",breadcrumbText:"breadcrumbText_4a7f8fb0cd",breadcrumbIcon:"breadcrumbIcon_2e347c6d41",clickable:"clickable_e0f42c8e76",current:"current_10a807115e",disabled:"disabled_548b388723",notClickable:"notClickable_faae80ef3d"};!function(e){const n="s_id-55ff70da99a4_3_58_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const r=document.createElement("style");r.id=n,t.firstChild?t.insertBefore(r,t.firstChild):t.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}("/* stylelint-disable selector-class-pattern */\n.breadcrumbContent_a834b56f8c {\n  font: var(--font-text2-normal);\n  color: var(--secondary-text-color);\n  display: inline-flex;\n  flex-direction: row;\n  align-items: center;\n  justify-content: space-between;\n  padding: 0 2px;\n  overflow: hidden;\n  text-decoration: none;\n}\n.breadcrumbContent_a834b56f8c.withoutText_8d52c59f50 {\n  padding: 4px;\n}\na.breadcrumbContent_a834b56f8c:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_a834b56f8c .breadcrumbText_4a7f8fb0cd {\n  color: inherit;\n  margin: 0 4px;\n  line-height: 22px;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n}\n.breadcrumbContent_a834b56f8c .breadcrumbIcon_2e347c6d41 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_a834b56f8c:focus {\n  outline: none;\n}\n.breadcrumbContent_a834b56f8c.clickable_e0f42c8e76 {\n  cursor: pointer;\n}\n.breadcrumbContent_a834b56f8c.clickable_e0f42c8e76:hover,\n.breadcrumbContent_a834b56f8c:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_a834b56f8c.current_10a807115e {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_a834b56f8c.disabled_548b388723 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_a834b56f8c.disabled_548b388723:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_a834b56f8c.notClickable_faae80ef3d {\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbContent.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbItem.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { useRef } from \"react\";\nimport useIsOverflowing from \"../../../hooks/useIsOverflowing/useIsOverflowing\";\nimport Tooltip from \"../../../components/Tooltip/Tooltip\";\nimport { BreadcrumbContent } from \"./BreadcrumbContent/BreadcrumbContent\";\nimport { SubIcon, VibeComponentProps } from \"../../../types\";\nimport styles from \"./BreadcrumbItem.module.scss\";\n\nexport interface BreadcrumbItemProps extends VibeComponentProps {\n /*\n The display text of the breadcrumb item.\n /\n text?: string;\n /\n If true, the item is disabled.\n /\n disabled?: boolean;\n /\n If true, the item is clickable.\n /\n isClickable?: boolean;\n /\n The URL the item links to if navigation is handled via a link.\n /\n link?: string;\n /\n Callback fired when the item is clicked.\n /\n onClick?: () => void;\n /\n If true, applies styling for the current page.\n /\n isCurrent?: boolean;\n /\n The icon displayed next to the text.\n /\n icon?: SubIcon;\n /\n If true, the breadcrumb text is shown.\n */\n showText?: boolean;\n}\n\nconst BreadcrumbItem: React.FC<BreadcrumbItemProps> = ({\n className,\n text = \"\",\n disabled,\n isClickable = false,\n link,\n onClick,\n isCurrent = false,\n icon,\n id,\n showText = true,\n \"data-testid\": dataTestId\n}) => {\n const componentRef = useRef<HTMLSpanElement>(null);\n const isOverflowing = useIsOverflowing({ ref: componentRef });\n\n return (\n <Tooltip\n disableDialogSlide={true}\n withoutDialog={false}\n content={(isOverflowing \|\| !showText) && text}\n showTrigger={[\"mouseenter\"]}\n hideTrigger={[\"mouseleave\"]}\n addKeyboardHideShowTriggersByDefault={!showText}\n >\n <li\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMB_ITEM, id)}\n className={cx(styles.breadcrumbItemWrapper, className, {\n [styles.disabled]: disabled\n })}\n >\n <BreadcrumbContent\n ref={componentRef}\n isClickable={isClickable}\n link={link}\n onClick={onClick}\n text={text}\n icon={icon}\n isCurrent={isCurrent}\n disabled={disabled}\n showText={showText}\n />\n </li>\n </Tooltip>\n );\n};\n\nexport default BreadcrumbItem;\n"],"names":["BreadcrumbItem","_ref","className","_ref$text","text","disabled","_ref$isClickable","isClickable","link","onClick","_ref$isCurrent","isCurrent","icon","id","_ref$showText","showText","dataTestId","componentRef","useRef","isOverflowing","useIsOverflowing","ref","React","createElement","Tooltip","disableDialogSlide","withoutDialog","content","showTrigger","hideTrigger","addKeyboardHideShowTriggersByDefault","getTestId","ComponentDefaultTestId","BREADCRUMB_ITEM","cx","styles","breadcrumbItemWrapper","_defineProperty","BreadcrumbContent"],"mappings":"wcA4CA,IAAMA,EAAgD,SAAlCC,GAYf,IAXHC,EAASD,EAATC,UAASC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAQJ,EAARI,SAAQC,EAAAL,EACRM,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAIP,EAAJO,KACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAIX,EAAJW,KACAC,EAAEZ,EAAFY,GAAEC,EAAAb,EACFc,SAAAA,OAAW,IAAHD,GAAOA,EACAE,EAAUf,EAAzB,eAEMgB,EAAeC,EAAwB,MACvCC,EAAgBC,EAAiB,CAAEC,IAAKJ,IAE9C,OACEK,EAACC,cAAAC,EACC,CAAAC,oBAAoB,EACpBC,eAAe,EACfC,SAAUR,IAAkBJ,IAAaX,EACzCwB,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,sCAAuCf,GAEvCO,EACEC,cAAA,KAAA,CAAAV,GAAIA,EACS,cAAAG,GAAce,EAAUC,EAAuBC,gBAAiBpB,GAC7EX,UAAWgC,EAAGC,EAAOC,sBAAuBlC,EAASmC,KAClDF,EAAO9B,SAAWA,KAGrBiB,EAAAC,cAACe,EACC,CAAAjB,IAAKJ,EACLV,YAAaA,EACbC,KAAMA,EACNC,QAASA,EACTL,KAAMA,EACNQ,KAAMA,EACND,UAAWA,EACXN,SAAUA,EACVU,SAAUA,KAKpB"}
1	+ {"version":3,"file":"BreadcrumbItem.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { useRef } from \"react\";\nimport useIsOverflowing from \"../../../hooks/useIsOverflowing/useIsOverflowing\";\nimport Tooltip from \"../../../components/Tooltip/Tooltip\";\nimport { BreadcrumbContent } from \"./BreadcrumbContent/BreadcrumbContent\";\nimport { type SubIcon, type VibeComponentProps } from \"../../../types\";\nimport styles from \"./BreadcrumbItem.module.scss\";\n\nexport interface BreadcrumbItemProps extends VibeComponentProps {\n /*\n The display text of the breadcrumb item.\n /\n text?: string;\n /\n If true, the item is disabled.\n /\n disabled?: boolean;\n /\n If true, the item is clickable.\n /\n isClickable?: boolean;\n /\n The URL the item links to if navigation is handled via a link.\n /\n link?: string;\n /\n Callback fired when the item is clicked.\n /\n onClick?: () => void;\n /\n If true, applies styling for the current page.\n /\n isCurrent?: boolean;\n /\n The icon displayed next to the text.\n /\n icon?: SubIcon;\n /\n If true, the breadcrumb text is shown.\n */\n showText?: boolean;\n}\n\nconst BreadcrumbItem: React.FC<BreadcrumbItemProps> = ({\n className,\n text = \"\",\n disabled,\n isClickable = false,\n link,\n onClick,\n isCurrent = false,\n icon,\n id,\n showText = true,\n \"data-testid\": dataTestId\n}) => {\n const componentRef = useRef<HTMLSpanElement>(null);\n const isOverflowing = useIsOverflowing({ ref: componentRef });\n\n return (\n <Tooltip\n disableDialogSlide={true}\n withoutDialog={false}\n content={(isOverflowing \|\| !showText) && text}\n showTrigger={[\"mouseenter\"]}\n hideTrigger={[\"mouseleave\"]}\n addKeyboardHideShowTriggersByDefault={!showText}\n >\n <li\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMB_ITEM, id)}\n className={cx(styles.breadcrumbItemWrapper, className, {\n [styles.disabled]: disabled\n })}\n >\n <BreadcrumbContent\n ref={componentRef}\n isClickable={isClickable}\n link={link}\n onClick={onClick}\n text={text}\n icon={icon}\n isCurrent={isCurrent}\n disabled={disabled}\n showText={showText}\n />\n </li>\n </Tooltip>\n );\n};\n\nexport default BreadcrumbItem;\n"],"names":["BreadcrumbItem","_ref","className","_ref$text","text","disabled","_ref$isClickable","isClickable","link","onClick","_ref$isCurrent","isCurrent","icon","id","_ref$showText","showText","dataTestId","componentRef","useRef","isOverflowing","useIsOverflowing","ref","React","createElement","Tooltip","disableDialogSlide","withoutDialog","content","showTrigger","hideTrigger","addKeyboardHideShowTriggersByDefault","getTestId","ComponentDefaultTestId","BREADCRUMB_ITEM","cx","styles","breadcrumbItemWrapper","_defineProperty","BreadcrumbContent"],"mappings":"wcA4CA,IAAMA,EAAgD,SAAlCC,GAYf,IAXHC,EAASD,EAATC,UAASC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACTE,EAAQJ,EAARI,SAAQC,EAAAL,EACRM,YAAAA,OAAc,IAAHD,GAAQA,EACnBE,EAAIP,EAAJO,KACAC,EAAOR,EAAPQ,QAAOC,EAAAT,EACPU,UAAAA,OAAY,IAAHD,GAAQA,EACjBE,EAAIX,EAAJW,KACAC,EAAEZ,EAAFY,GAAEC,EAAAb,EACFc,SAAAA,OAAW,IAAHD,GAAOA,EACAE,EAAUf,EAAzB,eAEMgB,EAAeC,EAAwB,MACvCC,EAAgBC,EAAiB,CAAEC,IAAKJ,IAE9C,OACEK,EAACC,cAAAC,EACC,CAAAC,oBAAoB,EACpBC,eAAe,EACfC,SAAUR,IAAkBJ,IAAaX,EACzCwB,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,sCAAuCf,GAEvCO,EACEC,cAAA,KAAA,CAAAV,GAAIA,EACS,cAAAG,GAAce,EAAUC,EAAuBC,gBAAiBpB,GAC7EX,UAAWgC,EAAGC,EAAOC,sBAAuBlC,EAASmC,KAClDF,EAAO9B,SAAWA,KAGrBiB,EAAAC,cAACe,EACC,CAAAjB,IAAKJ,EACLV,YAAaA,EACbC,KAAMA,EACNC,QAASA,EACTL,KAAMA,EACNQ,KAAMA,EACND,UAAWA,EACXN,SAAUA,EACVU,SAAUA,KAKpB"}

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_63213c8cdd",disabled:"disabled_96db7a3a5c"};!function(e){const d="s_id-03f482333e23_3_58_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)}(".breadcrumbItemWrapper_63213c8cdd {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_63213c8cdd.disabled_96db7a3a5c {\n  cursor: not-allowed;\n}");export{e as default};
+var e={breadcrumbItemWrapper:"breadcrumbItemWrapper_b16f936b47",disabled:"disabled_a81cd5812e"};!function(e){const d="s_id-03f482333e23_3_58_1";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)}(".breadcrumbItemWrapper_b16f936b47 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}\n\n.breadcrumbItemWrapper_b16f936b47.disabled_a81cd5812e {\n  cursor: not-allowed;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbItem.module.scss.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbMenu.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport MenuButton from \"../../MenuButton/MenuButton\";\nimport { Menu } from \"../../Menu\";\nimport { VibeComponentProps } from \"../../../types\";\nimport styles from \"./BreadcrumbsMenu.module.scss\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface BreadcrumbMenuProps extends VibeComponentProps {\n children: React.ReactNode;\n}\nconst BreadcrumbMenu = forwardRef(\n (\n { children, id, \"data-testid\": dataTestId, ...props }: BreadcrumbMenuProps,\n ref: React.ForwardedRef<HTMLLIElement>\n ) => {\n const menuButtonId = id \|\| \"breadcrumb-menu-button\";\n const menuId = `${menuButtonId}-menu`;\n\n return (\n <li className={styles.breadcrumbMenuWrapper} {...props}>\n <MenuButton\n id={menuButtonId}\n size={\"xxs\"}\n closeMenuOnItemClick\n ariaLabel={\"Hidden breadcrumbs menu\"}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMB_MENU, id)}\n ariaControls={menuId}\n ref={ref}\n >\n <Menu id={menuId} size={\"medium\"} focusItemIndexOnMount={0} ariaLabel=\"Expanded breadcrumbs menu\">\n {children}\n </Menu>\n </MenuButton>\n </li>\n );\n }\n);\n\nexport default BreadcrumbMenu;\n"],"names":["BreadcrumbMenu","forwardRef","_a","ref","children","id","dataTestId","props","__rest","menuButtonId","menuId","concat","React","className","styles","breadcrumbMenuWrapper","createElement","MenuButton","size","closeMenuOnItemClick","ariaLabel","getTestId","ComponentDefaultTestId","BREADCRUMB_MENU","ariaControls","Menu","focusItemIndexOnMount"],"mappings":"kkBAWMA,IAAAA,EAAiBC,GACrB,SACEC,EACAC,GADA,IAAEC,EAAuCF,EAAvCE,SAAUC,EAA6BH,EAA7BG,GAAmBC,EAAUJ,EAAzB,eAA8BK,EAA9CC,EAAAN,EAAA,CAAA,WAAA,KAAA,gBAGMO,EAAeJ,GAAM,yBACrBK,EAAM,GAAAC,OAAMF,EAAmB,SAErC,OACEG,oCAAIC,UAAWC,EAAOC,uBAA2BR,GAC/CK,EAAAI,cAACC,EAAU,CACTZ,GAAII,EACJS,KAAM,MACNC,sBACA,EAAAC,UAAW,0BAAyB,cACvBd,GAAce,EAAUC,EAAuBC,gBAAiBlB,GAC7EmB,aAAcd,EACdP,IAAKA,GAELS,EAACI,cAAAS,GAAKpB,GAAIK,EAAQQ,KAAM,SAAUQ,sBAAuB,EAAGN,UAAU,6BACnEhB,IAKX"}
1	+ {"version":3,"file":"BreadcrumbMenu.js","sources":["../../../../../src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport MenuButton from \"../../MenuButton/MenuButton\";\nimport { Menu } from \"../../Menu\";\nimport { type VibeComponentProps } from \"../../../types\";\nimport styles from \"./BreadcrumbsMenu.module.scss\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface BreadcrumbMenuProps extends VibeComponentProps {\n children: React.ReactNode;\n}\nconst BreadcrumbMenu = forwardRef(\n (\n { children, id, \"data-testid\": dataTestId, ...props }: BreadcrumbMenuProps,\n ref: React.ForwardedRef<HTMLLIElement>\n ) => {\n const menuButtonId = id \|\| \"breadcrumb-menu-button\";\n const menuId = `${menuButtonId}-menu`;\n\n return (\n <li className={styles.breadcrumbMenuWrapper} {...props}>\n <MenuButton\n id={menuButtonId}\n size={\"xxs\"}\n closeMenuOnItemClick\n ariaLabel={\"Hidden breadcrumbs menu\"}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMB_MENU, id)}\n ariaControls={menuId}\n ref={ref}\n >\n <Menu id={menuId} size={\"medium\"} focusItemIndexOnMount={0} ariaLabel=\"Expanded breadcrumbs menu\">\n {children}\n </Menu>\n </MenuButton>\n </li>\n );\n }\n);\n\nexport default BreadcrumbMenu;\n"],"names":["BreadcrumbMenu","forwardRef","_a","ref","children","id","dataTestId","props","__rest","menuButtonId","menuId","concat","React","className","styles","breadcrumbMenuWrapper","createElement","MenuButton","size","closeMenuOnItemClick","ariaLabel","getTestId","ComponentDefaultTestId","BREADCRUMB_MENU","ariaControls","Menu","focusItemIndexOnMount"],"mappings":"kkBAWMA,IAAAA,EAAiBC,GACrB,SACEC,EACAC,GADA,IAAEC,EAAuCF,EAAvCE,SAAUC,EAA6BH,EAA7BG,GAAmBC,EAAUJ,EAAzB,eAA8BK,EAA9CC,EAAAN,EAAA,CAAA,WAAA,KAAA,gBAGMO,EAAeJ,GAAM,yBACrBK,EAAM,GAAAC,OAAMF,EAAmB,SAErC,OACEG,oCAAIC,UAAWC,EAAOC,uBAA2BR,GAC/CK,EAAAI,cAACC,EAAU,CACTZ,GAAII,EACJS,KAAM,MACNC,sBACA,EAAAC,UAAW,0BAAyB,cACvBd,GAAce,EAAUC,EAAuBC,gBAAiBlB,GAC7EmB,aAAcd,EACdP,IAAKA,GAELS,EAACI,cAAAS,GAAKpB,GAAIK,EAAQQ,KAAM,SAAUQ,sBAAuB,EAAGN,UAAU,6BACnEhB,IAKX"}

package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbMenuItem.js","sources":["../../../../../../src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.tsx"],"sourcesContent":["import React, { forwardRef, ForwardRefExoticComponent, RefAttributes } from \"react\";\nimport { MenuItem, MenuItemProps } from \"../../../Menu\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\n\nexport interface BreadcrumbMenuItemProps extends MenuItemProps {\n /** Link to navigate to when item is clicked */\n link?: string;\n}\n\ninterface BreadcrumbMenuItemComponent\n extends ForwardRefExoticComponent<BreadcrumbMenuItemProps & RefAttributes<unknown>> {\n isMenuChild?: boolean;\n isSelectable?: boolean;\n}\n\nconst BreadcrumbMenuItem: BreadcrumbMenuItemComponent = forwardRef<unknown, BreadcrumbMenuItemProps>(\n (\n { id, \"data-testid\": dataTestId, link, onClick, ...rest }: BreadcrumbMenuItemProps,\n ref: React.ForwardedRef<HTMLLIElement>\n ) => {\n const handleClick = link\n ? (event: React.MouseEvent \| React.KeyboardEvent) => {\n if (onClick) onClick(event);\n if (link) window.open(link);\n }\n : onClick;\n\n return (\n <MenuItem\n id={id}\n onClick={handleClick}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMB_MENU_ITEM, id)}\n ref={ref}\n {...rest}\n />\n );\n }\n);\n\nBreadcrumbMenuItem.isMenuChild = true;\nBreadcrumbMenuItem.isSelectable = true;\n\nexport default BreadcrumbMenuItem;\n"],"names":["BreadcrumbMenuItem","forwardRef","_a","ref","id","dataTestId","link","onClick","rest","__rest","React","createElement","MenuItem","Object","assign","event","window","open","getTestId","ComponentDefaultTestId","BREADCRUMB_MENU_ITEM","isMenuChild","isSelectable"],"mappings":"+fAgBMA,IAAAA,EAAkDC,GACtD,SACEC,EACAC,GADA,IAAEC,EAAgFF,EAAhFE,GAAmBC,EAA6DH,EAA5E,eAA2BI,EAAiDJ,EAAjDI,KAAMC,EAA2CL,EAA3CK,QAAYC,EAAIC,EAAAP,EAAvD,uCAUA,OACEQ,EAAAC,cAACC,EAAQC,OAAAC,OAAA,CACPV,GAAIA,EACJG,QAVgBD,EAChB,SAACS,GACKR,GAASA,EAAQQ,GACjBT,GAAMU,OAAOC,KAAKX,EACvB,EACDC,EAKoB,cACPF,GAAca,EAAUC,EAAuBC,qBAAsBhB,GAClFD,IAAKA,GACDK,GAGV,IAGFR,EAAmBqB,aAAc,EACjCrB,EAAmBsB,cAAe"}
1	+ {"version":3,"file":"BreadcrumbMenuItem.js","sources":["../../../../../../src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.tsx"],"sourcesContent":["import React, { forwardRef, type ForwardRefExoticComponent, type RefAttributes } from \"react\";\nimport { MenuItem, type MenuItemProps } from \"../../../Menu\";\nimport { getTestId } from \"../../../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../../../tests/constants\";\n\nexport interface BreadcrumbMenuItemProps extends MenuItemProps {\n /** Link to navigate to when item is clicked */\n link?: string;\n}\n\ninterface BreadcrumbMenuItemComponent\n extends ForwardRefExoticComponent<BreadcrumbMenuItemProps & RefAttributes<unknown>> {\n isMenuChild?: boolean;\n isSelectable?: boolean;\n}\n\nconst BreadcrumbMenuItem: BreadcrumbMenuItemComponent = forwardRef<unknown, BreadcrumbMenuItemProps>(\n (\n { id, \"data-testid\": dataTestId, link, onClick, ...rest }: BreadcrumbMenuItemProps,\n ref: React.ForwardedRef<HTMLLIElement>\n ) => {\n const handleClick = link\n ? (event: React.MouseEvent \| React.KeyboardEvent) => {\n if (onClick) onClick(event);\n if (link) window.open(link);\n }\n : onClick;\n\n return (\n <MenuItem\n id={id}\n onClick={handleClick}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMB_MENU_ITEM, id)}\n ref={ref}\n {...rest}\n />\n );\n }\n);\n\nBreadcrumbMenuItem.isMenuChild = true;\nBreadcrumbMenuItem.isSelectable = true;\n\nexport default BreadcrumbMenuItem;\n"],"names":["BreadcrumbMenuItem","forwardRef","_a","ref","id","dataTestId","link","onClick","rest","__rest","React","createElement","MenuItem","Object","assign","event","window","open","getTestId","ComponentDefaultTestId","BREADCRUMB_MENU_ITEM","isMenuChild","isSelectable"],"mappings":"+fAgBMA,IAAAA,EAAkDC,GACtD,SACEC,EACAC,GADA,IAAEC,EAAgFF,EAAhFE,GAAmBC,EAA6DH,EAA5E,eAA2BI,EAAiDJ,EAAjDI,KAAMC,EAA2CL,EAA3CK,QAAYC,EAAIC,EAAAP,EAAvD,uCAUA,OACEQ,EAAAC,cAACC,EAAQC,OAAAC,OAAA,CACPV,GAAIA,EACJG,QAVgBD,EAChB,SAACS,GACKR,GAASA,EAAQQ,GACjBT,GAAMU,OAAOC,KAAKX,EACvB,EACDC,EAKoB,cACPF,GAAca,EAAUC,EAAuBC,qBAAsBhB,GAClFD,IAAKA,GACDK,GAGV,IAGFR,EAAmBqB,aAAc,EACjCrB,EAAmBsB,cAAe"}

package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_63213c8cdd"};!function(e){const n="s_id-fc5ae89c4b65_3_58_0";if("undefined"!=typeof document){const d=document.head||document.getElementsByTagName("head")[0];if(d.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,d.firstChild?d.insertBefore(t,d.firstChild):d.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbMenuWrapper_63213c8cdd {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
+var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_b16f936b47"};!function(e){const n="s_id-fc5ae89c4b65_3_58_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbMenuWrapper_b16f936b47 {\n  display: inline-flex;\n  overflow: hidden;\n  list-style-type: none;\n  cursor: default;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsMenu.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import React, { ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from \"./BreadcrumbsConstants\";\nimport { BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\nimport { BreadcrumbMenuProps } from \"./BreadcrumbMenu/BreadcrumbMenu\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n /*\n The type of the breadcrumb bar, determining if it is navigational or for indication only.\n /\n type: BreadcrumbsBarType;\n /\n The breadcrumb items displayed in the bar.\n */\n children:\n \| ReactElement<BreadcrumbItemProps \| BreadcrumbMenuProps>\n \| ReactElement<BreadcrumbItemProps \| BreadcrumbMenuProps>[];\n}\n\nconst BreadcrumbsBar = ({\n className,\n children,\n type = \"indication\",\n id,\n \"data-testid\": dataTestId\n}: BreadcrumbBarProps) => (\n <nav\n aria-label=\"Breadcrumb\"\n className={cx(styles.breadcrumbsBar, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMBS_BAR, id)}\n >\n <ol>\n {children &&\n React.Children.map(children, (child, index) =>\n React.isValidElement(child)\n ? [\n index > 0 && <NavigationChevronRight className={styles.separatorIcon} size=\"14\" aria-hidden=\"true\" />,\n React.cloneElement(child, {\n ...child?.props,\n isClickable: type !== \"indication\"\n })\n ]\n : null\n )}\n </ol>\n </nav>\n);\n\ninterface BreadcrumbsBarStaticProps {\n types: typeof BreadcrumbsBarTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<BreadcrumbBarProps, BreadcrumbsBarStaticProps>(BreadcrumbsBar, {\n types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","children","_ref$type","type","id","dataTestId","React","createElement","className","cx","styles","breadcrumbsBar","getTestId","ComponentDefaultTestId","BREADCRUMBS_BAR","Children","map","child","index","isValidElement","NavigationChevronRight","separatorIcon","size","cloneElement","Object","assign","props","isClickable","types","BreadcrumbsBarTypeEnum"],"mappings":"waAwBA,IAkCeA,EAAAA,GAlCQ,SAAHC,GAAA,IAElBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAO,IAAHD,EAAG,aAAYA,EACnBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAa,OAEbM,EACaC,cAAA,MAAA,CAAA,aAAA,aACXC,UAAWC,EAAGC,EAAOC,eARdX,EAATQ,WASEJ,GAAIA,EAAE,cACOC,GAAcO,EAAUC,EAAuBC,gBAAiBV,IAE7EE,EAAAC,cAAA,KAAA,KACGN,GACCK,EAAMS,SAASC,IAAIf,GAAU,SAACgB,EAAOC,GAAK,OACxCZ,EAAMa,eAAeF,GACjB,CACEC,EAAQ,GAAKZ,EAACC,cAAAa,GAAuBZ,UAAWE,EAAOW,cAAeC,KAAK,KAAI,cAAa,SAC5FhB,EAAMiB,aAAaN,EACdO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAR,aAAK,EAALA,EAAOS,OACV,CAAAC,YAAsB,eAATxB,MAGjB,IAAI,KAGV,GAOuG,CAC7GyB,MAAOC"}
1	+ {"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import React, { type ReactElement } from \"react\";\nimport cx from \"classnames\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { NavigationChevronRight } from \"@vibe/icons\";\nimport { BreadcrumbsBarType as BreadcrumbsBarTypeEnum } from \"./BreadcrumbsConstants\";\nimport { type BreadcrumbsBarType } from \"./Breadcrumbs.types\";\nimport { type BreadcrumbItemProps } from \"./BreadcrumbItem/BreadcrumbItem\";\nimport { type VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\nimport { type BreadcrumbMenuProps } from \"./BreadcrumbMenu/BreadcrumbMenu\";\n\nexport interface BreadcrumbBarProps extends VibeComponentProps {\n /*\n The type of the breadcrumb bar, determining if it is navigational or for indication only.\n /\n type: BreadcrumbsBarType;\n /\n The breadcrumb items displayed in the bar.\n */\n children:\n \| ReactElement<BreadcrumbItemProps \| BreadcrumbMenuProps>\n \| ReactElement<BreadcrumbItemProps \| BreadcrumbMenuProps>[];\n}\n\nconst BreadcrumbsBar = ({\n className,\n children,\n type = \"indication\",\n id,\n \"data-testid\": dataTestId\n}: BreadcrumbBarProps) => (\n <nav\n aria-label=\"Breadcrumb\"\n className={cx(styles.breadcrumbsBar, className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BREADCRUMBS_BAR, id)}\n >\n <ol>\n {children &&\n React.Children.map(children, (child, index) =>\n React.isValidElement(child)\n ? [\n index > 0 && <NavigationChevronRight className={styles.separatorIcon} size=\"14\" aria-hidden=\"true\" />,\n React.cloneElement(child, {\n ...child?.props,\n isClickable: type !== \"indication\"\n })\n ]\n : null\n )}\n </ol>\n </nav>\n);\n\ninterface BreadcrumbsBarStaticProps {\n types: typeof BreadcrumbsBarTypeEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<BreadcrumbBarProps, BreadcrumbsBarStaticProps>(BreadcrumbsBar, {\n types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","children","_ref$type","type","id","dataTestId","React","createElement","className","cx","styles","breadcrumbsBar","getTestId","ComponentDefaultTestId","BREADCRUMBS_BAR","Children","map","child","index","isValidElement","NavigationChevronRight","separatorIcon","size","cloneElement","Object","assign","props","isClickable","types","BreadcrumbsBarTypeEnum"],"mappings":"waAwBA,IAkCeA,EAAAA,GAlCQ,SAAHC,GAAA,IAElBC,EAAQD,EAARC,SAAQC,EAAAF,EACRG,KAAAA,OAAO,IAAHD,EAAG,aAAYA,EACnBE,EAAEJ,EAAFI,GACeC,EAAUL,EAAzB,eAAa,OAEbM,EACaC,cAAA,MAAA,CAAA,aAAA,aACXC,UAAWC,EAAGC,EAAOC,eARdX,EAATQ,WASEJ,GAAIA,EAAE,cACOC,GAAcO,EAAUC,EAAuBC,gBAAiBV,IAE7EE,EAAAC,cAAA,KAAA,KACGN,GACCK,EAAMS,SAASC,IAAIf,GAAU,SAACgB,EAAOC,GAAK,OACxCZ,EAAMa,eAAeF,GACjB,CACEC,EAAQ,GAAKZ,EAACC,cAAAa,GAAuBZ,UAAWE,EAAOW,cAAeC,KAAK,KAAI,cAAa,SAC5FhB,EAAMiB,aAAaN,EACdO,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAR,aAAK,EAALA,EAAOS,OACV,CAAAC,YAAsB,eAATxB,MAGjB,IAAI,KAGV,GAOuG,CAC7GyB,MAAOC"}

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

@@ -1,2 +1,2 @@
-var e={breadcrumbsBar:"breadcrumbsBar_98e07bd818",separatorIcon:"separatorIcon_65f44c3b61"};!function(e){const n="s_id-24567fd55d40_3_58_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_98e07bd818 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_98e07bd818 ol .separatorIcon_65f44c3b61 {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
+var e={breadcrumbsBar:"breadcrumbsBar_93a6095b15",separatorIcon:"separatorIcon_350997d628"};!function(e){const n="s_id-24567fd55d40_3_58_1";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".breadcrumbsBar_93a6095b15 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_93a6095b15 ol .separatorIcon_350997d628 {\n  color: var(--secondary-text-color);\n  flex-shrink: 0;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbsBar.module.scss.js.map

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable react/button-has-type /\nimport React, { AriaAttributes, forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../constants\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Loader from \"../../components/Loader/Loader\";\nimport {\n BUTTON_ICON_SIZE,\n ButtonColor as ButtonColorEnum,\n ButtonInputType as ButtonInputTypeEnum,\n ButtonType as ButtonTypeEnum,\n SMALL_BUTTON_ICON_SIZE\n} from \"./ButtonConstants\";\nimport { ButtonColor, ButtonInputType, ButtonType, ButtonSize } from \"./Button.types\";\nimport { getParentBackgroundColorNotTransparent, TRANSPARENT_COLOR } from \"./helper/dom-helpers\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { SubIcon, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./Button.module.scss\";\nimport { useButtonLoading } from \"./helper/useButtonLoading\";\n\nexport interface ButtonProps extends VibeComponentProps {\n children: React.ReactNode;\n /* Custom class names to pass to the component /\n className?: string;\n activeButtonClassName?: string;\n /* The button's kind /\n kind?: ButtonType;\n /* Callback function to run when the button is clicked /\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* Blur on button click /\n blurOnMouseUp?: boolean;\n /* Name of the button - for form submit usages /\n name?: string;\n /* The button's size /\n size?: ButtonSize;\n /* The button's color /\n color?: ButtonColor;\n /* The button's type /\n type?: ButtonInputType;\n /* Whether the button should be disabled or not /\n disabled?: boolean;\n /* Icon to place on the right /\n rightIcon?: SubIcon;\n /* Icon to place on the left /\n leftIcon?: SubIcon;\n /* the success props are used when you have async action and wants to display a success message /\n success?: boolean;\n /* Success icon name /\n successIcon?: SubIcon;\n /* Success text /\n successText?: string;\n /* loading boolean which switches the text to a loader /\n loading?: boolean;\n /* className which is applied to loader container /\n loaderClassName?: string;\n style?: React.CSSProperties;\n / displays the active state /\n active?: boolean;\n /* id to pass to the button /\n id?: string;\n /* adds 8px margin to the right /\n marginRight?: boolean;\n /* adds 8px margin to the left /\n marginLeft?: boolean;\n /* element id to describe the button accordingly /\n ariaLabeledBy?: string;\n /* aria label to provide important when providing only Icon /\n ariaLabel?: string;\n /* aria for a button popup /\n ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n /* aria to be set if the popup is open /\n ariaExpanded?: boolean;\n /* aria controls - receives id for the controlled region /\n ariaControls?: string;\n \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n /\n aria to be used for screen reader to know if the button is hidden\n /\n \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n /\n Indicates the current \"pressed\" state of toggle buttons\n /\n \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n /* On Button Focus callback /\n onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n /* On Button Blur callback /\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n rightFlat?: boolean;\n leftFlat?: boolean;\n preventClickAnimation?: boolean;\n noSidePadding?: boolean;\n /* default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...) /\n defaultTextColorOnPrimaryColor?: string;\n \"data-testid\"?: string;\n /* Change the focus indicator from around the button to within it /\n insetFocus?: boolean;\n /* Specifies the tab order of an element */\n tabIndex?: number;\n}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n children,\n kind = \"primary\",\n onClick = NOOP,\n name,\n size = \"medium\",\n color = \"primary\",\n disabled = false,\n rightIcon = null,\n leftIcon = null,\n success = false,\n successText = \"\",\n successIcon = null,\n style,\n loading: isLoading = false,\n loaderClassName,\n active = false,\n activeButtonClassName,\n id,\n marginRight = false,\n marginLeft = false,\n type = \"button\",\n onMouseDown = NOOP,\n ariaLabel,\n rightFlat = false,\n leftFlat = false,\n preventClickAnimation = false,\n noSidePadding = false,\n onFocus = NOOP,\n onBlur = NOOP,\n ariaLabeledBy,\n defaultTextColorOnPrimaryColor = TRANSPARENT_COLOR,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed,\n blurOnMouseUp = true,\n \"data-testid\": dataTestId,\n insetFocus = false,\n tabIndex\n }: ButtonProps,\n ref\n ) => {\n const buttonRef = useRef<HTMLButtonElement>(null);\n const mergedRef = useMergeRef(ref, buttonRef);\n\n const { loading } = useButtonLoading({ isLoading });\n\n useEffect(() => {\n if (color !== \"on-primary-color\" && color !== \"fixed-light\") return;\n if (kind !== \"primary\") return;\n if (!buttonRef.current) return;\n\n const buttonElement = buttonRef.current;\n buttonElement.style.color = getParentBackgroundColorNotTransparent(buttonElement, defaultTextColorOnPrimaryColor);\n }, [kind, buttonRef, color, defaultTextColorOnPrimaryColor]);\n\n const onMouseUp = useCallback(() => {\n const button = buttonRef.current;\n if (disabled \|\| !button) {\n return;\n }\n if (blurOnMouseUp) {\n button.blur();\n }\n }, [disabled, buttonRef, blurOnMouseUp]);\n\n const onButtonClicked = useCallback(\n (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled \|\| loading \|\| success) {\n event.preventDefault();\n return;\n }\n\n if (onClick) {\n onClick(event);\n }\n },\n [onClick, disabled, loading, success]\n );\n\n const onMouseDownClicked = useCallback(\n (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled \|\| loading \|\| success) {\n event.preventDefault();\n return;\n }\n\n if (onMouseDown) {\n onMouseDown(event);\n }\n },\n [onMouseDown, disabled, loading, success]\n );\n\n const classNames = useMemo(() => {\n const calculatedColor = success ? \"positive\" : color;\n return cx(\n className,\n styles.button,\n getStyle(styles, camelCase(\"size-\" + size)),\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + calculatedColor)),\n {\n [styles.success]: success,\n [getStyle(styles, camelCase(\"color-\" + calculatedColor + \"-active\"))]: active,\n [activeButtonClassName]: active,\n [styles.marginRight]: marginRight,\n [styles.marginLeft]: marginLeft,\n [styles.rightFlat]: rightFlat,\n [styles.leftFlat]: leftFlat,\n [styles.preventClickAnimation]: preventClickAnimation,\n [styles.noSidePadding]: noSidePadding,\n [styles.disabled]: disabled,\n [styles.insetFocusStyle]: insetFocus\n }\n );\n }, [\n success,\n color,\n className,\n size,\n kind,\n active,\n activeButtonClassName,\n marginRight,\n marginLeft,\n rightFlat,\n leftFlat,\n preventClickAnimation,\n noSidePadding,\n disabled,\n insetFocus\n ]);\n\n const buttonProps = useMemo(() => {\n const props: Record<string, unknown> = {\n ref: mergedRef,\n type,\n className: classNames,\n name,\n onMouseUp,\n style,\n onClick: onButtonClicked,\n id,\n onFocus,\n onBlur,\n tabIndex: disabled \|\| ariaHidden ? -1 : tabIndex,\n \"data-testid\": dataTestId \|\| getTestId(ComponentDefaultTestId.BUTTON, id),\n \"data-vibe\": ComponentVibeId.BUTTON,\n onMouseDown: onMouseDownClicked,\n \"aria-disabled\": disabled,\n \"aria-busy\": loading,\n \"aria-labelledby\": ariaLabeledBy,\n \"aria-label\": ariaLabel,\n \"aria-haspopup\": ariaHasPopup,\n \"aria-expanded\": ariaExpanded,\n \"aria-controls\": ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed\n };\n return props;\n }, [\n mergedRef,\n type,\n classNames,\n name,\n onMouseUp,\n style,\n onButtonClicked,\n id,\n onFocus,\n onBlur,\n tabIndex,\n dataTestId,\n onMouseDownClicked,\n disabled,\n loading,\n ariaLabeledBy,\n ariaLabel,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n ariaDescribedBy,\n ariaHidden,\n ariaPressed\n ]);\n\n const iconSize = useCallback(\n (icon: SubIcon) => {\n if (typeof icon !== \"function\") return;\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return SMALL_BUTTON_ICON_SIZE;\n default:\n return BUTTON_ICON_SIZE;\n }\n },\n [size]\n );\n\n const hasRenderableChildren = useMemo(() => React.Children.toArray(children).some(Boolean), [children]);\n\n const buttonContent = useMemo(\n () => (\n <>\n {leftIcon ? (\n <Icon\n iconType=\"font\"\n icon={leftIcon}\n iconSize={iconSize(leftIcon)}\n className={cx({\n [styles.leftIcon]: hasRenderableChildren\n })}\n ignoreFocusStyle\n />\n ) : null}\n {children}\n {rightIcon ? (\n <Icon\n iconType=\"font\"\n icon={rightIcon}\n iconSize={iconSize(rightIcon)}\n className={cx({\n [styles.rightIcon]: hasRenderableChildren\n })}\n ignoreFocusStyle\n />\n ) : null}\n </>\n ),\n [children, hasRenderableChildren, iconSize, leftIcon, rightIcon]\n );\n\n if (loading) {\n return (\n <button {...buttonProps} key={`${id}-loading`}>\n <span className={cx(styles.loader, loaderClassName)}>\n <Loader className={styles.loaderSvg} />\n <span aria-hidden className={styles.textPlaceholder}>\n {buttonContent}\n </span>\n </span>\n </button>\n );\n }\n\n if (success) {\n return (\n <button {...buttonProps} key={`${id}-success`}>\n <span className={styles.successContent}>\n {successIcon ? (\n <Icon\n iconType=\"font\"\n icon={successIcon}\n iconSize={iconSize(successIcon)}\n className={cx({\n [styles.leftIcon]: !!successText\n })}\n ignoreFocusStyle\n />\n ) : null}\n {successText}\n </span>\n <span aria-hidden=\"true\" className={styles.textPlaceholder}>\n {buttonContent}\n </span>\n </button>\n );\n }\n\n return (\n <button {...buttonProps} key={`${id}-button`}>\n {buttonContent}\n </button>\n );\n }\n);\n\ninterface ButtonStaticProps {\n sizes: typeof SIZES;\n colors: typeof ButtonColorEnum;\n kinds: typeof ButtonTypeEnum;\n types: typeof ButtonInputTypeEnum;\n inputTags: typeof ButtonInputTypeEnum;\n}\n\nexport default withStaticProps<ButtonProps, ButtonStaticProps>(Button, {\n sizes: SIZES,\n colors: ButtonColorEnum,\n kinds: ButtonTypeEnum,\n types: ButtonInputTypeEnum,\n inputTags: ButtonInputTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","children","_ref$kind","kind","_ref$onClick","onClick","NOOP","name","_ref$size","size","_ref$color","color","_ref$disabled","disabled","_ref$rightIcon","rightIcon","_ref$leftIcon","leftIcon","_ref$success","success","_ref$successText","successText","_ref$successIcon","successIcon","style","_ref$loading","loading","isLoading","loaderClassName","_ref$active","active","activeButtonClassName","id","_ref$marginRight","marginRight","_ref$marginLeft","marginLeft","_ref$type","type","_ref$onMouseDown","onMouseDown","ariaLabel","_ref$rightFlat","rightFlat","_ref$leftFlat","leftFlat","_ref$preventClickAnim","preventClickAnimation","_ref$noSidePadding","noSidePadding","_ref$onFocus","onFocus","_ref$onBlur","onBlur","ariaLabeledBy","_ref$defaultTextColor","defaultTextColorOnPrimaryColor","TRANSPARENT_COLOR","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","_ref$blurOnMouseUp","blurOnMouseUp","dataTestId","_ref$insetFocus","insetFocus","tabIndex","buttonRef","useRef","mergedRef","useMergeRef","useButtonLoading","useEffect","current","buttonElement","getParentBackgroundColorNotTransparent","onMouseUp","useCallback","button","blur","onButtonClicked","event","preventDefault","onMouseDownClicked","classNames","useMemo","_cx","calculatedColor","cx","styles","getStyle","camelCase","_defineProperty","insetFocusStyle","buttonProps","getTestId","ComponentDefaultTestId","BUTTON","ComponentVibeId","iconSize","icon","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE","hasRenderableChildren","React","Children","toArray","some","Boolean","buttonContent","createElement","Fragment","Icon","iconType","ignoreFocusStyle","key","concat","loader","Loader","loaderSvg","textPlaceholder","successContent","Object","assign","sizes","SIZES","colors","ButtonColorEnum","kinds","ButtonTypeEnum","types","ButtonInputTypeEnum","inputTags"],"mappings":"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"}
1	+ {"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable react/button-has-type /\nimport React, { type AriaAttributes, forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../constants\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Loader from \"../../components/Loader/Loader\";\nimport {\n BUTTON_ICON_SIZE,\n ButtonColor as ButtonColorEnum,\n ButtonInputType as ButtonInputTypeEnum,\n ButtonType as ButtonTypeEnum,\n SMALL_BUTTON_ICON_SIZE\n} from \"./ButtonConstants\";\nimport { type ButtonColor, type ButtonInputType, type ButtonType, type ButtonSize } from \"./Button.types\";\nimport { getParentBackgroundColorNotTransparent, TRANSPARENT_COLOR } from \"./helper/dom-helpers\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { type SubIcon, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./Button.module.scss\";\nimport { useButtonLoading } from \"./helper/useButtonLoading\";\n\nexport interface ButtonProps extends VibeComponentProps {\n children: React.ReactNode;\n /* Custom class names to pass to the component /\n className?: string;\n activeButtonClassName?: string;\n /* The button's kind /\n kind?: ButtonType;\n /* Callback function to run when the button is clicked /\n onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n onMouseDown?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n /* Blur on button click /\n blurOnMouseUp?: boolean;\n /* Name of the button - for form submit usages /\n name?: string;\n /* The button's size /\n size?: ButtonSize;\n /* The button's color /\n color?: ButtonColor;\n /* The button's type /\n type?: ButtonInputType;\n /* Whether the button should be disabled or not /\n disabled?: boolean;\n /* Icon to place on the right /\n rightIcon?: SubIcon;\n /* Icon to place on the left /\n leftIcon?: SubIcon;\n /* the success props are used when you have async action and wants to display a success message /\n success?: boolean;\n /* Success icon name /\n successIcon?: SubIcon;\n /* Success text /\n successText?: string;\n /* loading boolean which switches the text to a loader /\n loading?: boolean;\n /* className which is applied to loader container /\n loaderClassName?: string;\n style?: React.CSSProperties;\n / displays the active state /\n active?: boolean;\n /* id to pass to the button /\n id?: string;\n /* adds 8px margin to the right /\n marginRight?: boolean;\n /* adds 8px margin to the left /\n marginLeft?: boolean;\n /* element id to describe the button accordingly /\n ariaLabeledBy?: string;\n /* aria label to provide important when providing only Icon /\n ariaLabel?: string;\n /* aria for a button popup /\n ariaHasPopup?: React.HTMLProps<HTMLButtonElement>[\"aria-haspopup\"];\n /* aria to be set if the popup is open /\n ariaExpanded?: boolean;\n /* aria controls - receives id for the controlled region /\n ariaControls?: string;\n \"aria-describedby\"?: AriaAttributes[\"aria-describedby\"];\n /\n aria to be used for screen reader to know if the button is hidden\n /\n \"aria-hidden\"?: AriaAttributes[\"aria-hidden\"];\n /\n Indicates the current \"pressed\" state of toggle buttons\n /\n \"aria-pressed\"?: AriaAttributes[\"aria-pressed\"];\n /* On Button Focus callback /\n onFocus?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n /* On Button Blur callback /\n onBlur?: (event: React.FocusEvent<HTMLButtonElement>) => void;\n rightFlat?: boolean;\n leftFlat?: boolean;\n preventClickAnimation?: boolean;\n noSidePadding?: boolean;\n /* default color for text color in ON_PRIMARY_COLOR kind (should be any type of css color (rbg, var, hex...) /\n defaultTextColorOnPrimaryColor?: string;\n \"data-testid\"?: string;\n /* Change the focus indicator from around the button to within it /\n insetFocus?: boolean;\n /* Specifies the tab order of an element */\n tabIndex?: number;\n}\n\nconst Button = forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n className,\n children,\n kind = \"primary\",\n onClick = NOOP,\n name,\n size = \"medium\",\n color = \"primary\",\n disabled = false,\n rightIcon = null,\n leftIcon = null,\n success = false,\n successText = \"\",\n successIcon = null,\n style,\n loading: isLoading = false,\n loaderClassName,\n active = false,\n activeButtonClassName,\n id,\n marginRight = false,\n marginLeft = false,\n type = \"button\",\n onMouseDown = NOOP,\n ariaLabel,\n rightFlat = false,\n leftFlat = false,\n preventClickAnimation = false,\n noSidePadding = false,\n onFocus = NOOP,\n onBlur = NOOP,\n ariaLabeledBy,\n defaultTextColorOnPrimaryColor = TRANSPARENT_COLOR,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed,\n blurOnMouseUp = true,\n \"data-testid\": dataTestId,\n insetFocus = false,\n tabIndex\n }: ButtonProps,\n ref\n ) => {\n const buttonRef = useRef<HTMLButtonElement>(null);\n const mergedRef = useMergeRef(ref, buttonRef);\n\n const { loading } = useButtonLoading({ isLoading });\n\n useEffect(() => {\n if (color !== \"on-primary-color\" && color !== \"fixed-light\") return;\n if (kind !== \"primary\") return;\n if (!buttonRef.current) return;\n\n const buttonElement = buttonRef.current;\n buttonElement.style.color = getParentBackgroundColorNotTransparent(buttonElement, defaultTextColorOnPrimaryColor);\n }, [kind, buttonRef, color, defaultTextColorOnPrimaryColor]);\n\n const onMouseUp = useCallback(() => {\n const button = buttonRef.current;\n if (disabled \|\| !button) {\n return;\n }\n if (blurOnMouseUp) {\n button.blur();\n }\n }, [disabled, buttonRef, blurOnMouseUp]);\n\n const onButtonClicked = useCallback(\n (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled \|\| loading \|\| success) {\n event.preventDefault();\n return;\n }\n\n if (onClick) {\n onClick(event);\n }\n },\n [onClick, disabled, loading, success]\n );\n\n const onMouseDownClicked = useCallback(\n (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => {\n if (disabled \|\| loading \|\| success) {\n event.preventDefault();\n return;\n }\n\n if (onMouseDown) {\n onMouseDown(event);\n }\n },\n [onMouseDown, disabled, loading, success]\n );\n\n const classNames = useMemo(() => {\n const calculatedColor = success ? \"positive\" : color;\n return cx(\n className,\n styles.button,\n getStyle(styles, camelCase(\"size-\" + size)),\n getStyle(styles, camelCase(\"kind-\" + kind)),\n getStyle(styles, camelCase(\"color-\" + calculatedColor)),\n {\n [styles.success]: success,\n [getStyle(styles, camelCase(\"color-\" + calculatedColor + \"-active\"))]: active,\n [activeButtonClassName]: active,\n [styles.marginRight]: marginRight,\n [styles.marginLeft]: marginLeft,\n [styles.rightFlat]: rightFlat,\n [styles.leftFlat]: leftFlat,\n [styles.preventClickAnimation]: preventClickAnimation,\n [styles.noSidePadding]: noSidePadding,\n [styles.disabled]: disabled,\n [styles.insetFocusStyle]: insetFocus\n }\n );\n }, [\n success,\n color,\n className,\n size,\n kind,\n active,\n activeButtonClassName,\n marginRight,\n marginLeft,\n rightFlat,\n leftFlat,\n preventClickAnimation,\n noSidePadding,\n disabled,\n insetFocus\n ]);\n\n const buttonProps = useMemo(() => {\n const props: Record<string, unknown> = {\n ref: mergedRef,\n type,\n className: classNames,\n name,\n onMouseUp,\n style,\n onClick: onButtonClicked,\n id,\n onFocus,\n onBlur,\n tabIndex: disabled \|\| ariaHidden ? -1 : tabIndex,\n \"data-testid\": dataTestId \|\| getTestId(ComponentDefaultTestId.BUTTON, id),\n \"data-vibe\": ComponentVibeId.BUTTON,\n onMouseDown: onMouseDownClicked,\n \"aria-disabled\": disabled,\n \"aria-busy\": loading,\n \"aria-labelledby\": ariaLabeledBy,\n \"aria-label\": ariaLabel,\n \"aria-haspopup\": ariaHasPopup,\n \"aria-expanded\": ariaExpanded,\n \"aria-controls\": ariaControls,\n \"aria-describedby\": ariaDescribedBy,\n \"aria-hidden\": ariaHidden,\n \"aria-pressed\": ariaPressed\n };\n return props;\n }, [\n mergedRef,\n type,\n classNames,\n name,\n onMouseUp,\n style,\n onButtonClicked,\n id,\n onFocus,\n onBlur,\n tabIndex,\n dataTestId,\n onMouseDownClicked,\n disabled,\n loading,\n ariaLabeledBy,\n ariaLabel,\n ariaHasPopup,\n ariaExpanded,\n ariaControls,\n ariaDescribedBy,\n ariaHidden,\n ariaPressed\n ]);\n\n const iconSize = useCallback(\n (icon: SubIcon) => {\n if (typeof icon !== \"function\") return;\n switch (size) {\n case \"xxs\":\n case \"xs\":\n return SMALL_BUTTON_ICON_SIZE;\n default:\n return BUTTON_ICON_SIZE;\n }\n },\n [size]\n );\n\n const hasRenderableChildren = useMemo(() => React.Children.toArray(children).some(Boolean), [children]);\n\n const buttonContent = useMemo(\n () => (\n <>\n {leftIcon ? (\n <Icon\n iconType=\"font\"\n icon={leftIcon}\n iconSize={iconSize(leftIcon)}\n className={cx({\n [styles.leftIcon]: hasRenderableChildren\n })}\n ignoreFocusStyle\n />\n ) : null}\n {children}\n {rightIcon ? (\n <Icon\n iconType=\"font\"\n icon={rightIcon}\n iconSize={iconSize(rightIcon)}\n className={cx({\n [styles.rightIcon]: hasRenderableChildren\n })}\n ignoreFocusStyle\n />\n ) : null}\n </>\n ),\n [children, hasRenderableChildren, iconSize, leftIcon, rightIcon]\n );\n\n if (loading) {\n return (\n <button {...buttonProps} key={`${id}-loading`}>\n <span className={cx(styles.loader, loaderClassName)}>\n <Loader className={styles.loaderSvg} />\n <span aria-hidden className={styles.textPlaceholder}>\n {buttonContent}\n </span>\n </span>\n </button>\n );\n }\n\n if (success) {\n return (\n <button {...buttonProps} key={`${id}-success`}>\n <span className={styles.successContent}>\n {successIcon ? (\n <Icon\n iconType=\"font\"\n icon={successIcon}\n iconSize={iconSize(successIcon)}\n className={cx({\n [styles.leftIcon]: !!successText\n })}\n ignoreFocusStyle\n />\n ) : null}\n {successText}\n </span>\n <span aria-hidden=\"true\" className={styles.textPlaceholder}>\n {buttonContent}\n </span>\n </button>\n );\n }\n\n return (\n <button {...buttonProps} key={`${id}-button`}>\n {buttonContent}\n </button>\n );\n }\n);\n\ninterface ButtonStaticProps {\n sizes: typeof SIZES;\n colors: typeof ButtonColorEnum;\n kinds: typeof ButtonTypeEnum;\n types: typeof ButtonInputTypeEnum;\n inputTags: typeof ButtonInputTypeEnum;\n}\n\nexport default withStaticProps<ButtonProps, ButtonStaticProps>(Button, {\n sizes: SIZES,\n colors: ButtonColorEnum,\n kinds: ButtonTypeEnum,\n types: ButtonInputTypeEnum,\n inputTags: ButtonInputTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","children","_ref$kind","kind","_ref$onClick","onClick","NOOP","name","_ref$size","size","_ref$color","color","_ref$disabled","disabled","_ref$rightIcon","rightIcon","_ref$leftIcon","leftIcon","_ref$success","success","_ref$successText","successText","_ref$successIcon","successIcon","style","_ref$loading","loading","isLoading","loaderClassName","_ref$active","active","activeButtonClassName","id","_ref$marginRight","marginRight","_ref$marginLeft","marginLeft","_ref$type","type","_ref$onMouseDown","onMouseDown","ariaLabel","_ref$rightFlat","rightFlat","_ref$leftFlat","leftFlat","_ref$preventClickAnim","preventClickAnimation","_ref$noSidePadding","noSidePadding","_ref$onFocus","onFocus","_ref$onBlur","onBlur","ariaLabeledBy","_ref$defaultTextColor","defaultTextColorOnPrimaryColor","TRANSPARENT_COLOR","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","_ref$blurOnMouseUp","blurOnMouseUp","dataTestId","_ref$insetFocus","insetFocus","tabIndex","buttonRef","useRef","mergedRef","useMergeRef","useButtonLoading","useEffect","current","buttonElement","getParentBackgroundColorNotTransparent","onMouseUp","useCallback","button","blur","onButtonClicked","event","preventDefault","onMouseDownClicked","classNames","useMemo","_cx","calculatedColor","cx","styles","getStyle","camelCase","_defineProperty","insetFocusStyle","buttonProps","getTestId","ComponentDefaultTestId","BUTTON","ComponentVibeId","iconSize","icon","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE","hasRenderableChildren","React","Children","toArray","some","Boolean","buttonContent","createElement","Fragment","Icon","iconType","ignoreFocusStyle","key","concat","loader","Loader","loaderSvg","textPlaceholder","successContent","Object","assign","sizes","SIZES","colors","ButtonColorEnum","kinds","ButtonTypeEnum","types","ButtonInputTypeEnum","inputTags"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var o={button:"button_6cbb3c0418","focus-visible":"focus-visible_c354c93c79",loader:"loader_aed82ff98d",loaderSvg:"loaderSvg_02f7db4c45",textPlaceholder:"textPlaceholder_4ed6391041",success:"success_1dae63cd4d",successContent:"successContent_79291831e1",marginRight:"marginRight_5b96276afe",marginLeft:"marginLeft_b8e4f7732c",rightFlat:"rightFlat_e29615c0b8",leftFlat:"leftFlat_b6f91d5261",preventClickAnimation:"preventClickAnimation_ddeb3a5d01",leftIcon:"leftIcon_5b96276afe",rightIcon:"rightIcon_b8e4f7732c",sizeXxs:"sizeXxs_4540171f27",sizeXs:"sizeXs_bb101e5268",sizeSmall:"sizeSmall_016c363592",sizeMedium:"sizeMedium_30180828ed",sizeLarge:"sizeLarge_4ee4082e9b",kindPrimary:"kindPrimary_383817a7f8",colorPrimary:"colorPrimary_0e1285bf0d",colorBrand:"colorBrand_f8a91d385b",colorPrimaryActive:"colorPrimaryActive_9cf81bd2fc",colorBrandActive:"colorBrandActive_fb142d74ed",colorPositive:"colorPositive_a741e9e9bb",colorPositiveActive:"colorPositiveActive_574fce307d",colorNegative:"colorNegative_39c91823f4",colorNegativeActive:"colorNegativeActive_574fce307d",colorInverted:"colorInverted_d6a6e6c3ee",colorInvertedActive:"colorInvertedActive_574fce307d",disabled:"disabled_74f7a5cfe7",colorOnPrimaryColor:"colorOnPrimaryColor_3d5c68d150",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_f49ec9aabf",colorFixedLight:"colorFixedLight_cfa3886f5e",colorFixedLightActive:"colorFixedLightActive_ddeb3a5d01",colorFixedDark:"colorFixedDark_599a7b5857",colorFixedDarkActive:"colorFixedDarkActive_3af13eb8a3",colorOnInvertedBackground:"colorOnInvertedBackground_78593dc4db",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_d1074dc43c",kindSecondary:"kindSecondary_95e6c7d6bf",kindTertiary:"kindTertiary_d41c92797a",noSidePadding:"noSidePadding_65c8bfdbac",insetFocusStyle:"insetFocusStyle_ee4b93ba35"};!function(o){const r="s_id-f5db469b1a79_3_58_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const c=document.createElement("style");c.id=r,n.firstChild?n.insertBefore(c,n.firstChild):n.appendChild(c),c.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}("/* stylelint-disable selector-class-pattern */\n.button_6cbb3c0418 {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* Prevent text selection */\n  user-select: none;\n  min-width: auto;\n}\n.button_6cbb3c0418:focus-visible, .button_6cbb3c0418.focus-visible_c354c93c79 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_6cbb3c0418:focus:not(.focus-visible_c354c93c79) {\n  outline: none;\n}\n.button_6cbb3c0418 .loader_aed82ff98d {\n  height: 100%;\n}\n.button_6cbb3c0418 .loader_aed82ff98d .loaderSvg_02f7db4c45 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_6cbb3c0418 .textPlaceholder_4ed6391041 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_6cbb3c0418.success_1dae63cd4d {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_6cbb3c0418.success_1dae63cd4d .successContent_79291831e1 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_5b96276afe {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_b8e4f7732c {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_e29615c0b8 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_b6f91d5261 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_6cbb3c0418:active:not(.preventClickAnimation_ddeb3a5d01) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_6cbb3c0418 .leftIcon_5b96276afe {\n  margin-right: var(--spacing-small);\n}\n.button_6cbb3c0418 .rightIcon_b8e4f7732c {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_4540171f27 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--spacing-xs);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs_bb101e5268 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall_016c363592 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall_016c363592 .loader_aed82ff98d {\n  top: 7px;\n}\n.sizeMedium_30180828ed {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge_4ee4082e9b {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--spacing-large);\n  height: 48px;\n}\n.kindPrimary_383817a7f8 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_383817a7f8.colorPrimary_0e1285bf0d {\n  background: var(--primary-color);\n}\n.kindPrimary_383817a7f8.colorBrand_f8a91d385b {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_383817a7f8.colorPrimaryActive_9cf81bd2fc,\n.kindPrimary_383817a7f8.colorPrimary_0e1285bf0d:hover,\n.kindPrimary_383817a7f8.colorPrimary_0e1285bf0d:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_383817a7f8.colorBrandActive_fb142d74ed,\n.kindPrimary_383817a7f8.colorBrand_f8a91d385b:hover,\n.kindPrimary_383817a7f8.colorBrand_f8a91d385b:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_383817a7f8.colorPositive_a741e9e9bb {\n  background: var(--positive-color);\n}\n.kindPrimary_383817a7f8.colorPositiveActive_574fce307d,\n.kindPrimary_383817a7f8.colorPositive_a741e9e9bb:hover,\n.kindPrimary_383817a7f8.colorPositive_a741e9e9bb:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_383817a7f8.colorNegative_39c91823f4 {\n  background: var(--negative-color);\n}\n.kindPrimary_383817a7f8.colorNegativeActive_574fce307d,\n.kindPrimary_383817a7f8.colorNegative_39c91823f4:hover,\n.kindPrimary_383817a7f8.colorNegative_39c91823f4:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_383817a7f8.colorInverted_d6a6e6c3ee {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_383817a7f8.colorInvertedActive_574fce307d,\n.kindPrimary_383817a7f8.colorInverted_d6a6e6c3ee:hover,\n.kindPrimary_383817a7f8.colorInverted_d6a6e6c3ee:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_383817a7f8.button_6cbb3c0418.colorInverted_d6a6e6c3ee.disabled_74f7a5cfe7 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_383817a7f8.colorOnPrimaryColor_3d5c68d150 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_383817a7f8.colorOnPrimaryColorActive_f49ec9aabf,\n.kindPrimary_383817a7f8.colorOnPrimaryColor_3d5c68d150:hover,\n.kindPrimary_383817a7f8.colorOnPrimaryColor_3d5c68d150:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_383817a7f8.colorOnPrimaryColorActive_f49ec9aabf:focus-visible, .kindPrimary_383817a7f8.colorOnPrimaryColorActive_f49ec9aabf.focus-visible_c354c93c79,\n.kindPrimary_383817a7f8.colorOnPrimaryColor_3d5c68d150:hover:focus-visible,\n.kindPrimary_383817a7f8.colorOnPrimaryColor_3d5c68d150:hover.focus-visible_c354c93c79,\n.kindPrimary_383817a7f8.colorOnPrimaryColor_3d5c68d150:focus:focus-visible,\n.kindPrimary_383817a7f8.colorOnPrimaryColor_3d5c68d150:focus.focus-visible_c354c93c79 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_383817a7f8.colorOnPrimaryColorActive_f49ec9aabf:focus:not(.focus-visible_c354c93c79),\n.kindPrimary_383817a7f8.colorOnPrimaryColor_3d5c68d150:hover:focus:not(.focus-visible_c354c93c79),\n.kindPrimary_383817a7f8.colorOnPrimaryColor_3d5c68d150:focus:focus:not(.focus-visible_c354c93c79) {\n  outline: none;\n}\n.kindPrimary_383817a7f8.colorOnPrimaryColor_3d5c68d150.disabled_74f7a5cfe7 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_383817a7f8.colorFixedLight_cfa3886f5e {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_383817a7f8.colorFixedLightActive_ddeb3a5d01,\n.kindPrimary_383817a7f8.colorFixedLight_cfa3886f5e:hover,\n.kindPrimary_383817a7f8.colorFixedLight_cfa3886f5e:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_383817a7f8.colorFixedLightActive_ddeb3a5d01:focus-visible, .kindPrimary_383817a7f8.colorFixedLightActive_ddeb3a5d01.focus-visible_c354c93c79,\n.kindPrimary_383817a7f8.colorFixedLight_cfa3886f5e:hover:focus-visible,\n.kindPrimary_383817a7f8.colorFixedLight_cfa3886f5e:hover.focus-visible_c354c93c79,\n.kindPrimary_383817a7f8.colorFixedLight_cfa3886f5e:focus:focus-visible,\n.kindPrimary_383817a7f8.colorFixedLight_cfa3886f5e:focus.focus-visible_c354c93c79 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_383817a7f8.colorFixedLightActive_ddeb3a5d01:focus:not(.focus-visible_c354c93c79),\n.kindPrimary_383817a7f8.colorFixedLight_cfa3886f5e:hover:focus:not(.focus-visible_c354c93c79),\n.kindPrimary_383817a7f8.colorFixedLight_cfa3886f5e:focus:focus:not(.focus-visible_c354c93c79) {\n  outline: none;\n}\n.kindPrimary_383817a7f8.colorFixedLight_cfa3886f5e.disabled_74f7a5cfe7 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_383817a7f8.colorFixedDark_599a7b5857 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_383817a7f8.colorFixedDarkActive_3af13eb8a3,\n.kindPrimary_383817a7f8.colorFixedDark_599a7b5857:hover,\n.kindPrimary_383817a7f8.colorFixedDark_599a7b5857:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_383817a7f8.colorFixedDarkActive_3af13eb8a3:focus-visible, .kindPrimary_383817a7f8.colorFixedDarkActive_3af13eb8a3.focus-visible_c354c93c79,\n.kindPrimary_383817a7f8.colorFixedDark_599a7b5857:hover:focus-visible,\n.kindPrimary_383817a7f8.colorFixedDark_599a7b5857:hover.focus-visible_c354c93c79,\n.kindPrimary_383817a7f8.colorFixedDark_599a7b5857:focus:focus-visible,\n.kindPrimary_383817a7f8.colorFixedDark_599a7b5857:focus.focus-visible_c354c93c79 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_383817a7f8.colorFixedDarkActive_3af13eb8a3:focus:not(.focus-visible_c354c93c79),\n.kindPrimary_383817a7f8.colorFixedDark_599a7b5857:hover:focus:not(.focus-visible_c354c93c79),\n.kindPrimary_383817a7f8.colorFixedDark_599a7b5857:focus:focus:not(.focus-visible_c354c93c79) {\n  outline: none;\n}\n.kindPrimary_383817a7f8.colorFixedDark_599a7b5857.disabled_74f7a5cfe7 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_383817a7f8.colorOnInvertedBackground_78593dc4db {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_383817a7f8.colorOnInvertedBackgroundActive_d1074dc43c,\n.kindPrimary_383817a7f8.colorOnInvertedBackground_78593dc4db:hover,\n.kindPrimary_383817a7f8.colorOnInvertedBackground_78593dc4db:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_383817a7f8.button_6cbb3c0418.colorOnInvertedBackground_78593dc4db.disabled_74f7a5cfe7 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_383817a7f8.button_6cbb3c0418.disabled_74f7a5cfe7 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_95e6c7d6bf {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_95e6c7d6bf.sizeSmall_016c363592 {\n  line-height: 22px;\n}\n.kindSecondary_95e6c7d6bf.sizeMedium_30180828ed {\n  line-height: 22px;\n}\n.kindSecondary_95e6c7d6bf.sizeLarge_4ee4082e9b {\n  line-height: 22px;\n}\n.kindSecondary_95e6c7d6bf.colorPrimaryActive_9cf81bd2fc {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_95e6c7d6bf.colorPrimaryActive_9cf81bd2fc:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_95e6c7d6bf.colorBrandActive_fb142d74ed {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_95e6c7d6bf.colorBrandActive_fb142d74ed,\n.kindSecondary_95e6c7d6bf.colorBrandActive_fb142d74ed:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_95e6c7d6bf.colorPrimary_0e1285bf0d:hover:not(.colorPrimaryActive_9cf81bd2fc),\n.kindSecondary_95e6c7d6bf.colorPrimary_0e1285bf0d:focus:not(.colorPrimaryActive_9cf81bd2fc) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_95e6c7d6bf.colorBrand_f8a91d385b:hover:not(.colorBrandActive_fb142d74ed),\n.kindSecondary_95e6c7d6bf.colorBrand_f8a91d385b:focus:not(.colorBrandActive_fb142d74ed) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_95e6c7d6bf.colorPositive_a741e9e9bb {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_95e6c7d6bf.colorPositiveActive_574fce307d,\n.kindSecondary_95e6c7d6bf.colorPositive_a741e9e9bb:hover,\n.kindSecondary_95e6c7d6bf.colorPositive_a741e9e9bb:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_95e6c7d6bf.colorNegative_39c91823f4 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_95e6c7d6bf.colorNegativeActive_574fce307d,\n.kindSecondary_95e6c7d6bf.colorNegative_39c91823f4:hover,\n.kindSecondary_95e6c7d6bf.colorNegative_39c91823f4:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_95e6c7d6bf.colorInverted_d6a6e6c3ee {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_95e6c7d6bf.colorInvertedActive_574fce307d,\n.kindSecondary_95e6c7d6bf.colorInverted_d6a6e6c3ee:hover,\n.kindSecondary_95e6c7d6bf.colorInverted_d6a6e6c3ee:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_95e6c7d6bf.colorInverted_d6a6e6c3ee.disabled_74f7a5cfe7 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_95e6c7d6bf.colorOnPrimaryColor_3d5c68d150 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_95e6c7d6bf.colorOnPrimaryColorActive_f49ec9aabf,\n.kindSecondary_95e6c7d6bf.colorOnPrimaryColor_3d5c68d150:hover,\n.kindSecondary_95e6c7d6bf.colorOnPrimaryColor_3d5c68d150:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_95e6c7d6bf.colorOnPrimaryColorActive_f49ec9aabf:focus-visible, .kindSecondary_95e6c7d6bf.colorOnPrimaryColorActive_f49ec9aabf.focus-visible_c354c93c79,\n.kindSecondary_95e6c7d6bf.colorOnPrimaryColor_3d5c68d150:hover:focus-visible,\n.kindSecondary_95e6c7d6bf.colorOnPrimaryColor_3d5c68d150:hover.focus-visible_c354c93c79,\n.kindSecondary_95e6c7d6bf.colorOnPrimaryColor_3d5c68d150:focus:focus-visible,\n.kindSecondary_95e6c7d6bf.colorOnPrimaryColor_3d5c68d150:focus.focus-visible_c354c93c79 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_95e6c7d6bf.colorOnPrimaryColorActive_f49ec9aabf:focus:not(.focus-visible_c354c93c79),\n.kindSecondary_95e6c7d6bf.colorOnPrimaryColor_3d5c68d150:hover:focus:not(.focus-visible_c354c93c79),\n.kindSecondary_95e6c7d6bf.colorOnPrimaryColor_3d5c68d150:focus:focus:not(.focus-visible_c354c93c79) {\n  outline: none;\n}\n.kindSecondary_95e6c7d6bf.colorOnPrimaryColor_3d5c68d150.disabled_74f7a5cfe7 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_95e6c7d6bf.colorFixedLight_cfa3886f5e {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_95e6c7d6bf.colorFixedLightActive_ddeb3a5d01,\n.kindSecondary_95e6c7d6bf.colorFixedLight_cfa3886f5e:hover,\n.kindSecondary_95e6c7d6bf.colorFixedLight_cfa3886f5e:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_95e6c7d6bf.colorFixedLightActive_ddeb3a5d01:focus-visible, .kindSecondary_95e6c7d6bf.colorFixedLightActive_ddeb3a5d01.focus-visible_c354c93c79,\n.kindSecondary_95e6c7d6bf.colorFixedLight_cfa3886f5e:hover:focus-visible,\n.kindSecondary_95e6c7d6bf.colorFixedLight_cfa3886f5e:hover.focus-visible_c354c93c79,\n.kindSecondary_95e6c7d6bf.colorFixedLight_cfa3886f5e:focus:focus-visible,\n.kindSecondary_95e6c7d6bf.colorFixedLight_cfa3886f5e:focus.focus-visible_c354c93c79 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_95e6c7d6bf.colorFixedLightActive_ddeb3a5d01:focus:not(.focus-visible_c354c93c79),\n.kindSecondary_95e6c7d6bf.colorFixedLight_cfa3886f5e:hover:focus:not(.focus-visible_c354c93c79),\n.kindSecondary_95e6c7d6bf.colorFixedLight_cfa3886f5e:focus:focus:not(.focus-visible_c354c93c79) {\n  outline: none;\n}\n.kindSecondary_95e6c7d6bf.colorFixedDark_599a7b5857 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_95e6c7d6bf.colorFixedDarkActive_3af13eb8a3,\n.kindSecondary_95e6c7d6bf.colorFixedDark_599a7b5857:hover,\n.kindSecondary_95e6c7d6bf.colorFixedDark_599a7b5857:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_95e6c7d6bf.colorFixedDarkActive_3af13eb8a3:focus-visible, .kindSecondary_95e6c7d6bf.colorFixedDarkActive_3af13eb8a3.focus-visible_c354c93c79,\n.kindSecondary_95e6c7d6bf.colorFixedDark_599a7b5857:hover:focus-visible,\n.kindSecondary_95e6c7d6bf.colorFixedDark_599a7b5857:hover.focus-visible_c354c93c79,\n.kindSecondary_95e6c7d6bf.colorFixedDark_599a7b5857:focus:focus-visible,\n.kindSecondary_95e6c7d6bf.colorFixedDark_599a7b5857:focus.focus-visible_c354c93c79 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_95e6c7d6bf.colorFixedDarkActive_3af13eb8a3:focus:not(.focus-visible_c354c93c79),\n.kindSecondary_95e6c7d6bf.colorFixedDark_599a7b5857:hover:focus:not(.focus-visible_c354c93c79),\n.kindSecondary_95e6c7d6bf.colorFixedDark_599a7b5857:focus:focus:not(.focus-visible_c354c93c79) {\n  outline: none;\n}\n.kindSecondary_95e6c7d6bf.colorOnInvertedBackground_78593dc4db {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_95e6c7d6bf.colorOnInvertedBackgroundActive_d1074dc43c,\n.kindSecondary_95e6c7d6bf.colorOnInvertedBackground_78593dc4db:hover,\n.kindSecondary_95e6c7d6bf.colorOnInvertedBackground_78593dc4db:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_95e6c7d6bf.colorOnInvertedBackground_78593dc4db.disabled_74f7a5cfe7 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_95e6c7d6bf.colorFixedLight_cfa3886f5e.disabled_74f7a5cfe7 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_95e6c7d6bf.colorFixedDark_599a7b5857.disabled_74f7a5cfe7 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_95e6c7d6bf.disabled_74f7a5cfe7 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_95e6c7d6bf.disabled_74f7a5cfe7:hover {\n  background-color: transparent;\n}\n.kindTertiary_d41c92797a {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_d41c92797a.colorPrimaryActive_9cf81bd2fc {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_d41c92797a.colorPrimaryActive_9cf81bd2fc:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_d41c92797a.colorBrandActive_fb142d74ed {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_d41c92797a.colorBrandActive_fb142d74ed,\n.kindTertiary_d41c92797a.colorBrandActive_fb142d74ed:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_d41c92797a.colorPrimary_0e1285bf0d:hover:not(.colorPrimaryActive_9cf81bd2fc),\n.kindTertiary_d41c92797a.colorPrimary_0e1285bf0d:focus:not(.colorPrimaryActive_9cf81bd2fc) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_d41c92797a.colorBrand_f8a91d385b:hover:not(.colorBrandActive_fb142d74ed),\n.kindTertiary_d41c92797a.colorBrand_f8a91d385b:focus:not(.colorBrandActive_fb142d74ed) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_d41c92797a.colorPositive_a741e9e9bb {\n  color: var(--positive-color);\n}\n.kindTertiary_d41c92797a.colorPositiveActive_574fce307d,\n.kindTertiary_d41c92797a.colorPositive_a741e9e9bb:hover,\n.kindTertiary_d41c92797a.colorPositive_a741e9e9bb:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_d41c92797a.colorNegative_39c91823f4 {\n  color: var(--negative-color);\n}\n.kindTertiary_d41c92797a.colorNegativeActive_574fce307d,\n.kindTertiary_d41c92797a.colorNegative_39c91823f4:hover,\n.kindTertiary_d41c92797a.colorNegative_39c91823f4:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_d41c92797a.colorInverted_d6a6e6c3ee {\n  color: var(--primary-text-color);\n}\n.kindTertiary_d41c92797a.colorInvertedActive_574fce307d,\n.kindTertiary_d41c92797a.colorInverted_d6a6e6c3ee:hover,\n.kindTertiary_d41c92797a.colorInverted_d6a6e6c3ee:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_d41c92797a.colorInverted_d6a6e6c3ee.disabled_74f7a5cfe7 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_d41c92797a.colorOnPrimaryColor_3d5c68d150 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_d41c92797a.colorOnPrimaryColorActive_f49ec9aabf,\n.kindTertiary_d41c92797a.colorOnPrimaryColor_3d5c68d150:hover,\n.kindTertiary_d41c92797a.colorOnPrimaryColor_3d5c68d150:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_d41c92797a.colorOnPrimaryColorActive_f49ec9aabf:focus-visible, .kindTertiary_d41c92797a.colorOnPrimaryColorActive_f49ec9aabf.focus-visible_c354c93c79,\n.kindTertiary_d41c92797a.colorOnPrimaryColor_3d5c68d150:hover:focus-visible,\n.kindTertiary_d41c92797a.colorOnPrimaryColor_3d5c68d150:hover.focus-visible_c354c93c79,\n.kindTertiary_d41c92797a.colorOnPrimaryColor_3d5c68d150:focus:focus-visible,\n.kindTertiary_d41c92797a.colorOnPrimaryColor_3d5c68d150:focus.focus-visible_c354c93c79 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_d41c92797a.colorOnPrimaryColorActive_f49ec9aabf:focus:not(.focus-visible_c354c93c79),\n.kindTertiary_d41c92797a.colorOnPrimaryColor_3d5c68d150:hover:focus:not(.focus-visible_c354c93c79),\n.kindTertiary_d41c92797a.colorOnPrimaryColor_3d5c68d150:focus:focus:not(.focus-visible_c354c93c79) {\n  outline: none;\n}\n.kindTertiary_d41c92797a.colorOnPrimaryColor_3d5c68d150.disabled_74f7a5cfe7 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_d41c92797a.colorFixedLight_cfa3886f5e {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_d41c92797a.colorFixedLightActive_ddeb3a5d01,\n.kindTertiary_d41c92797a.colorFixedLight_cfa3886f5e:hover,\n.kindTertiary_d41c92797a.colorFixedLight_cfa3886f5e:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_d41c92797a.colorFixedLightActive_ddeb3a5d01:focus-visible, .kindTertiary_d41c92797a.colorFixedLightActive_ddeb3a5d01.focus-visible_c354c93c79,\n.kindTertiary_d41c92797a.colorFixedLight_cfa3886f5e:hover:focus-visible,\n.kindTertiary_d41c92797a.colorFixedLight_cfa3886f5e:hover.focus-visible_c354c93c79,\n.kindTertiary_d41c92797a.colorFixedLight_cfa3886f5e:focus:focus-visible,\n.kindTertiary_d41c92797a.colorFixedLight_cfa3886f5e:focus.focus-visible_c354c93c79 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_d41c92797a.colorFixedLightActive_ddeb3a5d01:focus:not(.focus-visible_c354c93c79),\n.kindTertiary_d41c92797a.colorFixedLight_cfa3886f5e:hover:focus:not(.focus-visible_c354c93c79),\n.kindTertiary_d41c92797a.colorFixedLight_cfa3886f5e:focus:focus:not(.focus-visible_c354c93c79) {\n  outline: none;\n}\n.kindTertiary_d41c92797a.colorFixedLight_cfa3886f5e.disabled_74f7a5cfe7 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_d41c92797a.colorFixedDark_599a7b5857 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_d41c92797a.colorFixedDarkActive_3af13eb8a3,\n.kindTertiary_d41c92797a.colorFixedDark_599a7b5857:hover,\n.kindTertiary_d41c92797a.colorFixedDark_599a7b5857:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_d41c92797a.colorFixedDarkActive_3af13eb8a3:focus-visible, .kindTertiary_d41c92797a.colorFixedDarkActive_3af13eb8a3.focus-visible_c354c93c79,\n.kindTertiary_d41c92797a.colorFixedDark_599a7b5857:hover:focus-visible,\n.kindTertiary_d41c92797a.colorFixedDark_599a7b5857:hover.focus-visible_c354c93c79,\n.kindTertiary_d41c92797a.colorFixedDark_599a7b5857:focus:focus-visible,\n.kindTertiary_d41c92797a.colorFixedDark_599a7b5857:focus.focus-visible_c354c93c79 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_d41c92797a.colorFixedDarkActive_3af13eb8a3:focus:not(.focus-visible_c354c93c79),\n.kindTertiary_d41c92797a.colorFixedDark_599a7b5857:hover:focus:not(.focus-visible_c354c93c79),\n.kindTertiary_d41c92797a.colorFixedDark_599a7b5857:focus:focus:not(.focus-visible_c354c93c79) {\n  outline: none;\n}\n.kindTertiary_d41c92797a.colorFixedDark_599a7b5857.disabled_74f7a5cfe7 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_d41c92797a.colorOnInvertedBackground_78593dc4db {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_d41c92797a.colorOnInvertedBackgroundActive_d1074dc43c,\n.kindTertiary_d41c92797a.colorOnInvertedBackground_78593dc4db:hover,\n.kindTertiary_d41c92797a.colorOnInvertedBackground_78593dc4db:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_d41c92797a.colorOnInvertedBackground_78593dc4db.disabled_74f7a5cfe7 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_d41c92797a.disabled_74f7a5cfe7 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_d41c92797a.disabled_74f7a5cfe7:hover {\n  background-color: transparent;\n}\n.noSidePadding_65c8bfdbac {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_6cbb3c0418.insetFocusStyle_ee4b93ba35:focus-visible, .button_6cbb3c0418.insetFocusStyle_ee4b93ba35.focus-visible_c354c93c79 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_6cbb3c0418.insetFocusStyle_ee4b93ba35:focus:not(.focus-visible_c354c93c79) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_f8a6d3fa98","focus-visible":"focus-visible_f1e5379fce",loader:"loader_caa1f94aa2",loaderSvg:"loaderSvg_a1d9d40e26",textPlaceholder:"textPlaceholder_5e5e3a285c",success:"success_123ed2d921",successContent:"successContent_a84a2b5a2c",marginRight:"marginRight_75023074a4",marginLeft:"marginLeft_b9eb0eb8e1",rightFlat:"rightFlat_af9c826153",leftFlat:"leftFlat_c189850bd8",preventClickAnimation:"preventClickAnimation_db670cb510",leftIcon:"leftIcon_75023074a4",rightIcon:"rightIcon_b9eb0eb8e1",sizeXxs:"sizeXxs_5ba679bc81",sizeXs:"sizeXs_f6571eca7a",sizeSmall:"sizeSmall_69e9534120",sizeMedium:"sizeMedium_2943abf37b",sizeLarge:"sizeLarge_801b4628ea",kindPrimary:"kindPrimary_0e02e71514",colorPrimary:"colorPrimary_9e0c7fc117",colorBrand:"colorBrand_de23677fb7",colorPrimaryActive:"colorPrimaryActive_0c84790940",colorBrandActive:"colorBrandActive_693fd9e634",colorPositive:"colorPositive_936079142c",colorPositiveActive:"colorPositiveActive_d0845d458b",colorNegative:"colorNegative_c27ca012e1",colorNegativeActive:"colorNegativeActive_d0845d458b",colorInverted:"colorInverted_aa6b8d154c",colorInvertedActive:"colorInvertedActive_d0845d458b",disabled:"disabled_bd250730ed",colorOnPrimaryColor:"colorOnPrimaryColor_bdc80b9d1d",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_798c3bb73c",colorFixedLight:"colorFixedLight_dd4a8dd465",colorFixedLightActive:"colorFixedLightActive_db670cb510",colorFixedDark:"colorFixedDark_0713e06d53",colorFixedDarkActive:"colorFixedDarkActive_ea3e527998",colorOnInvertedBackground:"colorOnInvertedBackground_d4a100dd16",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_59e38da1ef",kindSecondary:"kindSecondary_a4ae07e44c",kindTertiary:"kindTertiary_38891f8b52",noSidePadding:"noSidePadding_0a4600ae0b",insetFocusStyle:"insetFocusStyle_ad45a6b093"};!function(o){const r="s_id-f5db469b1a79_3_58_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+r))return;const n=document.createElement("style");n.id=r,e.firstChild?e.insertBefore(n,e.firstChild):e.appendChild(n),n.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}("/* stylelint-disable selector-class-pattern */\n.button_f8a6d3fa98 {\n  --loader-padding: 8px;\n  outline: none;\n  border: none;\n  height: auto;\n  border-radius: var(--border-radius-small);\n  cursor: pointer;\n  white-space: nowrap;\n  transition: var(--motion-productive-short) transform, var(--motion-productive-medium) var(--motion-timing-transition) min-width;\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  /* Prevent text selection */\n  user-select: none;\n  min-width: auto;\n}\n.button_f8a6d3fa98:focus-visible, .button_f8a6d3fa98.focus-visible_f1e5379fce {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_f8a6d3fa98:focus:not(.focus-visible_f1e5379fce) {\n  outline: none;\n}\n.button_f8a6d3fa98 .loader_caa1f94aa2 {\n  height: 100%;\n}\n.button_f8a6d3fa98 .loader_caa1f94aa2 .loaderSvg_a1d9d40e26 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_f8a6d3fa98 .textPlaceholder_5e5e3a285c {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_f8a6d3fa98.success_123ed2d921 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_f8a6d3fa98.success_123ed2d921 .successContent_a84a2b5a2c {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_75023074a4 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_b9eb0eb8e1 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_af9c826153 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_c189850bd8 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_f8a6d3fa98:active:not(.preventClickAnimation_db670cb510) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_f8a6d3fa98 .leftIcon_75023074a4 {\n  margin-right: var(--spacing-small);\n}\n.button_f8a6d3fa98 .rightIcon_b9eb0eb8e1 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_5ba679bc81 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: 2px var(--spacing-xs);\n  height: 16px;\n  line-height: 16px;\n}\n.sizeXs_f6571eca7a {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 24px;\n  line-height: 21px;\n}\n.sizeSmall_69e9534120 {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text2-normal);\n  padding: var(--spacing-xs) var(--spacing-small);\n  height: 32px;\n  line-height: 24px;\n}\n.sizeSmall_69e9534120 .loader_caa1f94aa2 {\n  top: 7px;\n}\n.sizeMedium_2943abf37b {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: var(--spacing-small) var(--spacing-medium);\n  height: 40px;\n}\n.sizeLarge_801b4628ea {\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  font: var(--font-text1-normal);\n  padding: 12px var(--spacing-large);\n  height: 48px;\n}\n.kindPrimary_0e02e71514 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_0e02e71514.colorPrimary_9e0c7fc117 {\n  background: var(--primary-color);\n}\n.kindPrimary_0e02e71514.colorBrand_de23677fb7 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_0e02e71514.colorPrimaryActive_0c84790940,\n.kindPrimary_0e02e71514.colorPrimary_9e0c7fc117:hover,\n.kindPrimary_0e02e71514.colorPrimary_9e0c7fc117:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_0e02e71514.colorBrandActive_693fd9e634,\n.kindPrimary_0e02e71514.colorBrand_de23677fb7:hover,\n.kindPrimary_0e02e71514.colorBrand_de23677fb7:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_0e02e71514.colorPositive_936079142c {\n  background: var(--positive-color);\n}\n.kindPrimary_0e02e71514.colorPositiveActive_d0845d458b,\n.kindPrimary_0e02e71514.colorPositive_936079142c:hover,\n.kindPrimary_0e02e71514.colorPositive_936079142c:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_0e02e71514.colorNegative_c27ca012e1 {\n  background: var(--negative-color);\n}\n.kindPrimary_0e02e71514.colorNegativeActive_d0845d458b,\n.kindPrimary_0e02e71514.colorNegative_c27ca012e1:hover,\n.kindPrimary_0e02e71514.colorNegative_c27ca012e1:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_0e02e71514.colorInverted_aa6b8d154c {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_0e02e71514.colorInvertedActive_d0845d458b,\n.kindPrimary_0e02e71514.colorInverted_aa6b8d154c:hover,\n.kindPrimary_0e02e71514.colorInverted_aa6b8d154c:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_0e02e71514.button_f8a6d3fa98.colorInverted_aa6b8d154c.disabled_bd250730ed {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_0e02e71514.colorOnPrimaryColor_bdc80b9d1d {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_0e02e71514.colorOnPrimaryColorActive_798c3bb73c,\n.kindPrimary_0e02e71514.colorOnPrimaryColor_bdc80b9d1d:hover,\n.kindPrimary_0e02e71514.colorOnPrimaryColor_bdc80b9d1d:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_0e02e71514.colorOnPrimaryColorActive_798c3bb73c:focus-visible, .kindPrimary_0e02e71514.colorOnPrimaryColorActive_798c3bb73c.focus-visible_f1e5379fce,\n.kindPrimary_0e02e71514.colorOnPrimaryColor_bdc80b9d1d:hover:focus-visible,\n.kindPrimary_0e02e71514.colorOnPrimaryColor_bdc80b9d1d:hover.focus-visible_f1e5379fce,\n.kindPrimary_0e02e71514.colorOnPrimaryColor_bdc80b9d1d:focus:focus-visible,\n.kindPrimary_0e02e71514.colorOnPrimaryColor_bdc80b9d1d:focus.focus-visible_f1e5379fce {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_0e02e71514.colorOnPrimaryColorActive_798c3bb73c:focus:not(.focus-visible_f1e5379fce),\n.kindPrimary_0e02e71514.colorOnPrimaryColor_bdc80b9d1d:hover:focus:not(.focus-visible_f1e5379fce),\n.kindPrimary_0e02e71514.colorOnPrimaryColor_bdc80b9d1d:focus:focus:not(.focus-visible_f1e5379fce) {\n  outline: none;\n}\n.kindPrimary_0e02e71514.colorOnPrimaryColor_bdc80b9d1d.disabled_bd250730ed {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_0e02e71514.colorFixedLight_dd4a8dd465 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_0e02e71514.colorFixedLightActive_db670cb510,\n.kindPrimary_0e02e71514.colorFixedLight_dd4a8dd465:hover,\n.kindPrimary_0e02e71514.colorFixedLight_dd4a8dd465:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_0e02e71514.colorFixedLightActive_db670cb510:focus-visible, .kindPrimary_0e02e71514.colorFixedLightActive_db670cb510.focus-visible_f1e5379fce,\n.kindPrimary_0e02e71514.colorFixedLight_dd4a8dd465:hover:focus-visible,\n.kindPrimary_0e02e71514.colorFixedLight_dd4a8dd465:hover.focus-visible_f1e5379fce,\n.kindPrimary_0e02e71514.colorFixedLight_dd4a8dd465:focus:focus-visible,\n.kindPrimary_0e02e71514.colorFixedLight_dd4a8dd465:focus.focus-visible_f1e5379fce {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_0e02e71514.colorFixedLightActive_db670cb510:focus:not(.focus-visible_f1e5379fce),\n.kindPrimary_0e02e71514.colorFixedLight_dd4a8dd465:hover:focus:not(.focus-visible_f1e5379fce),\n.kindPrimary_0e02e71514.colorFixedLight_dd4a8dd465:focus:focus:not(.focus-visible_f1e5379fce) {\n  outline: none;\n}\n.kindPrimary_0e02e71514.colorFixedLight_dd4a8dd465.disabled_bd250730ed {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_0e02e71514.colorFixedDark_0713e06d53 {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_0e02e71514.colorFixedDarkActive_ea3e527998,\n.kindPrimary_0e02e71514.colorFixedDark_0713e06d53:hover,\n.kindPrimary_0e02e71514.colorFixedDark_0713e06d53:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_0e02e71514.colorFixedDarkActive_ea3e527998:focus-visible, .kindPrimary_0e02e71514.colorFixedDarkActive_ea3e527998.focus-visible_f1e5379fce,\n.kindPrimary_0e02e71514.colorFixedDark_0713e06d53:hover:focus-visible,\n.kindPrimary_0e02e71514.colorFixedDark_0713e06d53:hover.focus-visible_f1e5379fce,\n.kindPrimary_0e02e71514.colorFixedDark_0713e06d53:focus:focus-visible,\n.kindPrimary_0e02e71514.colorFixedDark_0713e06d53:focus.focus-visible_f1e5379fce {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindPrimary_0e02e71514.colorFixedDarkActive_ea3e527998:focus:not(.focus-visible_f1e5379fce),\n.kindPrimary_0e02e71514.colorFixedDark_0713e06d53:hover:focus:not(.focus-visible_f1e5379fce),\n.kindPrimary_0e02e71514.colorFixedDark_0713e06d53:focus:focus:not(.focus-visible_f1e5379fce) {\n  outline: none;\n}\n.kindPrimary_0e02e71514.colorFixedDark_0713e06d53.disabled_bd250730ed {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_0e02e71514.colorOnInvertedBackground_d4a100dd16 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_0e02e71514.colorOnInvertedBackgroundActive_59e38da1ef,\n.kindPrimary_0e02e71514.colorOnInvertedBackground_d4a100dd16:hover,\n.kindPrimary_0e02e71514.colorOnInvertedBackground_d4a100dd16:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_0e02e71514.button_f8a6d3fa98.colorOnInvertedBackground_d4a100dd16.disabled_bd250730ed {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_0e02e71514.button_f8a6d3fa98.disabled_bd250730ed {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_a4ae07e44c {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_a4ae07e44c.sizeSmall_69e9534120 {\n  line-height: 22px;\n}\n.kindSecondary_a4ae07e44c.sizeMedium_2943abf37b {\n  line-height: 22px;\n}\n.kindSecondary_a4ae07e44c.sizeLarge_801b4628ea {\n  line-height: 22px;\n}\n.kindSecondary_a4ae07e44c.colorPrimaryActive_0c84790940 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_a4ae07e44c.colorPrimaryActive_0c84790940:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_a4ae07e44c.colorBrandActive_693fd9e634 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_a4ae07e44c.colorBrandActive_693fd9e634,\n.kindSecondary_a4ae07e44c.colorBrandActive_693fd9e634:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_a4ae07e44c.colorPrimary_9e0c7fc117:hover:not(.colorPrimaryActive_0c84790940),\n.kindSecondary_a4ae07e44c.colorPrimary_9e0c7fc117:focus:not(.colorPrimaryActive_0c84790940) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_a4ae07e44c.colorBrand_de23677fb7:hover:not(.colorBrandActive_693fd9e634),\n.kindSecondary_a4ae07e44c.colorBrand_de23677fb7:focus:not(.colorBrandActive_693fd9e634) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_a4ae07e44c.colorPositive_936079142c {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_a4ae07e44c.colorPositiveActive_d0845d458b,\n.kindSecondary_a4ae07e44c.colorPositive_936079142c:hover,\n.kindSecondary_a4ae07e44c.colorPositive_936079142c:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_a4ae07e44c.colorNegative_c27ca012e1 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_a4ae07e44c.colorNegativeActive_d0845d458b,\n.kindSecondary_a4ae07e44c.colorNegative_c27ca012e1:hover,\n.kindSecondary_a4ae07e44c.colorNegative_c27ca012e1:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_a4ae07e44c.colorInverted_aa6b8d154c {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_a4ae07e44c.colorInvertedActive_d0845d458b,\n.kindSecondary_a4ae07e44c.colorInverted_aa6b8d154c:hover,\n.kindSecondary_a4ae07e44c.colorInverted_aa6b8d154c:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_a4ae07e44c.colorInverted_aa6b8d154c.disabled_bd250730ed {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_a4ae07e44c.colorOnPrimaryColor_bdc80b9d1d {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_a4ae07e44c.colorOnPrimaryColorActive_798c3bb73c,\n.kindSecondary_a4ae07e44c.colorOnPrimaryColor_bdc80b9d1d:hover,\n.kindSecondary_a4ae07e44c.colorOnPrimaryColor_bdc80b9d1d:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_a4ae07e44c.colorOnPrimaryColorActive_798c3bb73c:focus-visible, .kindSecondary_a4ae07e44c.colorOnPrimaryColorActive_798c3bb73c.focus-visible_f1e5379fce,\n.kindSecondary_a4ae07e44c.colorOnPrimaryColor_bdc80b9d1d:hover:focus-visible,\n.kindSecondary_a4ae07e44c.colorOnPrimaryColor_bdc80b9d1d:hover.focus-visible_f1e5379fce,\n.kindSecondary_a4ae07e44c.colorOnPrimaryColor_bdc80b9d1d:focus:focus-visible,\n.kindSecondary_a4ae07e44c.colorOnPrimaryColor_bdc80b9d1d:focus.focus-visible_f1e5379fce {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_a4ae07e44c.colorOnPrimaryColorActive_798c3bb73c:focus:not(.focus-visible_f1e5379fce),\n.kindSecondary_a4ae07e44c.colorOnPrimaryColor_bdc80b9d1d:hover:focus:not(.focus-visible_f1e5379fce),\n.kindSecondary_a4ae07e44c.colorOnPrimaryColor_bdc80b9d1d:focus:focus:not(.focus-visible_f1e5379fce) {\n  outline: none;\n}\n.kindSecondary_a4ae07e44c.colorOnPrimaryColor_bdc80b9d1d.disabled_bd250730ed {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_a4ae07e44c.colorFixedLight_dd4a8dd465 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_a4ae07e44c.colorFixedLightActive_db670cb510,\n.kindSecondary_a4ae07e44c.colorFixedLight_dd4a8dd465:hover,\n.kindSecondary_a4ae07e44c.colorFixedLight_dd4a8dd465:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_a4ae07e44c.colorFixedLightActive_db670cb510:focus-visible, .kindSecondary_a4ae07e44c.colorFixedLightActive_db670cb510.focus-visible_f1e5379fce,\n.kindSecondary_a4ae07e44c.colorFixedLight_dd4a8dd465:hover:focus-visible,\n.kindSecondary_a4ae07e44c.colorFixedLight_dd4a8dd465:hover.focus-visible_f1e5379fce,\n.kindSecondary_a4ae07e44c.colorFixedLight_dd4a8dd465:focus:focus-visible,\n.kindSecondary_a4ae07e44c.colorFixedLight_dd4a8dd465:focus.focus-visible_f1e5379fce {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_a4ae07e44c.colorFixedLightActive_db670cb510:focus:not(.focus-visible_f1e5379fce),\n.kindSecondary_a4ae07e44c.colorFixedLight_dd4a8dd465:hover:focus:not(.focus-visible_f1e5379fce),\n.kindSecondary_a4ae07e44c.colorFixedLight_dd4a8dd465:focus:focus:not(.focus-visible_f1e5379fce) {\n  outline: none;\n}\n.kindSecondary_a4ae07e44c.colorFixedDark_0713e06d53 {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_a4ae07e44c.colorFixedDarkActive_ea3e527998,\n.kindSecondary_a4ae07e44c.colorFixedDark_0713e06d53:hover,\n.kindSecondary_a4ae07e44c.colorFixedDark_0713e06d53:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_a4ae07e44c.colorFixedDarkActive_ea3e527998:focus-visible, .kindSecondary_a4ae07e44c.colorFixedDarkActive_ea3e527998.focus-visible_f1e5379fce,\n.kindSecondary_a4ae07e44c.colorFixedDark_0713e06d53:hover:focus-visible,\n.kindSecondary_a4ae07e44c.colorFixedDark_0713e06d53:hover.focus-visible_f1e5379fce,\n.kindSecondary_a4ae07e44c.colorFixedDark_0713e06d53:focus:focus-visible,\n.kindSecondary_a4ae07e44c.colorFixedDark_0713e06d53:focus.focus-visible_f1e5379fce {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindSecondary_a4ae07e44c.colorFixedDarkActive_ea3e527998:focus:not(.focus-visible_f1e5379fce),\n.kindSecondary_a4ae07e44c.colorFixedDark_0713e06d53:hover:focus:not(.focus-visible_f1e5379fce),\n.kindSecondary_a4ae07e44c.colorFixedDark_0713e06d53:focus:focus:not(.focus-visible_f1e5379fce) {\n  outline: none;\n}\n.kindSecondary_a4ae07e44c.colorOnInvertedBackground_d4a100dd16 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_a4ae07e44c.colorOnInvertedBackgroundActive_59e38da1ef,\n.kindSecondary_a4ae07e44c.colorOnInvertedBackground_d4a100dd16:hover,\n.kindSecondary_a4ae07e44c.colorOnInvertedBackground_d4a100dd16:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_a4ae07e44c.colorOnInvertedBackground_d4a100dd16.disabled_bd250730ed {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_a4ae07e44c.colorFixedLight_dd4a8dd465.disabled_bd250730ed {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_a4ae07e44c.colorFixedDark_0713e06d53.disabled_bd250730ed {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_a4ae07e44c.disabled_bd250730ed {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_a4ae07e44c.disabled_bd250730ed:hover {\n  background-color: transparent;\n}\n.kindTertiary_38891f8b52 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_38891f8b52.colorPrimaryActive_0c84790940 {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_38891f8b52.colorPrimaryActive_0c84790940:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_38891f8b52.colorBrandActive_693fd9e634 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_38891f8b52.colorBrandActive_693fd9e634,\n.kindTertiary_38891f8b52.colorBrandActive_693fd9e634:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_38891f8b52.colorPrimary_9e0c7fc117:hover:not(.colorPrimaryActive_0c84790940),\n.kindTertiary_38891f8b52.colorPrimary_9e0c7fc117:focus:not(.colorPrimaryActive_0c84790940) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_38891f8b52.colorBrand_de23677fb7:hover:not(.colorBrandActive_693fd9e634),\n.kindTertiary_38891f8b52.colorBrand_de23677fb7:focus:not(.colorBrandActive_693fd9e634) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_38891f8b52.colorPositive_936079142c {\n  color: var(--positive-color);\n}\n.kindTertiary_38891f8b52.colorPositiveActive_d0845d458b,\n.kindTertiary_38891f8b52.colorPositive_936079142c:hover,\n.kindTertiary_38891f8b52.colorPositive_936079142c:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_38891f8b52.colorNegative_c27ca012e1 {\n  color: var(--negative-color);\n}\n.kindTertiary_38891f8b52.colorNegativeActive_d0845d458b,\n.kindTertiary_38891f8b52.colorNegative_c27ca012e1:hover,\n.kindTertiary_38891f8b52.colorNegative_c27ca012e1:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_38891f8b52.colorInverted_aa6b8d154c {\n  color: var(--primary-text-color);\n}\n.kindTertiary_38891f8b52.colorInvertedActive_d0845d458b,\n.kindTertiary_38891f8b52.colorInverted_aa6b8d154c:hover,\n.kindTertiary_38891f8b52.colorInverted_aa6b8d154c:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_38891f8b52.colorInverted_aa6b8d154c.disabled_bd250730ed {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_38891f8b52.colorOnPrimaryColor_bdc80b9d1d {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_38891f8b52.colorOnPrimaryColorActive_798c3bb73c,\n.kindTertiary_38891f8b52.colorOnPrimaryColor_bdc80b9d1d:hover,\n.kindTertiary_38891f8b52.colorOnPrimaryColor_bdc80b9d1d:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_38891f8b52.colorOnPrimaryColorActive_798c3bb73c:focus-visible, .kindTertiary_38891f8b52.colorOnPrimaryColorActive_798c3bb73c.focus-visible_f1e5379fce,\n.kindTertiary_38891f8b52.colorOnPrimaryColor_bdc80b9d1d:hover:focus-visible,\n.kindTertiary_38891f8b52.colorOnPrimaryColor_bdc80b9d1d:hover.focus-visible_f1e5379fce,\n.kindTertiary_38891f8b52.colorOnPrimaryColor_bdc80b9d1d:focus:focus-visible,\n.kindTertiary_38891f8b52.colorOnPrimaryColor_bdc80b9d1d:focus.focus-visible_f1e5379fce {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_38891f8b52.colorOnPrimaryColorActive_798c3bb73c:focus:not(.focus-visible_f1e5379fce),\n.kindTertiary_38891f8b52.colorOnPrimaryColor_bdc80b9d1d:hover:focus:not(.focus-visible_f1e5379fce),\n.kindTertiary_38891f8b52.colorOnPrimaryColor_bdc80b9d1d:focus:focus:not(.focus-visible_f1e5379fce) {\n  outline: none;\n}\n.kindTertiary_38891f8b52.colorOnPrimaryColor_bdc80b9d1d.disabled_bd250730ed {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_38891f8b52.colorFixedLight_dd4a8dd465 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_38891f8b52.colorFixedLightActive_db670cb510,\n.kindTertiary_38891f8b52.colorFixedLight_dd4a8dd465:hover,\n.kindTertiary_38891f8b52.colorFixedLight_dd4a8dd465:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_38891f8b52.colorFixedLightActive_db670cb510:focus-visible, .kindTertiary_38891f8b52.colorFixedLightActive_db670cb510.focus-visible_f1e5379fce,\n.kindTertiary_38891f8b52.colorFixedLight_dd4a8dd465:hover:focus-visible,\n.kindTertiary_38891f8b52.colorFixedLight_dd4a8dd465:hover.focus-visible_f1e5379fce,\n.kindTertiary_38891f8b52.colorFixedLight_dd4a8dd465:focus:focus-visible,\n.kindTertiary_38891f8b52.colorFixedLight_dd4a8dd465:focus.focus-visible_f1e5379fce {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_38891f8b52.colorFixedLightActive_db670cb510:focus:not(.focus-visible_f1e5379fce),\n.kindTertiary_38891f8b52.colorFixedLight_dd4a8dd465:hover:focus:not(.focus-visible_f1e5379fce),\n.kindTertiary_38891f8b52.colorFixedLight_dd4a8dd465:focus:focus:not(.focus-visible_f1e5379fce) {\n  outline: none;\n}\n.kindTertiary_38891f8b52.colorFixedLight_dd4a8dd465.disabled_bd250730ed {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_38891f8b52.colorFixedDark_0713e06d53 {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_38891f8b52.colorFixedDarkActive_ea3e527998,\n.kindTertiary_38891f8b52.colorFixedDark_0713e06d53:hover,\n.kindTertiary_38891f8b52.colorFixedDark_0713e06d53:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_38891f8b52.colorFixedDarkActive_ea3e527998:focus-visible, .kindTertiary_38891f8b52.colorFixedDarkActive_ea3e527998.focus-visible_f1e5379fce,\n.kindTertiary_38891f8b52.colorFixedDark_0713e06d53:hover:focus-visible,\n.kindTertiary_38891f8b52.colorFixedDark_0713e06d53:hover.focus-visible_f1e5379fce,\n.kindTertiary_38891f8b52.colorFixedDark_0713e06d53:focus:focus-visible,\n.kindTertiary_38891f8b52.colorFixedDark_0713e06d53:focus.focus-visible_f1e5379fce {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px var(--text-color-on-primary-with-opacity), 0 0 0 1px var(--text-color-on-primary) inset;\n}\n.kindTertiary_38891f8b52.colorFixedDarkActive_ea3e527998:focus:not(.focus-visible_f1e5379fce),\n.kindTertiary_38891f8b52.colorFixedDark_0713e06d53:hover:focus:not(.focus-visible_f1e5379fce),\n.kindTertiary_38891f8b52.colorFixedDark_0713e06d53:focus:focus:not(.focus-visible_f1e5379fce) {\n  outline: none;\n}\n.kindTertiary_38891f8b52.colorFixedDark_0713e06d53.disabled_bd250730ed {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_38891f8b52.colorOnInvertedBackground_d4a100dd16 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_38891f8b52.colorOnInvertedBackgroundActive_59e38da1ef,\n.kindTertiary_38891f8b52.colorOnInvertedBackground_d4a100dd16:hover,\n.kindTertiary_38891f8b52.colorOnInvertedBackground_d4a100dd16:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_38891f8b52.colorOnInvertedBackground_d4a100dd16.disabled_bd250730ed {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_38891f8b52.disabled_bd250730ed {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_38891f8b52.disabled_bd250730ed:hover {\n  background-color: transparent;\n}\n.noSidePadding_0a4600ae0b {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_f8a6d3fa98.insetFocusStyle_ad45a6b093:focus-visible, .button_f8a6d3fa98.insetFocusStyle_ad45a6b093.focus-visible_f1e5379fce {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5) inset, 0 0 0 1px var(--primary-hover-color) inset;\n}\n.button_f8a6d3fa98.insetFocusStyle_ad45a6b093:focus:not(.focus-visible_f1e5379fce) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

package/dist/src/components/Button/ButtonConstants.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonConstants.js","sources":["../../../../src/components/Button/ButtonConstants.ts"],"sourcesContent":["import { SIZES } from \"../../constants/sizes\";\n\n/*\n @deprecated\n /\nexport enum ButtonType {\n PRIMARY = \"primary\",\n SECONDARY = \"secondary\",\n TERTIARY = \"tertiary\"\n}\n\n/\n @deprecated\n /\nexport enum ButtonColor {\n PRIMARY = \"primary\",\n POSITIVE = \"positive\",\n NEGATIVE = \"negative\",\n INVERTED = \"inverted\",\n ON_PRIMARY_COLOR = \"on-primary-color\",\n ON_INVERTED_BACKGROUND = \"on-inverted-background\",\n BRAND = \"brand\",\n FIXED_LIGHT = \"fixed-light\",\n FIXED_DARK = \"fixed-dark\"\n}\n\nexport type Size = (typeof SIZES)[keyof typeof SIZES];\n\nexport const BUTTON_KIND_CLASS_NAMES = {\n PRIMARY: \"\"\n};\n\nexport const SMALL_BUTTON_ICON_SIZE = 16;\n\nexport const BUTTON_ICON_SIZE = 20;\n\n/\n @deprecated\n */\nexport enum ButtonInputType {\n BUTTON = \"button\",\n SUBMIT = \"submit\",\n RESET = \"reset\"\n}\n"],"names":["ButtonType","ButtonColor","ButtonInputType","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE"],"mappings":"IAKYA,EASAC,GATZ,SAAYD,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,UACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,iBAAA,mBACAA,EAAA,uBAAA,yBACAA,EAAA,MAAA,QACAA,EAAA,YAAA,cACAA,EAAA,WAAA,YACD,CAVD,CAAYA,IAAAA,EAUX,CAAA,IAQM,IAOKC,EAPCC,EAAyB,GAEzBC,EAAmB,IAKhC,SAAYF,GACVA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}
1	+ {"version":3,"file":"ButtonConstants.js","sources":["../../../../src/components/Button/ButtonConstants.ts"],"sourcesContent":["import { type SIZES } from \"../../constants/sizes\";\n\n/*\n @deprecated\n /\nexport enum ButtonType {\n PRIMARY = \"primary\",\n SECONDARY = \"secondary\",\n TERTIARY = \"tertiary\"\n}\n\n/\n @deprecated\n /\nexport enum ButtonColor {\n PRIMARY = \"primary\",\n POSITIVE = \"positive\",\n NEGATIVE = \"negative\",\n INVERTED = \"inverted\",\n ON_PRIMARY_COLOR = \"on-primary-color\",\n ON_INVERTED_BACKGROUND = \"on-inverted-background\",\n BRAND = \"brand\",\n FIXED_LIGHT = \"fixed-light\",\n FIXED_DARK = \"fixed-dark\"\n}\n\nexport type Size = (typeof SIZES)[keyof typeof SIZES];\n\nexport const BUTTON_KIND_CLASS_NAMES = {\n PRIMARY: \"\"\n};\n\nexport const SMALL_BUTTON_ICON_SIZE = 16;\n\nexport const BUTTON_ICON_SIZE = 20;\n\n/\n @deprecated\n */\nexport enum ButtonInputType {\n BUTTON = \"button\",\n SUBMIT = \"submit\",\n RESET = \"reset\"\n}\n"],"names":["ButtonType","ButtonColor","ButtonInputType","SMALL_BUTTON_ICON_SIZE","BUTTON_ICON_SIZE"],"mappings":"IAKYA,EASAC,GATZ,SAAYD,GACVA,EAAA,QAAA,UACAA,EAAA,UAAA,YACAA,EAAA,SAAA,UACD,CAJD,CAAYA,IAAAA,EAIX,CAAA,IAKD,SAAYC,GACVA,EAAA,QAAA,UACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,SAAA,WACAA,EAAA,iBAAA,mBACAA,EAAA,uBAAA,yBACAA,EAAA,MAAA,QACAA,EAAA,YAAA,cACAA,EAAA,WAAA,YACD,CAVD,CAAYA,IAAAA,EAUX,CAAA,IAQM,IAOKC,EAPCC,EAAyB,GAEzBC,EAAmB,IAKhC,SAAYF,GACVA,EAAA,OAAA,SACAA,EAAA,OAAA,SACAA,EAAA,MAAA,OACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport Button from \"../Button/Button\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { ButtonValue } from \"./ButtonGroupConstants\";\nimport { ButtonWrapper } from \"./ButtonWrapper\";\nimport { SIZES } from \"../../constants\";\nimport { ButtonType as ButtonTypeEnum } from \"../Button/ButtonConstants\";\nimport { ButtonType, ButtonSize } from \"../Button\";\nimport { SubIcon, VibeComponentProps, withStaticProps } from \"../../types\";\nimport { MoveBy } from \"../../types/MoveBy\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./ButtonGroup.module.scss\";\nimport { TooltipPositions } from \"../Tooltip\";\n\ntype ButtonGroupOption = {\n icon?: SubIcon;\n leftIcon?: SubIcon;\n ariaLabel?: string;\n subText?: string;\n value: ButtonValue;\n text: string;\n disabled?: boolean;\n tooltipContent?: string;\n};\n\nexport interface ButtonGroupProps extends VibeComponentProps {\n /*\n The list of button options.\n /\n options: Array<ButtonGroupOption>;\n /\n The currently selected button value.\n /\n value?: ButtonValue;\n /\n Callback fired when a button is selected.\n /\n onSelect?: (value: ButtonValue, name: string) => void;\n /\n The size of the buttons.\n /\n size?: ButtonSize;\n /\n The style variant of the buttons.\n /\n kind?: Extract<ButtonType, \"secondary\" \| \"tertiary\">;\n /\n The name of the button group.\n /\n name?: string;\n /\n If true, disables all buttons in the group.\n /\n disabled?: boolean;\n /\n The label of the button group for accessibility.\n /\n groupAriaLabel?: string;\n /\n The position of the tooltip relative to the button.\n /\n tooltipPosition?: TooltipPositions;\n /\n The delay in milliseconds before the tooltip hides.\n /\n tooltipHideDelay?: number;\n /\n The delay in milliseconds before the tooltip shows.\n /\n tooltipShowDelay?: number;\n /\n CSS selector for the tooltip container.\n /\n tooltipContainerSelector?: string;\n /\n Adjusts the tooltip position.\n /\n tooltipMoveBy?: MoveBy;\n /\n The content inside the button group.\n /\n children?: React.ReactNode;\n /\n If true, makes the button group take the full width of its container.\n /\n fullWidth?: boolean;\n /\n If true, removes focus from the button after clicking.\n */\n blurOnMouseUp?: boolean;\n}\n\nconst ButtonGroup = forwardRef(\n (\n {\n className,\n options,\n name = \"\",\n disabled = false,\n value = \"\",\n onSelect,\n size = \"small\",\n kind = \"secondary\",\n groupAriaLabel = \"\",\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp = true,\n id,\n \"data-testid\": dataTestId,\n fullWidth = false\n }: ButtonGroupProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const inputRef = useRef();\n const mergedRef = useMergeRef(ref, inputRef);\n\n const [valueState, setValueState] = useState(value);\n const prevValue = usePrevious(value);\n\n const onClick = useCallback(\n (option: ButtonGroupOption) => {\n const isDisabled = disabled \|\| option.disabled;\n if (!isDisabled) {\n setValueState(option.value);\n if (onSelect) {\n onSelect(option.value, name);\n }\n }\n },\n [onSelect, disabled, name]\n );\n\n const isOptionActive = (option?: ButtonGroupOption) => option?.value === valueState;\n\n const selectedOption = useMemo(() => {\n return options.find(option => isOptionActive(option));\n }, [options, valueState]);\n\n const Buttons = useMemo(() => {\n return options.map((option, index) => {\n const isSelected = isOptionActive(option);\n const isFirst = index === 0;\n const isLast = index === options.length - 1;\n const isNextOptionActive = isOptionActive(options[index + 1]);\n\n return (\n <ButtonWrapper\n key={option.value}\n size={size}\n onClick={() => onClick(option)}\n rightIcon={option.icon}\n leftIcon={option.leftIcon}\n active={isSelected}\n rightFlat={index !== options.length - 1}\n leftFlat={index !== 0}\n kind=\"tertiary\"\n preventClickAnimation\n ariaLabel={option.ariaLabel}\n tooltipContent={option.tooltipContent}\n tooltipPosition={tooltipPosition}\n tooltipHideDelay={tooltipHideDelay}\n tooltipShowDelay={tooltipShowDelay}\n tooltipContainerSelector={tooltipContainerSelector}\n tooltipMoveBy={tooltipMoveBy}\n blurOnMouseUp={blurOnMouseUp}\n fullWidth={fullWidth}\n className={cx(styles.button, styles.optionText, {\n [styles.selected]: isSelected,\n [styles.disabled]: disabled,\n [styles.buttonDisabled]: option.disabled,\n [styles.fullWidth]: fullWidth,\n [styles.startBorder]: isFirst,\n [styles.endBorder]: isLast \|\| !isNextOptionActive\n })}\n activeButtonClassName={styles.activeButton}\n >\n {option.text}\n </ButtonWrapper>\n );\n });\n }, [\n options,\n valueState,\n size,\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp,\n disabled,\n fullWidth,\n onClick\n ]);\n\n // Effects\n useEffect(() => {\n // Update value if changed from props\n if (value !== prevValue && value !== valueState) {\n setValueState(value);\n }\n }, [value, prevValue, valueState, setValueState]);\n\n return (\n <div\n className={cx(styles.buttonGroup, className, getStyle(styles, camelCase(\"kind-\" + kind)), {\n [styles.disabled]: disabled\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BUTTON_GROUP, id)}\n data-vibe={ComponentVibeId.BUTTON_GROUP}\n ref={mergedRef}\n >\n <div\n role=\"group\"\n aria-label={groupAriaLabel}\n className={cx(styles.buttonsContainer, { [styles.fullWidth]: fullWidth })}\n aria-disabled={disabled}\n >\n {Buttons}\n </div>\n {selectedOption && selectedOption.subText && (\n <div className={cx(styles.subTextContainer)}>{selectedOption.subText}</div>\n )}\n </div>\n );\n }\n);\n\ninterface ButtonGroupStaticProps {\n sizes: typeof SIZES;\n kinds: typeof ButtonTypeEnum;\n}\n\nexport default withStaticProps<ButtonGroupProps, ButtonGroupStaticProps>(ButtonGroup, {\n sizes: Button.sizes,\n kinds: Button.kinds\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","options","_ref$name","name","_ref$disabled","disabled","_ref$value","value","onSelect","_ref$size","size","_ref$kind","kind","_ref$groupAriaLabel","groupAriaLabel","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","_ref$blurOnMouseUp","blurOnMouseUp","id","dataTestId","_ref$fullWidth","fullWidth","inputRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","valueState","setValueState","prevValue","usePrevious","onClick","useCallback","option","isOptionActive","selectedOption","useMemo","find","Buttons","map","index","isSelected","isFirst","isLast","length","isNextOptionActive","React","createElement","ButtonWrapper","key","rightIcon","icon","leftIcon","active","rightFlat","leftFlat","preventClickAnimation","ariaLabel","tooltipContent","cx","styles","button","optionText","_defineProperty","selected","buttonDisabled","startBorder","endBorder","activeButtonClassName","activeButton","text","useEffect","buttonGroup","getStyle","camelCase","getTestId","ComponentDefaultTestId","BUTTON_GROUP","ComponentVibeId","role","buttonsContainer","subText","subTextContainer","sizes","Button","kinds"],"mappings":"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"}
1	+ {"version":3,"file":"ButtonGroup.js","sources":["../../../../src/components/ButtonGroup/ButtonGroup.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useEffect, useMemo, useRef, useState } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport Button from \"../Button/Button\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type ButtonValue } from \"./ButtonGroupConstants\";\nimport { ButtonWrapper } from \"./ButtonWrapper\";\nimport { type SIZES } from \"../../constants\";\nimport { type ButtonType as ButtonTypeEnum } from \"../Button/ButtonConstants\";\nimport { type ButtonType, type ButtonSize } from \"../Button\";\nimport { type SubIcon, type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../tests/constants\";\nimport styles from \"./ButtonGroup.module.scss\";\nimport { type TooltipPositions } from \"../Tooltip\";\n\ntype ButtonGroupOption = {\n icon?: SubIcon;\n leftIcon?: SubIcon;\n ariaLabel?: string;\n subText?: string;\n value: ButtonValue;\n text: string;\n disabled?: boolean;\n tooltipContent?: string;\n};\n\nexport interface ButtonGroupProps extends VibeComponentProps {\n /*\n The list of button options.\n /\n options: Array<ButtonGroupOption>;\n /\n The currently selected button value.\n /\n value?: ButtonValue;\n /\n Callback fired when a button is selected.\n /\n onSelect?: (value: ButtonValue, name: string) => void;\n /\n The size of the buttons.\n /\n size?: ButtonSize;\n /\n The style variant of the buttons.\n /\n kind?: Extract<ButtonType, \"secondary\" \| \"tertiary\">;\n /\n The name of the button group.\n /\n name?: string;\n /\n If true, disables all buttons in the group.\n /\n disabled?: boolean;\n /\n The label of the button group for accessibility.\n /\n groupAriaLabel?: string;\n /\n The position of the tooltip relative to the button.\n /\n tooltipPosition?: TooltipPositions;\n /\n The delay in milliseconds before the tooltip hides.\n /\n tooltipHideDelay?: number;\n /\n The delay in milliseconds before the tooltip shows.\n /\n tooltipShowDelay?: number;\n /\n CSS selector for the tooltip container.\n /\n tooltipContainerSelector?: string;\n /\n Adjusts the tooltip position.\n /\n tooltipMoveBy?: MoveBy;\n /\n The content inside the button group.\n /\n children?: React.ReactNode;\n /\n If true, makes the button group take the full width of its container.\n /\n fullWidth?: boolean;\n /\n If true, removes focus from the button after clicking.\n */\n blurOnMouseUp?: boolean;\n}\n\nconst ButtonGroup = forwardRef(\n (\n {\n className,\n options,\n name = \"\",\n disabled = false,\n value = \"\",\n onSelect,\n size = \"small\",\n kind = \"secondary\",\n groupAriaLabel = \"\",\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp = true,\n id,\n \"data-testid\": dataTestId,\n fullWidth = false\n }: ButtonGroupProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const inputRef = useRef();\n const mergedRef = useMergeRef(ref, inputRef);\n\n const [valueState, setValueState] = useState(value);\n const prevValue = usePrevious(value);\n\n const onClick = useCallback(\n (option: ButtonGroupOption) => {\n const isDisabled = disabled \|\| option.disabled;\n if (!isDisabled) {\n setValueState(option.value);\n if (onSelect) {\n onSelect(option.value, name);\n }\n }\n },\n [onSelect, disabled, name]\n );\n\n const isOptionActive = (option?: ButtonGroupOption) => option?.value === valueState;\n\n const selectedOption = useMemo(() => {\n return options.find(option => isOptionActive(option));\n }, [options, valueState]);\n\n const Buttons = useMemo(() => {\n return options.map((option, index) => {\n const isSelected = isOptionActive(option);\n const isFirst = index === 0;\n const isLast = index === options.length - 1;\n const isNextOptionActive = isOptionActive(options[index + 1]);\n\n return (\n <ButtonWrapper\n key={option.value}\n size={size}\n onClick={() => onClick(option)}\n rightIcon={option.icon}\n leftIcon={option.leftIcon}\n active={isSelected}\n rightFlat={index !== options.length - 1}\n leftFlat={index !== 0}\n kind=\"tertiary\"\n preventClickAnimation\n ariaLabel={option.ariaLabel}\n tooltipContent={option.tooltipContent}\n tooltipPosition={tooltipPosition}\n tooltipHideDelay={tooltipHideDelay}\n tooltipShowDelay={tooltipShowDelay}\n tooltipContainerSelector={tooltipContainerSelector}\n tooltipMoveBy={tooltipMoveBy}\n blurOnMouseUp={blurOnMouseUp}\n fullWidth={fullWidth}\n className={cx(styles.button, styles.optionText, {\n [styles.selected]: isSelected,\n [styles.disabled]: disabled,\n [styles.buttonDisabled]: option.disabled,\n [styles.fullWidth]: fullWidth,\n [styles.startBorder]: isFirst,\n [styles.endBorder]: isLast \|\| !isNextOptionActive\n })}\n activeButtonClassName={styles.activeButton}\n >\n {option.text}\n </ButtonWrapper>\n );\n });\n }, [\n options,\n valueState,\n size,\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n blurOnMouseUp,\n disabled,\n fullWidth,\n onClick\n ]);\n\n // Effects\n useEffect(() => {\n // Update value if changed from props\n if (value !== prevValue && value !== valueState) {\n setValueState(value);\n }\n }, [value, prevValue, valueState, setValueState]);\n\n return (\n <div\n className={cx(styles.buttonGroup, className, getStyle(styles, camelCase(\"kind-\" + kind)), {\n [styles.disabled]: disabled\n })}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.BUTTON_GROUP, id)}\n data-vibe={ComponentVibeId.BUTTON_GROUP}\n ref={mergedRef}\n >\n <div\n role=\"group\"\n aria-label={groupAriaLabel}\n className={cx(styles.buttonsContainer, { [styles.fullWidth]: fullWidth })}\n aria-disabled={disabled}\n >\n {Buttons}\n </div>\n {selectedOption && selectedOption.subText && (\n <div className={cx(styles.subTextContainer)}>{selectedOption.subText}</div>\n )}\n </div>\n );\n }\n);\n\ninterface ButtonGroupStaticProps {\n sizes: typeof SIZES;\n kinds: typeof ButtonTypeEnum;\n}\n\nexport default withStaticProps<ButtonGroupProps, ButtonGroupStaticProps>(ButtonGroup, {\n sizes: Button.sizes,\n kinds: Button.kinds\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","options","_ref$name","name","_ref$disabled","disabled","_ref$value","value","onSelect","_ref$size","size","_ref$kind","kind","_ref$groupAriaLabel","groupAriaLabel","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","_ref$blurOnMouseUp","blurOnMouseUp","id","dataTestId","_ref$fullWidth","fullWidth","inputRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","valueState","setValueState","prevValue","usePrevious","onClick","useCallback","option","isOptionActive","selectedOption","useMemo","find","Buttons","map","index","isSelected","isFirst","isLast","length","isNextOptionActive","React","createElement","ButtonWrapper","key","rightIcon","icon","leftIcon","active","rightFlat","leftFlat","preventClickAnimation","ariaLabel","tooltipContent","cx","styles","button","optionText","_defineProperty","selected","buttonDisabled","startBorder","endBorder","activeButtonClassName","activeButton","text","useEffect","buttonGroup","getStyle","camelCase","getTestId","ComponentDefaultTestId","BUTTON_GROUP","ComponentVibeId","role","buttonsContainer","subText","subTextContainer","sizes","Button","kinds"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-var n={buttonGroup:"buttonGroup_ca83b97048",subTextContainer:"subTextContainer_e2c9a7c1a5",buttonsContainer:"buttonsContainer_de16a62304",fullWidth:"fullWidth_6871c85573",button:"button_0cc9d1acb3",activeButton:"activeButton_f36d6ad8d1",disabled:"disabled_96db7a3a5c",buttonDisabled:"buttonDisabled_e13b52b7fa",startBorder:"startBorder_f1ea32b7dc",endBorder:"endBorder_e65ac0f336",kindTertiary:"kindTertiary_e784b960d8",optionText:"optionText_926d2248eb",selected:"selected_0a26420f10",wrapper:"wrapper_767b059a55"};!function(n){const t="s_id-4b7ca9f3603b_3_58_0";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".buttonGroup_ca83b97048 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_e2c9a7c1a5 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.buttonsContainer_de16a62304 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_de16a62304.fullWidth_6871c85573 {\n  justify-content: flex-start;\n  width: 100%;\n}\n\n.buttonsContainer_de16a62304 .button_0cc9d1acb3 {\n  border-style: solid;\n  border-width: 1px 0;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_de16a62304 .button_0cc9d1acb3.activeButton_f36d6ad8d1 {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n  border-inline-start-width: 1px;\n  border-inline-end-width: 1px;\n}\n\n.buttonsContainer_de16a62304 .button_0cc9d1acb3.activeButton_f36d6ad8d1:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.buttonsContainer_de16a62304 .button_0cc9d1acb3.disabled_96db7a3a5c, .buttonsContainer_de16a62304 .button_0cc9d1acb3.buttonDisabled_e13b52b7fa {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.buttonsContainer_de16a62304 .button_0cc9d1acb3.startBorder_f1ea32b7dc {\n  border-inline-start-width: 1px;\n}\n\n.buttonsContainer_de16a62304 .button_0cc9d1acb3.endBorder_e65ac0f336 {\n  border-inline-end-width: 1px;\n}\n\n.buttonsContainer_de16a62304 .button_0cc9d1acb3.fullWidth_6871c85573 {\n  width: 100%;\n  display: flex;\n}\n\n.kindTertiary_e784b960d8 .buttonsContainer_de16a62304 .button_0cc9d1acb3 {\n  border-color: transparent;\n}\n\n.kindTertiary_e784b960d8 .buttonsContainer_de16a62304 .button_0cc9d1acb3:first-child {\n  border-color: transparent;\n}\n\n.optionText_926d2248eb:not(.disabled_96db7a3a5c) {\n  color: var(--primary-text-color);\n}\n\n.optionText_926d2248eb:not(.disabled_96db7a3a5c).selected_0a26420f10 {\n  color: var(--primary-text-color);\n}\n\n.wrapper_767b059a55.disabled_96db7a3a5c {\n  cursor: not-allowed;\n}\n\n.fullWidth_6871c85573 {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_b7e08e7da0",subTextContainer:"subTextContainer_fbfaf394f7",buttonsContainer:"buttonsContainer_7d10890e11",fullWidth:"fullWidth_dc0d6cdf4b",button:"button_a98d83ed8f",activeButton:"activeButton_fb52b735cd",disabled:"disabled_a81cd5812e",buttonDisabled:"buttonDisabled_2af7721731",startBorder:"startBorder_61953c2665",endBorder:"endBorder_ceef9961ff",kindTertiary:"kindTertiary_2a04196d63",optionText:"optionText_f0ca929478",selected:"selected_2be8c66e3b",wrapper:"wrapper_49879e7ad6"};!function(n){const t="s_id-4b7ca9f3603b_3_58_1";if("undefined"!=typeof document){const e=document.head||document.getElementsByTagName("head")[0];if(e.querySelector("#"+t))return;const o=document.createElement("style");o.id=t,e.firstChild?e.insertBefore(o,e.firstChild):e.appendChild(o),o.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=n)}(".buttonGroup_b7e08e7da0 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_fbfaf394f7 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.buttonsContainer_7d10890e11 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_7d10890e11.fullWidth_dc0d6cdf4b {\n  justify-content: flex-start;\n  width: 100%;\n}\n\n.buttonsContainer_7d10890e11 .button_a98d83ed8f {\n  border-style: solid;\n  border-width: 1px 0;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_7d10890e11 .button_a98d83ed8f.activeButton_fb52b735cd {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n  border-inline-start-width: 1px;\n  border-inline-end-width: 1px;\n}\n\n.buttonsContainer_7d10890e11 .button_a98d83ed8f.activeButton_fb52b735cd:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.buttonsContainer_7d10890e11 .button_a98d83ed8f.disabled_a81cd5812e, .buttonsContainer_7d10890e11 .button_a98d83ed8f.buttonDisabled_2af7721731 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.buttonsContainer_7d10890e11 .button_a98d83ed8f.startBorder_61953c2665 {\n  border-inline-start-width: 1px;\n}\n\n.buttonsContainer_7d10890e11 .button_a98d83ed8f.endBorder_ceef9961ff {\n  border-inline-end-width: 1px;\n}\n\n.buttonsContainer_7d10890e11 .button_a98d83ed8f.fullWidth_dc0d6cdf4b {\n  width: 100%;\n  display: flex;\n}\n\n.kindTertiary_2a04196d63 .buttonsContainer_7d10890e11 .button_a98d83ed8f {\n  border-color: transparent;\n}\n\n.kindTertiary_2a04196d63 .buttonsContainer_7d10890e11 .button_a98d83ed8f:first-child {\n  border-color: transparent;\n}\n\n.optionText_f0ca929478:not(.disabled_a81cd5812e) {\n  color: var(--primary-text-color);\n}\n\n.optionText_f0ca929478:not(.disabled_a81cd5812e).selected_2be8c66e3b {\n  color: var(--primary-text-color);\n}\n\n.wrapper_49879e7ad6.disabled_a81cd5812e {\n  cursor: not-allowed;\n}\n\n.fullWidth_dc0d6cdf4b {\n  flex: 1;\n}");export{n as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map

package/dist/src/components/ButtonGroup/ButtonWrapper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ButtonWrapper.js","sources":["../../../../src/components/ButtonGroup/ButtonWrapper.tsx"],"sourcesContent":["import React from \"react\";\nimport { isNil } from \"lodash-es\";\nimport Button, { ButtonProps } from \"../Button/Button\";\nimport Tooltip from \"../Tooltip/Tooltip\";\nimport { MoveBy } from \"../../types/MoveBy\";\nimport { TooltipPositions } from \"../Tooltip/Tooltip.types\";\nimport styles from \"./ButtonGroup.module.scss\";\n\nexport interface ButtonWrapperProps extends ButtonProps {\n /*\n The content of the tooltip.\n /\n tooltipContent?: string;\n /\n The position of the tooltip relative to the button.\n /\n tooltipPosition?: TooltipPositions;\n /\n The delay in milliseconds before the tooltip hides.\n /\n tooltipHideDelay?: number;\n /\n The delay in milliseconds before the tooltip shows.\n /\n tooltipShowDelay?: number;\n /\n CSS selector for the tooltip container.\n /\n tooltipContainerSelector?: string;\n /\n Adjusts the tooltip position.\n /\n tooltipMoveBy?: MoveBy;\n /\n If true, makes the button take the full width of its container.\n */\n fullWidth?: boolean;\n}\n\nexport const ButtonWrapper = ({\n tooltipContent,\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n fullWidth,\n className,\n ...otherProps\n}: ButtonWrapperProps) => {\n const button = <Button {...otherProps} className={className} />;\n\n if (!isNil(tooltipContent)) {\n return (\n <Tooltip\n moveBy={tooltipMoveBy}\n position={tooltipPosition}\n hideDelay={tooltipHideDelay}\n showDelay={tooltipShowDelay}\n content={tooltipContent}\n showTrigger={[\"mouseenter\"]}\n hideTrigger={[\"mouseleave\"]}\n containerSelector={tooltipContainerSelector}\n referenceWrapperClassName={fullWidth ? styles.fullWidth : undefined}\n >\n {button}\n </Tooltip>\n );\n }\n\n // Always wrap in a div when fullWidth to ensure consistent structure\n if (fullWidth) {\n return <div className={styles.fullWidth}>{button}</div>;\n }\n\n return button;\n};\n"],"names":["ButtonWrapper","_a","tooltipContent","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","fullWidth","className","otherProps","__rest","button","React","createElement","Button","Object","assign","isNil","styles","Tooltip","moveBy","position","hideDelay","showDelay","content","showTrigger","hideTrigger","containerSelector","referenceWrapperClassName","undefined"],"mappings":"oOAuCaA,EAAgB,SAACC,OAC5BC,EAOSD,EAPTC,eACAC,EAMSF,EANTE,gBACAC,EAKSH,EALTG,iBACAC,EAISJ,EAJTI,iBACAC,EAGSL,EAHTK,yBACAC,EAESN,EAFTM,cACAC,EACSP,EADTO,UACAC,EAASR,EAATQ,UACGC,EAAUC,EAAAV,EATe,+IAWtBW,EAASC,EAAAC,cAACC,EAAMC,OAAAC,OAAA,CAAA,EAAKP,EAAU,CAAED,UAAWA,KAElD,OAAKS,EAAMhB,GAmBPM,EACKK,EAAAC,cAAA,MAAA,CAAKL,UAAWU,EAAOX,WAAYI,GAGrCA,EArBHC,EAACC,cAAAM,EACC,CAAAC,OAAQd,EACRe,SAAUnB,EACVoB,UAAWnB,EACXoB,UAAWnB,EACXoB,QAASvB,EACTwB,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,kBAAmBtB,EACnBuB,0BAA2BrB,EAAYW,EAAOX,eAAYsB,GAEzDlB,EAWT"}
1	+ {"version":3,"file":"ButtonWrapper.js","sources":["../../../../src/components/ButtonGroup/ButtonWrapper.tsx"],"sourcesContent":["import React from \"react\";\nimport { isNil } from \"lodash-es\";\nimport Button, { type ButtonProps } from \"../Button/Button\";\nimport Tooltip from \"../Tooltip/Tooltip\";\nimport { type MoveBy } from \"../../types/MoveBy\";\nimport { type TooltipPositions } from \"../Tooltip/Tooltip.types\";\nimport styles from \"./ButtonGroup.module.scss\";\n\nexport interface ButtonWrapperProps extends ButtonProps {\n /*\n The content of the tooltip.\n /\n tooltipContent?: string;\n /\n The position of the tooltip relative to the button.\n /\n tooltipPosition?: TooltipPositions;\n /\n The delay in milliseconds before the tooltip hides.\n /\n tooltipHideDelay?: number;\n /\n The delay in milliseconds before the tooltip shows.\n /\n tooltipShowDelay?: number;\n /\n CSS selector for the tooltip container.\n /\n tooltipContainerSelector?: string;\n /\n Adjusts the tooltip position.\n /\n tooltipMoveBy?: MoveBy;\n /\n If true, makes the button take the full width of its container.\n */\n fullWidth?: boolean;\n}\n\nexport const ButtonWrapper = ({\n tooltipContent,\n tooltipPosition,\n tooltipHideDelay,\n tooltipShowDelay,\n tooltipContainerSelector,\n tooltipMoveBy,\n fullWidth,\n className,\n ...otherProps\n}: ButtonWrapperProps) => {\n const button = <Button {...otherProps} className={className} />;\n\n if (!isNil(tooltipContent)) {\n return (\n <Tooltip\n moveBy={tooltipMoveBy}\n position={tooltipPosition}\n hideDelay={tooltipHideDelay}\n showDelay={tooltipShowDelay}\n content={tooltipContent}\n showTrigger={[\"mouseenter\"]}\n hideTrigger={[\"mouseleave\"]}\n containerSelector={tooltipContainerSelector}\n referenceWrapperClassName={fullWidth ? styles.fullWidth : undefined}\n >\n {button}\n </Tooltip>\n );\n }\n\n // Always wrap in a div when fullWidth to ensure consistent structure\n if (fullWidth) {\n return <div className={styles.fullWidth}>{button}</div>;\n }\n\n return button;\n};\n"],"names":["ButtonWrapper","_a","tooltipContent","tooltipPosition","tooltipHideDelay","tooltipShowDelay","tooltipContainerSelector","tooltipMoveBy","fullWidth","className","otherProps","__rest","button","React","createElement","Button","Object","assign","isNil","styles","Tooltip","moveBy","position","hideDelay","showDelay","content","showTrigger","hideTrigger","containerSelector","referenceWrapperClassName","undefined"],"mappings":"oOAuCaA,EAAgB,SAACC,OAC5BC,EAOSD,EAPTC,eACAC,EAMSF,EANTE,gBACAC,EAKSH,EALTG,iBACAC,EAISJ,EAJTI,iBACAC,EAGSL,EAHTK,yBACAC,EAESN,EAFTM,cACAC,EACSP,EADTO,UACAC,EAASR,EAATQ,UACGC,EAAUC,EAAAV,EATe,+IAWtBW,EAASC,EAAAC,cAACC,EAAMC,OAAAC,OAAA,CAAA,EAAKP,EAAU,CAAED,UAAWA,KAElD,OAAKS,EAAMhB,GAmBPM,EACKK,EAAAC,cAAA,MAAA,CAAKL,UAAWU,EAAOX,WAAYI,GAGrCA,EArBHC,EAACC,cAAAM,EACC,CAAAC,OAAQd,EACRe,SAAUnB,EACVoB,UAAWnB,EACXoB,UAAWnB,EACXoB,QAASvB,EACTwB,YAAa,CAAC,cACdC,YAAa,CAAC,cACdC,kBAAmBtB,EACnBuB,0BAA2BrB,EAAYW,EAAOX,eAAYsB,GAEzDlB,EAWT"}

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

@@ -1,2 +1,2 @@
-import e,{forwardRef as t,useRef as a,useCallback as o,useEffect as r,useMemo as i}from"react";import n from"classnames";import{isNil as s,noop as c}from"lodash-es";import l from"../Icon/Icon.js";import{useSupportFirefoxLabelClick as m}from"./hooks/useSupportFirefoxLabelClick.js";import d from"../../hooks/useMergeRef.js";import{getTestId as u}from"../../tests/testIds.js";import{ComponentDefaultTestId as p,ComponentVibeId as f}from"../../tests/constants.js";import C from"../Text/Text.js";import b from"./Checkbox.module.scss.js";import h from"../../../icons/dist/react/Remove.js";import v from"../../../icons/dist/react/Check.js";var k=t((function(t,k){var x=t.className,E=t.checkboxClassName,j=t.labelClassName,N=t.ariaLabel,y=t.label,B=t.ariaLabelledBy,F=t.onChange,g=void 0===F?c:F,H=t.checked,w=t.autoFocus,I=t.indeterminate,K=void 0!==I&&I,L=t.disabled,O=void 0!==L&&L,X=t.defaultChecked,A=t.tabIndex,R=t.value,S=void 0===R?"":R,T=t.name,q=void 0===T?"":T,M=t.id,_=t["data-testid"],z=a(null),U=d(k,z),D=a(null),G=o((function(){var e=z.current;e&&window.requestAnimationFrame((function(){window.requestAnimationFrame((function(){e.blur()}))}))}),[z]),J=X;s(J)&&s(H)&&(J=!1),r((function(){z.current&&(z.current.indeterminate=K)}),[z,K]);var P=m({inputRef:z}).onClickCapture,Q=i((function(){return N||("string"==typeof y?y:"")}),[N,y]);return e.createElement("label",{className:n(b.wrapper,x),onMouseUp:G,"data-testid":_||u(p.CHECKBOX,M),htmlFor:M,onClickCapture:P},e.createElement("input",{ref:U,id:M,className:b.input,value:S,name:q,type:"checkbox",autoFocus:w,onChange:g,defaultChecked:J,disabled:O,"aria-label":Q,"aria-labelledby":B,checked:H,tabIndex:A}),e.createElement("div",{className:n(b.checkbox,E),ref:D,"data-testid":u(p.CHECKBOX_CHECKBOX,M),"data-vibe":f.CHECKBOX},e.createElement(l,{className:b.icon,iconType:"svg",icon:K?h:v,ignoreFocusStyle:!0,ariaHidden:!0,iconSize:"16"})),!1===y?null:e.createElement(C,{element:"span",type:"text2",className:n(b.label,j),"data-testid":u(p.CHECKBOX_LABEL,M)},y))}));export{k as default};
+import e,{forwardRef as a,useRef as t,useCallback as o,useEffect as n,useMemo as i}from"react";import r from"classnames";import{isNil as l,noop as s}from"lodash-es";import c from"../Icon/Icon.js";import{useSupportFirefoxLabelClick as m}from"./hooks/useSupportFirefoxLabelClick.js";import d from"../../hooks/useMergeRef.js";import{getTestId as u}from"../../tests/testIds.js";import{ComponentDefaultTestId as p,ComponentVibeId as C}from"../../tests/constants.js";import b from"../Text/Text.js";import f from"./Checkbox.module.scss.js";import E from"../../../icons/dist/react/Remove.js";import h from"../../../icons/dist/react/Check.js";var k=a((function(a,k){var v=a.className,x=a.checkboxClassName,B=a.labelClassName,N=a.ariaLabel,y=a.label,H=a.ariaLabelledBy,F=a.onChange,K=void 0===F?s:F,O=a.checked,X=a.autoFocus,g=a.indeterminate,j=void 0!==g&&g,L=a.disabled,w=void 0!==L&&L,I=a.defaultChecked,S=a.tabIndex,A=a.value,M=void 0===A?"":A,T=a.name,_=void 0===T?"":T,R=a.id,U=a.separateLabel,q=void 0!==U&&U,z=a["data-testid"],D=t(null),G=d(k,D),J=t(null),P=o((function(){var e=D.current;e&&window.requestAnimationFrame((function(){window.requestAnimationFrame((function(){e.blur()}))}))}),[D]),Q=I;l(Q)&&l(O)&&(Q=!1),n((function(){D.current&&(D.current.indeterminate=j)}),[D,j]);var V=m({inputRef:D}).onClickCapture,W=i((function(){return N||("string"==typeof y?y:"")}),[N,y]);return q?e.createElement("div",{className:r(f.wrapper,v),"data-testid":z||u(p.CHECKBOX,R)},e.createElement("input",{ref:G,id:R,className:f.input,value:M,name:_,type:"checkbox",autoFocus:X,onChange:K,defaultChecked:Q,disabled:w,"aria-label":W,"aria-labelledby":H,checked:O,tabIndex:S}),e.createElement("label",{htmlFor:R,className:r(f.checkbox,x),"data-testid":u(p.CHECKBOX_CHECKBOX,R),"data-vibe":C.CHECKBOX,onMouseUp:P,onClickCapture:V},e.createElement(c,{className:f.icon,iconType:"svg",icon:j?E:h,ignoreFocusStyle:!0,ariaHidden:!0,iconSize:"16"})),!1===y?null:e.createElement("label",{htmlFor:R,className:r(f.label,B),"data-testid":u(p.CHECKBOX_LABEL,R),onMouseUp:P,onClickCapture:V},e.createElement(b,{element:"span",type:"text2"},y))):e.createElement("label",{className:r(f.wrapper,v),onMouseUp:P,"data-testid":z||u(p.CHECKBOX,R),htmlFor:R,onClickCapture:V},e.createElement("input",{ref:G,id:R,className:f.input,value:M,name:_,type:"checkbox",autoFocus:X,onChange:K,defaultChecked:Q,disabled:w,"aria-label":W,"aria-labelledby":H,checked:O,tabIndex:S}),e.createElement("div",{className:r(f.checkbox,x),ref:J,"data-testid":u(p.CHECKBOX_CHECKBOX,R),"data-vibe":C.CHECKBOX},e.createElement(c,{className:f.icon,iconType:"svg",icon:j?E:h,ignoreFocusStyle:!0,ariaHidden:!0,iconSize:"16"})),!1===y?null:e.createElement(b,{element:"span",type:"text2",className:r(f.label,B),"data-testid":u(p.CHECKBOX_LABEL,R)},y))}));export{k as default};
 //# sourceMappingURL=Checkbox.js.map