@vibe/core 3.42.0 → 3.43.1

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

@@ -1 +1 @@
-{"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 { VibeComponent, 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: VibeComponent<BoxProps> & {\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} = 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\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\nexport default withStaticProps(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,IAqEeA,EAAAA,EAjDXC,GACF,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,IAGkC,CAClCoC,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"}
+{"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 +1,2 @@
-var n={box:"box_8bd64ead09",scrollable:"scrollable_a13a45a205",opacityDisabled:"opacityDisabled_cc2811a120",border:"border_75797f0c2d",borderColorUiBorderColor:"borderColorUiBorderColor_de5cdf74a2",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_6b285ef17a",rounded0:"rounded0_cdded93f8e",roundedSmall:"roundedSmall_3b5fead0a6",roundedMedium:"roundedMedium_b282f0b107",roundedBig:"roundedBig_7d95c7cf95",shadowXs:"shadowXs_eb8c1dc7c8",shadowSmall:"shadowSmall_5022ebcfaa",shadowMedium:"shadowMedium_83fc735b86",shadowLarge:"shadowLarge_bf708c1cc1",m0:"m0_9cb2f720de",mXs:"mXs_edec437525",mSmall:"mSmall_dbaf31abf7",mMedium:"mMedium_2f013aae42",mLarge:"mLarge_5b125e8f69",mXl:"mXl_8e6ef3e954",mXxl:"mXxl_4f6a93ae41",mXxxl:"mXxxl_2164c6b09c",mAuto:"mAuto_62c2ddfe90",mx0:"mx0_904700c1bd",mxXs:"mxXs_12fcc411a3",mxSmall:"mxSmall_43111acad5",mxMedium:"mxMedium_ca560fd444",mxLarge:"mxLarge_c9da20b5d3",mxXl:"mxXl_3f5f4dd868",mxXxl:"mxXxl_3da93a9521",mxXxxl:"mxXxxl_f162201742",mxAuto:"mxAuto_2a5e715a11",my0:"my0_78cc3d617d",myXs:"myXs_3199c35393",mySmall:"mySmall_6561517642",myMedium:"myMedium_376d57f41d",myLarge:"myLarge_2ca41b4e6b",myXl:"myXl_c5c7eb050e",myXxl:"myXxl_fc4e0b4c4b",myXxxl:"myXxxl_75e0207e7e",myAuto:"myAuto_3a7f1677a3",mt0:"mt0_b3ceb9f551",mtXs:"mtXs_306b969ca8",mtSmall:"mtSmall_464180a7f4",mtMedium:"mtMedium_3763a78c18",mtLarge:"mtLarge_96623951f6",mtXl:"mtXl_5162ed86e0",mtXxl:"mtXxl_044080ca00",mtXxxl:"mtXxxl_86baa84e7f",mtAuto:"mtAuto_d675013795",me0:"me0_bcef060f6f",meXs:"meXs_a806d7fe21",meSmall:"meSmall_b051c21b4f",meMedium:"meMedium_ef32e7e9cc",meLarge:"meLarge_d01d1ef19e",meXl:"meXl_f549d6464d",meXxl:"meXxl_d459674d1e",meXxxl:"meXxxl_5925fe18e2",meAuto:"meAuto_d7fa767448",mb0:"mb0_66203f54e2",mbXs:"mbXs_b04ce17bc8",mbSmall:"mbSmall_dac6dbbf1e",mbMedium:"mbMedium_2e7adfa23b",mbLarge:"mbLarge_4ba1e222c2",mbXl:"mbXl_f4a64dcdd0",mbXxl:"mbXxl_3c1a3f93bd",mbXxxl:"mbXxxl_eddb853b89",mbAuto:"mbAuto_9a13f84bad",ms0:"ms0_ef97fd395a",msXs:"msXs_722f8b12e2",msSmall:"msSmall_39270c37ea",msMedium:"msMedium_fa550ae369",msLarge:"msLarge_5b6e10d159",msXl:"msXl_b77583aa43",msXxl:"msXxl_a22e6ad8bc",msXxxl:"msXxxl_cc6455fced",msAuto:"msAuto_9f5a392ec6",p0:"p0_d6b6b6d37e",pXs:"pXs_5871df65af",pSmall:"pSmall_c638e5a363",pMedium:"pMedium_3c0dcc2c4f",pLarge:"pLarge_7207932bd4",pXl:"pXl_e4d46fb4be",pXxl:"pXxl_9be25d9ae0",pXxxl:"pXxxl_aed0a724c7",px0:"px0_28299f1b2b",pxXs:"pxXs_3abb650d9d",pxSmall:"pxSmall_7223c8fd6d",pxMedium:"pxMedium_074c31e671",pxLarge:"pxLarge_e8b62b8ee7",pxXl:"pxXl_af24952eab",pxXxl:"pxXxl_96b0afd85c",pxXxxl:"pxXxxl_ee1ff8d2b9",py0:"py0_9d60ab91ab",pyXs:"pyXs_b9c396d5eb",pySmall:"pySmall_d2583ff3cf",pyMedium:"pyMedium_dfd11718eb",pyLarge:"pyLarge_24df49eed7",pyXl:"pyXl_fb54584550",pyXxl:"pyXxl_5bac4817be",pyXxxl:"pyXxxl_468dd3cb6b",pt0:"pt0_b3975a87aa",ptXs:"ptXs_7c5cf3c86d",ptSmall:"ptSmall_dd7ebbfb45",ptMedium:"ptMedium_1622a9d8f7",ptLarge:"ptLarge_e01c485184",ptXl:"ptXl_b8b63a6697",ptXxl:"ptXxl_80abd04e39",ptXxxl:"ptXxxl_877914ac66",pe0:"pe0_70e5b545bd",peXs:"peXs_8fd3e07609",peSmall:"peSmall_8361f59e13",peMedium:"peMedium_37691dca51",peLarge:"peLarge_3967d772ac",peXl:"peXl_9cc556faee",peXxl:"peXxl_8ef0bb96c0",peXxxl:"peXxxl_17ed4b2a72",pb0:"pb0_14c8a386cd",pbXs:"pbXs_e4194b4c60",pbSmall:"pbSmall_e0b259e0b9",pbMedium:"pbMedium_9c47cf00c5",pbLarge:"pbLarge_e4f5956c22",pbXl:"pbXl_7f82b18990",pbXxl:"pbXxl_34d09fef7e",pbXxxl:"pbXxxl_3327472eda",ps0:"ps0_f40cd46e43",psXs:"psXs_8d6e4eabde",psSmall:"psSmall_ecaf9c53a2",psMedium:"psMedium_038c3f399f",psLarge:"psLarge_67f71d5717",psXl:"psXl_616ee34bfe",psXxl:"psXxl_aa9e514f49",psXxxl:"psXxxl_126cfef62d",textPrimaryTextColor:"textPrimaryTextColor_bab58b0255",textTextColorOnInverted:"textTextColorOnInverted_b91f977b84",textSecondaryTextColor:"textSecondaryTextColor_f3d423e070",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_e522fae97b",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_a9c9a85ffe",bgGreyBackgroundColor:"bgGreyBackgroundColor_3d3a60f6cf",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_f6327dcb46",bgInvertedColorBackground:"bgInvertedColorBackground_1e3962c4c0"};!function(n){const a="s_id-e8ebf0c89fee_3_41_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_8bd64ead09 {\n  overflow: hidden;\n}\n.box_8bd64ead09.scrollable_a13a45a205 {\n  overflow: auto;\n}\n.box_8bd64ead09.scrollable_a13a45a205::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_8bd64ead09.scrollable_a13a45a205::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_cc2811a120 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_75797f0c2d {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_de5cdf74a2 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_6b285ef17a {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_cdded93f8e {\n  border-radius: 0 !important;\n}\n.roundedSmall_3b5fead0a6 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_b282f0b107 {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_7d95c7cf95 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_eb8c1dc7c8 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_5022ebcfaa {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_83fc735b86 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_bf708c1cc1 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_9cb2f720de {\n  margin: 0 !important;\n}\n.mXs_edec437525 {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_dbaf31abf7 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_2f013aae42 {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_5b125e8f69 {\n  margin: var(--spacing-large) !important;\n}\n.mXl_8e6ef3e954 {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_4f6a93ae41 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_2164c6b09c {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_62c2ddfe90 {\n  margin: auto !important;\n}\n.mx0_904700c1bd {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_12fcc411a3 {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_43111acad5 {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_ca560fd444 {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_c9da20b5d3 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_3f5f4dd868 {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_3da93a9521 {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_f162201742 {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_2a5e715a11 {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_78cc3d617d {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_3199c35393 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_6561517642 {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_376d57f41d {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_2ca41b4e6b {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_c5c7eb050e {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_fc4e0b4c4b {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_75e0207e7e {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_3a7f1677a3 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_b3ceb9f551 {\n  margin-top: 0 !important;\n}\n.mtXs_306b969ca8 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_464180a7f4 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_3763a78c18 {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_96623951f6 {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_5162ed86e0 {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_044080ca00 {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_86baa84e7f {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_d675013795 {\n  margin-top: auto !important;\n}\n.me0_bcef060f6f {\n  margin-inline-end: 0 !important;\n}\n.meXs_a806d7fe21 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_b051c21b4f {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_ef32e7e9cc {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_d01d1ef19e {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_f549d6464d {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_d459674d1e {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_5925fe18e2 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_d7fa767448 {\n  margin-inline-end: auto !important;\n}\n.mb0_66203f54e2 {\n  margin-bottom: 0 !important;\n}\n.mbXs_b04ce17bc8 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_dac6dbbf1e {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_2e7adfa23b {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_4ba1e222c2 {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_f4a64dcdd0 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_3c1a3f93bd {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_eddb853b89 {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_9a13f84bad {\n  margin-bottom: auto !important;\n}\n.ms0_ef97fd395a {\n  margin-inline-start: 0 !important;\n}\n.msXs_722f8b12e2 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_39270c37ea {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_fa550ae369 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_5b6e10d159 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_b77583aa43 {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_a22e6ad8bc {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_cc6455fced {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_9f5a392ec6 {\n  margin-inline-start: auto !important;\n}\n.p0_d6b6b6d37e {\n  padding: 0 !important;\n}\n.pXs_5871df65af {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_c638e5a363 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_3c0dcc2c4f {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_7207932bd4 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_e4d46fb4be {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_9be25d9ae0 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_aed0a724c7 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_28299f1b2b {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_3abb650d9d {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_7223c8fd6d {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_074c31e671 {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_e8b62b8ee7 {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_af24952eab {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_96b0afd85c {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_ee1ff8d2b9 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_9d60ab91ab {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_b9c396d5eb {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_d2583ff3cf {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_dfd11718eb {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_24df49eed7 {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_fb54584550 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_5bac4817be {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_468dd3cb6b {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_b3975a87aa {\n  padding-top: 0 !important;\n}\n.ptXs_7c5cf3c86d {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_dd7ebbfb45 {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_1622a9d8f7 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_e01c485184 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_b8b63a6697 {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_80abd04e39 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_877914ac66 {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_70e5b545bd {\n  padding-inline-end: 0 !important;\n}\n.peXs_8fd3e07609 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_8361f59e13 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_37691dca51 {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_3967d772ac {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_9cc556faee {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_8ef0bb96c0 {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_17ed4b2a72 {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_14c8a386cd {\n  padding-bottom: 0 !important;\n}\n.pbXs_e4194b4c60 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_e0b259e0b9 {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_9c47cf00c5 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_e4f5956c22 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_7f82b18990 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_34d09fef7e {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_3327472eda {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_f40cd46e43 {\n  padding-inline-start: 0 !important;\n}\n.psXs_8d6e4eabde {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_ecaf9c53a2 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_038c3f399f {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_67f71d5717 {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_616ee34bfe {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_aa9e514f49 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_126cfef62d {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_bab58b0255 {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_b91f977b84 {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_f3d423e070 {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_e522fae97b {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_a9c9a85ffe {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_3d3a60f6cf {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_f6327dcb46 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_1e3962c4c0 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
+var n={box:"box_95426a91c0",scrollable:"scrollable_b58441a9c2",opacityDisabled:"opacityDisabled_fcc4a4e7c8",border:"border_8cf38f5c4e",borderColorUiBorderColor:"borderColorUiBorderColor_14aecf75d7",borderColorLayoutBorderColor:"borderColorLayoutBorderColor_def45e2323",rounded0:"rounded0_fd499dda24",roundedSmall:"roundedSmall_8fea363d15",roundedMedium:"roundedMedium_d28b4435ca",roundedBig:"roundedBig_72a73d17f3",shadowXs:"shadowXs_daa36dd343",shadowSmall:"shadowSmall_58bfeb1fec",shadowMedium:"shadowMedium_d31e3042b2",shadowLarge:"shadowLarge_9243d669c0",m0:"m0_1b24acc295",mXs:"mXs_9f348b286a",mSmall:"mSmall_dad2c39134",mMedium:"mMedium_bd70c6b8ac",mLarge:"mLarge_77091c406d",mXl:"mXl_5cb686c7ef",mXxl:"mXxl_f539f606a3",mXxxl:"mXxxl_338c82e742",mAuto:"mAuto_5030d40fc8",mx0:"mx0_cde09a50ee",mxXs:"mxXs_862e1a729a",mxSmall:"mxSmall_5bce5d215d",mxMedium:"mxMedium_4fb89a971f",mxLarge:"mxLarge_3375985383",mxXl:"mxXl_2306cb2f9e",mxXxl:"mxXxl_977b80d6de",mxXxxl:"mxXxxl_3db37e7ccc",mxAuto:"mxAuto_4322573b1b",my0:"my0_ed4333c97c",myXs:"myXs_1e610ce082",mySmall:"mySmall_ceac92eb2f",myMedium:"myMedium_bbaa98d545",myLarge:"myLarge_4a0a12a130",myXl:"myXl_3c1682b826",myXxl:"myXxl_a90a733697",myXxxl:"myXxxl_5c3cdce6d7",myAuto:"myAuto_eeb6834125",mt0:"mt0_65dd115161",mtXs:"mtXs_e44807a009",mtSmall:"mtSmall_aac8824786",mtMedium:"mtMedium_7ee58340bc",mtLarge:"mtLarge_30cb0ddc1c",mtXl:"mtXl_3b97aea49d",mtXxl:"mtXxl_d4dc4c2dcb",mtXxxl:"mtXxxl_b48cc9a9a1",mtAuto:"mtAuto_609e30b4e9",me0:"me0_f7b43490e6",meXs:"meXs_1ef4aeb109",meSmall:"meSmall_dbe4e01941",meMedium:"meMedium_44045c63a3",meLarge:"meLarge_fee6da08c8",meXl:"meXl_2a9a646bd3",meXxl:"meXxl_c77083ff9d",meXxxl:"meXxxl_83832da6e6",meAuto:"meAuto_caded96bbc",mb0:"mb0_40cb80434c",mbXs:"mbXs_bd515fe444",mbSmall:"mbSmall_ab75cf5860",mbMedium:"mbMedium_16a0017803",mbLarge:"mbLarge_88d2766c4d",mbXl:"mbXl_9ec6571a37",mbXxl:"mbXxl_3c2a33a595",mbXxxl:"mbXxxl_1295c982db",mbAuto:"mbAuto_dc3e608c48",ms0:"ms0_919e26c3b8",msXs:"msXs_4a76762253",msSmall:"msSmall_279e1acd0d",msMedium:"msMedium_e24fef7ab3",msLarge:"msLarge_71ff3d7062",msXl:"msXl_9dcc8689dc",msXxl:"msXxl_04ba28aa73",msXxxl:"msXxxl_ccdb6fd472",msAuto:"msAuto_354464e4bf",p0:"p0_bffac05477",pXs:"pXs_dbbb08be94",pSmall:"pSmall_62fe66d768",pMedium:"pMedium_e99516e4d0",pLarge:"pLarge_7c3e8f5aa2",pXl:"pXl_356560a8b4",pXxl:"pXxl_9c631a1677",pXxxl:"pXxxl_02b375c226",px0:"px0_01d87259b3",pxXs:"pxXs_0a726f9eb6",pxSmall:"pxSmall_8ece16b075",pxMedium:"pxMedium_cd7f61379b",pxLarge:"pxLarge_15e7ec358f",pxXl:"pxXl_624df4e238",pxXxl:"pxXxl_b1db1620e7",pxXxxl:"pxXxxl_b95ee54c16",py0:"py0_c3afcaac1c",pyXs:"pyXs_4715196a88",pySmall:"pySmall_2c5fa6069f",pyMedium:"pyMedium_b8d4465f08",pyLarge:"pyLarge_f3303d664f",pyXl:"pyXl_5cf0267a90",pyXxl:"pyXxl_740f94183a",pyXxxl:"pyXxxl_344748365c",pt0:"pt0_0eadd63e0d",ptXs:"ptXs_73042650b4",ptSmall:"ptSmall_39efe8ccbf",ptMedium:"ptMedium_4c95336828",ptLarge:"ptLarge_d45530d9d3",ptXl:"ptXl_5a20ff078b",ptXxl:"ptXxl_9f2de5ece9",ptXxxl:"ptXxxl_79a749217f",pe0:"pe0_f7165a5f15",peXs:"peXs_05819c76c9",peSmall:"peSmall_22fbf37d94",peMedium:"peMedium_e3c1beea3c",peLarge:"peLarge_bdfc90aac0",peXl:"peXl_cb18cbde86",peXxl:"peXxl_c43119696d",peXxxl:"peXxxl_7ff1b2f11b",pb0:"pb0_5756ff72d6",pbXs:"pbXs_8148d40fe1",pbSmall:"pbSmall_6fd52fa6dd",pbMedium:"pbMedium_0c061310f6",pbLarge:"pbLarge_27f0f41326",pbXl:"pbXl_6f8f59b552",pbXxl:"pbXxl_b039f5276c",pbXxxl:"pbXxxl_99df9cf575",ps0:"ps0_4b1735155b",psXs:"psXs_e5de078272",psSmall:"psSmall_8fa536c895",psMedium:"psMedium_ff274d33f7",psLarge:"psLarge_b14872bafd",psXl:"psXl_23f97afcc9",psXxl:"psXxl_8e52ca0f90",psXxxl:"psXxxl_42bb4231bf",textPrimaryTextColor:"textPrimaryTextColor_14baafd28d",textTextColorOnInverted:"textTextColorOnInverted_2fad5e46eb",textSecondaryTextColor:"textSecondaryTextColor_693643983b",bgPrimaryBackgroundColor:"bgPrimaryBackgroundColor_8ff3ee75fc",bgSecondaryBackgroundColor:"bgSecondaryBackgroundColor_b65183038f",bgGreyBackgroundColor:"bgGreyBackgroundColor_c1022a2e5b",bgAllgreyBackgroundColor:"bgAllgreyBackgroundColor_903c2f67b6",bgInvertedColorBackground:"bgInvertedColorBackground_d632e97aa7"};!function(n){const a="s_id-e8ebf0c89fee_3_43_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_95426a91c0 {\n  overflow: hidden;\n}\n.box_95426a91c0.scrollable_b58441a9c2 {\n  overflow: auto;\n}\n.box_95426a91c0.scrollable_b58441a9c2::-webkit-scrollbar {\n  width: 4px;\n  height: 6px;\n}\n.box_95426a91c0.scrollable_b58441a9c2::-webkit-scrollbar-thumb {\n  background-color: var(--ui-border-color);\n  border-radius: 4px;\n}\n.opacityDisabled_fcc4a4e7c8 {\n  opacity: var(--disabled-component-opacity) !important;\n}\n.border_8cf38f5c4e {\n  border: var(--border-width) var(--border-style) var(--ui-border-color) !important;\n}\n.borderColorUiBorderColor_14aecf75d7 {\n  border-color: var(--ui-border-color) !important;\n}\n.borderColorLayoutBorderColor_def45e2323 {\n  border-color: var(--layout-border-color) !important;\n}\n.rounded0_fd499dda24 {\n  border-radius: 0 !important;\n}\n.roundedSmall_8fea363d15 {\n  border-radius: var(--border-radius-small) !important;\n}\n.roundedMedium_d28b4435ca {\n  border-radius: var(--border-radius-medium) !important;\n}\n.roundedBig_72a73d17f3 {\n  border-radius: var(--border-radius-big) !important;\n}\n.shadowXs_daa36dd343 {\n  box-shadow: var(--box-shadow-xs) !important;\n}\n.shadowSmall_58bfeb1fec {\n  box-shadow: var(--box-shadow-small) !important;\n}\n.shadowMedium_d31e3042b2 {\n  box-shadow: var(--box-shadow-medium) !important;\n}\n.shadowLarge_9243d669c0 {\n  box-shadow: var(--box-shadow-large) !important;\n}\n.m0_1b24acc295 {\n  margin: 0 !important;\n}\n.mXs_9f348b286a {\n  margin: var(--spacing-xs) !important;\n}\n.mSmall_dad2c39134 {\n  margin: var(--spacing-small) !important;\n}\n.mMedium_bd70c6b8ac {\n  margin: var(--spacing-medium) !important;\n}\n.mLarge_77091c406d {\n  margin: var(--spacing-large) !important;\n}\n.mXl_5cb686c7ef {\n  margin: var(--spacing-xl) !important;\n}\n.mXxl_f539f606a3 {\n  margin: var(--spacing-xxl) !important;\n}\n.mXxxl_338c82e742 {\n  margin: var(--spacing-xxxl) !important;\n}\n.mAuto_5030d40fc8 {\n  margin: auto !important;\n}\n.mx0_cde09a50ee {\n  margin-right: 0 !important;\n  margin-left: 0 !important;\n}\n.mxXs_862e1a729a {\n  margin-right: var(--spacing-xs) !important;\n  margin-left: var(--spacing-xs) !important;\n}\n.mxSmall_5bce5d215d {\n  margin-right: var(--spacing-small) !important;\n  margin-left: var(--spacing-small) !important;\n}\n.mxMedium_4fb89a971f {\n  margin-right: var(--spacing-medium) !important;\n  margin-left: var(--spacing-medium) !important;\n}\n.mxLarge_3375985383 {\n  margin-right: var(--spacing-large) !important;\n  margin-left: var(--spacing-large) !important;\n}\n.mxXl_2306cb2f9e {\n  margin-right: var(--spacing-xl) !important;\n  margin-left: var(--spacing-xl) !important;\n}\n.mxXxl_977b80d6de {\n  margin-right: var(--spacing-xxl) !important;\n  margin-left: var(--spacing-xxl) !important;\n}\n.mxXxxl_3db37e7ccc {\n  margin-right: var(--spacing-xxxl) !important;\n  margin-left: var(--spacing-xxxl) !important;\n}\n.mxAuto_4322573b1b {\n  margin-right: auto !important;\n  margin-left: auto !important;\n}\n.my0_ed4333c97c {\n  margin-top: 0 !important;\n  margin-bottom: 0 !important;\n}\n.myXs_1e610ce082 {\n  margin-top: var(--spacing-xs) !important;\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mySmall_ceac92eb2f {\n  margin-top: var(--spacing-small) !important;\n  margin-bottom: var(--spacing-small) !important;\n}\n.myMedium_bbaa98d545 {\n  margin-top: var(--spacing-medium) !important;\n  margin-bottom: var(--spacing-medium) !important;\n}\n.myLarge_4a0a12a130 {\n  margin-top: var(--spacing-large) !important;\n  margin-bottom: var(--spacing-large) !important;\n}\n.myXl_3c1682b826 {\n  margin-top: var(--spacing-xl) !important;\n  margin-bottom: var(--spacing-xl) !important;\n}\n.myXxl_a90a733697 {\n  margin-top: var(--spacing-xxl) !important;\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.myXxxl_5c3cdce6d7 {\n  margin-top: var(--spacing-xxxl) !important;\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.myAuto_eeb6834125 {\n  margin-top: auto !important;\n  margin-bottom: auto !important;\n}\n.mt0_65dd115161 {\n  margin-top: 0 !important;\n}\n.mtXs_e44807a009 {\n  margin-top: var(--spacing-xs) !important;\n}\n.mtSmall_aac8824786 {\n  margin-top: var(--spacing-small) !important;\n}\n.mtMedium_7ee58340bc {\n  margin-top: var(--spacing-medium) !important;\n}\n.mtLarge_30cb0ddc1c {\n  margin-top: var(--spacing-large) !important;\n}\n.mtXl_3b97aea49d {\n  margin-top: var(--spacing-xl) !important;\n}\n.mtXxl_d4dc4c2dcb {\n  margin-top: var(--spacing-xxl) !important;\n}\n.mtXxxl_b48cc9a9a1 {\n  margin-top: var(--spacing-xxxl) !important;\n}\n.mtAuto_609e30b4e9 {\n  margin-top: auto !important;\n}\n.me0_f7b43490e6 {\n  margin-inline-end: 0 !important;\n}\n.meXs_1ef4aeb109 {\n  margin-inline-end: var(--spacing-xs) !important;\n}\n.meSmall_dbe4e01941 {\n  margin-inline-end: var(--spacing-small) !important;\n}\n.meMedium_44045c63a3 {\n  margin-inline-end: var(--spacing-medium) !important;\n}\n.meLarge_fee6da08c8 {\n  margin-inline-end: var(--spacing-large) !important;\n}\n.meXl_2a9a646bd3 {\n  margin-inline-end: var(--spacing-xl) !important;\n}\n.meXxl_c77083ff9d {\n  margin-inline-end: var(--spacing-xxl) !important;\n}\n.meXxxl_83832da6e6 {\n  margin-inline-end: var(--spacing-xxxl) !important;\n}\n.meAuto_caded96bbc {\n  margin-inline-end: auto !important;\n}\n.mb0_40cb80434c {\n  margin-bottom: 0 !important;\n}\n.mbXs_bd515fe444 {\n  margin-bottom: var(--spacing-xs) !important;\n}\n.mbSmall_ab75cf5860 {\n  margin-bottom: var(--spacing-small) !important;\n}\n.mbMedium_16a0017803 {\n  margin-bottom: var(--spacing-medium) !important;\n}\n.mbLarge_88d2766c4d {\n  margin-bottom: var(--spacing-large) !important;\n}\n.mbXl_9ec6571a37 {\n  margin-bottom: var(--spacing-xl) !important;\n}\n.mbXxl_3c2a33a595 {\n  margin-bottom: var(--spacing-xxl) !important;\n}\n.mbXxxl_1295c982db {\n  margin-bottom: var(--spacing-xxxl) !important;\n}\n.mbAuto_dc3e608c48 {\n  margin-bottom: auto !important;\n}\n.ms0_919e26c3b8 {\n  margin-inline-start: 0 !important;\n}\n.msXs_4a76762253 {\n  margin-inline-start: var(--spacing-xs) !important;\n}\n.msSmall_279e1acd0d {\n  margin-inline-start: var(--spacing-small) !important;\n}\n.msMedium_e24fef7ab3 {\n  margin-inline-start: var(--spacing-medium) !important;\n}\n.msLarge_71ff3d7062 {\n  margin-inline-start: var(--spacing-large) !important;\n}\n.msXl_9dcc8689dc {\n  margin-inline-start: var(--spacing-xl) !important;\n}\n.msXxl_04ba28aa73 {\n  margin-inline-start: var(--spacing-xxl) !important;\n}\n.msXxxl_ccdb6fd472 {\n  margin-inline-start: var(--spacing-xxxl) !important;\n}\n.msAuto_354464e4bf {\n  margin-inline-start: auto !important;\n}\n.p0_bffac05477 {\n  padding: 0 !important;\n}\n.pXs_dbbb08be94 {\n  padding: var(--spacing-xs) !important;\n}\n.pSmall_62fe66d768 {\n  padding: var(--spacing-small) !important;\n}\n.pMedium_e99516e4d0 {\n  padding: var(--spacing-medium) !important;\n}\n.pLarge_7c3e8f5aa2 {\n  padding: var(--spacing-large) !important;\n}\n.pXl_356560a8b4 {\n  padding: var(--spacing-xl) !important;\n}\n.pXxl_9c631a1677 {\n  padding: var(--spacing-xxl) !important;\n}\n.pXxxl_02b375c226 {\n  padding: var(--spacing-xxxl) !important;\n}\n.px0_01d87259b3 {\n  padding-right: 0 !important;\n  padding-left: 0 !important;\n}\n.pxXs_0a726f9eb6 {\n  padding-right: var(--spacing-xs) !important;\n  padding-left: var(--spacing-xs) !important;\n}\n.pxSmall_8ece16b075 {\n  padding-right: var(--spacing-small) !important;\n  padding-left: var(--spacing-small) !important;\n}\n.pxMedium_cd7f61379b {\n  padding-right: var(--spacing-medium) !important;\n  padding-left: var(--spacing-medium) !important;\n}\n.pxLarge_15e7ec358f {\n  padding-right: var(--spacing-large) !important;\n  padding-left: var(--spacing-large) !important;\n}\n.pxXl_624df4e238 {\n  padding-right: var(--spacing-xl) !important;\n  padding-left: var(--spacing-xl) !important;\n}\n.pxXxl_b1db1620e7 {\n  padding-right: var(--spacing-xxl) !important;\n  padding-left: var(--spacing-xxl) !important;\n}\n.pxXxxl_b95ee54c16 {\n  padding-right: var(--spacing-xxxl) !important;\n  padding-left: var(--spacing-xxxl) !important;\n}\n.py0_c3afcaac1c {\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n}\n.pyXs_4715196a88 {\n  padding-top: var(--spacing-xs) !important;\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pySmall_2c5fa6069f {\n  padding-top: var(--spacing-small) !important;\n  padding-bottom: var(--spacing-small) !important;\n}\n.pyMedium_b8d4465f08 {\n  padding-top: var(--spacing-medium) !important;\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pyLarge_f3303d664f {\n  padding-top: var(--spacing-large) !important;\n  padding-bottom: var(--spacing-large) !important;\n}\n.pyXl_5cf0267a90 {\n  padding-top: var(--spacing-xl) !important;\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pyXxl_740f94183a {\n  padding-top: var(--spacing-xxl) !important;\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pyXxxl_344748365c {\n  padding-top: var(--spacing-xxxl) !important;\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.pt0_0eadd63e0d {\n  padding-top: 0 !important;\n}\n.ptXs_73042650b4 {\n  padding-top: var(--spacing-xs) !important;\n}\n.ptSmall_39efe8ccbf {\n  padding-top: var(--spacing-small) !important;\n}\n.ptMedium_4c95336828 {\n  padding-top: var(--spacing-medium) !important;\n}\n.ptLarge_d45530d9d3 {\n  padding-top: var(--spacing-large) !important;\n}\n.ptXl_5a20ff078b {\n  padding-top: var(--spacing-xl) !important;\n}\n.ptXxl_9f2de5ece9 {\n  padding-top: var(--spacing-xxl) !important;\n}\n.ptXxxl_79a749217f {\n  padding-top: var(--spacing-xxxl) !important;\n}\n.pe0_f7165a5f15 {\n  padding-inline-end: 0 !important;\n}\n.peXs_05819c76c9 {\n  padding-inline-end: var(--spacing-xs) !important;\n}\n.peSmall_22fbf37d94 {\n  padding-inline-end: var(--spacing-small) !important;\n}\n.peMedium_e3c1beea3c {\n  padding-inline-end: var(--spacing-medium) !important;\n}\n.peLarge_bdfc90aac0 {\n  padding-inline-end: var(--spacing-large) !important;\n}\n.peXl_cb18cbde86 {\n  padding-inline-end: var(--spacing-xl) !important;\n}\n.peXxl_c43119696d {\n  padding-inline-end: var(--spacing-xxl) !important;\n}\n.peXxxl_7ff1b2f11b {\n  padding-inline-end: var(--spacing-xxxl) !important;\n}\n.pb0_5756ff72d6 {\n  padding-bottom: 0 !important;\n}\n.pbXs_8148d40fe1 {\n  padding-bottom: var(--spacing-xs) !important;\n}\n.pbSmall_6fd52fa6dd {\n  padding-bottom: var(--spacing-small) !important;\n}\n.pbMedium_0c061310f6 {\n  padding-bottom: var(--spacing-medium) !important;\n}\n.pbLarge_27f0f41326 {\n  padding-bottom: var(--spacing-large) !important;\n}\n.pbXl_6f8f59b552 {\n  padding-bottom: var(--spacing-xl) !important;\n}\n.pbXxl_b039f5276c {\n  padding-bottom: var(--spacing-xxl) !important;\n}\n.pbXxxl_99df9cf575 {\n  padding-bottom: var(--spacing-xxxl) !important;\n}\n.ps0_4b1735155b {\n  padding-inline-start: 0 !important;\n}\n.psXs_e5de078272 {\n  padding-inline-start: var(--spacing-xs) !important;\n}\n.psSmall_8fa536c895 {\n  padding-inline-start: var(--spacing-small) !important;\n}\n.psMedium_ff274d33f7 {\n  padding-inline-start: var(--spacing-medium) !important;\n}\n.psLarge_b14872bafd {\n  padding-inline-start: var(--spacing-large) !important;\n}\n.psXl_23f97afcc9 {\n  padding-inline-start: var(--spacing-xl) !important;\n}\n.psXxl_8e52ca0f90 {\n  padding-inline-start: var(--spacing-xxl) !important;\n}\n.psXxxl_42bb4231bf {\n  padding-inline-start: var(--spacing-xxxl) !important;\n}\n.textPrimaryTextColor_14baafd28d {\n  color: var(--primary-text-color) !important;\n}\n.textTextColorOnInverted_2fad5e46eb {\n  color: var(--text-color-on-inverted) !important;\n}\n.textSecondaryTextColor_693643983b {\n  color: var(--secondary-text-color) !important;\n}\n.bgPrimaryBackgroundColor_8ff3ee75fc {\n  background-color: var(--primary-background-color) !important;\n}\n.bgSecondaryBackgroundColor_b65183038f {\n  background-color: var(--secondary-background-color) !important;\n}\n.bgGreyBackgroundColor_c1022a2e5b {\n  background-color: var(--grey-background-color) !important;\n}\n.bgAllgreyBackgroundColor_903c2f67b6 {\n  background-color: var(--allgrey-background-color) !important;\n}\n.bgInvertedColorBackground_d632e97aa7 {\n  background-color: var(--inverted-color-background) !important;\n}");export{n as default};
 //# sourceMappingURL=Box.module.scss.js.map

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

@@ -1,2 +1,2 @@
-var e={breadcrumbContent:"breadcrumbContent_9ee710ae81",withoutText:"withoutText_dc17312ecf",breadcrumbText:"breadcrumbText_a4b842004e",breadcrumbIcon:"breadcrumbIcon_9afb297685",clickable:"clickable_472a3de4cd",current:"current_83fd8fdccb",disabled:"disabled_b73171f5f7",notClickable:"notClickable_a3ab157e82"};!function(e){const n="s_id-55ff70da99a4_3_41_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_9ee710ae81 {\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_9ee710ae81.withoutText_dc17312ecf {\n  padding: 4px;\n}\na.breadcrumbContent_9ee710ae81:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_9ee710ae81 .breadcrumbText_a4b842004e {\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_9ee710ae81 .breadcrumbIcon_9afb297685 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_9ee710ae81:focus {\n  outline: none;\n}\n.breadcrumbContent_9ee710ae81.clickable_472a3de4cd {\n  cursor: pointer;\n}\n.breadcrumbContent_9ee710ae81.clickable_472a3de4cd:hover,\n.breadcrumbContent_9ee710ae81:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_9ee710ae81.current_83fd8fdccb {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_9ee710ae81.disabled_b73171f5f7 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_9ee710ae81.disabled_b73171f5f7:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_9ee710ae81.notClickable_a3ab157e82 {\n  pointer-events: none;\n}");export{e as default};
+var e={breadcrumbContent:"breadcrumbContent_55deae8a49",withoutText:"withoutText_545211dcc2",breadcrumbText:"breadcrumbText_3f3ecbe942",breadcrumbIcon:"breadcrumbIcon_04263ba7d7",clickable:"clickable_79eed86ead",current:"current_b2ded4e7ac",disabled:"disabled_08477f5588",notClickable:"notClickable_b0a713364c"};!function(e){const n="s_id-55ff70da99a4_3_43_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_55deae8a49 {\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_55deae8a49.withoutText_545211dcc2 {\n  padding: 4px;\n}\na.breadcrumbContent_55deae8a49:hover {\n  color: var(--secondary-text-color);\n  text-decoration: none;\n}\n.breadcrumbContent_55deae8a49 .breadcrumbText_3f3ecbe942 {\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_55deae8a49 .breadcrumbIcon_04263ba7d7 {\n  height: 14px;\n  width: 14px;\n  flex-shrink: 0;\n}\n.breadcrumbContent_55deae8a49:focus {\n  outline: none;\n}\n.breadcrumbContent_55deae8a49.clickable_79eed86ead {\n  cursor: pointer;\n}\n.breadcrumbContent_55deae8a49.clickable_79eed86ead:hover,\n.breadcrumbContent_55deae8a49:focus-within {\n  background-color: var(--primary-background-hover-color);\n  border-radius: 4px;\n}\n.breadcrumbContent_55deae8a49.current_b2ded4e7ac {\n  color: var(--primary-text-color);\n  font-weight: 500;\n}\n.breadcrumbContent_55deae8a49.disabled_08477f5588 {\n  border-color: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.breadcrumbContent_55deae8a49.disabled_08477f5588:hover {\n  background-color: transparent;\n}\n.breadcrumbContent_55deae8a49.notClickable_b0a713364c {\n  pointer-events: none;\n}");export{e as default};
 //# sourceMappingURL=BreadcrumbContent.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-import t from"classnames";import e from"react";import{getTestId as r,ComponentDefaultTestId as a}from"../../tests/testIds.js";import{BreadcrumbsBarType as s}from"./BreadcrumbsConstants.js";import{withStaticProps 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 e.createElement("nav",{"aria-label":"Breadcrumb",className:t(o.breadcrumbsBar,s.className),id:c,"data-testid":d||r(a.BREADCRUMBS_BAR,c)},e.createElement("ol",null,i&&e.Children.map(i,(function(t,r){return e.isValidElement(t)?[r>0&&e.createElement(n,{className:o.separatorIcon,size:"14","aria-hidden":"true"}),e.cloneElement(t,Object.assign(Object.assign({},null==t?void 0:t.props),{isClickable:"indication"!==l}))]:null}))))}),{types:s});export{m as default};
+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{withStaticProps 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 +1 @@
-{"version":3,"file":"BreadcrumbsBar.js","sources":["../../../../src/components/BreadcrumbsBar/BreadcrumbsBar.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, ReactElement } from \"react\";\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 { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\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: ReactElement<BreadcrumbItemProps> | ReactElement<BreadcrumbItemProps>[];\n}\n\nconst BreadcrumbsBar: FC<BreadcrumbBarProps> & { types?: typeof BreadcrumbsBarTypeEnum } = ({\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\nexport default withStaticProps(BreadcrumbsBar, {\n  types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticProps","_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":"uZAqBA,IA8BeA,EAAAA,GA9B4E,SAAvEC,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,GAGuC,CAC7CyB,MAAOC"}
+{"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 { withStaticProps, VibeComponentProps } from \"../../types\";\nimport styles from \"./BreadcrumbsBar.module.scss\";\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: ReactElement<BreadcrumbItemProps> | ReactElement<BreadcrumbItemProps>[];\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 withStaticProps<BreadcrumbBarProps, BreadcrumbsBarStaticProps>(BreadcrumbsBar, {\n  types: BreadcrumbsBarTypeEnum\n});\n"],"names":["withStaticProps","_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":"uZAqBA,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,GAOsF,CAC5FyB,MAAOC"}

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"Button.js","sources":["../../../../src/components/Button/Button.tsx"],"sourcesContent":["/* eslint-disable react/button-has-type */\nimport React, { AriaAttributes, forwardRef, useCallback, useEffect, useMemo, useRef } from \"react\";\nimport { camelCase } from \"lodash-es\";\nimport cx from \"classnames\";\nimport { SIZES } from \"../../constants\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { NOOP } from \"../../utils/function-utils\";\nimport Icon from \"../../components/Icon/Icon\";\nimport Loader from \"../../components/Loader/Loader\";\nimport {\n  BUTTON_ICON_SIZE,\n  ButtonColor as ButtonColorEnum,\n  ButtonInputType as ButtonInputTypeEnum,\n  ButtonType as ButtonTypeEnum,\n  SMALL_BUTTON_ICON_SIZE\n} from \"./ButtonConstants\";\nimport { ButtonColor, ButtonInputType, ButtonType, ButtonSize } from \"./Button.types\";\nimport { getParentBackgroundColorNotTransparent, TRANSPARENT_COLOR } from \"./helper/dom-helpers\";\nimport { getTestId } from \"../../tests/test-ids-utils\";\nimport { SubIcon, VibeComponent, 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: VibeComponent<ButtonProps, unknown> & {\n  sizes?: typeof SIZES;\n  colors?: typeof ButtonColorEnum;\n  kinds?: typeof ButtonTypeEnum;\n  types?: typeof ButtonInputTypeEnum;\n  inputTags?: typeof ButtonInputTypeEnum;\n} = forwardRef<unknown, 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\nexport default withStaticProps(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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"}
+{"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 +1,2 @@
-var o={button:"button_dff4e06f25","focus-visible":"focus-visible_988e67fb06",loader:"loader_d56d38fa85",loaderSvg:"loaderSvg_810348832d",textPlaceholder:"textPlaceholder_fea924f2d8",success:"success_4a68557bb6",successContent:"successContent_afab75855c",marginRight:"marginRight_9e0dbbb96d",marginLeft:"marginLeft_29e4659fdf",rightFlat:"rightFlat_4e20dd927b",leftFlat:"leftFlat_3343d27df9",preventClickAnimation:"preventClickAnimation_48fe3ab41c",leftIcon:"leftIcon_9e0dbbb96d",rightIcon:"rightIcon_29e4659fdf",sizeXxs:"sizeXxs_bcdd37e7a0",sizeXs:"sizeXs_eab3af8c1b",sizeSmall:"sizeSmall_646ca7677c",sizeMedium:"sizeMedium_312ccc3557",sizeLarge:"sizeLarge_aedaf31243",kindPrimary:"kindPrimary_b8c6a39946",colorPrimary:"colorPrimary_05afce6b47",colorBrand:"colorBrand_a2e809bfd4",colorPrimaryActive:"colorPrimaryActive_efd64366ba",colorBrandActive:"colorBrandActive_8d7fc70a14",colorPositive:"colorPositive_e7990a9fe0",colorPositiveActive:"colorPositiveActive_f0115a532d",colorNegative:"colorNegative_176f90255d",colorNegativeActive:"colorNegativeActive_f0115a532d",colorInverted:"colorInverted_084f826b38",colorInvertedActive:"colorInvertedActive_f0115a532d",disabled:"disabled_5cd9ebf223",colorOnPrimaryColor:"colorOnPrimaryColor_05be44643c",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_2c345e5115",colorFixedLight:"colorFixedLight_d6e406492c",colorFixedLightActive:"colorFixedLightActive_48fe3ab41c",colorFixedDark:"colorFixedDark_9215998bab",colorFixedDarkActive:"colorFixedDarkActive_092db01597",colorOnInvertedBackground:"colorOnInvertedBackground_c6fe9c94a9",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_3a3aeb109d",kindSecondary:"kindSecondary_ee10a1c16c",kindTertiary:"kindTertiary_aa237ffe8f",noSidePadding:"noSidePadding_747838ca86",insetFocusStyle:"insetFocusStyle_2cb05a00e0"};!function(o){const r="s_id-f5db469b1a79_3_41_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_dff4e06f25 {\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_dff4e06f25:focus-visible, .button_dff4e06f25.focus-visible_988e67fb06 {\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_dff4e06f25:focus:not(.focus-visible_988e67fb06) {\n  outline: none;\n}\n.button_dff4e06f25 .loader_d56d38fa85 {\n  height: 100%;\n}\n.button_dff4e06f25 .loader_d56d38fa85 .loaderSvg_810348832d {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_dff4e06f25 .textPlaceholder_fea924f2d8 {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_dff4e06f25.success_4a68557bb6 {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_dff4e06f25.success_4a68557bb6 .successContent_afab75855c {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_9e0dbbb96d {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_29e4659fdf {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_4e20dd927b {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_3343d27df9 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_dff4e06f25:active:not(.preventClickAnimation_48fe3ab41c) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_dff4e06f25 .leftIcon_9e0dbbb96d {\n  margin-right: var(--spacing-small);\n}\n.button_dff4e06f25 .rightIcon_29e4659fdf {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_bcdd37e7a0 {\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_eab3af8c1b {\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_646ca7677c {\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_646ca7677c .loader_d56d38fa85 {\n  top: 7px;\n}\n.sizeMedium_312ccc3557 {\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_aedaf31243 {\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_b8c6a39946 {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_b8c6a39946.colorPrimary_05afce6b47 {\n  background: var(--primary-color);\n}\n.kindPrimary_b8c6a39946.colorBrand_a2e809bfd4 {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_b8c6a39946.colorPrimaryActive_efd64366ba,\n.kindPrimary_b8c6a39946.colorPrimary_05afce6b47:hover,\n.kindPrimary_b8c6a39946.colorPrimary_05afce6b47:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_b8c6a39946.colorBrandActive_8d7fc70a14,\n.kindPrimary_b8c6a39946.colorBrand_a2e809bfd4:hover,\n.kindPrimary_b8c6a39946.colorBrand_a2e809bfd4:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_b8c6a39946.colorPositive_e7990a9fe0 {\n  background: var(--positive-color);\n}\n.kindPrimary_b8c6a39946.colorPositiveActive_f0115a532d,\n.kindPrimary_b8c6a39946.colorPositive_e7990a9fe0:hover,\n.kindPrimary_b8c6a39946.colorPositive_e7990a9fe0:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_b8c6a39946.colorNegative_176f90255d {\n  background: var(--negative-color);\n}\n.kindPrimary_b8c6a39946.colorNegativeActive_f0115a532d,\n.kindPrimary_b8c6a39946.colorNegative_176f90255d:hover,\n.kindPrimary_b8c6a39946.colorNegative_176f90255d:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_b8c6a39946.colorInverted_084f826b38 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_b8c6a39946.colorInvertedActive_f0115a532d,\n.kindPrimary_b8c6a39946.colorInverted_084f826b38:hover,\n.kindPrimary_b8c6a39946.colorInverted_084f826b38:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_b8c6a39946.button_dff4e06f25.colorInverted_084f826b38.disabled_5cd9ebf223 {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_b8c6a39946.colorOnPrimaryColor_05be44643c {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_b8c6a39946.colorOnPrimaryColorActive_2c345e5115,\n.kindPrimary_b8c6a39946.colorOnPrimaryColor_05be44643c:hover,\n.kindPrimary_b8c6a39946.colorOnPrimaryColor_05be44643c:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_b8c6a39946.colorOnPrimaryColorActive_2c345e5115:focus-visible, .kindPrimary_b8c6a39946.colorOnPrimaryColorActive_2c345e5115.focus-visible_988e67fb06,\n.kindPrimary_b8c6a39946.colorOnPrimaryColor_05be44643c:hover:focus-visible,\n.kindPrimary_b8c6a39946.colorOnPrimaryColor_05be44643c:hover.focus-visible_988e67fb06,\n.kindPrimary_b8c6a39946.colorOnPrimaryColor_05be44643c:focus:focus-visible,\n.kindPrimary_b8c6a39946.colorOnPrimaryColor_05be44643c:focus.focus-visible_988e67fb06 {\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_b8c6a39946.colorOnPrimaryColorActive_2c345e5115:focus:not(.focus-visible_988e67fb06),\n.kindPrimary_b8c6a39946.colorOnPrimaryColor_05be44643c:hover:focus:not(.focus-visible_988e67fb06),\n.kindPrimary_b8c6a39946.colorOnPrimaryColor_05be44643c:focus:focus:not(.focus-visible_988e67fb06) {\n  outline: none;\n}\n.kindPrimary_b8c6a39946.colorOnPrimaryColor_05be44643c.disabled_5cd9ebf223 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_b8c6a39946.colorFixedLight_d6e406492c {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_b8c6a39946.colorFixedLightActive_48fe3ab41c,\n.kindPrimary_b8c6a39946.colorFixedLight_d6e406492c:hover,\n.kindPrimary_b8c6a39946.colorFixedLight_d6e406492c:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_b8c6a39946.colorFixedLightActive_48fe3ab41c:focus-visible, .kindPrimary_b8c6a39946.colorFixedLightActive_48fe3ab41c.focus-visible_988e67fb06,\n.kindPrimary_b8c6a39946.colorFixedLight_d6e406492c:hover:focus-visible,\n.kindPrimary_b8c6a39946.colorFixedLight_d6e406492c:hover.focus-visible_988e67fb06,\n.kindPrimary_b8c6a39946.colorFixedLight_d6e406492c:focus:focus-visible,\n.kindPrimary_b8c6a39946.colorFixedLight_d6e406492c:focus.focus-visible_988e67fb06 {\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_b8c6a39946.colorFixedLightActive_48fe3ab41c:focus:not(.focus-visible_988e67fb06),\n.kindPrimary_b8c6a39946.colorFixedLight_d6e406492c:hover:focus:not(.focus-visible_988e67fb06),\n.kindPrimary_b8c6a39946.colorFixedLight_d6e406492c:focus:focus:not(.focus-visible_988e67fb06) {\n  outline: none;\n}\n.kindPrimary_b8c6a39946.colorFixedLight_d6e406492c.disabled_5cd9ebf223 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_b8c6a39946.colorFixedDark_9215998bab {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_b8c6a39946.colorFixedDarkActive_092db01597,\n.kindPrimary_b8c6a39946.colorFixedDark_9215998bab:hover,\n.kindPrimary_b8c6a39946.colorFixedDark_9215998bab:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_b8c6a39946.colorFixedDarkActive_092db01597:focus-visible, .kindPrimary_b8c6a39946.colorFixedDarkActive_092db01597.focus-visible_988e67fb06,\n.kindPrimary_b8c6a39946.colorFixedDark_9215998bab:hover:focus-visible,\n.kindPrimary_b8c6a39946.colorFixedDark_9215998bab:hover.focus-visible_988e67fb06,\n.kindPrimary_b8c6a39946.colorFixedDark_9215998bab:focus:focus-visible,\n.kindPrimary_b8c6a39946.colorFixedDark_9215998bab:focus.focus-visible_988e67fb06 {\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_b8c6a39946.colorFixedDarkActive_092db01597:focus:not(.focus-visible_988e67fb06),\n.kindPrimary_b8c6a39946.colorFixedDark_9215998bab:hover:focus:not(.focus-visible_988e67fb06),\n.kindPrimary_b8c6a39946.colorFixedDark_9215998bab:focus:focus:not(.focus-visible_988e67fb06) {\n  outline: none;\n}\n.kindPrimary_b8c6a39946.colorFixedDark_9215998bab.disabled_5cd9ebf223 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_b8c6a39946.colorOnInvertedBackground_c6fe9c94a9 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_b8c6a39946.colorOnInvertedBackgroundActive_3a3aeb109d,\n.kindPrimary_b8c6a39946.colorOnInvertedBackground_c6fe9c94a9:hover,\n.kindPrimary_b8c6a39946.colorOnInvertedBackground_c6fe9c94a9:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_b8c6a39946.button_dff4e06f25.colorOnInvertedBackground_c6fe9c94a9.disabled_5cd9ebf223 {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_b8c6a39946.button_dff4e06f25.disabled_5cd9ebf223 {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_ee10a1c16c {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_ee10a1c16c.sizeSmall_646ca7677c {\n  line-height: 22px;\n}\n.kindSecondary_ee10a1c16c.sizeMedium_312ccc3557 {\n  line-height: 22px;\n}\n.kindSecondary_ee10a1c16c.sizeLarge_aedaf31243 {\n  line-height: 22px;\n}\n.kindSecondary_ee10a1c16c.colorPrimaryActive_efd64366ba {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_ee10a1c16c.colorPrimaryActive_efd64366ba:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_ee10a1c16c.colorBrandActive_8d7fc70a14 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_ee10a1c16c.colorBrandActive_8d7fc70a14,\n.kindSecondary_ee10a1c16c.colorBrandActive_8d7fc70a14:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_ee10a1c16c.colorPrimary_05afce6b47:hover:not(.colorPrimaryActive_efd64366ba),\n.kindSecondary_ee10a1c16c.colorPrimary_05afce6b47:focus:not(.colorPrimaryActive_efd64366ba) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_ee10a1c16c.colorBrand_a2e809bfd4:hover:not(.colorBrandActive_8d7fc70a14),\n.kindSecondary_ee10a1c16c.colorBrand_a2e809bfd4:focus:not(.colorBrandActive_8d7fc70a14) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_ee10a1c16c.colorPositive_e7990a9fe0 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_ee10a1c16c.colorPositiveActive_f0115a532d,\n.kindSecondary_ee10a1c16c.colorPositive_e7990a9fe0:hover,\n.kindSecondary_ee10a1c16c.colorPositive_e7990a9fe0:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_ee10a1c16c.colorNegative_176f90255d {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_ee10a1c16c.colorNegativeActive_f0115a532d,\n.kindSecondary_ee10a1c16c.colorNegative_176f90255d:hover,\n.kindSecondary_ee10a1c16c.colorNegative_176f90255d:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_ee10a1c16c.colorInverted_084f826b38 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_ee10a1c16c.colorInvertedActive_f0115a532d,\n.kindSecondary_ee10a1c16c.colorInverted_084f826b38:hover,\n.kindSecondary_ee10a1c16c.colorInverted_084f826b38:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_ee10a1c16c.colorInverted_084f826b38.disabled_5cd9ebf223 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_ee10a1c16c.colorOnPrimaryColor_05be44643c {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_ee10a1c16c.colorOnPrimaryColorActive_2c345e5115,\n.kindSecondary_ee10a1c16c.colorOnPrimaryColor_05be44643c:hover,\n.kindSecondary_ee10a1c16c.colorOnPrimaryColor_05be44643c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_ee10a1c16c.colorOnPrimaryColorActive_2c345e5115:focus-visible, .kindSecondary_ee10a1c16c.colorOnPrimaryColorActive_2c345e5115.focus-visible_988e67fb06,\n.kindSecondary_ee10a1c16c.colorOnPrimaryColor_05be44643c:hover:focus-visible,\n.kindSecondary_ee10a1c16c.colorOnPrimaryColor_05be44643c:hover.focus-visible_988e67fb06,\n.kindSecondary_ee10a1c16c.colorOnPrimaryColor_05be44643c:focus:focus-visible,\n.kindSecondary_ee10a1c16c.colorOnPrimaryColor_05be44643c:focus.focus-visible_988e67fb06 {\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_ee10a1c16c.colorOnPrimaryColorActive_2c345e5115:focus:not(.focus-visible_988e67fb06),\n.kindSecondary_ee10a1c16c.colorOnPrimaryColor_05be44643c:hover:focus:not(.focus-visible_988e67fb06),\n.kindSecondary_ee10a1c16c.colorOnPrimaryColor_05be44643c:focus:focus:not(.focus-visible_988e67fb06) {\n  outline: none;\n}\n.kindSecondary_ee10a1c16c.colorOnPrimaryColor_05be44643c.disabled_5cd9ebf223 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_ee10a1c16c.colorFixedLight_d6e406492c {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_ee10a1c16c.colorFixedLightActive_48fe3ab41c,\n.kindSecondary_ee10a1c16c.colorFixedLight_d6e406492c:hover,\n.kindSecondary_ee10a1c16c.colorFixedLight_d6e406492c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_ee10a1c16c.colorFixedLightActive_48fe3ab41c:focus-visible, .kindSecondary_ee10a1c16c.colorFixedLightActive_48fe3ab41c.focus-visible_988e67fb06,\n.kindSecondary_ee10a1c16c.colorFixedLight_d6e406492c:hover:focus-visible,\n.kindSecondary_ee10a1c16c.colorFixedLight_d6e406492c:hover.focus-visible_988e67fb06,\n.kindSecondary_ee10a1c16c.colorFixedLight_d6e406492c:focus:focus-visible,\n.kindSecondary_ee10a1c16c.colorFixedLight_d6e406492c:focus.focus-visible_988e67fb06 {\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_ee10a1c16c.colorFixedLightActive_48fe3ab41c:focus:not(.focus-visible_988e67fb06),\n.kindSecondary_ee10a1c16c.colorFixedLight_d6e406492c:hover:focus:not(.focus-visible_988e67fb06),\n.kindSecondary_ee10a1c16c.colorFixedLight_d6e406492c:focus:focus:not(.focus-visible_988e67fb06) {\n  outline: none;\n}\n.kindSecondary_ee10a1c16c.colorFixedDark_9215998bab {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_ee10a1c16c.colorFixedDarkActive_092db01597,\n.kindSecondary_ee10a1c16c.colorFixedDark_9215998bab:hover,\n.kindSecondary_ee10a1c16c.colorFixedDark_9215998bab:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_ee10a1c16c.colorFixedDarkActive_092db01597:focus-visible, .kindSecondary_ee10a1c16c.colorFixedDarkActive_092db01597.focus-visible_988e67fb06,\n.kindSecondary_ee10a1c16c.colorFixedDark_9215998bab:hover:focus-visible,\n.kindSecondary_ee10a1c16c.colorFixedDark_9215998bab:hover.focus-visible_988e67fb06,\n.kindSecondary_ee10a1c16c.colorFixedDark_9215998bab:focus:focus-visible,\n.kindSecondary_ee10a1c16c.colorFixedDark_9215998bab:focus.focus-visible_988e67fb06 {\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_ee10a1c16c.colorFixedDarkActive_092db01597:focus:not(.focus-visible_988e67fb06),\n.kindSecondary_ee10a1c16c.colorFixedDark_9215998bab:hover:focus:not(.focus-visible_988e67fb06),\n.kindSecondary_ee10a1c16c.colorFixedDark_9215998bab:focus:focus:not(.focus-visible_988e67fb06) {\n  outline: none;\n}\n.kindSecondary_ee10a1c16c.colorOnInvertedBackground_c6fe9c94a9 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_ee10a1c16c.colorOnInvertedBackgroundActive_3a3aeb109d,\n.kindSecondary_ee10a1c16c.colorOnInvertedBackground_c6fe9c94a9:hover,\n.kindSecondary_ee10a1c16c.colorOnInvertedBackground_c6fe9c94a9:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_ee10a1c16c.colorOnInvertedBackground_c6fe9c94a9.disabled_5cd9ebf223 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_ee10a1c16c.colorFixedLight_d6e406492c.disabled_5cd9ebf223 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_ee10a1c16c.colorFixedDark_9215998bab.disabled_5cd9ebf223 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_ee10a1c16c.disabled_5cd9ebf223 {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_ee10a1c16c.disabled_5cd9ebf223:hover {\n  background-color: transparent;\n}\n.kindTertiary_aa237ffe8f {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_aa237ffe8f.colorPrimaryActive_efd64366ba {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_aa237ffe8f.colorPrimaryActive_efd64366ba:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_aa237ffe8f.colorBrandActive_8d7fc70a14 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_aa237ffe8f.colorBrandActive_8d7fc70a14,\n.kindTertiary_aa237ffe8f.colorBrandActive_8d7fc70a14:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_aa237ffe8f.colorPrimary_05afce6b47:hover:not(.colorPrimaryActive_efd64366ba),\n.kindTertiary_aa237ffe8f.colorPrimary_05afce6b47:focus:not(.colorPrimaryActive_efd64366ba) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_aa237ffe8f.colorBrand_a2e809bfd4:hover:not(.colorBrandActive_8d7fc70a14),\n.kindTertiary_aa237ffe8f.colorBrand_a2e809bfd4:focus:not(.colorBrandActive_8d7fc70a14) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_aa237ffe8f.colorPositive_e7990a9fe0 {\n  color: var(--positive-color);\n}\n.kindTertiary_aa237ffe8f.colorPositiveActive_f0115a532d,\n.kindTertiary_aa237ffe8f.colorPositive_e7990a9fe0:hover,\n.kindTertiary_aa237ffe8f.colorPositive_e7990a9fe0:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_aa237ffe8f.colorNegative_176f90255d {\n  color: var(--negative-color);\n}\n.kindTertiary_aa237ffe8f.colorNegativeActive_f0115a532d,\n.kindTertiary_aa237ffe8f.colorNegative_176f90255d:hover,\n.kindTertiary_aa237ffe8f.colorNegative_176f90255d:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_aa237ffe8f.colorInverted_084f826b38 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_aa237ffe8f.colorInvertedActive_f0115a532d,\n.kindTertiary_aa237ffe8f.colorInverted_084f826b38:hover,\n.kindTertiary_aa237ffe8f.colorInverted_084f826b38:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_aa237ffe8f.colorInverted_084f826b38.disabled_5cd9ebf223 {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_aa237ffe8f.colorOnPrimaryColor_05be44643c {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_aa237ffe8f.colorOnPrimaryColorActive_2c345e5115,\n.kindTertiary_aa237ffe8f.colorOnPrimaryColor_05be44643c:hover,\n.kindTertiary_aa237ffe8f.colorOnPrimaryColor_05be44643c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_aa237ffe8f.colorOnPrimaryColorActive_2c345e5115:focus-visible, .kindTertiary_aa237ffe8f.colorOnPrimaryColorActive_2c345e5115.focus-visible_988e67fb06,\n.kindTertiary_aa237ffe8f.colorOnPrimaryColor_05be44643c:hover:focus-visible,\n.kindTertiary_aa237ffe8f.colorOnPrimaryColor_05be44643c:hover.focus-visible_988e67fb06,\n.kindTertiary_aa237ffe8f.colorOnPrimaryColor_05be44643c:focus:focus-visible,\n.kindTertiary_aa237ffe8f.colorOnPrimaryColor_05be44643c:focus.focus-visible_988e67fb06 {\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_aa237ffe8f.colorOnPrimaryColorActive_2c345e5115:focus:not(.focus-visible_988e67fb06),\n.kindTertiary_aa237ffe8f.colorOnPrimaryColor_05be44643c:hover:focus:not(.focus-visible_988e67fb06),\n.kindTertiary_aa237ffe8f.colorOnPrimaryColor_05be44643c:focus:focus:not(.focus-visible_988e67fb06) {\n  outline: none;\n}\n.kindTertiary_aa237ffe8f.colorOnPrimaryColor_05be44643c.disabled_5cd9ebf223 {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_aa237ffe8f.colorFixedLight_d6e406492c {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_aa237ffe8f.colorFixedLightActive_48fe3ab41c,\n.kindTertiary_aa237ffe8f.colorFixedLight_d6e406492c:hover,\n.kindTertiary_aa237ffe8f.colorFixedLight_d6e406492c:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_aa237ffe8f.colorFixedLightActive_48fe3ab41c:focus-visible, .kindTertiary_aa237ffe8f.colorFixedLightActive_48fe3ab41c.focus-visible_988e67fb06,\n.kindTertiary_aa237ffe8f.colorFixedLight_d6e406492c:hover:focus-visible,\n.kindTertiary_aa237ffe8f.colorFixedLight_d6e406492c:hover.focus-visible_988e67fb06,\n.kindTertiary_aa237ffe8f.colorFixedLight_d6e406492c:focus:focus-visible,\n.kindTertiary_aa237ffe8f.colorFixedLight_d6e406492c:focus.focus-visible_988e67fb06 {\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_aa237ffe8f.colorFixedLightActive_48fe3ab41c:focus:not(.focus-visible_988e67fb06),\n.kindTertiary_aa237ffe8f.colorFixedLight_d6e406492c:hover:focus:not(.focus-visible_988e67fb06),\n.kindTertiary_aa237ffe8f.colorFixedLight_d6e406492c:focus:focus:not(.focus-visible_988e67fb06) {\n  outline: none;\n}\n.kindTertiary_aa237ffe8f.colorFixedLight_d6e406492c.disabled_5cd9ebf223 {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_aa237ffe8f.colorFixedDark_9215998bab {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_aa237ffe8f.colorFixedDarkActive_092db01597,\n.kindTertiary_aa237ffe8f.colorFixedDark_9215998bab:hover,\n.kindTertiary_aa237ffe8f.colorFixedDark_9215998bab:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_aa237ffe8f.colorFixedDarkActive_092db01597:focus-visible, .kindTertiary_aa237ffe8f.colorFixedDarkActive_092db01597.focus-visible_988e67fb06,\n.kindTertiary_aa237ffe8f.colorFixedDark_9215998bab:hover:focus-visible,\n.kindTertiary_aa237ffe8f.colorFixedDark_9215998bab:hover.focus-visible_988e67fb06,\n.kindTertiary_aa237ffe8f.colorFixedDark_9215998bab:focus:focus-visible,\n.kindTertiary_aa237ffe8f.colorFixedDark_9215998bab:focus.focus-visible_988e67fb06 {\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_aa237ffe8f.colorFixedDarkActive_092db01597:focus:not(.focus-visible_988e67fb06),\n.kindTertiary_aa237ffe8f.colorFixedDark_9215998bab:hover:focus:not(.focus-visible_988e67fb06),\n.kindTertiary_aa237ffe8f.colorFixedDark_9215998bab:focus:focus:not(.focus-visible_988e67fb06) {\n  outline: none;\n}\n.kindTertiary_aa237ffe8f.colorFixedDark_9215998bab.disabled_5cd9ebf223 {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_aa237ffe8f.colorOnInvertedBackground_c6fe9c94a9 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_aa237ffe8f.colorOnInvertedBackgroundActive_3a3aeb109d,\n.kindTertiary_aa237ffe8f.colorOnInvertedBackground_c6fe9c94a9:hover,\n.kindTertiary_aa237ffe8f.colorOnInvertedBackground_c6fe9c94a9:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_aa237ffe8f.colorOnInvertedBackground_c6fe9c94a9.disabled_5cd9ebf223 {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_aa237ffe8f.disabled_5cd9ebf223 {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_aa237ffe8f.disabled_5cd9ebf223:hover {\n  background-color: transparent;\n}\n.noSidePadding_747838ca86 {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_dff4e06f25.insetFocusStyle_2cb05a00e0:focus-visible, .button_dff4e06f25.insetFocusStyle_2cb05a00e0.focus-visible_988e67fb06 {\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_dff4e06f25.insetFocusStyle_2cb05a00e0:focus:not(.focus-visible_988e67fb06) {\n  outline: none;\n}");export{o as default};
+var o={button:"button_f8a8b393fb","focus-visible":"focus-visible_30e51b3368",loader:"loader_eb945200bd",loaderSvg:"loaderSvg_fe4f9be43a",textPlaceholder:"textPlaceholder_86f00e852a",success:"success_3614f2b0bd",successContent:"successContent_2f994e4b76",marginRight:"marginRight_064968db58",marginLeft:"marginLeft_7912ac1129",rightFlat:"rightFlat_20ebe29972",leftFlat:"leftFlat_ddec36e9d2",preventClickAnimation:"preventClickAnimation_300559328d",leftIcon:"leftIcon_064968db58",rightIcon:"rightIcon_7912ac1129",sizeXxs:"sizeXxs_150a44ee0b",sizeXs:"sizeXs_2981f7a761",sizeSmall:"sizeSmall_23923b6550",sizeMedium:"sizeMedium_24dbdffb7d",sizeLarge:"sizeLarge_fe9c643f20",kindPrimary:"kindPrimary_c396a53bba",colorPrimary:"colorPrimary_e2c7b07016",colorBrand:"colorBrand_a82726a75f",colorPrimaryActive:"colorPrimaryActive_0e66db92bd",colorBrandActive:"colorBrandActive_205086edf6",colorPositive:"colorPositive_2cc6dcb778",colorPositiveActive:"colorPositiveActive_ebb7d77645",colorNegative:"colorNegative_0b890bd106",colorNegativeActive:"colorNegativeActive_ebb7d77645",colorInverted:"colorInverted_7fbda6db79",colorInvertedActive:"colorInvertedActive_ebb7d77645",disabled:"disabled_250c8e510b",colorOnPrimaryColor:"colorOnPrimaryColor_15e13119cf",colorOnPrimaryColorActive:"colorOnPrimaryColorActive_1d7ae07ca0",colorFixedLight:"colorFixedLight_2081c3439d",colorFixedLightActive:"colorFixedLightActive_300559328d",colorFixedDark:"colorFixedDark_b0c22014ff",colorFixedDarkActive:"colorFixedDarkActive_8e065b9653",colorOnInvertedBackground:"colorOnInvertedBackground_1b326ff4b6",colorOnInvertedBackgroundActive:"colorOnInvertedBackgroundActive_00f5cee6bd",kindSecondary:"kindSecondary_3b75f94e5b",kindTertiary:"kindTertiary_f1cd237251",noSidePadding:"noSidePadding_b8f46dd84e",insetFocusStyle:"insetFocusStyle_61c4c90143"};!function(o){const r="s_id-f5db469b1a79_3_43_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+r))return;const e=document.createElement("style");e.id=r,n.firstChild?n.insertBefore(e,n.firstChild):n.appendChild(e),e.appendChild(document.createTextNode(o))}else globalThis.injectedStyles&&(globalThis.injectedStyles[r]=o)}(".button_f8a8b393fb {\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_f8a8b393fb:focus-visible, .button_f8a8b393fb.focus-visible_30e51b3368 {\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_f8a8b393fb:focus:not(.focus-visible_30e51b3368) {\n  outline: none;\n}\n.button_f8a8b393fb .loader_eb945200bd {\n  height: 100%;\n}\n.button_f8a8b393fb .loader_eb945200bd .loaderSvg_fe4f9be43a {\n  position: static;\n  height: 100%;\n  margin: 0;\n}\n.button_f8a8b393fb .textPlaceholder_86f00e852a {\n  display: inline-block;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.button_f8a8b393fb.success_3614f2b0bd {\n  display: inline-flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n}\n.button_f8a8b393fb.success_3614f2b0bd .successContent_2f994e4b76 {\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n}\n.marginRight_064968db58 {\n  margin-right: var(--spacing-small);\n}\n.marginLeft_7912ac1129 {\n  margin-left: var(--spacing-small);\n}\n.rightFlat_20ebe29972 {\n  border-top-right-radius: 0;\n  border-bottom-right-radius: 0;\n}\n.leftFlat_ddec36e9d2 {\n  border-top-left-radius: 0;\n  border-bottom-left-radius: 0;\n}\n.button_f8a8b393fb:active:not(.preventClickAnimation_300559328d) {\n  transform: scale(0.95) translate3d(0, 0, 0);\n}\n.button_f8a8b393fb .leftIcon_064968db58 {\n  margin-right: var(--spacing-small);\n}\n.button_f8a8b393fb .rightIcon_7912ac1129 {\n  margin-left: var(--spacing-small);\n}\n.sizeXxs_150a44ee0b {\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_2981f7a761 {\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_23923b6550 {\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_23923b6550 .loader_eb945200bd {\n  top: 7px;\n}\n.sizeMedium_24dbdffb7d {\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_fe9c643f20 {\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_c396a53bba {\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_c396a53bba.colorPrimary_e2c7b07016 {\n  background: var(--primary-color);\n}\n.kindPrimary_c396a53bba.colorBrand_a82726a75f {\n  background: var(--brand-color);\n  color: var(--text-color-on-brand);\n}\n.kindPrimary_c396a53bba.colorPrimaryActive_0e66db92bd,\n.kindPrimary_c396a53bba.colorPrimary_e2c7b07016:hover,\n.kindPrimary_c396a53bba.colorPrimary_e2c7b07016:focus {\n  background: var(--primary-hover-color);\n}\n.kindPrimary_c396a53bba.colorBrandActive_205086edf6,\n.kindPrimary_c396a53bba.colorBrand_a82726a75f:hover,\n.kindPrimary_c396a53bba.colorBrand_a82726a75f:focus {\n  background: var(--brand-hover-color);\n}\n.kindPrimary_c396a53bba.colorPositive_2cc6dcb778 {\n  background: var(--positive-color);\n}\n.kindPrimary_c396a53bba.colorPositiveActive_ebb7d77645,\n.kindPrimary_c396a53bba.colorPositive_2cc6dcb778:hover,\n.kindPrimary_c396a53bba.colorPositive_2cc6dcb778:focus {\n  background: var(--positive-color-hover);\n}\n.kindPrimary_c396a53bba.colorNegative_0b890bd106 {\n  background: var(--negative-color);\n}\n.kindPrimary_c396a53bba.colorNegativeActive_ebb7d77645,\n.kindPrimary_c396a53bba.colorNegative_0b890bd106:hover,\n.kindPrimary_c396a53bba.colorNegative_0b890bd106:focus {\n  background: var(--negative-color-hover);\n}\n.kindPrimary_c396a53bba.colorInverted_7fbda6db79 {\n  background: var(--inverted-color-background);\n  color: var(--text-color-on-inverted);\n}\n.kindPrimary_c396a53bba.colorInvertedActive_ebb7d77645,\n.kindPrimary_c396a53bba.colorInverted_7fbda6db79:hover,\n.kindPrimary_c396a53bba.colorInverted_7fbda6db79:focus {\n  background: var(--placeholder-color);\n}\n.kindPrimary_c396a53bba.button_f8a8b393fb.colorInverted_7fbda6db79.disabled_250c8e510b {\n  background: var(--disabled-text-color);\n  color: var(--disabled-background-color);\n}\n.kindPrimary_c396a53bba.colorOnPrimaryColor_15e13119cf {\n  background: var(--text-color-on-primary);\n}\n.kindPrimary_c396a53bba.colorOnPrimaryColorActive_1d7ae07ca0,\n.kindPrimary_c396a53bba.colorOnPrimaryColor_15e13119cf:hover,\n.kindPrimary_c396a53bba.colorOnPrimaryColor_15e13119cf:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_c396a53bba.colorOnPrimaryColorActive_1d7ae07ca0:focus-visible, .kindPrimary_c396a53bba.colorOnPrimaryColorActive_1d7ae07ca0.focus-visible_30e51b3368,\n.kindPrimary_c396a53bba.colorOnPrimaryColor_15e13119cf:hover:focus-visible,\n.kindPrimary_c396a53bba.colorOnPrimaryColor_15e13119cf:hover.focus-visible_30e51b3368,\n.kindPrimary_c396a53bba.colorOnPrimaryColor_15e13119cf:focus:focus-visible,\n.kindPrimary_c396a53bba.colorOnPrimaryColor_15e13119cf:focus.focus-visible_30e51b3368 {\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_c396a53bba.colorOnPrimaryColorActive_1d7ae07ca0:focus:not(.focus-visible_30e51b3368),\n.kindPrimary_c396a53bba.colorOnPrimaryColor_15e13119cf:hover:focus:not(.focus-visible_30e51b3368),\n.kindPrimary_c396a53bba.colorOnPrimaryColor_15e13119cf:focus:focus:not(.focus-visible_30e51b3368) {\n  outline: none;\n}\n.kindPrimary_c396a53bba.colorOnPrimaryColor_15e13119cf.disabled_250c8e510b {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindPrimary_c396a53bba.colorFixedLight_2081c3439d {\n  background: var(--fixed-light-color);\n}\n.kindPrimary_c396a53bba.colorFixedLightActive_300559328d,\n.kindPrimary_c396a53bba.colorFixedLight_2081c3439d:hover,\n.kindPrimary_c396a53bba.colorFixedLight_2081c3439d:focus {\n  background-color: #e6e9ef;\n  backdrop-filter: brightness(85%);\n}\n.kindPrimary_c396a53bba.colorFixedLightActive_300559328d:focus-visible, .kindPrimary_c396a53bba.colorFixedLightActive_300559328d.focus-visible_30e51b3368,\n.kindPrimary_c396a53bba.colorFixedLight_2081c3439d:hover:focus-visible,\n.kindPrimary_c396a53bba.colorFixedLight_2081c3439d:hover.focus-visible_30e51b3368,\n.kindPrimary_c396a53bba.colorFixedLight_2081c3439d:focus:focus-visible,\n.kindPrimary_c396a53bba.colorFixedLight_2081c3439d:focus.focus-visible_30e51b3368 {\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_c396a53bba.colorFixedLightActive_300559328d:focus:not(.focus-visible_30e51b3368),\n.kindPrimary_c396a53bba.colorFixedLight_2081c3439d:hover:focus:not(.focus-visible_30e51b3368),\n.kindPrimary_c396a53bba.colorFixedLight_2081c3439d:focus:focus:not(.focus-visible_30e51b3368) {\n  outline: none;\n}\n.kindPrimary_c396a53bba.colorFixedLight_2081c3439d.disabled_250c8e510b {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindPrimary_c396a53bba.colorFixedDark_b0c22014ff {\n  background: var(--fixed-dark-color);\n  color: var(--fixed-light-color);\n}\n.kindPrimary_c396a53bba.colorFixedDarkActive_8e065b9653,\n.kindPrimary_c396a53bba.colorFixedDark_b0c22014ff:hover,\n.kindPrimary_c396a53bba.colorFixedDark_b0c22014ff:focus {\n  filter: brightness(125%);\n}\n.kindPrimary_c396a53bba.colorFixedDarkActive_8e065b9653:focus-visible, .kindPrimary_c396a53bba.colorFixedDarkActive_8e065b9653.focus-visible_30e51b3368,\n.kindPrimary_c396a53bba.colorFixedDark_b0c22014ff:hover:focus-visible,\n.kindPrimary_c396a53bba.colorFixedDark_b0c22014ff:hover.focus-visible_30e51b3368,\n.kindPrimary_c396a53bba.colorFixedDark_b0c22014ff:focus:focus-visible,\n.kindPrimary_c396a53bba.colorFixedDark_b0c22014ff:focus.focus-visible_30e51b3368 {\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_c396a53bba.colorFixedDarkActive_8e065b9653:focus:not(.focus-visible_30e51b3368),\n.kindPrimary_c396a53bba.colorFixedDark_b0c22014ff:hover:focus:not(.focus-visible_30e51b3368),\n.kindPrimary_c396a53bba.colorFixedDark_b0c22014ff:focus:focus:not(.focus-visible_30e51b3368) {\n  outline: none;\n}\n.kindPrimary_c396a53bba.colorFixedDark_b0c22014ff.disabled_250c8e510b {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindPrimary_c396a53bba.colorOnInvertedBackground_1b326ff4b6 {\n  background: var(--primary-background-color);\n  color: var(--primary-text-color);\n}\n.kindPrimary_c396a53bba.colorOnInvertedBackgroundActive_00f5cee6bd,\n.kindPrimary_c396a53bba.colorOnInvertedBackground_1b326ff4b6:hover,\n.kindPrimary_c396a53bba.colorOnInvertedBackground_1b326ff4b6:focus {\n  background: var(--ui-background-color);\n}\n.kindPrimary_c396a53bba.button_f8a8b393fb.colorOnInvertedBackground_1b326ff4b6.disabled_250c8e510b {\n  background: var(--ui-background-color);\n  color: var(--primary-text-color);\n  opacity: 0.5;\n}\n.kindPrimary_c396a53bba.button_f8a8b393fb.disabled_250c8e510b {\n  background: var(--disabled-background-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_3b75f94e5b {\n  border: 1px solid;\n  border-color: var(--ui-border-color);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindSecondary_3b75f94e5b.sizeSmall_23923b6550 {\n  line-height: 22px;\n}\n.kindSecondary_3b75f94e5b.sizeMedium_24dbdffb7d {\n  line-height: 22px;\n}\n.kindSecondary_3b75f94e5b.sizeLarge_fe9c643f20 {\n  line-height: 22px;\n}\n.kindSecondary_3b75f94e5b.colorPrimaryActive_0e66db92bd {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_3b75f94e5b.colorPrimaryActive_0e66db92bd:hover {\n  background-color: var(--primary-selected-hover-color);\n  border-color: var(--primary-color);\n}\n.kindSecondary_3b75f94e5b.colorBrandActive_205086edf6 {\n  color: var(--text-color-on-brand);\n}\n.kindSecondary_3b75f94e5b.colorBrandActive_205086edf6,\n.kindSecondary_3b75f94e5b.colorBrandActive_205086edf6:hover {\n  background-color: var(--brand-selected-color);\n  border-color: var(--brand-color);\n}\n.kindSecondary_3b75f94e5b.colorPrimary_e2c7b07016:hover:not(.colorPrimaryActive_0e66db92bd),\n.kindSecondary_3b75f94e5b.colorPrimary_e2c7b07016:focus:not(.colorPrimaryActive_0e66db92bd) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_3b75f94e5b.colorBrand_a82726a75f:hover:not(.colorBrandActive_205086edf6),\n.kindSecondary_3b75f94e5b.colorBrand_a82726a75f:focus:not(.colorBrandActive_205086edf6) {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_3b75f94e5b.colorPositive_2cc6dcb778 {\n  color: var(--positive-color);\n  border-color: var(--positive-color);\n}\n.kindSecondary_3b75f94e5b.colorPositiveActive_ebb7d77645,\n.kindSecondary_3b75f94e5b.colorPositive_2cc6dcb778:hover,\n.kindSecondary_3b75f94e5b.colorPositive_2cc6dcb778:focus {\n  background: var(--positive-color-selected);\n}\n.kindSecondary_3b75f94e5b.colorNegative_0b890bd106 {\n  color: var(--negative-color);\n  border-color: var(--negative-color);\n}\n.kindSecondary_3b75f94e5b.colorNegativeActive_ebb7d77645,\n.kindSecondary_3b75f94e5b.colorNegative_0b890bd106:hover,\n.kindSecondary_3b75f94e5b.colorNegative_0b890bd106:focus {\n  background: var(--negative-color-selected);\n}\n.kindSecondary_3b75f94e5b.colorInverted_7fbda6db79 {\n  color: var(--primary-text-color);\n  border-color: var(--primary-text-color);\n}\n.kindSecondary_3b75f94e5b.colorInvertedActive_ebb7d77645,\n.kindSecondary_3b75f94e5b.colorInverted_7fbda6db79:hover,\n.kindSecondary_3b75f94e5b.colorInverted_7fbda6db79:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindSecondary_3b75f94e5b.colorInverted_7fbda6db79.disabled_250c8e510b {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n}\n.kindSecondary_3b75f94e5b.colorOnPrimaryColor_15e13119cf {\n  color: var(--text-color-on-primary);\n  border-color: var(--text-color-on-primary);\n}\n.kindSecondary_3b75f94e5b.colorOnPrimaryColorActive_1d7ae07ca0,\n.kindSecondary_3b75f94e5b.colorOnPrimaryColor_15e13119cf:hover,\n.kindSecondary_3b75f94e5b.colorOnPrimaryColor_15e13119cf:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_3b75f94e5b.colorOnPrimaryColorActive_1d7ae07ca0:focus-visible, .kindSecondary_3b75f94e5b.colorOnPrimaryColorActive_1d7ae07ca0.focus-visible_30e51b3368,\n.kindSecondary_3b75f94e5b.colorOnPrimaryColor_15e13119cf:hover:focus-visible,\n.kindSecondary_3b75f94e5b.colorOnPrimaryColor_15e13119cf:hover.focus-visible_30e51b3368,\n.kindSecondary_3b75f94e5b.colorOnPrimaryColor_15e13119cf:focus:focus-visible,\n.kindSecondary_3b75f94e5b.colorOnPrimaryColor_15e13119cf:focus.focus-visible_30e51b3368 {\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_3b75f94e5b.colorOnPrimaryColorActive_1d7ae07ca0:focus:not(.focus-visible_30e51b3368),\n.kindSecondary_3b75f94e5b.colorOnPrimaryColor_15e13119cf:hover:focus:not(.focus-visible_30e51b3368),\n.kindSecondary_3b75f94e5b.colorOnPrimaryColor_15e13119cf:focus:focus:not(.focus-visible_30e51b3368) {\n  outline: none;\n}\n.kindSecondary_3b75f94e5b.colorOnPrimaryColor_15e13119cf.disabled_250c8e510b {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindSecondary_3b75f94e5b.colorFixedLight_2081c3439d {\n  border-color: var(--fixed-light-color);\n  color: var(--fixed-light-color);\n}\n.kindSecondary_3b75f94e5b.colorFixedLightActive_300559328d,\n.kindSecondary_3b75f94e5b.colorFixedLight_2081c3439d:hover,\n.kindSecondary_3b75f94e5b.colorFixedLight_2081c3439d:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindSecondary_3b75f94e5b.colorFixedLightActive_300559328d:focus-visible, .kindSecondary_3b75f94e5b.colorFixedLightActive_300559328d.focus-visible_30e51b3368,\n.kindSecondary_3b75f94e5b.colorFixedLight_2081c3439d:hover:focus-visible,\n.kindSecondary_3b75f94e5b.colorFixedLight_2081c3439d:hover.focus-visible_30e51b3368,\n.kindSecondary_3b75f94e5b.colorFixedLight_2081c3439d:focus:focus-visible,\n.kindSecondary_3b75f94e5b.colorFixedLight_2081c3439d:focus.focus-visible_30e51b3368 {\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_3b75f94e5b.colorFixedLightActive_300559328d:focus:not(.focus-visible_30e51b3368),\n.kindSecondary_3b75f94e5b.colorFixedLight_2081c3439d:hover:focus:not(.focus-visible_30e51b3368),\n.kindSecondary_3b75f94e5b.colorFixedLight_2081c3439d:focus:focus:not(.focus-visible_30e51b3368) {\n  outline: none;\n}\n.kindSecondary_3b75f94e5b.colorFixedDark_b0c22014ff {\n  border-color: var(--fixed-dark-color);\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_3b75f94e5b.colorFixedDarkActive_8e065b9653,\n.kindSecondary_3b75f94e5b.colorFixedDark_b0c22014ff:hover,\n.kindSecondary_3b75f94e5b.colorFixedDark_b0c22014ff:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindSecondary_3b75f94e5b.colorFixedDarkActive_8e065b9653:focus-visible, .kindSecondary_3b75f94e5b.colorFixedDarkActive_8e065b9653.focus-visible_30e51b3368,\n.kindSecondary_3b75f94e5b.colorFixedDark_b0c22014ff:hover:focus-visible,\n.kindSecondary_3b75f94e5b.colorFixedDark_b0c22014ff:hover.focus-visible_30e51b3368,\n.kindSecondary_3b75f94e5b.colorFixedDark_b0c22014ff:focus:focus-visible,\n.kindSecondary_3b75f94e5b.colorFixedDark_b0c22014ff:focus.focus-visible_30e51b3368 {\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_3b75f94e5b.colorFixedDarkActive_8e065b9653:focus:not(.focus-visible_30e51b3368),\n.kindSecondary_3b75f94e5b.colorFixedDark_b0c22014ff:hover:focus:not(.focus-visible_30e51b3368),\n.kindSecondary_3b75f94e5b.colorFixedDark_b0c22014ff:focus:focus:not(.focus-visible_30e51b3368) {\n  outline: none;\n}\n.kindSecondary_3b75f94e5b.colorOnInvertedBackground_1b326ff4b6 {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n}\n.kindSecondary_3b75f94e5b.colorOnInvertedBackgroundActive_00f5cee6bd,\n.kindSecondary_3b75f94e5b.colorOnInvertedBackground_1b326ff4b6:hover,\n.kindSecondary_3b75f94e5b.colorOnInvertedBackground_1b326ff4b6:focus {\n  background: var(--icon-color);\n}\n.kindSecondary_3b75f94e5b.colorOnInvertedBackground_1b326ff4b6.disabled_250c8e510b {\n  border-color: var(--text-color-on-inverted);\n  color: var(--text-color-on-inverted);\n  opacity: 0.5;\n}\n.kindSecondary_3b75f94e5b.colorFixedLight_2081c3439d.disabled_250c8e510b {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindSecondary_3b75f94e5b.colorFixedDark_b0c22014ff.disabled_250c8e510b {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindSecondary_3b75f94e5b.disabled_250c8e510b {\n  border-color: var(--disabled-text-color);\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindSecondary_3b75f94e5b.disabled_250c8e510b:hover {\n  background-color: transparent;\n}\n.kindTertiary_f1cd237251 {\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.kindTertiary_f1cd237251.colorPrimaryActive_0e66db92bd {\n  background-color: var(--primary-selected-color);\n}\n.kindTertiary_f1cd237251.colorPrimaryActive_0e66db92bd:hover {\n  background-color: var(--primary-selected-hover-color);\n}\n.kindTertiary_f1cd237251.colorBrandActive_205086edf6 {\n  color: var(--text-color-on-brand);\n}\n.kindTertiary_f1cd237251.colorBrandActive_205086edf6,\n.kindTertiary_f1cd237251.colorBrandActive_205086edf6:hover {\n  background-color: var(--brand-selected-color);\n}\n.kindTertiary_f1cd237251.colorPrimary_e2c7b07016:hover:not(.colorPrimaryActive_0e66db92bd),\n.kindTertiary_f1cd237251.colorPrimary_e2c7b07016:focus:not(.colorPrimaryActive_0e66db92bd) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_f1cd237251.colorBrand_a82726a75f:hover:not(.colorBrandActive_205086edf6),\n.kindTertiary_f1cd237251.colorBrand_a82726a75f:focus:not(.colorBrandActive_205086edf6) {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_f1cd237251.colorPositive_2cc6dcb778 {\n  color: var(--positive-color);\n}\n.kindTertiary_f1cd237251.colorPositiveActive_ebb7d77645,\n.kindTertiary_f1cd237251.colorPositive_2cc6dcb778:hover,\n.kindTertiary_f1cd237251.colorPositive_2cc6dcb778:focus {\n  background: var(--positive-color-selected);\n}\n.kindTertiary_f1cd237251.colorNegative_0b890bd106 {\n  color: var(--negative-color);\n}\n.kindTertiary_f1cd237251.colorNegativeActive_ebb7d77645,\n.kindTertiary_f1cd237251.colorNegative_0b890bd106:hover,\n.kindTertiary_f1cd237251.colorNegative_0b890bd106:focus {\n  background: var(--negative-color-selected);\n}\n.kindTertiary_f1cd237251.colorInverted_7fbda6db79 {\n  color: var(--primary-text-color);\n}\n.kindTertiary_f1cd237251.colorInvertedActive_ebb7d77645,\n.kindTertiary_f1cd237251.colorInverted_7fbda6db79:hover,\n.kindTertiary_f1cd237251.colorInverted_7fbda6db79:focus {\n  background: var(--primary-background-hover-color);\n}\n.kindTertiary_f1cd237251.colorInverted_7fbda6db79.disabled_250c8e510b {\n  color: var(--disabled-text-color);\n}\n.kindTertiary_f1cd237251.colorOnPrimaryColor_15e13119cf {\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_f1cd237251.colorOnPrimaryColorActive_1d7ae07ca0,\n.kindTertiary_f1cd237251.colorOnPrimaryColor_15e13119cf:hover,\n.kindTertiary_f1cd237251.colorOnPrimaryColor_15e13119cf:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_f1cd237251.colorOnPrimaryColorActive_1d7ae07ca0:focus-visible, .kindTertiary_f1cd237251.colorOnPrimaryColorActive_1d7ae07ca0.focus-visible_30e51b3368,\n.kindTertiary_f1cd237251.colorOnPrimaryColor_15e13119cf:hover:focus-visible,\n.kindTertiary_f1cd237251.colorOnPrimaryColor_15e13119cf:hover.focus-visible_30e51b3368,\n.kindTertiary_f1cd237251.colorOnPrimaryColor_15e13119cf:focus:focus-visible,\n.kindTertiary_f1cd237251.colorOnPrimaryColor_15e13119cf:focus.focus-visible_30e51b3368 {\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_f1cd237251.colorOnPrimaryColorActive_1d7ae07ca0:focus:not(.focus-visible_30e51b3368),\n.kindTertiary_f1cd237251.colorOnPrimaryColor_15e13119cf:hover:focus:not(.focus-visible_30e51b3368),\n.kindTertiary_f1cd237251.colorOnPrimaryColor_15e13119cf:focus:focus:not(.focus-visible_30e51b3368) {\n  outline: none;\n}\n.kindTertiary_f1cd237251.colorOnPrimaryColor_15e13119cf.disabled_250c8e510b {\n  opacity: 0.5;\n  color: var(--text-color-on-primary);\n}\n.kindTertiary_f1cd237251.colorFixedLight_2081c3439d {\n  color: var(--fixed-light-color);\n}\n.kindTertiary_f1cd237251.colorFixedLightActive_300559328d,\n.kindTertiary_f1cd237251.colorFixedLight_2081c3439d:hover,\n.kindTertiary_f1cd237251.colorFixedLight_2081c3439d:focus {\n  backdrop-filter: brightness(85%);\n}\n.kindTertiary_f1cd237251.colorFixedLightActive_300559328d:focus-visible, .kindTertiary_f1cd237251.colorFixedLightActive_300559328d.focus-visible_30e51b3368,\n.kindTertiary_f1cd237251.colorFixedLight_2081c3439d:hover:focus-visible,\n.kindTertiary_f1cd237251.colorFixedLight_2081c3439d:hover.focus-visible_30e51b3368,\n.kindTertiary_f1cd237251.colorFixedLight_2081c3439d:focus:focus-visible,\n.kindTertiary_f1cd237251.colorFixedLight_2081c3439d:focus.focus-visible_30e51b3368 {\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_f1cd237251.colorFixedLightActive_300559328d:focus:not(.focus-visible_30e51b3368),\n.kindTertiary_f1cd237251.colorFixedLight_2081c3439d:hover:focus:not(.focus-visible_30e51b3368),\n.kindTertiary_f1cd237251.colorFixedLight_2081c3439d:focus:focus:not(.focus-visible_30e51b3368) {\n  outline: none;\n}\n.kindTertiary_f1cd237251.colorFixedLight_2081c3439d.disabled_250c8e510b {\n  opacity: 0.5;\n  color: var(--fixed-light-color);\n}\n.kindTertiary_f1cd237251.colorFixedDark_b0c22014ff {\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_f1cd237251.colorFixedDarkActive_8e065b9653,\n.kindTertiary_f1cd237251.colorFixedDark_b0c22014ff:hover,\n.kindTertiary_f1cd237251.colorFixedDark_b0c22014ff:focus {\n  background-color: var(--primary-background-hover-color);\n}\n.kindTertiary_f1cd237251.colorFixedDarkActive_8e065b9653:focus-visible, .kindTertiary_f1cd237251.colorFixedDarkActive_8e065b9653.focus-visible_30e51b3368,\n.kindTertiary_f1cd237251.colorFixedDark_b0c22014ff:hover:focus-visible,\n.kindTertiary_f1cd237251.colorFixedDark_b0c22014ff:hover.focus-visible_30e51b3368,\n.kindTertiary_f1cd237251.colorFixedDark_b0c22014ff:focus:focus-visible,\n.kindTertiary_f1cd237251.colorFixedDark_b0c22014ff:focus.focus-visible_30e51b3368 {\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_f1cd237251.colorFixedDarkActive_8e065b9653:focus:not(.focus-visible_30e51b3368),\n.kindTertiary_f1cd237251.colorFixedDark_b0c22014ff:hover:focus:not(.focus-visible_30e51b3368),\n.kindTertiary_f1cd237251.colorFixedDark_b0c22014ff:focus:focus:not(.focus-visible_30e51b3368) {\n  outline: none;\n}\n.kindTertiary_f1cd237251.colorFixedDark_b0c22014ff.disabled_250c8e510b {\n  opacity: 0.5;\n  color: var(--fixed-dark-color);\n}\n.kindTertiary_f1cd237251.colorOnInvertedBackground_1b326ff4b6 {\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_f1cd237251.colorOnInvertedBackgroundActive_00f5cee6bd,\n.kindTertiary_f1cd237251.colorOnInvertedBackground_1b326ff4b6:hover,\n.kindTertiary_f1cd237251.colorOnInvertedBackground_1b326ff4b6:focus {\n  background: var(--icon-color);\n}\n.kindTertiary_f1cd237251.colorOnInvertedBackground_1b326ff4b6.disabled_250c8e510b {\n  background: var(--icon-color);\n  opacity: 0.5;\n  color: var(--text-color-on-inverted);\n}\n.kindTertiary_f1cd237251.disabled_250c8e510b {\n  color: var(--disabled-text-color);\n  cursor: not-allowed;\n  pointer-events: none;\n}\n.kindTertiary_f1cd237251.disabled_250c8e510b:hover {\n  background-color: transparent;\n}\n.noSidePadding_b8f46dd84e {\n  padding-right: 0;\n  padding-left: 0;\n}\n.button_f8a8b393fb.insetFocusStyle_61c4c90143:focus-visible, .button_f8a8b393fb.insetFocusStyle_61c4c90143.focus-visible_30e51b3368 {\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_f8a8b393fb.insetFocusStyle_61c4c90143:focus:not(.focus-visible_30e51b3368) {\n  outline: none;\n}");export{o as default};
 //# sourceMappingURL=Button.module.scss.js.map

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

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

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

@@ -1,2 +1,2 @@
-var n={buttonGroup:"buttonGroup_c2c0958ebd",subTextContainer:"subTextContainer_dcb03d0bb0",buttonsContainer:"buttonsContainer_bd527d96a5",button:"button_86f22257b2",activeButton:"activeButton_efd64366ba",optionText:"optionText_2329d48d75",disabled:"disabled_9ea6e2691b",selected:"selected_6c53bd0bf2",kindTertiary:"kindTertiary_d9d2772894",wrapper:"wrapper_a2f666ffbf",buttonDisabled:"buttonDisabled_1fb060bdda",fullWidth:"fullWidth_792e86ae62"};!function(n){const o="s_id-51d51089eef9_3_41_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".buttonGroup_c2c0958ebd {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_dcb03d0bb0 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.buttonsContainer_bd527d96a5 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_bd527d96a5 .button_86f22257b2 {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_bd527d96a5 .button_86f22257b2.activeButton_efd64366ba {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_bd527d96a5 .button_86f22257b2.activeButton_efd64366ba:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_2329d48d75:not(.disabled_9ea6e2691b) {\n  color: var(--primary-text-color);\n}\n\n.optionText_2329d48d75:not(.disabled_9ea6e2691b).selected_6c53bd0bf2 {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_d9d2772894 .button_86f22257b2 {\n  border-color: transparent;\n}\n\n.kindTertiary_d9d2772894 .button_86f22257b2:first-child {\n  border-color: transparent;\n}\n\n.wrapper_a2f666ffbf.disabled_9ea6e2691b {\n  cursor: not-allowed;\n}\n\n.button_86f22257b2.disabled_9ea6e2691b {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_86f22257b2.buttonDisabled_1fb060bdda {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_792e86ae62 {\n  flex: 1;\n}");export{n as default};
+var n={buttonGroup:"buttonGroup_373d630e37",subTextContainer:"subTextContainer_083a5d3298",buttonsContainer:"buttonsContainer_624cde0b87",button:"button_c30a3e2b47",activeButton:"activeButton_0e66db92bd",optionText:"optionText_8654c21ec3",disabled:"disabled_129c51ba67",selected:"selected_cbd44bfeb8",kindTertiary:"kindTertiary_a5e84ce931",wrapper:"wrapper_01ec99698b",buttonDisabled:"buttonDisabled_0b3cc46373",fullWidth:"fullWidth_2fbaf55178"};!function(n){const e="s_id-51d51089eef9_3_43_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const t=document.createElement("style");t.id=e,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".buttonGroup_373d630e37 {\n  display: flex;\n  flex-direction: column;\n}\n\n.subTextContainer_083a5d3298 {\n  font: var(--font-text2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.buttonsContainer_624cde0b87 {\n  display: flex;\n  align-items: center;\n  justify-content: center;\n}\n\n.buttonsContainer_624cde0b87 .button_c30a3e2b47 {\n  border: 1px solid;\n  background-color: var(--primary-background-color);\n  border-color: var(--ui-border-color);\n}\n\n.buttonsContainer_624cde0b87 .button_c30a3e2b47.activeButton_0e66db92bd {\n  background-color: var(--primary-selected-color);\n  border-color: var(--primary-color);\n}\n\n.buttonsContainer_624cde0b87 .button_c30a3e2b47.activeButton_0e66db92bd:hover {\n  background-color: var(--primary-selected-color);\n}\n\n.optionText_8654c21ec3:not(.disabled_129c51ba67) {\n  color: var(--primary-text-color);\n}\n\n.optionText_8654c21ec3:not(.disabled_129c51ba67).selected_cbd44bfeb8 {\n  color: var(--primary-text-color);\n}\n\n.kindTertiary_a5e84ce931 .button_c30a3e2b47 {\n  border-color: transparent;\n}\n\n.kindTertiary_a5e84ce931 .button_c30a3e2b47:first-child {\n  border-color: transparent;\n}\n\n.wrapper_01ec99698b.disabled_129c51ba67 {\n  cursor: not-allowed;\n}\n\n.button_c30a3e2b47.disabled_129c51ba67 {\n  cursor: not-allowed;\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n}\n\n.button_c30a3e2b47.buttonDisabled_0b3cc46373 {\n  background-color: var(--disabled-background-color);\n  opacity: 0.5;\n  cursor: not-allowed;\n}\n\n.fullWidth_2fbaf55178 {\n  flex: 1;\n}");export{n as default};
 //# sourceMappingURL=ButtonGroup.module.scss.js.map

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

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