@vibe/core 3.53.1 → 3.53.2-alpha-96c56.0

package/dist/src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarGroupCounterTooltipHelper.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupCounterTooltipHelper.tsx"],"sourcesContent":["import React, { CSSProperties, RefObject, useCallback } from \"react\";\nimport useKeyEvent from \"../../hooks/useKeyEvent\";\nimport Flex from \"../Flex/Flex\";\nimport Avatar, { AvatarProps } from \"../Avatar/Avatar\";\nimport ClickableWrapper from \"../Clickable/ClickableWrapper\";\nimport avatarGroupCounterTooltipContentStyles from \"./AvatarGroupCounterTooltipContent.module.scss\";\nimport useEventListener from \"../../hooks/useEventListener\";\nimport useListenFocusTriggers from \"../../hooks/useListenFocusTriggers\";\nimport { AvatarType } from \"../Avatar\";\nimport { ElementContent } from \"../../types\";\nimport { AVATAR_GROUP_COUNTER_AVATAR_SIZE, AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY } from \"./AvatarGroupConstants\";\nimport { keyCodes } from \"../../constants\";\n\nconst TAB = [keyCodes.TAB];\nconst ESC = [keyCodes.ESCAPE];\n\nexport function useTooltipContentTabNavigation({\n  counterContainerRef = undefined,\n  tooltipContentContainerRef,\n  focusPrevPlaceholderRef,\n  focusNextPlaceholderRef,\n  isKeyboardTooltipVisible,\n  setIsKeyboardTooltipVisible\n}: {\n  counterContainerRef: RefObject<HTMLDivElement>;\n  tooltipContentContainerRef: RefObject<HTMLElement>;\n  focusPrevPlaceholderRef: RefObject<HTMLDivElement>;\n  focusNextPlaceholderRef: RefObject<HTMLDivElement>;\n  isKeyboardTooltipVisible: boolean;\n  setIsKeyboardTooltipVisible: (value: boolean) => void;\n}) {\n  const showKeyboardTooltip = useCallback(() => {\n    if (!isKeyboardTooltipVisible) {\n      // temp hack for display tooltip with delay after timeout because refactoring the tooltip with open mechanism is out of scope\n      setTimeout(() => setIsKeyboardTooltipVisible(true), AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY);\n    }\n  }, [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible]);\n\n  const hideKeyboardTooltip = useCallback(() => {\n    if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n  }, [isKeyboardTooltipVisible, setIsKeyboardTooltipVisible]);\n\n  // Open tooltip manually when keyboard focusing on counter\n  useListenFocusTriggers({\n    ref: counterContainerRef,\n    onFocusByKeyboard: showKeyboardTooltip\n  });\n\n  useEventListener({\n    eventName: \"blur\",\n    ref: tooltipContentContainerRef,\n    callback: hideKeyboardTooltip\n  });\n\n  //Move focus to content by keyboard\n  useKeyEvent({\n    keys: TAB,\n    ref: counterContainerRef,\n    withoutAnyModifier: true,\n    preventDefault: true,\n    callback: useCallback(() => {\n      if (isKeyboardTooltipVisible) tooltipContentContainerRef?.current && tooltipContentContainerRef.current.focus();\n    }, [isKeyboardTooltipVisible, tooltipContentContainerRef])\n  });\n\n  // Close tooltip by keyboard\n  useKeyEvent({\n    keys: TAB,\n    modifier: useKeyEvent.modifiers.SHIFT,\n    ref: counterContainerRef,\n    callback: hideKeyboardTooltip\n  });\n  useKeyEvent({\n    keys: TAB,\n    ref: tooltipContentContainerRef,\n    withoutAnyModifier: true,\n    callback: useCallback(() => {\n      // We are not preventing default behaviour here and that's why after pressing tab and after moving focus to here\n      // the browser will move the focus to the next element in the focus order.\n      focusNextPlaceholderRef?.current && focusNextPlaceholderRef.current.focus();\n      if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n    }, [focusNextPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n  });\n  useKeyEvent({\n    keys: TAB,\n    ref: tooltipContentContainerRef,\n    modifier: useKeyEvent.modifiers.SHIFT,\n    callback: useCallback(() => {\n      // We are not preventing default behaviour here and that's why after pressing tab and after moving focus to here\n      // the browser will move the focus to the next element in the focus order.\n      focusPrevPlaceholderRef?.current && focusPrevPlaceholderRef.current.focus();\n      if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n    }, [focusPrevPlaceholderRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n  });\n  useKeyEvent({\n    keys: ESC,\n    ref: tooltipContentContainerRef,\n    callback: useCallback(() => {\n      counterContainerRef?.current && counterContainerRef.current.focus();\n      if (isKeyboardTooltipVisible) setIsKeyboardTooltipVisible(false);\n    }, [counterContainerRef, isKeyboardTooltipVisible, setIsKeyboardTooltipVisible])\n  });\n  useKeyEvent({\n    keys: ESC,\n    ref: counterContainerRef,\n    callback: hideKeyboardTooltip\n  });\n\n  // Close tooltip when moving focus to next element\n  useEventListener({\n    eventName: \"focus\",\n    ref: focusNextPlaceholderRef,\n    callback: hideKeyboardTooltip\n  });\n}\n\nexport const avatarRenderer = (\n  item: { value: AvatarProps & { tooltipContent: ElementContent } },\n  index: number,\n  style: CSSProperties,\n  type: AvatarType,\n  displayAsGrid: boolean\n) => {\n  const avatarProps = item.value;\n  const overrideStyle: CSSProperties = { ...style, width: displayAsGrid ? undefined : \"100%\" };\n  const labelId = `tooltip-item-${index}-label`;\n\n  return (\n    <ClickableWrapper\n      key={index}\n      isClickable={!!avatarProps?.onClick}\n      clickableProps={{ onClick: event => avatarProps.onClick(event, avatarProps.id), tabIndex: \"-1\" }}\n    >\n      <div style={overrideStyle}>\n        <Flex direction=\"row\" gap=\"xs\" ariaLabelledby={labelId}>\n          <Avatar\n            {...avatarProps}\n            tooltipProps={undefined}\n            ariaLabel={\"\"}\n            customSize={AVATAR_GROUP_COUNTER_AVATAR_SIZE}\n            type={type || avatarProps?.type}\n            tabIndex={-1}\n            size={Avatar.sizes.SMALL}\n            className={avatarGroupCounterTooltipContentStyles.tooltipAvatarItemAvatar}\n          />\n          {!displayAsGrid && (\n            <div id={labelId} className={avatarGroupCounterTooltipContentStyles.tooltipAvatarItemTitle}>\n              {avatarProps.tooltipContent}\n            </div>\n          )}\n        </Flex>\n      </div>\n    </ClickableWrapper>\n  );\n};\n"],"names":["TAB","keyCodes","ESC","ESCAPE","useTooltipContentTabNavigation","_ref","_ref$counterContainer","counterContainerRef","undefined","tooltipContentContainerRef","focusPrevPlaceholderRef","focusNextPlaceholderRef","isKeyboardTooltipVisible","setIsKeyboardTooltipVisible","showKeyboardTooltip","useCallback","setTimeout","AVATAR_GROUP_COUNTER_TOOLTIP_SHOW_DELAY","hideKeyboardTooltip","useListenFocusTriggers","ref","onFocusByKeyboard","useEventListener","eventName","callback","useKeyEvent","keys","withoutAnyModifier","preventDefault","current","focus","modifier","modifiers","SHIFT","avatarRenderer","item","index","style","type","displayAsGrid","avatarProps","value","overrideStyle","Object","assign","width","labelId","concat","React","ClickableWrapper","key","isClickable","onClick","clickableProps","event","id","tabIndex","createElement","Flex","direction","gap","ariaLabelledby","Avatar","tooltipProps","ariaLabel","customSize","AVATAR_GROUP_COUNTER_AVATAR_SIZE","size","sizes","SMALL","className","avatarGroupCounterTooltipContentStyles","tooltipAvatarItemAvatar","tooltipAvatarItemTitle","tooltipContent"],"mappings":"4kBAaA,IAAMA,EAAM,CAACC,EAASD,KAChBE,EAAM,CAACD,EAASE,iBAENC,EAA8BC,GAc7C,IAAAC,EAAAD,EAbCE,oBAAAA,OAAsBC,IAAHF,OAAGE,EAASF,EAC/BG,EAA0BJ,EAA1BI,2BACAC,EAAuBL,EAAvBK,wBACAC,EAAuBN,EAAvBM,wBACAC,EAAwBP,EAAxBO,yBACAC,EAA2BR,EAA3BQ,4BASMC,EAAsBC,GAAY,WACjCH,GAEHI,YAAW,WAAA,OAAMH,GAA4B,EAAK,GAAEI,EAExD,GAAG,CAACL,EAA0BC,IAExBK,EAAsBH,GAAY,WAClCH,GAA0BC,GAA4B,EAC5D,GAAG,CAACD,EAA0BC,IAG9BM,EAAuB,CACrBC,IAAKb,EACLc,kBAAmBP,IAGrBQ,EAAiB,CACfC,UAAW,OACXH,IAAKX,EACLe,SAAUN,IAIZO,EAAY,CACVC,KAAM1B,EACNoB,IAAKb,EACLoB,oBAAoB,EACpBC,gBAAgB,EAChBJ,SAAUT,GAAY,WAChBH,IAA0BH,aAA0B,EAA1BA,EAA4BoB,UAAWpB,EAA2BoB,QAAQC,OAC1G,GAAG,CAAClB,EAA0BH,MAIhCgB,EAAY,CACVC,KAAM1B,EACN+B,SAAUN,EAAYO,UAAUC,MAChCb,IAAKb,EACLiB,SAAUN,IAEZO,EAAY,CACVC,KAAM1B,EACNoB,IAAKX,EACLkB,oBAAoB,EACpBH,SAAUT,GAAY,YAGpBJ,aAAuB,EAAvBA,EAAyBkB,UAAWlB,EAAwBkB,QAAQC,QAChElB,GAA0BC,GAA4B,EAC3D,GAAE,CAACF,EAAyBC,EAA0BC,MAEzDY,EAAY,CACVC,KAAM1B,EACNoB,IAAKX,EACLsB,SAAUN,EAAYO,UAAUC,MAChCT,SAAUT,GAAY,YAGpBL,aAAuB,EAAvBA,EAAyBmB,UAAWnB,EAAwBmB,QAAQC,QAChElB,GAA0BC,GAA4B,EAC3D,GAAE,CAACH,EAAyBE,EAA0BC,MAEzDY,EAAY,CACVC,KAAMxB,EACNkB,IAAKX,EACLe,SAAUT,GAAY,YACpBR,aAAmB,EAAnBA,EAAqBsB,UAAWtB,EAAoBsB,QAAQC,QACxDlB,GAA0BC,GAA4B,EAC3D,GAAE,CAACN,EAAqBK,EAA0BC,MAErDY,EAAY,CACVC,KAAMxB,EACNkB,IAAKb,EACLiB,SAAUN,IAIZI,EAAiB,CACfC,UAAW,QACXH,IAAKT,EACLa,SAAUN,GAEd,CAEagB,IAAAA,EAAiB,SAC5BC,EACAC,EACAC,EACAC,EACAC,GAEA,IAAMC,EAAcL,EAAKM,MACnBC,EAAoCC,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAP,GAAO,CAAAQ,MAAON,OAAgB/B,EAAY,SAC9EsC,EAAO,gBAAAC,OAAmBX,EAAa,UAE7C,OACEY,gBAACC,EAAgB,CACfC,IAAKd,EACLe,eAAeX,eAAAA,EAAaY,SAC5BC,eAAgB,CAAED,QAAS,SAAAE,GAAK,OAAId,EAAYY,QAAQE,EAAOd,EAAYe,GAAG,EAAEC,SAAU,OAE1FR,EAAKS,cAAA,MAAA,CAAApB,MAAOK,GACVM,EAAAS,cAACC,EAAI,CAACC,UAAU,MAAMC,IAAI,KAAKC,eAAgBf,GAC7CE,EAACS,cAAAK,mBACKtB,EAAW,CACfuB,kBAAcvD,EACdwD,UAAW,GACXC,WAAYC,EACZ5B,KAAMA,IAAQE,eAAAA,EAAaF,MAC3BkB,UAAW,EACXW,KAAML,EAAOM,MAAMC,MACnBC,UAAWC,EAAuCC,4BAElDjC,GACAS,EAAAS,cAAA,MAAA,CAAKF,GAAIT,EAASwB,UAAWC,EAAuCE,wBACjEjC,EAAYkC,kBAO3B"}

package/dist/src/components/AvatarGroup/AvatarGroupHelper.js

@@ -1,2 +0,0 @@
-var l=function(l,i){var n;null===(n=null==i?void 0:i.onClick)||void 0===n||n.call(i,l,i.id)};export{l as avatarOnClick};
-//# sourceMappingURL=AvatarGroupHelper.js.map

package/dist/src/components/AvatarGroup/AvatarGroupHelper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"AvatarGroupHelper.js","sources":["../../../../src/components/AvatarGroup/AvatarGroupHelper.ts"],"sourcesContent":["import React from \"react\";\nimport { AvatarProps } from \"../Avatar/Avatar\";\n\nexport const avatarOnClick = (event: React.MouseEvent | React.KeyboardEvent, avatarProps: AvatarProps) => {\n  avatarProps?.onClick?.(event, avatarProps.id);\n};\n"],"names":["avatarOnClick","event","avatarProps","_a","onClick","call","id"],"mappings":"AAGO,IAAMA,EAAgB,SAACC,EAA+CC,SACpD,QAAvBC,EAAAD,aAAW,EAAXA,EAAaE,eAAU,IAAAD,GAAAA,EAAAE,KAAAH,EAAAD,EAAOC,EAAYI,GAC5C"}

package/dist/src/components/Badge/Badge.js

@@ -1,2 +0,0 @@
-import{__rest as t}from"../../../_virtual/_tslib.js";import e,{forwardRef as r,useRef as o}from"react";import s from"classnames";import{camelCase as a}from"lodash-es";import i from"../../hooks/useMergeRef.js";import{getTestId as m}from"../../tests/testIds.js";import{ComponentDefaultTestId as n}from"../../tests/constants.js";import{BadgeType as c,BadgeAlignments as d,BadgeAnchor as l}from"./BadgeConstants.js";import p from"./Indicator/Indicator.js";import f from"../Counter/Counter.js";import{getStyle as j}from"../../helpers/typesciptCssModulesHelper.js";import u from"./Badge.module.scss.js";import{withStaticProps as g}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";var v=g(r((function(r,c){var d=r.type,l=void 0===d?"indicator":d,g=r.anchor,v=void 0===g?"top-end":g,h=r.alignment,b=void 0===h?"rectangular":h,y=r.className,E=r.id,C=r["data-testid"],N=r.children,B=t(r,["type","anchor","alignment","className","id","data-testid","children"]),I=o(null),M=i(c,I),O=s(u.badge,j(u,a(v)),j(u,b)),_=B.color||"indicator"===l?"notification":"negative";return e.createElement("div",{ref:M,className:s(u.badgeWrapper,y),id:E},N,e.createElement("div",{className:O,"data-testid":C||m(n.BADGE,E)},"indicator"===l?e.createElement(p,Object.assign({color:_},B)):"counter"===l&&e.createElement(f,Object.assign({color:_},B))))})),{types:c,alignments:d,anchors:l});export{v as default};
-//# sourceMappingURL=Badge.js.map

package/dist/src/components/Badge/Badge.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.js","sources":["../../../../src/components/Badge/Badge.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\nimport {\n  BadgeAlignments as BadgeAlignmentsEnum,\n  BadgeAnchor as BadgeAnchorEnum,\n  BadgeType as BadgeTypeEnum\n} from \"./BadgeConstants\";\nimport { BadgeAlignments, BadgeAnchor, BadgeType } from \"./Badge.types\";\nimport Indicator, { IndicatorProps } from \"./Indicator/Indicator\";\nimport Counter, { CounterProps } from \"../Counter/Counter\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { IndicatorColor } from \"./Indicator/IndicatorConstants\";\nimport { CounterColor } from \"../Counter/CounterConstants\";\nimport styles from \"./Badge.module.scss\";\nimport { VibeComponentProps, withStaticProps } from \"../../types\";\n\nexport interface BadgeBaseProps extends VibeComponentProps {\n  /**\n   * The position of the badge relative to its parent.\n   */\n  anchor?: BadgeAnchor;\n  /**\n   * The alignment style of the badge.\n   */\n  alignment?: BadgeAlignments;\n  /**\n   * The content the badge is attached to.\n   */\n  children: React.ReactNode;\n}\n\ninterface CounterBadgeProps extends CounterProps {\n  /**\n   * The type of badge, set to `\"counter\"` for numeric values.\n   */\n  type: Extract<BadgeType, \"counter\">;\n}\n\ninterface IndicatorBadgeProps extends IndicatorProps {\n  /**\n   * The type of badge, set to `\"indicator\"` for a simple dot.\n   */\n  type?: Extract<BadgeType, \"indicator\">;\n}\n\nexport type BadgeProps = BadgeBaseProps & (CounterBadgeProps | IndicatorBadgeProps);\n\nconst Badge = forwardRef(\n  (\n    {\n      type = \"indicator\",\n      anchor = \"top-end\",\n      alignment = \"rectangular\",\n      className,\n      id,\n      \"data-testid\": dataTestId,\n      children,\n      ...badgeProps\n    }: BadgeProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n    const badgeClassNames = cx(\n      styles.badge,\n      getStyle(styles, camelCase(anchor as unknown as string)),\n      getStyle(styles, alignment)\n    );\n\n    const color = badgeProps.color || type === \"indicator\" ? \"notification\" : \"negative\";\n\n    return (\n      <div ref={mergedRef} className={cx(styles.badgeWrapper, className)} id={id}>\n        {children}\n        <div className={badgeClassNames} data-testid={dataTestId || getTestId(ComponentDefaultTestId.BADGE, id)}>\n          {type === \"indicator\" ? (\n            <Indicator color={color as IndicatorColor} {...(badgeProps as IndicatorBadgeProps)} />\n          ) : (\n            type === \"counter\" && <Counter color={color as CounterColor} {...(badgeProps as CounterBadgeProps)} />\n          )}\n        </div>\n      </div>\n    );\n  }\n);\n\ninterface BadgeStaticProps {\n  types: typeof BadgeTypeEnum;\n  alignments: typeof BadgeAlignmentsEnum;\n  anchors: typeof BadgeAnchorEnum;\n}\n\nexport default withStaticProps<BadgeProps, BadgeStaticProps>(Badge, {\n  types: BadgeTypeEnum,\n  alignments: BadgeAlignmentsEnum,\n  anchors: BadgeAnchorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","type","_a$type","_a$anchor","anchor","_a$alignment","alignment","className","id","dataTestId","children","badgeProps","__rest","componentRef","useRef","mergedRef","useMergeRef","badgeClassNames","cx","styles","badge","getStyle","camelCase","color","React","createElement","badgeWrapper","getTestId","ComponentDefaultTestId","BADGE","Indicator","Object","assign","Counter","types","BadgeTypeEnum","alignments","BadgeAlignmentsEnum","anchors","BadgeAnchorEnum"],"mappings":"6rBAmDA,IA6CeA,EAAAA,EA7CDC,GACZ,SACEC,EAUAC,SAHUD,EANRE,KAAAA,OAAO,IAAHC,EAAG,YAAWA,EAAAC,EAMVJ,EALRK,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAAAE,EAKVN,EAJRO,UAAAA,OAAY,IAAHD,EAAG,cAAaA,EACzBE,EAGQR,EAHRQ,UACAC,EAEQT,EAFRS,GACeC,EACPV,EADR,eACAW,EAAQX,EAARW,SACGC,EARLC,EAAAb,EAAA,CAAA,OAAA,SAAA,YAAA,YAAA,KAAA,cAAA,aAYMc,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAC7BI,EAAkBC,EACtBC,EAAOC,MACPC,EAASF,EAAQG,EAAUlB,IAC3BiB,EAASF,EAAQb,IAGbiB,EAAQZ,EAAWY,OAAkB,cAATtB,EAAuB,eAAiB,WAE1E,OACEuB,EAAKC,cAAA,MAAA,CAAAzB,IAAKe,EAAWR,UAAWW,EAAGC,EAAOO,aAAcnB,GAAYC,GAAIA,GACrEE,EACDc,EAAKC,cAAA,MAAA,CAAAlB,UAAWU,EAA8B,cAAAR,GAAckB,EAAUC,EAAuBC,MAAOrB,IACxF,cAATP,EACCuB,EAACC,cAAAK,EAAUC,OAAAC,OAAA,CAAAT,MAAOA,GAA8BZ,IAEvC,YAATV,GAAsBuB,gBAACS,EAAOF,OAAAC,OAAA,CAACT,MAAOA,GAA4BZ,KAK5E,IASkE,CAClEuB,MAAOC,EACPC,WAAYC,EACZC,QAASC"}

package/dist/src/components/Badge/Badge.module.scss.js

@@ -1,2 +0,0 @@
-var e={badgeWrapper:"badgeWrapper_939ff5a477",badge:"badge_8fd1aefbde",outside:"outside_68d12ae432",topEnd:"topEnd_1257f02f19",rectangular:"rectangular_18649bfffe",circular:"circular_1f2a615651",topStart:"topStart_965cb2f74c",bottomEnd:"bottomEnd_1f3da0fc8f",bottomStart:"bottomStart_a5783ec56d"};!function(e){const a="s_id-b5dca6298ea9_3_53_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+a))return;const n=document.createElement("style");n.id=a,t.firstChild?t.insertBefore(n,t.firstChild):t.appendChild(n),n.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".badgeWrapper_939ff5a477 {\n  position: relative;\n}\n.badgeWrapper_939ff5a477 .badge_8fd1aefbde {\n  z-index: 1;\n  position: absolute;\n  border-radius: 16px;\n}\n.badgeWrapper_939ff5a477 .badge_8fd1aefbde:not(.outside_68d12ae432) {\n  border: 2px solid;\n  border-color: var(--primary-background-color);\n}\n.badgeWrapper_939ff5a477 .badge_8fd1aefbde.topEnd_1257f02f19.rectangular_18649bfffe {\n  top: 0;\n  right: 0;\n  translate: 50% -50%;\n}\n.badgeWrapper_939ff5a477 .badge_8fd1aefbde.topEnd_1257f02f19.outside_68d12ae432 {\n  top: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_939ff5a477 .badge_8fd1aefbde.topEnd_1257f02f19.circular_1f2a615651 {\n  top: 15%;\n  right: 15%;\n  translate: 50% -50%;\n}\n.badgeWrapper_939ff5a477 .badge_8fd1aefbde.topStart_965cb2f74c.rectangular_18649bfffe {\n  top: 0;\n  left: 0;\n  translate: -50% -50%;\n}\n.badgeWrapper_939ff5a477 .badge_8fd1aefbde.topStart_965cb2f74c.outside_68d12ae432 {\n  top: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_939ff5a477 .badge_8fd1aefbde.topStart_965cb2f74c.circular_1f2a615651 {\n  top: 15%;\n  left: 15%;\n  translate: -50% -50%;\n}\n.badgeWrapper_939ff5a477 .badge_8fd1aefbde.bottomEnd_1f3da0fc8f.rectangular_18649bfffe {\n  bottom: 0;\n  right: 0;\n  translate: 50% 50%;\n}\n.badgeWrapper_939ff5a477 .badge_8fd1aefbde.bottomEnd_1f3da0fc8f.outside_68d12ae432 {\n  bottom: 0;\n  right: -2px;\n  translate: 100% 0;\n}\n.badgeWrapper_939ff5a477 .badge_8fd1aefbde.bottomEnd_1f3da0fc8f.circular_1f2a615651 {\n  bottom: 15%;\n  right: 15%;\n  translate: 50% 50%;\n}\n.badgeWrapper_939ff5a477 .badge_8fd1aefbde.bottomStart_a5783ec56d.rectangular_18649bfffe {\n  bottom: 0;\n  left: 0;\n  translate: -50% 50%;\n}\n.badgeWrapper_939ff5a477 .badge_8fd1aefbde.bottomStart_a5783ec56d.outside_68d12ae432 {\n  bottom: 0;\n  left: -2px;\n  translate: -100% 0;\n}\n.badgeWrapper_939ff5a477 .badge_8fd1aefbde.bottomStart_a5783ec56d.circular_1f2a615651 {\n  bottom: 15%;\n  left: 15%;\n  translate: -50% 50%;\n}");export{e as default};
-//# sourceMappingURL=Badge.module.scss.js.map

package/dist/src/components/Badge/Badge.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Badge.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Badge/BadgeConstants.js

@@ -1,2 +0,0 @@
-var t,T,o;!function(t){t.INDICATOR="indicator",t.COUNTER="counter"}(t||(t={})),function(t){t.TOP_START="top-start",t.TOP_END="top-end",t.BOTTOM_START="bottom-start",t.BOTTOM_END="bottom-end"}(T||(T={})),function(t){t.RECTANGULAR="rectangular",t.OUTSIDE="outside",t.CIRCULAR="circular"}(o||(o={}));export{o as BadgeAlignments,T as BadgeAnchor,t as BadgeType};
-//# sourceMappingURL=BadgeConstants.js.map

package/dist/src/components/Badge/BadgeConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BadgeConstants.js","sources":["../../../../src/components/Badge/BadgeConstants.ts"],"sourcesContent":["import { DialogPosition } from \"../Dialog/DialogConstants\";\n\n/**\n * @deprecated\n */\nexport enum BadgeType {\n  INDICATOR = \"indicator\",\n  COUNTER = \"counter\"\n}\n\n/**\n * @deprecated\n */\nexport enum BadgeAnchor {\n  TOP_START = DialogPosition.TOP_START,\n  TOP_END = DialogPosition.TOP_END,\n  BOTTOM_START = DialogPosition.BOTTOM_START,\n  BOTTOM_END = DialogPosition.BOTTOM_END\n}\n\n/**\n * @deprecated\n */\nexport enum BadgeAlignments {\n  RECTANGULAR = \"rectangular\",\n  OUTSIDE = \"outside\",\n  CIRCULAR = \"circular\"\n}\n"],"names":["BadgeType","BadgeAnchor","BadgeAlignments"],"mappings":"IAKYA,EAQAC,EAUAC,GAlBZ,SAAYF,GACVA,EAAA,UAAA,YACAA,EAAA,QAAA,SACD,CAHD,CAAYA,IAAAA,EAGX,CAAA,IAKD,SAAYC,GACVA,EAAA,UAAA,YACAA,EAAA,QAAA,UACAA,EAAA,aAAA,eACAA,EAAA,WAAA,YACD,CALD,CAAYA,IAAAA,EAKX,CAAA,IAKD,SAAYC,GACVA,EAAA,YAAA,cACAA,EAAA,QAAA,UACAA,EAAA,SAAA,UACD,CAJD,CAAYA,IAAAA,EAIX,CAAA"}

package/dist/src/components/Badge/Indicator/Indicator.js

@@ -1,2 +0,0 @@
-import t from"react";import s from"classnames";import o from"./Indicator.module.scss.js";import{IndicatorColor as r}from"./IndicatorConstants.js";import{ComponentDefaultTestId as a}from"../../../tests/constants.js";import{withStaticPropsWithoutForwardRef as i}from"../../../types/withStaticProps.js";import"../../../utils/colors-vars-map.js";import{getTestId as m}from"../../../tests/testIds.js";var e=i((function(r){var i=r.color,e=r.id,c=r["data-testid"];return t.createElement("div",{className:s(o.indicator,o[void 0===i?"notification":i],r.className),"data-testid":c||m(a.INDICATOR,e)})}),{colors:r});export{e as default};
-//# sourceMappingURL=Indicator.js.map

package/dist/src/components/Badge/Indicator/Indicator.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Indicator.js","sources":["../../../../../src/components/Badge/Indicator/Indicator.tsx"],"sourcesContent":["import React from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./Indicator.module.scss\";\nimport { IndicatorColor as IndicatorColorEnum } from \"./IndicatorConstants\";\nimport { IndicatorColor } from \"./Indicator.types\";\nimport { ComponentDefaultTestId } from \"../../../tests/constants\";\nimport { VibeComponentProps, withStaticPropsWithoutForwardRef } from \"../../../types\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\n\nexport interface IndicatorProps extends VibeComponentProps {\n  /**\n   * The color of the indicator.\n   */\n  color?: IndicatorColor;\n}\n\nconst Indicator = ({ color = \"notification\", className, id, \"data-testid\": dataTestId }: IndicatorProps) => {\n  return (\n    <div\n      className={cx(styles.indicator, styles[color], className)}\n      data-testid={dataTestId || getTestId(ComponentDefaultTestId.INDICATOR, id)}\n    />\n  );\n};\n\ninterface IndicatorStaticProps {\n  colors: typeof IndicatorColorEnum;\n}\n\nexport default withStaticPropsWithoutForwardRef<IndicatorProps, IndicatorStaticProps>(Indicator, {\n  colors: IndicatorColorEnum\n});\n"],"names":["withStaticPropsWithoutForwardRef","_ref","_ref$color","color","id","dataTestId","React","createElement","className","cx","styles","indicator","getTestId","ComponentDefaultTestId","INDICATOR","colors","IndicatorColorEnum"],"mappings":"4YAgBA,IAaeA,EAAAA,GAbG,SAAHC,GAA4F,IAAAC,EAAAD,EAAtFE,MAAmCC,EAAEH,EAAFG,GAAmBC,EAAUJ,EAAzB,eAC1D,OACEK,EAAAC,cAAA,MAAA,CACEC,UAAWC,EAAGC,EAAOC,UAAWD,OAHT,IAAHR,EAAG,eAAcA,GAAWD,EAATO,WAI1B,cAAAH,GAAcO,EAAUC,EAAuBC,UAAWV,IAG7E,GAMiG,CAC/FW,OAAQC"}

package/dist/src/components/Badge/Indicator/Indicator.module.scss.js

@@ -1,2 +0,0 @@
-var e={indicator:"indicator_e90368b3dc",primary:"primary_98c3ae97e9",notification:"notification_e311a42672"};!function(e){const i="s_id-d6448d74722f_3_53_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+i))return;const t=document.createElement("style");t.id=i,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[i]=e)}(".indicator_e90368b3dc {\n  width: 8px;\n  height: 8px;\n  border-radius: 50%;\n}\n.indicator_e90368b3dc.primary_98c3ae97e9 {\n  background-color: var(--primary-color);\n}\n.indicator_e90368b3dc.notification_e311a42672 {\n  background-color: var(--negative-color);\n}");export{e as default};
-//# sourceMappingURL=Indicator.module.scss.js.map

package/dist/src/components/Badge/Indicator/Indicator.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Indicator.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Badge/Indicator/IndicatorConstants.js

@@ -1,2 +0,0 @@
-var i;!function(i){i.PRIMARY="primary",i.NOTIFICATION="notification"}(i||(i={}));export{i as IndicatorColor};
-//# sourceMappingURL=IndicatorConstants.js.map

package/dist/src/components/Badge/Indicator/IndicatorConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"IndicatorConstants.js","sources":["../../../../../src/components/Badge/Indicator/IndicatorConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum IndicatorColor {\n  PRIMARY = \"primary\",\n  NOTIFICATION = \"notification\"\n}\n"],"names":["IndicatorColor"],"mappings":"IAGYA,GAAZ,SAAYA,GACVA,EAAA,QAAA,UACAA,EAAA,aAAA,cACD,CAHD,CAAYA,IAAAA,EAGX,CAAA"}

package/dist/src/components/BaseInput/BaseInput.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as r}from"../../../_virtual/_tslib.js";import s,{forwardRef as a}from"react";import i from"classnames";import t from"./BaseInput.module.scss.js";import{getStyle as l}from"../../helpers/typesciptCssModulesHelper.js";var o=a((function(a,o){var p=a.size,n=void 0===p?"medium":p,m=a.renderLeft,d=a.renderRight,u=a.success,c=a.error,f=a.wrapperRole,v=a.inputRole,g=a.className,N=a.inputClassName,R=r(a,["size","renderLeft","renderRight","success","error","wrapperRole","inputRole","className","inputClassName"]),b=i(t.wrapper,e(e(e(e(e({},t.rightThinnerPadding,!d),t.error,c),t.success,u),t.readOnly,R.readOnly),t.disabled,R.disabled),l(t,n),g);return s.createElement("div",{className:b,role:f},m,s.createElement("input",Object.assign({},R,{ref:o,className:i(t.input,N),"aria-invalid":c,role:v})),d)}));export{o as default};
-//# sourceMappingURL=BaseInput.js.map

package/dist/src/components/BaseInput/BaseInput.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseInput.js","sources":["../../../../src/components/BaseInput/BaseInput.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport styles from \"./BaseInput.module.scss\";\nimport { BaseInputProps } from \"./BaseInput.types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\n\nconst BaseInput = forwardRef(\n  (\n    {\n      size = \"medium\",\n      renderLeft,\n      renderRight,\n      success,\n      error,\n      wrapperRole,\n      inputRole,\n      className,\n      inputClassName,\n      ...props\n    }: BaseInputProps,\n    ref: React.ForwardedRef<HTMLInputElement>\n  ) => {\n    const wrapperClassNames = cx(\n      styles.wrapper,\n      {\n        [styles.rightThinnerPadding]: !renderRight,\n        [styles.error]: error,\n        [styles.success]: success,\n        [styles.readOnly]: props.readOnly,\n        [styles.disabled]: props.disabled\n      },\n      getStyle(styles, size),\n      className\n    );\n\n    return (\n      <div className={wrapperClassNames} role={wrapperRole}>\n        {renderLeft}\n        <input\n          {...props}\n          ref={ref}\n          className={cx(styles.input, inputClassName)}\n          aria-invalid={error}\n          role={inputRole}\n        />\n        {renderRight}\n      </div>\n    );\n  }\n);\n\nexport default BaseInput;\n"],"names":["BaseInput","forwardRef","_a","ref","size","_a$size","renderLeft","renderRight","success","error","wrapperRole","inputRole","className","inputClassName","props","__rest","wrapperClassNames","cx","styles","wrapper","_defineProperty","rightThinnerPadding","readOnly","disabled","getStyle","React","role","createElement","Object","assign","input"],"mappings":"qTAMMA,IAAAA,EAAYC,GAChB,SACEC,EAYAC,WAXEC,KAAAA,OAAO,IAAHC,EAAG,SAAQA,EACfC,IAAAA,WACAC,IAAAA,YACAC,IAAAA,QACAC,IAAAA,MACAC,IAAAA,YACAC,IAAAA,UACAC,IAAAA,UACAC,IAAAA,eACGC,EAVLC,EAAAb,EAAA,CAAA,OAAA,aAAA,cAAA,UAAA,QAAA,cAAA,YAAA,YAAA,mBAcMc,EAAoBC,EACxBC,EAAOC,QAAOC,EAAAA,EAAAA,EAAAA,EAAAA,EAAA,CAAA,EAEXF,EAAOG,qBAAuBd,GAC9BW,EAAOT,MAAQA,GACfS,EAAOV,QAAUA,GACjBU,EAAOI,SAAWR,EAAMQ,UACxBJ,EAAOK,SAAWT,EAAMS,UAE3BC,EAASN,EAAQd,GACjBQ,GAGF,OACEa,uBAAKb,UAAWI,EAAmBU,KAAMhB,GACtCJ,EACDmB,EACME,cAAA,QAAAC,OAAAC,OAAA,CAAA,EAAAf,GACJX,IAAKA,EACLS,UAAWK,EAAGC,EAAOY,MAAOjB,GAAe,eAC7BJ,EACdiB,KAAMf,KAEPJ,EAGP"}

package/dist/src/components/BaseInput/BaseInput.module.scss.js

@@ -1,2 +0,0 @@
-var e={wrapper:"wrapper_0fdebeb627",small:"small_0d1af0eb5d",medium:"medium_8dbbea9af1",large:"large_45cf5e266a",rightThinnerPadding:"rightThinnerPadding_10b985fd8b",input:"input_59f4aad96d",success:"success_6e245b5ba0",readOnly:"readOnly_725a5468e4",disabled:"disabled_38cf2ccde3",error:"error_33c05318b0"};!function(e){const r="s_id-1f2ba40749da_3_53_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const a=document.createElement("style");a.id=r,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=e)}(".wrapper_0fdebeb627 {\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: var(--spacing-small);\n  padding-block: var(--spacing-xs);\n  padding-inline: var(--spacing-medium) var(--spacing-xs);\n  font: var(--font-text1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n  outline: none;\n  border: 1px solid var(--ui-border-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: var(--secondary-background-color);\n  transition: border-color var(--motion-productive-medium) ease-in;\n}\n.wrapper_0fdebeb627.small_0d1af0eb5d {\n  min-height: 32px;\n  height: 32px;\n  font: var(--font-text2-normal);\n}\n.wrapper_0fdebeb627.medium_8dbbea9af1 {\n  min-height: 40px;\n  height: 40px;\n}\n.wrapper_0fdebeb627.large_45cf5e266a {\n  min-height: 48px;\n  height: 48px;\n  padding-block: var(--spacing-small);\n}\n.wrapper_0fdebeb627.rightThinnerPadding_10b985fd8b {\n  padding-inline-end: var(--spacing-medium);\n}\n.wrapper_0fdebeb627:hover {\n  border-color: var(--primary-text-color);\n}\n@supports selector(:has(*)) {\n  .wrapper_0fdebeb627:has(.input_59f4aad96d:active, .input_59f4aad96d:focus) {\n    border-color: var(--primary-color);\n  }\n  .wrapper_0fdebeb627:has(.input_59f4aad96d:read-only) {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_0fdebeb627:has(.input_59f4aad96d:read-only) .input_59f4aad96d {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_0fdebeb627:has(.input_59f4aad96d:disabled) {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_0fdebeb627:has(.input_59f4aad96d:disabled) .input_59f4aad96d {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_0fdebeb627.success_6e245b5ba0 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_0fdebeb627.success_6e245b5ba0:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_0fdebeb627.success_6e245b5ba0:has(.input_59f4aad96d:active, .input_59f4aad96d:focus) {\n    border-color: var(--positive-color);\n  }\n  .wrapper_0fdebeb627:has(.input_59f4aad96d[aria-invalid=true]) {\n    border-color: var(--negative-color);\n  }\n  .wrapper_0fdebeb627:has(.input_59f4aad96d[aria-invalid=true]):hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_0fdebeb627:has(.input_59f4aad96d[aria-invalid=true]):has(.input_59f4aad96d:active, .input_59f4aad96d:focus) {\n    border-color: var(--negative-color);\n  }\n}\n@supports not selector(:has(*)) {\n  .wrapper_0fdebeb627:focus-within {\n    border-color: var(--primary-color);\n  }\n  .wrapper_0fdebeb627.readOnly_725a5468e4 {\n    background-color: var(--allgrey-background-color);\n    border: none;\n  }\n  .wrapper_0fdebeb627.readOnly_725a5468e4 .input_59f4aad96d {\n    background-color: var(--allgrey-background-color);\n  }\n  .wrapper_0fdebeb627.disabled_38cf2ccde3 {\n    cursor: not-allowed;\n    user-select: none;\n    border: none;\n    pointer-events: none;\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_0fdebeb627.disabled_38cf2ccde3 .input_59f4aad96d {\n    background-color: var(--disabled-background-color);\n  }\n  .wrapper_0fdebeb627.success_6e245b5ba0 {\n    border-color: var(--positive-color);\n  }\n  .wrapper_0fdebeb627.success_6e245b5ba0:hover {\n    border-color: var(--positive-color);\n  }\n  .wrapper_0fdebeb627.success_6e245b5ba0:focus-within {\n    border-color: var(--positive-color);\n  }\n  .wrapper_0fdebeb627.error_33c05318b0 {\n    border-color: var(--negative-color);\n  }\n  .wrapper_0fdebeb627.error_33c05318b0:hover {\n    border-color: var(--negative-color);\n  }\n  .wrapper_0fdebeb627.error_33c05318b0:focus-within {\n    border-color: var(--negative-color);\n  }\n}\n.wrapper_0fdebeb627 .input_59f4aad96d {\n  all: unset;\n  flex: 1;\n  width: 100%;\n  height: 100%;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n  border: none;\n  outline: none;\n}\n.wrapper_0fdebeb627 .input_59f4aad96d::placeholder {\n  color: var(--secondary-text-color);\n  font-weight: 400;\n}\n.wrapper_0fdebeb627 .input_59f4aad96d:disabled::placeholder {\n  color: var(--disabled-text-color);\n}");export{e as default};
-//# sourceMappingURL=BaseInput.module.scss.js.map

package/dist/src/components/BaseInput/BaseInput.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BaseInput.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Box/Box.js

@@ -1,2 +0,0 @@
-import{defineProperty as r,toConsumableArray as s}from"../../../_virtual/_rollupPluginBabelHelpers.js";import{__rest as t}from"../../../_virtual/_tslib.js";import o,{forwardRef as e,useRef as a}from"react";import{camelCase as i}from"lodash-es";import n from"classnames";import d from"../../hooks/useMergeRef.js";import{BorderColor as l,Rounded as m,Shadow as p,Margin as c,MarginX as f,MarginY as u,MarginTop as g,MarginEnd as b,MarginBottom as y,MarginStart as j,Padding as v,PaddingX as B,PaddingY as h,PaddingTop as x,PaddingEnd as C,PaddingBottom as T,PaddingStart as _,BackgroundColor as k,BoxTextColor as E,SizePrefixMapping as N}from"./BoxConstants.js";import{withStaticProps as P}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import S from"./Box.module.scss.js";import{getTestId as X}from"../../tests/testIds.js";import{ComponentDefaultTestId as w}from"../../tests/constants.js";var O=P(e((function(e,l){var m=e.className,p=e.id,c=e.elementType,f=void 0===c?"div":c,u=e.children,g=e.disabled,b=e.border,y=e.scrollable,j=e.style,v=e["data-testid"],B=t(e,["className","id","elementType","children","disabled","border","scrollable","style","data-testid"]),h=a(null),x=d(l,h);return o.createElement(f,{"data-testid":v||X(w.BOX,p),ref:x,className:n.apply(void 0,[S.box,m,r(r(r({},S.opacityDisabled,g),S.scrollable,y),S.border,b)].concat(s(function(r,s){return Object.keys(s).filter((function(r){return s[r]})).map((function(t){var o=s[t],e=N[t];return e&&"string"==typeof o?r[i("".concat(e,"-").concat(o))]:r[o]})).filter(Boolean)}(S,B)))),id:p,style:j},u)})),{borderColors:l,roundeds:m,shadows:p,margins:c,marginXs:f,marginYs:u,marginTops:g,marginEnds:b,marginBottoms:y,marginStarts:j,paddings:v,paddingXs:B,paddingYs:h,paddingTops:x,paddingEnds:C,paddingBottoms:T,paddingStarts:_,backgroundColors:k,textColors:E});export{O as default};
-//# sourceMappingURL=Box.js.map

package/dist/src/components/Box/Box.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box.js","sources":["../../../../src/components/Box/Box.tsx"],"sourcesContent":["import React, { forwardRef, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport {\n  BackgroundColor as BackgroundColorEnum,\n  BorderColor as BorderColorEnum,\n  BoxTextColor as BoxTextColorEnum,\n  Margin as MarginEnum,\n  MarginBottom as MarginBottomEnum,\n  MarginEnd as MarginEndEnum,\n  MarginStart as MarginStartEnum,\n  MarginTop as MarginTopEnum,\n  MarginX as MarginXEnum,\n  MarginY as MarginYEnum,\n  Padding as PaddingEnum,\n  PaddingBottom as PaddingBottomEnum,\n  PaddingEnd as PaddingEndEnum,\n  PaddingStart as PaddingStartEnum,\n  PaddingTop as PaddingTopEnum,\n  PaddingX as PaddingXEnum,\n  PaddingY as PaddingYEnum,\n  Rounded as RoundedEnum,\n  Shadow as ShadowEnum,\n  SizePrefixMapping\n} from \"./BoxConstants\";\nimport { BackgroundColor, BorderColor, BaseBoxSize, BoxSize, BoxTextColor, RoundedSize, Shadow } from \"./Box.types\";\nimport { VibeComponentProps, withStaticProps, ElementContent } from \"../../types\";\nimport styles from \"./Box.module.scss\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { ComponentDefaultTestId } from \"../../tests/constants\";\n\nexport interface BoxProps extends VibeComponentProps {\n  /**\n   * The HTML element or custom component used as the root.\n   */\n  elementType?: keyof JSX.IntrinsicElements | string;\n  /**\n   * The content inside the box.\n   */\n  children?: ElementContent;\n  /**\n   * If true, the box is disabled.\n   */\n  disabled?: boolean;\n  /**\n   * If true, applies a border to the box.\n   */\n  border?: boolean;\n  /**\n   * The color of the border.\n   */\n  borderColor?: BorderColor;\n  /**\n   * The border radius of the box.\n   */\n  rounded?: RoundedSize;\n  /**\n   * The shadow style applied to the box.\n   */\n  shadow?: Shadow;\n  /**\n   * The margin applied to all sides.\n   */\n  margin?: BoxSize;\n  /**\n   * The horizontal margin.\n   */\n  marginX?: BoxSize;\n  /**\n   * The vertical margin.\n   */\n  marginY?: BoxSize;\n  /**\n   * The top margin.\n   */\n  marginTop?: BoxSize;\n  /**\n   * The end (right in LTR, left in RTL) margin.\n   */\n  marginEnd?: BoxSize;\n  /**\n   * The bottom margin.\n   */\n  marginBottom?: BaseBoxSize;\n  /**\n   * The start (left in LTR, right in RTL) margin.\n   */\n  marginStart?: BaseBoxSize;\n  /**\n   * The padding applied to all sides.\n   */\n  padding?: BaseBoxSize;\n  /**\n   * The horizontal padding.\n   */\n  paddingX?: BaseBoxSize;\n  /**\n   * The vertical padding.\n   */\n  paddingY?: BaseBoxSize;\n  /**\n   * The top padding.\n   */\n  paddingTop?: BaseBoxSize;\n  /**\n   * The end (right in LTR, left in RTL) padding.\n   */\n  paddingEnd?: BaseBoxSize;\n  /**\n   * The bottom padding.\n   */\n  paddingBottom?: BaseBoxSize;\n  /**\n   * The start (left in LTR, right in RTL) padding.\n   */\n  paddingStart?: BaseBoxSize;\n  /**\n   * The background color of the box.\n   */\n  backgroundColor?: BackgroundColor;\n  /**\n   * The text color inside the box.\n   */\n  textColor?: BoxTextColor;\n  /**\n   * If true, the box content is scrollable.\n   */\n  scrollable?: boolean;\n  /**\n   * Inline styles applied to the box.\n   */\n  style?: React.CSSProperties;\n}\n\nconst Box = forwardRef(\n  (\n    {\n      className,\n      id,\n      elementType = \"div\",\n      children,\n      disabled,\n      border,\n      scrollable,\n      style,\n      \"data-testid\": dataTestId,\n      ...props\n    }: BoxProps,\n    ref: React.ForwardedRef<HTMLElement>\n  ) => {\n    const componentRef = useRef(null);\n    const mergedRef = useMergeRef(ref, componentRef);\n\n    const getClassNames = (styles: Record<string, string>, props: Record<string, any | undefined>) => {\n      return Object.keys(props)\n        .filter(prop => props[prop])\n        .map(prop => {\n          const value = props[prop];\n          const prefix = SizePrefixMapping[prop as keyof typeof SizePrefixMapping];\n          return prefix && typeof value === \"string\" ? styles[camelCase(`${prefix}-${value}`)] : styles[value];\n        })\n        .filter(Boolean);\n    };\n\n    return React.createElement(\n      elementType,\n      {\n        \"data-testid\": dataTestId || getTestId(ComponentDefaultTestId.BOX, id),\n        ref: mergedRef,\n        className: cx(\n          styles.box,\n          className,\n          { [styles.opacityDisabled]: disabled, [styles.scrollable]: scrollable, [styles.border]: border },\n          ...getClassNames(styles, props)\n        ),\n        id: id,\n        style\n      },\n      children\n    );\n  }\n);\n\ninterface BoxStaticProps {\n  borderColors: typeof BorderColorEnum;\n  roundeds: typeof RoundedEnum;\n  shadows: typeof ShadowEnum;\n  margins: typeof MarginEnum;\n  marginXs: typeof MarginXEnum;\n  marginYs: typeof MarginYEnum;\n  marginTops: typeof MarginTopEnum;\n  marginEnds: typeof MarginEndEnum;\n  marginBottoms: typeof MarginBottomEnum;\n  marginStarts: typeof MarginStartEnum;\n  paddings: typeof PaddingEnum;\n  paddingXs: typeof PaddingXEnum;\n  paddingYs: typeof PaddingYEnum;\n  paddingTops: typeof PaddingTopEnum;\n  paddingEnds: typeof PaddingEndEnum;\n  paddingBottoms: typeof PaddingBottomEnum;\n  paddingStarts: typeof PaddingStartEnum;\n  backgroundColors: typeof BackgroundColorEnum;\n  textColors: typeof BoxTextColorEnum;\n}\n\nexport default withStaticProps<BoxProps, BoxStaticProps>(Box, {\n  borderColors: BorderColorEnum,\n  roundeds: RoundedEnum,\n  shadows: ShadowEnum,\n  margins: MarginEnum,\n  marginXs: MarginXEnum,\n  marginYs: MarginYEnum,\n  marginTops: MarginTopEnum,\n  marginEnds: MarginEndEnum,\n  marginBottoms: MarginBottomEnum,\n  marginStarts: MarginStartEnum,\n  paddings: PaddingEnum,\n  paddingXs: PaddingXEnum,\n  paddingYs: PaddingYEnum,\n  paddingTops: PaddingTopEnum,\n  paddingEnds: PaddingEndEnum,\n  paddingBottoms: PaddingBottomEnum,\n  paddingStarts: PaddingStartEnum,\n  backgroundColors: BackgroundColorEnum,\n  textColors: BoxTextColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","id","_a$elementType","elementType","children","disabled","border","scrollable","style","dataTestId","props","__rest","componentRef","useRef","mergedRef","useMergeRef","React","createElement","getTestId","ComponentDefaultTestId","BOX","cx","apply","styles","box","_defineProperty","opacityDisabled","concat","_toConsumableArray","Object","keys","filter","prop","map","value","prefix","SizePrefixMapping","camelCase","Boolean","getClassNames","borderColors","BorderColorEnum","roundeds","RoundedEnum","shadows","ShadowEnum","margins","MarginEnum","marginXs","MarginXEnum","marginYs","MarginYEnum","marginTops","MarginTopEnum","marginEnds","MarginEndEnum","marginBottoms","MarginBottomEnum","marginStarts","MarginStartEnum","paddings","PaddingEnum","paddingXs","PaddingXEnum","paddingYs","PaddingYEnum","paddingTops","PaddingTopEnum","paddingEnds","PaddingEndEnum","paddingBottoms","PaddingBottomEnum","paddingStarts","PaddingStartEnum","backgroundColors","BackgroundColorEnum","textColors","BoxTextColorEnum"],"mappings":"q5BAuIA,IAuEeA,EAAAA,EAvEHC,GACV,SACEC,EAYAC,OAXEC,EAQyBF,EARzBE,UACAC,EAOyBH,EAPzBG,GAAEC,EAOuBJ,EANzBK,YAAAA,OAAc,IAAHD,EAAG,MAAKA,EACnBE,EAKyBN,EALzBM,SACAC,EAIyBP,EAJzBO,SACAC,EAGyBR,EAHzBQ,OACAC,EAEyBT,EAFzBS,WACAC,EACyBV,EADzBU,MACeC,EAAUX,EAAzB,eACGY,EAVLC,EAAAb,EAAA,CAAA,YAAA,KAAA,cAAA,WAAA,WAAA,SAAA,aAAA,QAAA,gBAcMc,EAAeC,EAAO,MACtBC,EAAYC,EAAYhB,EAAKa,GAanC,OAAOI,EAAMC,cACXd,EACA,CACE,cAAeM,GAAcS,EAAUC,EAAuBC,IAAKnB,GACnEF,IAAKe,EACLd,UAAWqB,EAAEC,cACXC,EAAOC,IACPxB,EAASyB,EAAAA,EAAAA,KACNF,EAAOG,gBAAkBrB,GAAWkB,EAAOhB,WAAaA,GAAagB,EAAOjB,OAASA,IAAMqB,OAAAC,EAnB9E,SAACL,EAAgCb,GACrD,OAAOmB,OAAOC,KAAKpB,GAChBqB,QAAO,SAAAC,GAAI,OAAItB,EAAMsB,EAAK,IAC1BC,KAAI,SAAAD,GACH,IAAME,EAAQxB,EAAMsB,GACdG,EAASC,EAAkBJ,GACjC,OAAOG,GAA2B,iBAAVD,EAAqBX,EAAOc,EAASV,GAAAA,OAAIQ,EAAM,KAAAR,OAAIO,KAAYX,EAAOW,EAChG,IACCH,OAAOO,SAYHC,CAAchB,EAAQb,MAE3BT,GAAIA,EACJO,MAAAA,GAEFJ,EAEJ,IAyB4D,CAC5DoC,aAAcC,EACdC,SAAUC,EACVC,QAASC,EACTC,QAASC,EACTC,SAAUC,EACVC,SAAUC,EACVC,WAAYC,EACZC,WAAYC,EACZC,cAAeC,EACfC,aAAcC,EACdC,SAAUC,EACVC,UAAWC,EACXC,UAAWC,EACXC,YAAaC,EACbC,YAAaC,EACbC,eAAgBC,EAChBC,cAAeC,EACfC,iBAAkBC,EAClBC,WAAYC"}

package/dist/src/components/Box/Box.module.scss.js

@@ -1,2 +0,0 @@
-var n={box:"box_8dd38eba5d",scrollable:"scrollable_4652db1bae",opacityDisabled:"opacityDisabled_3370c77178",border:"border_0fc57238f3",borderColorUiBorderColor:"borderColorUiBorderColor_6b85e513a7",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_0a7dacd13f",rounded0:"rounded0_4f980b70ba",roundedSmall:"roundedSmall_7f301e031b",roundedMedium:"roundedMedium_41a6c7dcfb",roundedBig:"roundedBig_8703dc6781",shadowXs:"shadowXs_54c34eece1",shadowSmall:"shadowSmall_87d0380f38",shadowMedium:"shadowMedium_4eda4bed8a",shadowLarge:"shadowLarge_e153fdb58e",m0:"m0_0dd0625230",mXs:"mXs_ab5831b1d8",mSmall:"mSmall_a951092b44",mMedium:"mMedium_08ea1c771a",mLarge:"mLarge_78d171d857",mXl:"mXl_eb4cd0e9a1",mXxl:"mXxl_4d3f6830b4",mXxxl:"mXxxl_72299c2d86",mAuto:"mAuto_5207e372bb",mx0:"mx0_1b6bcd625c",mxXs:"mxXs_0b0cbc3566",mxSmall:"mxSmall_9efa588c7e",mxMedium:"mxMedium_d0a2a30a75",mxLarge:"mxLarge_f0ac169730",mxXl:"mxXl_72dc49ee90",mxXxl:"mxXxl_bb63c63c10",mxXxxl:"mxXxxl_7105e5a983",mxAuto:"mxAuto_349777229c",my0:"my0_75c5f6ff91",myXs:"myXs_2bc0be2530",mySmall:"mySmall_5b1058e7df",myMedium:"myMedium_79c4eb9e39",myLarge:"myLarge_6588854fcd",myXl:"myXl_501b0ed22a",myXxl:"myXxl_31d4092e3f",myXxxl:"myXxxl_f0324a060e",myAuto:"myAuto_ec9ab4d2e7",mt0:"mt0_c2ff044cf3",mtXs:"mtXs_49a441d6e8",mtSmall:"mtSmall_28d37ca568",mtMedium:"mtMedium_29e3f88266",mtLarge:"mtLarge_e4d3374ef0",mtXl:"mtXl_b26306beca",mtXxl:"mtXxl_71e78c6d18",mtXxxl:"mtXxxl_7d139dc731",mtAuto:"mtAuto_e85bb48393",me0:"me0_e31f23a26d",meXs:"meXs_1e27647787",meSmall:"meSmall_96e74bf9b2",meMedium:"meMedium_b2d79c7d8c",meLarge:"meLarge_7805e60b38",meXl:"meXl_5915e4bff9",meXxl:"meXxl_d4432dbd55",meXxxl:"meXxxl_ddf3d645b6",meAuto:"meAuto_a4f9859c11",mb0:"mb0_84b1e9392e",mbXs:"mbXs_940d7d1742",mbSmall:"mbSmall_5a6b83603e",mbMedium:"mbMedium_72fd3dbbc4",mbLarge:"mbLarge_6821294c0e",mbXl:"mbXl_6a6b9cb099",mbXxl:"mbXxl_c38a3e315f",mbXxxl:"mbXxxl_41dc7d5928",mbAuto:"mbAuto_e7085595fe",ms0:"ms0_52a509a260",msXs:"msXs_f118ccd203",msSmall:"msSmall_5e425aedc8",msMedium:"msMedium_f9ee025f1f",msLarge:"msLarge_13469b9ec8",msXl:"msXl_3c87089853",msXxl:"msXxl_2053f113fb",msXxxl:"msXxxl_82ae6a21e9",msAuto:"msAuto_bd59069108",p0:"p0_815d19abd1",pXs:"pXs_86b2a9dced",pSmall:"pSmall_814e93d0b4",pMedium:"pMedium_42d86c2cf4",pLarge:"pLarge_b83370f2c8",pXl:"pXl_fb269be471",pXxl:"pXxl_6c5f01c478",pXxxl:"pXxxl_5b2ddf836c",px0:"px0_01bb3d0c49",pxXs:"pxXs_5aa36e75a4",pxSmall:"pxSmall_0e2d4dc57f",pxMedium:"pxMedium_c998663277",pxLarge:"pxLarge_71a2e7717c",pxXl:"pxXl_813d4da439",pxXxl:"pxXxl_fc57bb8b72",pxXxxl:"pxXxxl_5a981c8756",py0:"py0_2e06e3a688",pyXs:"pyXs_d8e256ebe4",pySmall:"pySmall_6bcf9fa09d",pyMedium:"pyMedium_e43be85dc8",pyLarge:"pyLarge_5f0d9bec8e",pyXl:"pyXl_6c97118ade",pyXxl:"pyXxl_34dd24dc9e",pyXxxl:"pyXxxl_e9889d4fd6",pt0:"pt0_ad4fbed809",ptXs:"ptXs_c366cf1fce",ptSmall:"ptSmall_3b8d63df05",ptMedium:"ptMedium_d92ebdba3e",ptLarge:"ptLarge_1df13a65dc",ptXl:"ptXl_670b72ed99",ptXxl:"ptXxl_5be86f83ea",ptXxxl:"ptXxxl_7dadd874e1",pe0:"pe0_e30c1bdefd",peXs:"peXs_d523ddaeb7",peSmall:"peSmall_64325861b7",peMedium:"peMedium_3dd1401384",peLarge:"peLarge_fbdb0305d5",peXl:"peXl_de2954679a",peXxl:"peXxl_010c8192cc",peXxxl:"peXxxl_4baaeef09e",pb0:"pb0_8117ea96c8",pbXs:"pbXs_f409cd7187",pbSmall:"pbSmall_ec29e958bd",pbMedium:"pbMedium_56f1551ee0",pbLarge:"pbLarge_59510a38d6",pbXl:"pbXl_61dea1a768",pbXxl:"pbXxl_cc826a34ef",pbXxxl:"pbXxxl_bd5283d1c0",ps0:"ps0_e37d583e81",psXs:"psXs_24bb2dd668",psSmall:"psSmall_f3b894082e",psMedium:"psMedium_9e03555e32",psLarge:"psLarge_57bbb8d0d3",psXl:"psXl_7b47e77bc5",psXxl:"psXxl_cfdc2e9ebc",psXxxl:"psXxxl_2a7ef60dda",textPrimaryTextColor:"textPrimaryTextColor_78abfc9b2c",textTextColorOnInverted:"textTextColorOnInverted_bdf11a8b0d",textSecondaryTextColor:"textSecondaryTextColor_1c3e7edfdd",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_95f2b05991",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_4f78e82e8d",bgGreyBackgroundColor:"bgGreyBackgroundColor_7c8f7884dd",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_37adc5d2a2",bgInvertedColorBackground:"bgInvertedColorBackground_ba98b97f52"};!function(n){const a="s_id-e8ebf0c89fee_3_53_0";if("undefined"!=typeof document){const r=document.head||document.getElementsByTagName("head")[0];if(r.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,r.firstChild?r.insertBefore(t,r.firstChild):r.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=n)}("/*  stylelint-disable scss/at-if-no-null */\n/*  stylelint-enable scss/at-if-no-null */\n.box_8dd38eba5d {\n  overflow: hidden;\n}\n.box_8dd38eba5d.scrollable_4652db1bae {\n  overflow: auto;\n}\n.box_8dd38eba5d.scrollable_4652db1bae::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_8dd38eba5d.scrollable_4652db1bae::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_3370c77178 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_0fc57238f3 {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_6b85e513a7 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_0a7dacd13f {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_4f980b70ba {\n  border-radius: 0 !important;\n}\n.roundedSmall_7f301e031b {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_41a6c7dcfb {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_8703dc6781 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_54c34eece1 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_87d0380f38 {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_4eda4bed8a {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_e153fdb58e {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_0dd0625230 {\n  margin: 0 !important;\n}\n.mXs_ab5831b1d8 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_a951092b44 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_08ea1c771a {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_78d171d857 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_eb4cd0e9a1 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_4d3f6830b4 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_72299c2d86 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_5207e372bb {\n  margin: auto !important;\n}\n.mx0_1b6bcd625c {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_0b0cbc3566 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_9efa588c7e {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_d0a2a30a75 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_f0ac169730 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_72dc49ee90 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_bb63c63c10 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_7105e5a983 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_349777229c {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_75c5f6ff91 {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_2bc0be2530 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_5b1058e7df {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_79c4eb9e39 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_6588854fcd {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_501b0ed22a {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_31d4092e3f {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_f0324a060e {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_ec9ab4d2e7 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_c2ff044cf3 {\n  margin-top: 0 !important;\n}\n.mtXs_49a441d6e8 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_28d37ca568 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_29e3f88266 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_e4d3374ef0 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_b26306beca {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_71e78c6d18 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_7d139dc731 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_e85bb48393 {\n  margin-top: auto !important;\n}\n.me0_e31f23a26d {\n  margin-inline-end: 0 !important;\n}\n.meXs_1e27647787 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_96e74bf9b2 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_b2d79c7d8c {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_7805e60b38 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_5915e4bff9 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_d4432dbd55 {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_ddf3d645b6 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_a4f9859c11 {\n  margin-inline-end: auto !important;\n}\n.mb0_84b1e9392e {\n  margin-bottom: 0 !important;\n}\n.mbXs_940d7d1742 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_5a6b83603e {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_72fd3dbbc4 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_6821294c0e {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_6a6b9cb099 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_c38a3e315f {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_41dc7d5928 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_e7085595fe {\n  margin-bottom: auto !important;\n}\n.ms0_52a509a260 {\n  margin-inline-start: 0 !important;\n}\n.msXs_f118ccd203 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_5e425aedc8 {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_f9ee025f1f {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_13469b9ec8 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_3c87089853 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_2053f113fb {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_82ae6a21e9 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_bd59069108 {\n  margin-inline-start: auto !important;\n}\n.p0_815d19abd1 {\n  padding: 0 !important;\n}\n.pXs_86b2a9dced {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_814e93d0b4 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_42d86c2cf4 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_b83370f2c8 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_fb269be471 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_6c5f01c478 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_5b2ddf836c {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_01bb3d0c49 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_5aa36e75a4 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_0e2d4dc57f {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_c998663277 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_71a2e7717c {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_813d4da439 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_fc57bb8b72 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_5a981c8756 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_2e06e3a688 {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_d8e256ebe4 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_6bcf9fa09d {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_e43be85dc8 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_5f0d9bec8e {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_6c97118ade {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_34dd24dc9e {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_e9889d4fd6 {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_ad4fbed809 {\n  padding-top: 0 !important;\n}\n.ptXs_c366cf1fce {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_3b8d63df05 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_d92ebdba3e {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_1df13a65dc {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_670b72ed99 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_5be86f83ea {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_7dadd874e1 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_e30c1bdefd {\n  padding-inline-end: 0 !important;\n}\n.peXs_d523ddaeb7 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_64325861b7 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_3dd1401384 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_fbdb0305d5 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_de2954679a {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_010c8192cc {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_4baaeef09e {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_8117ea96c8 {\n  padding-bottom: 0 !important;\n}\n.pbXs_f409cd7187 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_ec29e958bd {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_56f1551ee0 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_59510a38d6 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_61dea1a768 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_cc826a34ef {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_bd5283d1c0 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_e37d583e81 {\n  padding-inline-start: 0 !important;\n}\n.psXs_24bb2dd668 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_f3b894082e {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_9e03555e32 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_57bbb8d0d3 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_7b47e77bc5 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_cfdc2e9ebc {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_2a7ef60dda {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_78abfc9b2c {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_bdf11a8b0d {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_1c3e7edfdd {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_95f2b05991 {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_4f78e82e8d {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_7c8f7884dd {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_37adc5d2a2 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_ba98b97f52 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
-//# sourceMappingURL=Box.module.scss.js.map

package/dist/src/components/Box/Box.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Box.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/Box/BoxConstants.js

@@ -1,2 +0,0 @@
-var l,x,L,X,o,a,n,r,m,i,e,d,u,t,A,M,E,R,g,O,s;!function(l){l.DISABLED="opacityDisabled"}(l||(l={})),function(l){l.DEFAULT="border"}(x||(x={})),function(l){l.UI_BORDER_COLOR="uiBorderColor",l.LAYOUT_BORDER_COLOR="layoutBorderColor"}(L||(L={})),function(l){l.SMALL="small",l.MEDIUM="medium",l.BIG="big"}(X||(X={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large"}(o||(o={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(a||(a={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(n||(n={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(r||(r={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(m||(m={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(i||(i={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(e||(e={})),function(l){l.AUTO="auto",l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(d||(d={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(u||(u={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(t||(t={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(A||(A={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(M||(M={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(E||(E={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(R||(R={})),function(l){l.XS="xs",l.SMALL="small",l.MEDIUM="medium",l.LARGE="large",l.XL="xl",l.XXL="xxl",l.XXXL="xxxl"}(g||(g={})),function(l){l.PRIMARY_BACKGROUND_COLOR="primaryBackgroundColor",l.SECONDARY_BACKGROUND_COLOR="secondaryBackgroundColor",l.GREY_BACKGROUND_COLOR="greyBackgroundColor",l.ALL_GREY_BACKGROUND_COLOR="allgreyBackgroundColor",l.INVERTED_COLOR_BACKGROUND="invertedColorBackground"}(O||(O={})),function(l){l.PRIMARY_TEXT_COLOR="primaryTextColor",l.TEXT_COLOR_ON_INVERTED="textColorOnInverted",l.SECONDARY_TEXT_COLOR="secondaryTextColor"}(s||(s={}));var S={margin:"m",marginX:"mx",marginY:"my",marginTop:"mt",marginEnd:"me",marginBottom:"mb",marginStart:"ms",padding:"p",paddingX:"px",paddingY:"py",paddingTop:"pt",paddingEnd:"pe",paddingBottom:"pb",paddingStart:"ps",shadow:"shadow",rounded:"rounded",borderColor:"borderColor",backgroundColor:"bg",textColor:"text"};export{O as BackgroundColor,x as Border,L as BorderColor,s as BoxTextColor,l as Disabled,a as Margin,e as MarginBottom,i as MarginEnd,d as MarginStart,m as MarginTop,n as MarginX,r as MarginY,u as Padding,R as PaddingBottom,E as PaddingEnd,g as PaddingStart,M as PaddingTop,t as PaddingX,A as PaddingY,X as Rounded,o as Shadow,S as SizePrefixMapping};
-//# sourceMappingURL=BoxConstants.js.map

package/dist/src/components/Box/BoxConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BoxConstants.js","sources":["../../../../src/components/Box/BoxConstants.ts"],"sourcesContent":["/**\n * @deprecated\n */\nexport enum Disabled {\n  DISABLED = \"opacityDisabled\"\n}\n\n/**\n * @deprecated\n */\nexport enum Border {\n  DEFAULT = \"border\"\n}\n\n/**\n * @deprecated\n */\nexport enum BorderColor {\n  UI_BORDER_COLOR = \"uiBorderColor\",\n  LAYOUT_BORDER_COLOR = \"layoutBorderColor\"\n}\n\n/**\n * @deprecated\n */\nexport enum Rounded {\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  BIG = \"big\"\n}\n\n/**\n * @deprecated\n */\nexport enum Shadow {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\"\n}\n\n/**\n * @deprecated\n */\nexport enum Margin {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginX {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginY {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginTop {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginEnd {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginBottom {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum MarginStart {\n  AUTO = \"auto\",\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum Padding {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingX {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingY {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingTop {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingEnd {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingBottom {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum PaddingStart {\n  XS = \"xs\",\n  SMALL = \"small\",\n  MEDIUM = \"medium\",\n  LARGE = \"large\",\n  XL = \"xl\",\n  XXL = \"xxl\",\n  XXXL = \"xxxl\"\n}\n\n/**\n * @deprecated\n */\nexport enum BackgroundColor {\n  PRIMARY_BACKGROUND_COLOR = \"primaryBackgroundColor\",\n  SECONDARY_BACKGROUND_COLOR = \"secondaryBackgroundColor\",\n  GREY_BACKGROUND_COLOR = \"greyBackgroundColor\",\n  ALL_GREY_BACKGROUND_COLOR = \"allgreyBackgroundColor\",\n  INVERTED_COLOR_BACKGROUND = \"invertedColorBackground\"\n}\n\n/**\n * @deprecated\n */\nexport enum BoxTextColor {\n  PRIMARY_TEXT_COLOR = \"primaryTextColor\",\n  TEXT_COLOR_ON_INVERTED = \"textColorOnInverted\",\n  SECONDARY_TEXT_COLOR = \"secondaryTextColor\"\n}\n\nexport const SizePrefixMapping = {\n  margin: \"m\",\n  marginX: \"mx\",\n  marginY: \"my\",\n  marginTop: \"mt\",\n  marginEnd: \"me\",\n  marginBottom: \"mb\",\n  marginStart: \"ms\",\n  padding: \"p\",\n  paddingX: \"px\",\n  paddingY: \"py\",\n  paddingTop: \"pt\",\n  paddingEnd: \"pe\",\n  paddingBottom: \"pb\",\n  paddingStart: \"ps\",\n  shadow: \"shadow\",\n  rounded: \"rounded\",\n  borderColor: \"borderColor\",\n  backgroundColor: \"bg\",\n  textColor: \"text\"\n};\n"],"names":["Disabled","Border","BorderColor","Rounded","Shadow","Margin","MarginX","MarginY","MarginTop","MarginEnd","MarginBottom","MarginStart","Padding","PaddingX","PaddingY","PaddingTop","PaddingEnd","PaddingBottom","PaddingStart","BackgroundColor","BoxTextColor","SizePrefixMapping","margin","marginX","marginY","marginTop","marginEnd","marginBottom","marginStart","padding","paddingX","paddingY","paddingTop","paddingEnd","paddingBottom","paddingStart","shadow","rounded","borderColor","backgroundColor","textColor"],"mappings":"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"}

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbContent/BreadcrumbContent.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../../../_virtual/_rollupPluginBabelHelpers.js";import a,{forwardRef as t,useCallback as r,useMemo as n}from"react";import{keyCodes as c}from"../../../../constants/keyCodes.js";import"../../../../constants/sizes.js";import s from"classnames";import i from"./BreadcrumbContent.module.scss.js";var o={className:i.breadcrumbIcon,size:14,clickable:!1},l=t((function(t,l){var m=t.className,b=t.isClickable,d=t.link,u=t.onClick,p=t.text,f=t.isCurrent,k=t.disabled,E=void 0!==k&&k,x=t.showText,C=void 0===x||x,N=t.icon,v=r((function(e){e.key!==c.ENTER&&e.key!==c.SPACE||(d?window.parent.location.href=d:u())}),[u,d]),w=n((function(){return E?-1:0}),[E]);return b&&(d||u)?d?a.createElement("a",{className:s(i.breadcrumbContent,m,e(e(e(e({},i.disabled,E),i.clickable,b),i.current,f),i.withoutText,!C)),href:d,onKeyDown:v,"aria-current":f?"page":void 0},N&&a.createElement(N,Object.assign({},o)),C&&a.createElement("span",{ref:l,className:i.breadcrumbText},p)):a.createElement("span",{className:s(i.breadcrumbContent,m,e(e(e(e({},i.disabled,E),i.clickable,b),i.current,f),i.withoutText,!C)),onClick:u,onKeyDown:v,tabIndex:w,"aria-current":f?"page":void 0,role:"button"},N&&a.createElement(N,Object.assign({},o)),C&&a.createElement("span",{ref:l,className:i.breadcrumbText},p)):a.createElement("span",{className:s(i.breadcrumbContent,m,e(e(e(e(e({},i.disabled,E),i.clickable,b),i.current,f),i.notClickable,!b),i.withoutText,!C)),"aria-disabled":"true",tabIndex:w,"aria-current":f?"page":void 0},N&&a.createElement(N,Object.assign({},o)),C&&a.createElement("span",{ref:l,className:i.breadcrumbText},p))}));export{l as BreadcrumbContent};
-//# sourceMappingURL=BreadcrumbContent.js.map

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,2 +0,0 @@
-var e={breadcrumbContent:"breadcrumbContent_d95af85ce2",withoutText:"withoutText_124f18c9e7",breadcrumbText:"breadcrumbText_96091b64cb",breadcrumbIcon:"breadcrumbIcon_64930af26b",clickable:"clickable_48d82002cd",current:"current_d4fda6051e",disabled:"disabled_27f4c364b4",notClickable:"notClickable_550688e252"};!function(e){const n="s_id-55ff70da99a4_3_53_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)}(".breadcrumbContent_d95af85ce2 {\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_d95af85ce2.withoutText_124f18c9e7 {\n  padding: 4px;\n}\na.breadcrumbContent_d95af85ce2:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_d95af85ce2 .breadcrumbText_96091b64cb {\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_d95af85ce2 .breadcrumbIcon_64930af26b {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_d95af85ce2:focus {\n  outline: none;\n}\n.breadcrumbContent_d95af85ce2.clickable_48d82002cd {\n  cursor: pointer;\n}\n.breadcrumbContent_d95af85ce2.clickable_48d82002cd:hover,\n.breadcrumbContent_d95af85ce2:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_d95af85ce2.current_d4fda6051e {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_d95af85ce2.disabled_27f4c364b4 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_d95af85ce2.disabled_27f4c364b4:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_d95af85ce2.notClickable_550688e252 {\n  pointer-events: none;\n}");export{e as default};
-//# sourceMappingURL=BreadcrumbContent.module.scss.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"BreadcrumbContent.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../../_virtual/_rollupPluginBabelHelpers.js";import{getTestId as r,ComponentDefaultTestId as t}from"../../../tests/testIds.js";import i from"classnames";import o,{useRef as s}from"react";import a from"../../../hooks/useIsOverflowing/useIsOverflowing.js";import l from"../../Tooltip/Tooltip.js";import{BreadcrumbContent as d}from"./BreadcrumbContent/BreadcrumbContent.js";import m from"./BreadcrumbItem.module.scss.js";var n=function(n){var c=n.className,u=n.text,f=void 0===u?"":u,p=n.disabled,b=n.isClickable,g=void 0!==b&&b,v=n.link,C=n.onClick,T=n.isCurrent,h=void 0!==T&&T,k=n.icon,w=n.id,B=n.showText,j=void 0===B||B,I=n["data-testid"],x=s(null),E=a({ref:x});return o.createElement(l,{disableDialogSlide:!0,withoutDialog:!1,content:(E||!j)&&f,showTrigger:["mouseenter"],hideTrigger:["mouseleave"],addKeyboardHideShowTriggersByDefault:!j},o.createElement("li",{id:w,"data-testid":I||r(t.BREADCRUMB_ITEM,w),className:i(m.breadcrumbItemWrapper,c,e({},m.disabled,p))},o.createElement(d,{ref:x,isClickable:g,link:v,onClick:C,text:f,icon:k,isCurrent:h,disabled:p,showText:j})))};export{n as default};
-//# sourceMappingURL=BreadcrumbItem.js.map

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

@@ -1 +0,0 @@
-{"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"}

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

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

package/dist/src/components/BreadcrumbsBar/BreadcrumbItem/BreadcrumbItem.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreadcrumbItem.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenu.js

@@ -1,2 +0,0 @@
-import{__rest as e}from"../../../../_virtual/_tslib.js";import t,{forwardRef as r}from"react";import n from"../../MenuButton/MenuButton.js";import u from"../../Menu/Menu/Menu.js";import"../../Menu/MenuItem/MenuItem.js";import"../../Menu/MenuItemButton/MenuItemButton.js";import"../../Menu/MenuDivider/MenuDivider.js";import"../../Menu/MenuTitle/MenuTitle.js";import"../../Menu/MenuGridItem/MenuGridItem.js";import m from"./BreadcrumbsMenu.module.scss.js";import{ComponentDefaultTestId as i}from"../../../tests/constants.js";import{getTestId as s}from"../../../tests/testIds.js";var a=r((function(r,a){var o=r.children,d=r.id,M=r["data-testid"],c=e(r,["children","id","data-testid"]),l=d||"breadcrumb-menu-button",p="".concat(l,"-menu");return t.createElement("li",Object.assign({className:m.breadcrumbMenuWrapper},c),t.createElement(n,{id:l,size:"xxs",closeMenuOnItemClick:!0,ariaLabel:"Hidden breadcrumbs menu","data-testid":M||s(i.BREADCRUMB_MENU,d),ariaControls:p,ref:a},t.createElement(u,{id:p,size:"medium",focusItemIndexOnMount:0,ariaLabel:"Expanded breadcrumbs menu"},o)))}));export{a as default};
-//# sourceMappingURL=BreadcrumbMenu.js.map

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

@@ -1 +0,0 @@
-{"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"}

package/dist/src/components/BreadcrumbsBar/BreadcrumbMenu/BreadcrumbMenuItem/BreadcrumbMenuItem.js

@@ -1,2 +0,0 @@
-import{__rest as t}from"../../../../../_virtual/_tslib.js";import e,{forwardRef as i}from"react";import"../../../Menu/Menu/Menu.js";import n from"../../../Menu/MenuItem/MenuItem.js";import"../../../Menu/MenuItemButton/MenuItemButton.js";import"../../../Menu/MenuDivider/MenuDivider.js";import"../../../Menu/MenuTitle/MenuTitle.js";import"../../../Menu/MenuGridItem/MenuGridItem.js";import{getTestId as r}from"../../../../tests/testIds.js";import{ComponentDefaultTestId as o}from"../../../../tests/constants.js";var s=i((function(i,s){var u=i.id,m=i["data-testid"],M=i.link,d=i.onClick,a=t(i,["id","data-testid","link","onClick"]);return e.createElement(n,Object.assign({id:u,onClick:M?function(t){d&&d(t),M&&window.open(M)}:d,"data-testid":m||r(o.BREADCRUMB_MENU_ITEM,u),ref:s},a))}));s.isMenuChild=!0,s.isSelectable=!0;export{s as default};
-//# sourceMappingURL=BreadcrumbMenuItem.js.map

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,2 +0,0 @@
-var e={breadcrumbMenuWrapper:"breadcrumbMenuWrapper_bd01bfd312"};!function(e){const n="s_id-fc5ae89c4b65_3_53_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_bd01bfd312 {\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/BreadcrumbMenu/BreadcrumbsMenu.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreadcrumbsMenu.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/BreadcrumbsBar/BreadcrumbsBar.js

@@ -1,2 +0,0 @@
-import t from"react";import e from"classnames";import{getTestId as r,ComponentDefaultTestId as a}from"../../tests/testIds.js";import{BreadcrumbsBarType as s}from"./BreadcrumbsConstants.js";import{withStaticPropsWithoutForwardRef as i}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import o from"./BreadcrumbsBar.module.scss.js";import n from"../../../icons/dist/react/NavigationChevronRight.js";var m=i((function(s){var i=s.children,m=s.type,l=void 0===m?"indication":m,c=s.id,d=s["data-testid"];return t.createElement("nav",{"aria-label":"Breadcrumb",className:e(o.breadcrumbsBar,s.className),id:c,"data-testid":d||r(a.BREADCRUMBS_BAR,c)},t.createElement("ol",null,i&&t.Children.map(i,(function(e,r){return t.isValidElement(e)?[r>0&&t.createElement(n,{className:o.separatorIcon,size:"14","aria-hidden":"true"}),t.cloneElement(e,Object.assign(Object.assign({},null==e?void 0:e.props),{isClickable:"indication"!==l}))]:null}))))}),{types:s});export{m as default};
-//# sourceMappingURL=BreadcrumbsBar.js.map

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

@@ -1 +0,0 @@
-{"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"}

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

@@ -1,2 +0,0 @@
-var e={breadcrumbsBar:"breadcrumbsBar_bd615ded04",separatorIcon:"separatorIcon_434ac3c11f"};!function(e){const d="s_id-24567fd55d40_3_53_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+d))return;const r=document.createElement("style");r.id=d,n.firstChild?n.insertBefore(r,n.firstChild):n.appendChild(r),r.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[d]=e)}(".breadcrumbsBar_bd615ded04 ol {\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  white-space: nowrap;\n}\n\n.breadcrumbsBar_bd615ded04 ol .separatorIcon_434ac3c11f {\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/BreadcrumbsBar/BreadcrumbsBar.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreadcrumbsBar.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}

package/dist/src/components/BreadcrumbsBar/BreadcrumbsConstants.js

@@ -1,2 +0,0 @@
-var i;!function(i){i.NAVIGATION="navigation",i.INDICATION="indication"}(i||(i={}));export{i as BreadcrumbsBarType};
-//# sourceMappingURL=BreadcrumbsConstants.js.map

package/dist/src/components/BreadcrumbsBar/BreadcrumbsConstants.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"BreadcrumbsConstants.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsConstants.ts"],"sourcesContent":["export enum BreadcrumbsBarType {\n  NAVIGATION = \"navigation\",\n  INDICATION = \"indication\"\n}\n"],"names":["BreadcrumbsBarType"],"mappings":"IAAYA,GAAZ,SAAYA,GACVA,EAAA,WAAA,aACAA,EAAA,WAAA,YACD,CAHD,CAAYA,IAAAA,EAGX,CAAA"}

package/dist/src/components/Button/Button.js

@@ -1,2 +0,0 @@
-import{defineProperty as e}from"../../../_virtual/_rollupPluginBabelHelpers.js";import t,{forwardRef as a,useRef as o,useEffect as n,useCallback as r,useMemo as i}from"react";import{camelCase as s}from"lodash-es";import l from"classnames";import{SIZES as c}from"../../constants/sizes.js";import u from"../../hooks/useMergeRef.js";import{NOOP as d}from"../../utils/function-utils.js";import m from"../Icon/Icon.js";import p from"../Loader/Loader.js";import{BUTTON_ICON_SIZE as f,SMALL_BUTTON_ICON_SIZE as g,ButtonColor as y,ButtonType as b,ButtonInputType as v}from"./ButtonConstants.js";import{TRANSPARENT_COLOR as h,getParentBackgroundColorNotTransparent as C}from"./helper/dom-helpers.js";import{getTestId as j}from"../../tests/testIds.js";import{withStaticProps as x}from"../../types/withStaticProps.js";import"../../utils/colors-vars-map.js";import{getStyle as F}from"../../helpers/typesciptCssModulesHelper.js";import{ComponentDefaultTestId as N,ComponentVibeId as k}from"../../tests/constants.js";import E from"./Button.module.scss.js";import{useButtonLoading as I}from"./helper/useButtonLoading.js";var B=a((function(a,c){var d=a.className,y=a.children,b=a.kind,v=a.onClick,h=a.name,x=a.size,B=a.color,P=a.disabled,S=a.rightIcon,T=a.leftIcon,L=a.success,O=a.successText,z=a.successIcon,M=a.style,w=a.loading,D=a.loaderClassName,U=a.active,A=a.activeButtonClassName,H=a.id,R=a.marginRight,_=a.marginLeft,q=a.type,G=a.onMouseDown,J=a.ariaLabel,K=a.rightFlat,Q=a.leftFlat,V=a.preventClickAnimation,W=a.noSidePadding,X=a.onFocus,Y=a.onBlur,Z=a.ariaLabeledBy,$=a.defaultTextColorOnPrimaryColor,ee=a.ariaHasPopup,te=a.ariaExpanded,ae=a.ariaControls,oe=a["aria-describedby"],ne=a["aria-hidden"],re=a["aria-pressed"],ie=a.blurOnMouseUp,se=a["data-testid"],le=a.insetFocus,ce=a.tabIndex,ue=o(null),de=u(c,ue),me=I({isLoading:w}).loading;n((function(){if(("on-primary-color"===B||"fixed-light"===B)&&"primary"===b&&ue.current){var e=ue.current;e.style.color=C(e,$)}}),[b,ue,B,$]);var pe=r((function(){var e=ue.current;!P&&e&&ie&&e.blur()}),[P,ue,ie]),fe=r((function(e){P||me||L?e.preventDefault():v&&v(e)}),[v,P,me,L]),ge=r((function(e){P||me||L?e.preventDefault():G&&G(e)}),[G,P,me,L]),ye=i((function(){var t,a=L?"positive":B;return l(d,E.button,F(E,s("size-"+x)),F(E,s("kind-"+b)),F(E,s("color-"+a)),(e(e(e(e(e(e(e(e(e(e(t={},E.success,L),F(E,s("color-"+a+"-active")),U),A,U),E.marginRight,R),E.marginLeft,_),E.rightFlat,K),E.leftFlat,Q),E.preventClickAnimation,V),E.noSidePadding,W),E.disabled,P),e(t,E.insetFocusStyle,le)))}),[L,B,d,x,b,U,A,R,_,K,Q,V,W,P,le]),be=i((function(){return{ref:de,type:q,className:ye,name:h,onMouseUp:pe,style:M,onClick:fe,id:H,onFocus:X,onBlur:Y,tabIndex:P||ne?-1:ce,"data-testid":se||j(N.BUTTON,H),"data-vibe":k.BUTTON,onMouseDown:ge,"aria-disabled":P,"aria-busy":me,"aria-labelledby":Z,"aria-label":J,"aria-haspopup":ee,"aria-expanded":te,"aria-controls":ae,"aria-describedby":oe,"aria-hidden":ne,"aria-pressed":re}}),[de,q,ye,h,pe,M,fe,H,X,Y,ce,se,ge,P,me,Z,J,ee,te,ae,oe,ne,re]),ve=r((function(e){if("function"==typeof e)switch(x){case"xxs":case"xs":return g;default:return f}}),[x]),he=i((function(){return t.Children.toArray(y).some(Boolean)}),[y]),Ce=i((function(){return t.createElement(t.Fragment,null,T?t.createElement(m,{iconType:"font",icon:T,iconSize:ve(T),className:l(e({},E.leftIcon,he)),ignoreFocusStyle:!0}):null,y,S?t.createElement(m,{iconType:"font",icon:S,iconSize:ve(S),className:l(e({},E.rightIcon,he)),ignoreFocusStyle:!0}):null)}),[y,he,ve,T,S]);return me?t.createElement("button",Object.assign({},be,{key:"".concat(H,"-loading")}),t.createElement("span",{className:l(E.loader,D)},t.createElement(p,{className:E.loaderSvg}),t.createElement("span",{"aria-hidden":!0,className:E.textPlaceholder},Ce))):L?t.createElement("button",Object.assign({},be,{key:"".concat(H,"-success")}),t.createElement("span",{className:E.successContent},z?t.createElement(m,{iconType:"font",icon:z,iconSize:ve(z),className:l(e({},E.leftIcon,!!O)),ignoreFocusStyle:!0}):null,O),t.createElement("span",{"aria-hidden":"true",className:E.textPlaceholder},Ce)):t.createElement("button",Object.assign({},be,{key:"".concat(H,"-button")}),Ce)}));B.defaultProps={name:void 0,style:void 0,kind:"primary",onClick:d,size:"medium",color:"primary",disabled:!1,rightIcon:null,leftIcon:null,success:!1,successText:"",successIcon:null,loading:!1,loaderClassName:void 0,active:!1,marginRight:!1,marginLeft:!1,type:"button",onMouseDown:d,rightFlat:!1,leftFlat:!1,preventClickAnimation:!1,noSidePadding:!1,onFocus:d,onBlur:d,defaultTextColorOnPrimaryColor:h,ariaHasPopup:void 0,blurOnMouseUp:!0,ariaExpanded:void 0,ariaControls:void 0,ariaLabel:void 0,ariaLabeledBy:void 0,insetFocus:!1};var P=x(B,{sizes:c,colors:y,kinds:b,types:v,inputTags:v});export{P as default};
-//# sourceMappingURL=Button.js.map

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

@@ -1 +0,0 @@
-{"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,\n      onClick,\n      name,\n      size,\n      color,\n      disabled,\n      rightIcon,\n      leftIcon,\n      success,\n      successText,\n      successIcon,\n      style,\n      loading: isLoading,\n      loaderClassName,\n      active,\n      activeButtonClassName,\n      id,\n      marginRight,\n      marginLeft,\n      type,\n      onMouseDown,\n      ariaLabel,\n      rightFlat,\n      leftFlat,\n      preventClickAnimation,\n      noSidePadding,\n      onFocus,\n      onBlur,\n      ariaLabeledBy,\n      defaultTextColorOnPrimaryColor,\n      ariaHasPopup,\n      ariaExpanded,\n      ariaControls,\n      \"aria-describedby\": ariaDescribedBy,\n      \"aria-hidden\": ariaHidden,\n      \"aria-pressed\": ariaPressed,\n      blurOnMouseUp,\n      \"data-testid\": dataTestId,\n      insetFocus,\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\nButton.defaultProps = {\n  name: undefined,\n  style: undefined,\n  kind: \"primary\",\n  onClick: NOOP,\n  size: \"medium\",\n  color: \"primary\",\n  disabled: false,\n  rightIcon: null,\n  leftIcon: null,\n  success: false,\n  successText: \"\",\n  successIcon: null,\n  loading: false,\n  loaderClassName: undefined,\n  active: false,\n  marginRight: false,\n  marginLeft: false,\n  type: \"button\",\n  onMouseDown: NOOP,\n  rightFlat: false,\n  leftFlat: false,\n  preventClickAnimation: false,\n  noSidePadding: false,\n  onFocus: NOOP,\n  onBlur: NOOP,\n  defaultTextColorOnPrimaryColor: TRANSPARENT_COLOR,\n  ariaHasPopup: undefined,\n  blurOnMouseUp: true,\n  ariaExpanded: undefined,\n  ariaControls: undefined,\n  ariaLabel: undefined,\n  ariaLabeledBy: undefined,\n  insetFocus: false\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":["Button","forwardRef","_ref","ref","className","children","kind","onClick","name","size","color","disabled","rightIcon","leftIcon","success","successText","successIcon","style","isLoading","loading","loaderClassName","active","activeButtonClassName","id","marginRight","marginLeft","type","onMouseDown","ariaLabel","rightFlat","leftFlat","preventClickAnimation","noSidePadding","onFocus","onBlur","ariaLabeledBy","defaultTextColorOnPrimaryColor","ariaHasPopup","ariaExpanded","ariaControls","ariaDescribedBy","ariaHidden","ariaPressed","blurOnMouseUp","dataTestId","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","defaultProps","undefined","NOOP","TRANSPARENT_COLOR","withStaticProps","sizes","SIZES","colors","ButtonColorEnum","kinds","ButtonTypeEnum","types","ButtonInputTypeEnum","inputTags"],"mappings":"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"}

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

@@ -1,2 +0,0 @@
-var o={button:"button_213f912847","focus-visible":"focus-visible_5005a27ad7",loader:"loader_45bccce9f4",loaderSvg:"loaderSvg_55e6c957e1",textPlaceholder:"textPlaceholder_a22343c58c",success:"success_d6c5f42b27",successContent:"successContent_8973c41803",marginRight:"marginRight_de88ba7d0e",marginLeft:"marginLeft_89aba31bac",rightFlat:"rightFlat_0ff4ea77d9",leftFlat:"leftFlat_9712f29cd6",preventClickAnimation:"preventClickAnimation_6ffa22d5f0",leftIcon:"leftIcon_de88ba7d0e",rightIcon:"rightIcon_89aba31bac",sizeXxs:"sizeXxs_22b58fce00",sizeXs:"sizeXs_19353bb328",sizeSmall:"sizeSmall_98e32bcec8",sizeMedium:"sizeMedium_eb45a74975",sizeLarge:"sizeLarge_04e3598606",kindPrimary:"kindPrimary_e378a04eeb",colorPrimary:"colorPrimary_0fee11afa1",colorBrand:"colorBrand_a6826eaf6d",colorPrimaryActive:"colorPrimaryActive_9a9979a51e",colorBrandActive:"colorBrandActive_f49474113b",colorPositive:"colorPositive_d5d1c179c7",colorPositiveActive:"colorPositiveActive_99e91e9974",colorNegative:"colorNegative_87a9410683",colorNegativeActive:"colorNegativeActive_99e91e9974",colorInverted:"colorInverted_2b77ab50da",colorInvertedActive:"colorInvertedActive_99e91e9974",disabled:"disabled_87405a00db",colorOnPrimaryColor:"colorOnPrimaryColor_179e8ba8b5",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_2a89e27091",colorFixedLight:"colorFixedLight_7ff57f8f40",colorFixedLightActive:"colorFixedLightActive_6ffa22d5f0",colorFixedDark:"colorFixedDark_4160ed5c9f",colorFixedDarkActive:"colorFixedDarkActive_f4a33d0f67",colorOnInvertedBackground:"colorOnInvertedBackground_43685b3eca",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_ad59f35e75",kindSecondary:"kindSecondary_f667035eed",kindTertiary:"kindTertiary_8201629814",noSidePadding:"noSidePadding_e44effc236",insetFocusStyle:"insetFocusStyle_bc09d96999"};!function(o){const r="s_id-f5db469b1a79_3_53_0";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)}(".button_213f912847 {\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_213f912847:focus-visible, .button_213f912847.focus-visible_5005a27ad7 {\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_213f912847:focus:not(.focus-visible_5005a27ad7) {\n  outline: none;\n}\n.button_213f912847 .loader_45bccce9f4 {\n  height: 100%;\n}\n.button_213f912847 .loader_45bccce9f4 .loaderSvg_55e6c957e1 {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_213f912847 .textPlaceholder_a22343c58c {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_213f912847.success_d6c5f42b27 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_213f912847.success_d6c5f42b27 .successContent_8973c41803 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_de88ba7d0e {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_89aba31bac {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_0ff4ea77d9 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_9712f29cd6 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_213f912847:active:not(.preventClickAnimation_6ffa22d5f0) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_213f912847 .leftIcon_de88ba7d0e {\n  margin-right: var(--spacing-small);\n}\n.button_213f912847 .rightIcon_89aba31bac {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_22b58fce00 {\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_19353bb328 {\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_98e32bcec8 {\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_98e32bcec8 .loader_45bccce9f4 {\n  top: 7px;\n}\n.sizeMedium_eb45a74975 {\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_04e3598606 {\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_e378a04eeb {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_e378a04eeb.colorPrimary_0fee11afa1 {\n  background: var(--primary-color);\n}\n.kindPrimary_e378a04eeb.colorBrand_a6826eaf6d {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_e378a04eeb.colorPrimaryActive_9a9979a51e,\n.kindPrimary_e378a04eeb.colorPrimary_0fee11afa1:hover,\n.kindPrimary_e378a04eeb.colorPrimary_0fee11afa1:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_e378a04eeb.colorBrandActive_f49474113b,\n.kindPrimary_e378a04eeb.colorBrand_a6826eaf6d:hover,\n.kindPrimary_e378a04eeb.colorBrand_a6826eaf6d:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_e378a04eeb.colorPositive_d5d1c179c7 {\n  background: var(--positive-color);\n}\n.kindPrimary_e378a04eeb.colorPositiveActive_99e91e9974,\n.kindPrimary_e378a04eeb.colorPositive_d5d1c179c7:hover,\n.kindPrimary_e378a04eeb.colorPositive_d5d1c179c7:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_e378a04eeb.colorNegative_87a9410683 {\n  background: var(--negative-color);\n}\n.kindPrimary_e378a04eeb.colorNegativeActive_99e91e9974,\n.kindPrimary_e378a04eeb.colorNegative_87a9410683:hover,\n.kindPrimary_e378a04eeb.colorNegative_87a9410683:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_e378a04eeb.colorInverted_2b77ab50da {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_e378a04eeb.colorInvertedActive_99e91e9974,\n.kindPrimary_e378a04eeb.colorInverted_2b77ab50da:hover,\n.kindPrimary_e378a04eeb.colorInverted_2b77ab50da:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_e378a04eeb.button_213f912847.colorInverted_2b77ab50da.disabled_87405a00db {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_e378a04eeb.colorOnPrimaryColor_179e8ba8b5 {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_e378a04eeb.colorOnPrimaryColorActive_2a89e27091,\n.kindPrimary_e378a04eeb.colorOnPrimaryColor_179e8ba8b5:hover,\n.kindPrimary_e378a04eeb.colorOnPrimaryColor_179e8ba8b5:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_e378a04eeb.colorOnPrimaryColorActive_2a89e27091:focus-visible, .kindPrimary_e378a04eeb.colorOnPrimaryColorActive_2a89e27091.focus-visible_5005a27ad7,\n.kindPrimary_e378a04eeb.colorOnPrimaryColor_179e8ba8b5:hover:focus-visible,\n.kindPrimary_e378a04eeb.colorOnPrimaryColor_179e8ba8b5:hover.focus-visible_5005a27ad7,\n.kindPrimary_e378a04eeb.colorOnPrimaryColor_179e8ba8b5:focus:focus-visible,\n.kindPrimary_e378a04eeb.colorOnPrimaryColor_179e8ba8b5:focus.focus-visible_5005a27ad7 {\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_e378a04eeb.colorOnPrimaryColorActive_2a89e27091:focus:not(.focus-visible_5005a27ad7),\n.kindPrimary_e378a04eeb.colorOnPrimaryColor_179e8ba8b5:hover:focus:not(.focus-visible_5005a27ad7),\n.kindPrimary_e378a04eeb.colorOnPrimaryColor_179e8ba8b5:focus:focus:not(.focus-visible_5005a27ad7) {\n  outline: none;\n}\n.kindPrimary_e378a04eeb.colorOnPrimaryColor_179e8ba8b5.disabled_87405a00db {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_e378a04eeb.colorFixedLight_7ff57f8f40 {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_e378a04eeb.colorFixedLightActive_6ffa22d5f0,\n.kindPrimary_e378a04eeb.colorFixedLight_7ff57f8f40:hover,\n.kindPrimary_e378a04eeb.colorFixedLight_7ff57f8f40:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_e378a04eeb.colorFixedLightActive_6ffa22d5f0:focus-visible, .kindPrimary_e378a04eeb.colorFixedLightActive_6ffa22d5f0.focus-visible_5005a27ad7,\n.kindPrimary_e378a04eeb.colorFixedLight_7ff57f8f40:hover:focus-visible,\n.kindPrimary_e378a04eeb.colorFixedLight_7ff57f8f40:hover.focus-visible_5005a27ad7,\n.kindPrimary_e378a04eeb.colorFixedLight_7ff57f8f40:focus:focus-visible,\n.kindPrimary_e378a04eeb.colorFixedLight_7ff57f8f40:focus.focus-visible_5005a27ad7 {\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_e378a04eeb.colorFixedLightActive_6ffa22d5f0:focus:not(.focus-visible_5005a27ad7),\n.kindPrimary_e378a04eeb.colorFixedLight_7ff57f8f40:hover:focus:not(.focus-visible_5005a27ad7),\n.kindPrimary_e378a04eeb.colorFixedLight_7ff57f8f40:focus:focus:not(.focus-visible_5005a27ad7) {\n  outline: none;\n}\n.kindPrimary_e378a04eeb.colorFixedLight_7ff57f8f40.disabled_87405a00db {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_e378a04eeb.colorFixedDark_4160ed5c9f {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_e378a04eeb.colorFixedDarkActive_f4a33d0f67,\n.kindPrimary_e378a04eeb.colorFixedDark_4160ed5c9f:hover,\n.kindPrimary_e378a04eeb.colorFixedDark_4160ed5c9f:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_e378a04eeb.colorFixedDarkActive_f4a33d0f67:focus-visible, .kindPrimary_e378a04eeb.colorFixedDarkActive_f4a33d0f67.focus-visible_5005a27ad7,\n.kindPrimary_e378a04eeb.colorFixedDark_4160ed5c9f:hover:focus-visible,\n.kindPrimary_e378a04eeb.colorFixedDark_4160ed5c9f:hover.focus-visible_5005a27ad7,\n.kindPrimary_e378a04eeb.colorFixedDark_4160ed5c9f:focus:focus-visible,\n.kindPrimary_e378a04eeb.colorFixedDark_4160ed5c9f:focus.focus-visible_5005a27ad7 {\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_e378a04eeb.colorFixedDarkActive_f4a33d0f67:focus:not(.focus-visible_5005a27ad7),\n.kindPrimary_e378a04eeb.colorFixedDark_4160ed5c9f:hover:focus:not(.focus-visible_5005a27ad7),\n.kindPrimary_e378a04eeb.colorFixedDark_4160ed5c9f:focus:focus:not(.focus-visible_5005a27ad7) {\n  outline: none;\n}\n.kindPrimary_e378a04eeb.colorFixedDark_4160ed5c9f.disabled_87405a00db {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_e378a04eeb.colorOnInvertedBackground_43685b3eca {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_e378a04eeb.colorOnInvertedBackgroundActive_ad59f35e75,\n.kindPrimary_e378a04eeb.colorOnInvertedBackground_43685b3eca:hover,\n.kindPrimary_e378a04eeb.colorOnInvertedBackground_43685b3eca:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_e378a04eeb.button_213f912847.colorOnInvertedBackground_43685b3eca.disabled_87405a00db {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_e378a04eeb.button_213f912847.disabled_87405a00db {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_f667035eed {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_f667035eed.sizeSmall_98e32bcec8 {\n  line-height: 22px;\n}\n.kindSecondary_f667035eed.sizeMedium_eb45a74975 {\n  line-height: 22px;\n}\n.kindSecondary_f667035eed.sizeLarge_04e3598606 {\n  line-height: 22px;\n}\n.kindSecondary_f667035eed.colorPrimaryActive_9a9979a51e {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_f667035eed.colorPrimaryActive_9a9979a51e:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_f667035eed.colorBrandActive_f49474113b {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_f667035eed.colorBrandActive_f49474113b,\n.kindSecondary_f667035eed.colorBrandActive_f49474113b:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_f667035eed.colorPrimary_0fee11afa1:hover:not(.colorPrimaryActive_9a9979a51e),\n.kindSecondary_f667035eed.colorPrimary_0fee11afa1:focus:not(.colorPrimaryActive_9a9979a51e) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_f667035eed.colorBrand_a6826eaf6d:hover:not(.colorBrandActive_f49474113b),\n.kindSecondary_f667035eed.colorBrand_a6826eaf6d:focus:not(.colorBrandActive_f49474113b) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_f667035eed.colorPositive_d5d1c179c7 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_f667035eed.colorPositiveActive_99e91e9974,\n.kindSecondary_f667035eed.colorPositive_d5d1c179c7:hover,\n.kindSecondary_f667035eed.colorPositive_d5d1c179c7:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_f667035eed.colorNegative_87a9410683 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_f667035eed.colorNegativeActive_99e91e9974,\n.kindSecondary_f667035eed.colorNegative_87a9410683:hover,\n.kindSecondary_f667035eed.colorNegative_87a9410683:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_f667035eed.colorInverted_2b77ab50da {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_f667035eed.colorInvertedActive_99e91e9974,\n.kindSecondary_f667035eed.colorInverted_2b77ab50da:hover,\n.kindSecondary_f667035eed.colorInverted_2b77ab50da:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_f667035eed.colorInverted_2b77ab50da.disabled_87405a00db {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_f667035eed.colorOnPrimaryColor_179e8ba8b5 {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_f667035eed.colorOnPrimaryColorActive_2a89e27091,\n.kindSecondary_f667035eed.colorOnPrimaryColor_179e8ba8b5:hover,\n.kindSecondary_f667035eed.colorOnPrimaryColor_179e8ba8b5:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_f667035eed.colorOnPrimaryColorActive_2a89e27091:focus-visible, .kindSecondary_f667035eed.colorOnPrimaryColorActive_2a89e27091.focus-visible_5005a27ad7,\n.kindSecondary_f667035eed.colorOnPrimaryColor_179e8ba8b5:hover:focus-visible,\n.kindSecondary_f667035eed.colorOnPrimaryColor_179e8ba8b5:hover.focus-visible_5005a27ad7,\n.kindSecondary_f667035eed.colorOnPrimaryColor_179e8ba8b5:focus:focus-visible,\n.kindSecondary_f667035eed.colorOnPrimaryColor_179e8ba8b5:focus.focus-visible_5005a27ad7 {\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_f667035eed.colorOnPrimaryColorActive_2a89e27091:focus:not(.focus-visible_5005a27ad7),\n.kindSecondary_f667035eed.colorOnPrimaryColor_179e8ba8b5:hover:focus:not(.focus-visible_5005a27ad7),\n.kindSecondary_f667035eed.colorOnPrimaryColor_179e8ba8b5:focus:focus:not(.focus-visible_5005a27ad7) {\n  outline: none;\n}\n.kindSecondary_f667035eed.colorOnPrimaryColor_179e8ba8b5.disabled_87405a00db {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_f667035eed.colorFixedLight_7ff57f8f40 {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_f667035eed.colorFixedLightActive_6ffa22d5f0,\n.kindSecondary_f667035eed.colorFixedLight_7ff57f8f40:hover,\n.kindSecondary_f667035eed.colorFixedLight_7ff57f8f40:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_f667035eed.colorFixedLightActive_6ffa22d5f0:focus-visible, .kindSecondary_f667035eed.colorFixedLightActive_6ffa22d5f0.focus-visible_5005a27ad7,\n.kindSecondary_f667035eed.colorFixedLight_7ff57f8f40:hover:focus-visible,\n.kindSecondary_f667035eed.colorFixedLight_7ff57f8f40:hover.focus-visible_5005a27ad7,\n.kindSecondary_f667035eed.colorFixedLight_7ff57f8f40:focus:focus-visible,\n.kindSecondary_f667035eed.colorFixedLight_7ff57f8f40:focus.focus-visible_5005a27ad7 {\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_f667035eed.colorFixedLightActive_6ffa22d5f0:focus:not(.focus-visible_5005a27ad7),\n.kindSecondary_f667035eed.colorFixedLight_7ff57f8f40:hover:focus:not(.focus-visible_5005a27ad7),\n.kindSecondary_f667035eed.colorFixedLight_7ff57f8f40:focus:focus:not(.focus-visible_5005a27ad7) {\n  outline: none;\n}\n.kindSecondary_f667035eed.colorFixedDark_4160ed5c9f {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_f667035eed.colorFixedDarkActive_f4a33d0f67,\n.kindSecondary_f667035eed.colorFixedDark_4160ed5c9f:hover,\n.kindSecondary_f667035eed.colorFixedDark_4160ed5c9f:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_f667035eed.colorFixedDarkActive_f4a33d0f67:focus-visible, .kindSecondary_f667035eed.colorFixedDarkActive_f4a33d0f67.focus-visible_5005a27ad7,\n.kindSecondary_f667035eed.colorFixedDark_4160ed5c9f:hover:focus-visible,\n.kindSecondary_f667035eed.colorFixedDark_4160ed5c9f:hover.focus-visible_5005a27ad7,\n.kindSecondary_f667035eed.colorFixedDark_4160ed5c9f:focus:focus-visible,\n.kindSecondary_f667035eed.colorFixedDark_4160ed5c9f:focus.focus-visible_5005a27ad7 {\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_f667035eed.colorFixedDarkActive_f4a33d0f67:focus:not(.focus-visible_5005a27ad7),\n.kindSecondary_f667035eed.colorFixedDark_4160ed5c9f:hover:focus:not(.focus-visible_5005a27ad7),\n.kindSecondary_f667035eed.colorFixedDark_4160ed5c9f:focus:focus:not(.focus-visible_5005a27ad7) {\n  outline: none;\n}\n.kindSecondary_f667035eed.colorOnInvertedBackground_43685b3eca {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_f667035eed.colorOnInvertedBackgroundActive_ad59f35e75,\n.kindSecondary_f667035eed.colorOnInvertedBackground_43685b3eca:hover,\n.kindSecondary_f667035eed.colorOnInvertedBackground_43685b3eca:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_f667035eed.colorOnInvertedBackground_43685b3eca.disabled_87405a00db {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_f667035eed.colorFixedLight_7ff57f8f40.disabled_87405a00db {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_f667035eed.colorFixedDark_4160ed5c9f.disabled_87405a00db {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_f667035eed.disabled_87405a00db {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_f667035eed.disabled_87405a00db:hover {\n  background-color: transparent;\n}\n.kindTertiary_8201629814 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_8201629814.colorPrimaryActive_9a9979a51e {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_8201629814.colorPrimaryActive_9a9979a51e:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_8201629814.colorBrandActive_f49474113b {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_8201629814.colorBrandActive_f49474113b,\n.kindTertiary_8201629814.colorBrandActive_f49474113b:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_8201629814.colorPrimary_0fee11afa1:hover:not(.colorPrimaryActive_9a9979a51e),\n.kindTertiary_8201629814.colorPrimary_0fee11afa1:focus:not(.colorPrimaryActive_9a9979a51e) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_8201629814.colorBrand_a6826eaf6d:hover:not(.colorBrandActive_f49474113b),\n.kindTertiary_8201629814.colorBrand_a6826eaf6d:focus:not(.colorBrandActive_f49474113b) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_8201629814.colorPositive_d5d1c179c7 {\n  color: var(--positive-color);\n}\n.kindTertiary_8201629814.colorPositiveActive_99e91e9974,\n.kindTertiary_8201629814.colorPositive_d5d1c179c7:hover,\n.kindTertiary_8201629814.colorPositive_d5d1c179c7:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_8201629814.colorNegative_87a9410683 {\n  color: var(--negative-color);\n}\n.kindTertiary_8201629814.colorNegativeActive_99e91e9974,\n.kindTertiary_8201629814.colorNegative_87a9410683:hover,\n.kindTertiary_8201629814.colorNegative_87a9410683:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_8201629814.colorInverted_2b77ab50da {\n  color: var(--primary-text-color);\n}\n.kindTertiary_8201629814.colorInvertedActive_99e91e9974,\n.kindTertiary_8201629814.colorInverted_2b77ab50da:hover,\n.kindTertiary_8201629814.colorInverted_2b77ab50da:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_8201629814.colorInverted_2b77ab50da.disabled_87405a00db {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_8201629814.colorOnPrimaryColor_179e8ba8b5 {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_8201629814.colorOnPrimaryColorActive_2a89e27091,\n.kindTertiary_8201629814.colorOnPrimaryColor_179e8ba8b5:hover,\n.kindTertiary_8201629814.colorOnPrimaryColor_179e8ba8b5:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_8201629814.colorOnPrimaryColorActive_2a89e27091:focus-visible, .kindTertiary_8201629814.colorOnPrimaryColorActive_2a89e27091.focus-visible_5005a27ad7,\n.kindTertiary_8201629814.colorOnPrimaryColor_179e8ba8b5:hover:focus-visible,\n.kindTertiary_8201629814.colorOnPrimaryColor_179e8ba8b5:hover.focus-visible_5005a27ad7,\n.kindTertiary_8201629814.colorOnPrimaryColor_179e8ba8b5:focus:focus-visible,\n.kindTertiary_8201629814.colorOnPrimaryColor_179e8ba8b5:focus.focus-visible_5005a27ad7 {\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_8201629814.colorOnPrimaryColorActive_2a89e27091:focus:not(.focus-visible_5005a27ad7),\n.kindTertiary_8201629814.colorOnPrimaryColor_179e8ba8b5:hover:focus:not(.focus-visible_5005a27ad7),\n.kindTertiary_8201629814.colorOnPrimaryColor_179e8ba8b5:focus:focus:not(.focus-visible_5005a27ad7) {\n  outline: none;\n}\n.kindTertiary_8201629814.colorOnPrimaryColor_179e8ba8b5.disabled_87405a00db {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_8201629814.colorFixedLight_7ff57f8f40 {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_8201629814.colorFixedLightActive_6ffa22d5f0,\n.kindTertiary_8201629814.colorFixedLight_7ff57f8f40:hover,\n.kindTertiary_8201629814.colorFixedLight_7ff57f8f40:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_8201629814.colorFixedLightActive_6ffa22d5f0:focus-visible, .kindTertiary_8201629814.colorFixedLightActive_6ffa22d5f0.focus-visible_5005a27ad7,\n.kindTertiary_8201629814.colorFixedLight_7ff57f8f40:hover:focus-visible,\n.kindTertiary_8201629814.colorFixedLight_7ff57f8f40:hover.focus-visible_5005a27ad7,\n.kindTertiary_8201629814.colorFixedLight_7ff57f8f40:focus:focus-visible,\n.kindTertiary_8201629814.colorFixedLight_7ff57f8f40:focus.focus-visible_5005a27ad7 {\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_8201629814.colorFixedLightActive_6ffa22d5f0:focus:not(.focus-visible_5005a27ad7),\n.kindTertiary_8201629814.colorFixedLight_7ff57f8f40:hover:focus:not(.focus-visible_5005a27ad7),\n.kindTertiary_8201629814.colorFixedLight_7ff57f8f40:focus:focus:not(.focus-visible_5005a27ad7) {\n  outline: none;\n}\n.kindTertiary_8201629814.colorFixedLight_7ff57f8f40.disabled_87405a00db {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_8201629814.colorFixedDark_4160ed5c9f {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_8201629814.colorFixedDarkActive_f4a33d0f67,\n.kindTertiary_8201629814.colorFixedDark_4160ed5c9f:hover,\n.kindTertiary_8201629814.colorFixedDark_4160ed5c9f:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_8201629814.colorFixedDarkActive_f4a33d0f67:focus-visible, .kindTertiary_8201629814.colorFixedDarkActive_f4a33d0f67.focus-visible_5005a27ad7,\n.kindTertiary_8201629814.colorFixedDark_4160ed5c9f:hover:focus-visible,\n.kindTertiary_8201629814.colorFixedDark_4160ed5c9f:hover.focus-visible_5005a27ad7,\n.kindTertiary_8201629814.colorFixedDark_4160ed5c9f:focus:focus-visible,\n.kindTertiary_8201629814.colorFixedDark_4160ed5c9f:focus.focus-visible_5005a27ad7 {\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_8201629814.colorFixedDarkActive_f4a33d0f67:focus:not(.focus-visible_5005a27ad7),\n.kindTertiary_8201629814.colorFixedDark_4160ed5c9f:hover:focus:not(.focus-visible_5005a27ad7),\n.kindTertiary_8201629814.colorFixedDark_4160ed5c9f:focus:focus:not(.focus-visible_5005a27ad7) {\n  outline: none;\n}\n.kindTertiary_8201629814.colorFixedDark_4160ed5c9f.disabled_87405a00db {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_8201629814.colorOnInvertedBackground_43685b3eca {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_8201629814.colorOnInvertedBackgroundActive_ad59f35e75,\n.kindTertiary_8201629814.colorOnInvertedBackground_43685b3eca:hover,\n.kindTertiary_8201629814.colorOnInvertedBackground_43685b3eca:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_8201629814.colorOnInvertedBackground_43685b3eca.disabled_87405a00db {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_8201629814.disabled_87405a00db {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_8201629814.disabled_87405a00db:hover {\n  background-color: transparent;\n}\n.noSidePadding_e44effc236 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_213f912847.insetFocusStyle_bc09d96999:focus-visible, .button_213f912847.insetFocusStyle_bc09d96999.focus-visible_5005a27ad7 {\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_213f912847.insetFocusStyle_bc09d96999:focus:not(.focus-visible_5005a27ad7) {\n  outline: none;\n}");export{o as default};
-//# sourceMappingURL=Button.module.scss.js.map

package/dist/src/components/Button/Button.module.scss.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.module.scss.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}