@laerdal/life-react-components 5.0.5 → 5.0.6-dev.2

package/dist/Card/VerticalCard/CardTopSection.js.map

@@ -1 +1 @@
-{"version":3,"file":"CardTopSection.js","names":["React","styled","useTheme","ComponentS","ComponentTextStyle","Checkbox","Tag","COLORS","ImageWithFallbacks","jsx","_jsx","jsxs","_jsxs","CardTopSectionImageContainer","div","_templateObject","_taggedTemplateLiteral","CardTopSectionTagContainer","_templateObject2","CardTopSectionContainer","_templateObject3","props","disabled","CardTopSectionRibbonContainer","_templateObject4","$backgroundColor","$color","CardTopSectionCheckboxContainer","_templateObject5","getColor","theme","CardTopSection","forwardRef","_ref","ref","_image$height","_image$fallbackSrc","_image$loader","selected","setSelected","image","tagLabel","tagIcon","_ref$tagVariant","tagVariant","highlightRibbonIcon","highlightRibbonText","highlightRibbonContentColor","highlightRibbonBgColor","style","height","children","fallbacks","fallbackSrc","src","alt","loader","width","select","label","variant","icon","color","textStyle","Regular","propTypes","_pt","bool","func","string","node","shape","isRequired"],"sources":["../../../src/Card/VerticalCard/CardTopSection.tsx"],"sourcesContent":["import * as React from 'react';\nimport styled, { useTheme } from 'styled-components';\nimport {ComponentS, ComponentTextStyle} from '../../styles/typography';\nimport Checkbox from '../../InputFields/Checkbox';\nimport {Tag, TagVariants} from '../../Tag';\n\nimport {COLORS} from '../../index';\nimport {ImageWithFallbacks} from \"../../Image\";\n\nexport interface CardTopSectionProps {\n  /** Sets initial state of select Checkbox. */\n  selected?: boolean;\n  /** If this action is provided, then Checkbox will be shown on the top-right corner of the Card. */\n  setSelected?: (arg0: boolean) => void;\n  /** Label shown in the tag in the top-left corner of the Card. */\n  tagLabel?: string;\n  /** Icon shown in the tag in the top-left corner of the Card. */\n  tagIcon?: React.ReactNode;\n  /** Tag variant shown in the tag in the top-left corner of the Card. */\n  tagVariant?: TagVariants;\n  /** Text shown in the Ribbon, under the Image.  */\n  highlightRibbonText?: string;\n  /** Icon shown in the Ribbon, under the Image.  */\n  highlightRibbonIcon?: React.ReactNode;\n  /** Content color (text and image) of the Ribbon, under the Image.  */\n  highlightRibbonContentColor?: string;\n  /** Background color of the Ribbon, shown under the Image.  */\n  highlightRibbonBgColor?: string;\n  /** Details of the Image shown in the section. */\n  image?: { src: string; fallbackSrc?: string; alt: string, height?: string; width?: string; loader?: boolean };\n  /** This property is automatically set in the Card itself and is based on 'disabled' flag of CardProps. */\n  disabled?: boolean;\n}\n\nexport const CardTopSectionImageContainer = styled.div`\n  border-top-right-radius: 8px;\n  border-top-left-radius: 8px;\n  height: 100%;\n  width: 100%;\n  img{\n    object-fit: cover;\n    width: 100%;\n    height: 100%;\n    border-top-right-radius: 8px;\n    border-top-left-radius: 8px;\n  }\n`;\n\nexport const CardTopSectionTagContainer = styled.div`\n  position: absolute;\n\n  top: 16px;\n  left: 16px;\n  width: calc(100% - 32px);\n`;\n\nexport const CardTopSectionContainer = styled.div<{ disabled?: boolean }>`\n  position: relative;\n  width: 100%;\n  overflow: visible;\n\n  ${props => props.disabled ? `\n  img, svg {\n    filter: grayscale(100%);\n  }` : ''}\n`;\n\nexport const CardTopSectionRibbonContainer = styled.div<{ $color: string; $backgroundColor: string }>`\n  min-height: calc(40px - 16px);\n  background-color: ${props => props.$backgroundColor};\n  width: calc(100% - 32px);\n  position: absolute;\n  bottom: 0px;\n  left: 0px;\n  padding: 8px 16px 8px 16px;\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  gap: 8px;\n\n  svg {\n    color: ${props => props.$color};\n    width: 24px;\n    height: 24px;\n    flex-grow: 0;\n    flex-shrink: 0;\n  }\n`;\n\nexport const CardTopSectionCheckboxContainer = styled.div`\n  position: absolute;\n  top: 0;\n  right: 0;\n  z-index: 1;\n\n  .checkbox-icon {\n    background-color: ${props => COLORS.getColor('white', props.theme)};\n  }\n`;\n\nconst CardTopSection = React.forwardRef(({\n                                           selected,\n                                           setSelected,\n                                           image,\n                                           tagLabel,\n                                           tagIcon,\n                                           tagVariant = 'positive',\n                                           highlightRibbonIcon,\n                                           highlightRibbonText,\n                                           highlightRibbonContentColor,\n                                           highlightRibbonBgColor,\n                                           disabled\n                                         }: CardTopSectionProps, ref: React.Ref<HTMLDivElement>) => {\n\n  const theme = useTheme();\n  return (\n    <CardTopSectionContainer disabled={disabled} data-testid={'card-topSection'} style={{height: image?.height ?? 200}}>\n      {\n        image &&\n        <CardTopSectionImageContainer>\n            <ImageWithFallbacks fallbacks={image.fallbackSrc ?? ''} src={image.src} alt={image.alt} loader={image.loader ?? false} width={image.width} height={image.height}/>\n        </CardTopSectionImageContainer>\n      }\n      {(!!selected || !!setSelected) && (\n        <CardTopSectionCheckboxContainer data-testid={'card-topSection-checkbox'}>\n          <Checkbox ref={ref}\n                    disabled={disabled}\n                    select={(selected: boolean) => setSelected && setSelected(selected)}\n                    selected={selected || false}/>\n        </CardTopSectionCheckboxContainer>\n      )}\n      {(tagLabel || tagIcon) && (\n        <CardTopSectionTagContainer>\n          <Tag label={tagLabel} variant={tagVariant} icon={tagIcon}/>\n        </CardTopSectionTagContainer>\n      )}\n      {(highlightRibbonIcon || highlightRibbonText) && (\n        <CardTopSectionRibbonContainer data-testid={'card-topSection-ribbon'} $color={highlightRibbonContentColor ?? ''}\n                             $backgroundColor={disabled ? COLORS.getColor('neutral_300', theme) : highlightRibbonBgColor ?? ''}>\n          {highlightRibbonIcon}\n          {highlightRibbonText && (\n            <ComponentS color={highlightRibbonContentColor ?? ''} textStyle={ComponentTextStyle.Regular}>\n              {highlightRibbonText}\n            </ComponentS>\n          )}\n        </CardTopSectionRibbonContainer>\n      )}\n    </CardTopSectionContainer>\n  );\n});\n\nexport default CardTopSection;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"CardTopSection.js","names":["React","styled","useTheme","ComponentS","ComponentTextStyle","Checkbox","Tag","COLORS","ImageWithFallbacks","jsx","_jsx","jsxs","_jsxs","CardTopSectionImageContainer","div","_templateObject","_taggedTemplateLiteral","CardTopSectionTagContainer","_templateObject2","CardTopSectionContainer","_templateObject3","props","disabled","CardTopSectionRibbonContainer","_templateObject4","$backgroundColor","$color","CardTopSectionCheckboxContainer","_templateObject5","getColor","theme","CardTopSection","forwardRef","_ref","ref","_image$height","_image$fallbackSrc","_image$loader","selected","setSelected","image","tagLabel","tagIcon","_ref$tagVariant","tagVariant","highlightRibbonIcon","highlightRibbonText","highlightRibbonContentColor","highlightRibbonBgColor","style","height","children","fallbacks","fallbackSrc","src","alt","loader","width","select","label","variant","icon","color","textStyle","Regular","propTypes","_pt","bool","func","string","node","shape","isRequired"],"sources":["../../../src/Card/VerticalCard/CardTopSection.tsx"],"sourcesContent":["import * as React from 'react';\r\nimport styled, { useTheme } from 'styled-components';\r\nimport {ComponentS, ComponentTextStyle} from '../../styles/typography';\r\nimport Checkbox from '../../InputFields/Checkbox';\r\nimport {Tag, TagVariants} from '../../Tag';\r\n\r\nimport {COLORS} from '../../index';\r\nimport {ImageWithFallbacks} from \"../../Image\";\r\n\r\nexport interface CardTopSectionProps {\r\n  /** Sets initial state of select Checkbox. */\r\n  selected?: boolean;\r\n  /** If this action is provided, then Checkbox will be shown on the top-right corner of the Card. */\r\n  setSelected?: (arg0: boolean) => void;\r\n  /** Label shown in the tag in the top-left corner of the Card. */\r\n  tagLabel?: string;\r\n  /** Icon shown in the tag in the top-left corner of the Card. */\r\n  tagIcon?: React.ReactNode;\r\n  /** Tag variant shown in the tag in the top-left corner of the Card. */\r\n  tagVariant?: TagVariants;\r\n  /** Text shown in the Ribbon, under the Image.  */\r\n  highlightRibbonText?: string;\r\n  /** Icon shown in the Ribbon, under the Image.  */\r\n  highlightRibbonIcon?: React.ReactNode;\r\n  /** Content color (text and image) of the Ribbon, under the Image.  */\r\n  highlightRibbonContentColor?: string;\r\n  /** Background color of the Ribbon, shown under the Image.  */\r\n  highlightRibbonBgColor?: string;\r\n  /** Details of the Image shown in the section. */\r\n  image?: { src: string; fallbackSrc?: string; alt: string, height?: string; width?: string; loader?: boolean };\r\n  /** This property is automatically set in the Card itself and is based on 'disabled' flag of CardProps. */\r\n  disabled?: boolean;\r\n}\r\n\r\nexport const CardTopSectionImageContainer = styled.div`\r\n  border-top-right-radius: 8px;\r\n  border-top-left-radius: 8px;\r\n  height: 100%;\r\n  width: 100%;\r\n  img{\r\n    object-fit: cover;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-top-right-radius: 8px;\r\n    border-top-left-radius: 8px;\r\n  }\r\n`;\r\n\r\nexport const CardTopSectionTagContainer = styled.div`\r\n  position: absolute;\r\n\r\n  top: 16px;\r\n  left: 16px;\r\n  width: calc(100% - 32px);\r\n`;\r\n\r\nexport const CardTopSectionContainer = styled.div<{ disabled?: boolean }>`\r\n  position: relative;\r\n  width: 100%;\r\n  overflow: visible;\r\n\r\n  ${props => props.disabled ? `\r\n  img, svg {\r\n    filter: grayscale(100%);\r\n  }` : ''}\r\n`;\r\n\r\nexport const CardTopSectionRibbonContainer = styled.div<{ $color: string; $backgroundColor: string }>`\r\n  min-height: calc(40px - 16px);\r\n  background-color: ${props => props.$backgroundColor};\r\n  width: calc(100% - 32px);\r\n  position: absolute;\r\n  bottom: 0px;\r\n  left: 0px;\r\n  padding: 8px 16px 8px 16px;\r\n  display: flex;\r\n  flex-direction: row;\r\n  align-items: center;\r\n  gap: 8px;\r\n\r\n  svg {\r\n    color: ${props => props.$color};\r\n    width: 24px;\r\n    height: 24px;\r\n    flex-grow: 0;\r\n    flex-shrink: 0;\r\n  }\r\n`;\r\n\r\nexport const CardTopSectionCheckboxContainer = styled.div`\r\n  position: absolute;\r\n  top: 0;\r\n  right: 0;\r\n  z-index: 1;\r\n\r\n  .checkbox-icon {\r\n    background-color: ${props => COLORS.getColor('white', props.theme)};\r\n  }\r\n`;\r\n\r\nconst CardTopSection = React.forwardRef(({\r\n                                           selected,\r\n                                           setSelected,\r\n                                           image,\r\n                                           tagLabel,\r\n                                           tagIcon,\r\n                                           tagVariant = 'positive',\r\n                                           highlightRibbonIcon,\r\n                                           highlightRibbonText,\r\n                                           highlightRibbonContentColor,\r\n                                           highlightRibbonBgColor,\r\n                                           disabled\r\n                                         }: CardTopSectionProps, ref: React.Ref<HTMLDivElement>) => {\r\n\r\n  const theme = useTheme();\r\n  return (\r\n    <CardTopSectionContainer disabled={disabled} data-testid={'card-topSection'} style={{height: image?.height ?? 200}}>\r\n      {\r\n        image &&\r\n        <CardTopSectionImageContainer>\r\n            <ImageWithFallbacks fallbacks={image.fallbackSrc ?? ''} src={image.src} alt={image.alt} loader={image.loader ?? false} width={image.width} height={image.height}/>\r\n        </CardTopSectionImageContainer>\r\n      }\r\n      {(!!selected || !!setSelected) && (\r\n        <CardTopSectionCheckboxContainer data-testid={'card-topSection-checkbox'}>\r\n          <Checkbox ref={ref}\r\n                    disabled={disabled}\r\n                    select={(selected: boolean) => setSelected && setSelected(selected)}\r\n                    selected={selected || false}/>\r\n        </CardTopSectionCheckboxContainer>\r\n      )}\r\n      {(tagLabel || tagIcon) && (\r\n        <CardTopSectionTagContainer>\r\n          <Tag label={tagLabel} variant={tagVariant} icon={tagIcon}/>\r\n        </CardTopSectionTagContainer>\r\n      )}\r\n      {(highlightRibbonIcon || highlightRibbonText) && (\r\n        <CardTopSectionRibbonContainer data-testid={'card-topSection-ribbon'} $color={highlightRibbonContentColor ?? ''}\r\n                             $backgroundColor={disabled ? COLORS.getColor('neutral_300', theme) : highlightRibbonBgColor ?? ''}>\r\n          {highlightRibbonIcon}\r\n          {highlightRibbonText && (\r\n            <ComponentS color={highlightRibbonContentColor ?? ''} textStyle={ComponentTextStyle.Regular}>\r\n              {highlightRibbonText}\r\n            </ComponentS>\r\n          )}\r\n        </CardTopSectionRibbonContainer>\r\n      )}\r\n    </CardTopSectionContainer>\r\n  );\r\n});\r\n\r\nexport default CardTopSection;\r\n"],"mappings":"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","ignoreList":[]}

package/dist/Card/VerticalCard/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_Card","_interopRequireDefault","require","_CardBottomSection","_interopRequireWildcard","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_CardMiddleSection","_CardTopSection","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["../../../src/Card/VerticalCard/index.tsx"],"sourcesContent":["export {default as Card} from './Card';\n\nexport {default as CardBottomSection} from './CardBottomSection';\nexport * from './CardBottomSection';\nexport {default as CardMiddleSection} from './CardMiddleSection';\nexport * from './CardMiddleSection';\nexport {default as CardTopSection} from './CardTopSection';\nexport * from './CardTopSection';\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAC,uBAAA,CAAAF,OAAA;AACAG,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,kBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,kBAAA,GAAAb,uBAAA,CAAAF,OAAA;AACAG,MAAA,CAAAC,IAAA,CAAAW,kBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,kBAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,kBAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,eAAA,GAAAd,uBAAA,CAAAF,OAAA;AACAG,MAAA,CAAAC,IAAA,CAAAY,eAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,eAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,eAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AAAiC,SAAAW,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAhB,wBAAAgB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAP,GAAA,CAAAI,CAAA,OAAAO,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAxB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAyB,wBAAA,WAAAC,CAAA,IAAAX,CAAA,oBAAAW,CAAA,OAAArB,cAAA,CAAAC,IAAA,CAAAS,CAAA,EAAAW,CAAA,SAAAC,CAAA,GAAAH,CAAA,GAAAxB,MAAA,CAAAyB,wBAAA,CAAAV,CAAA,EAAAW,CAAA,UAAAC,CAAA,KAAAA,CAAA,CAAAhB,GAAA,IAAAgB,CAAA,CAAAC,GAAA,IAAA5B,MAAA,CAAAS,cAAA,CAAAa,CAAA,EAAAI,CAAA,EAAAC,CAAA,IAAAL,CAAA,CAAAI,CAAA,IAAAX,CAAA,CAAAW,CAAA,YAAAJ,CAAA,cAAAP,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAU,GAAA,CAAAb,CAAA,EAAAO,CAAA,GAAAA,CAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_Card","_interopRequireDefault","require","_CardBottomSection","_interopRequireWildcard","Object","keys","forEach","key","prototype","hasOwnProperty","call","_exportNames","exports","defineProperty","enumerable","get","_CardMiddleSection","_CardTopSection","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","n","__proto__","a","getOwnPropertyDescriptor","u","i","set"],"sources":["../../../src/Card/VerticalCard/index.tsx"],"sourcesContent":["export {default as Card} from './Card';\r\n\r\nexport {default as CardBottomSection} from './CardBottomSection';\r\nexport * from './CardBottomSection';\r\nexport {default as CardMiddleSection} from './CardMiddleSection';\r\nexport * from './CardMiddleSection';\r\nexport {default as CardTopSection} from './CardTopSection';\r\nexport * from './CardTopSection';\r\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,KAAA,GAAAC,sBAAA,CAAAC,OAAA;AAEA,IAAAC,kBAAA,GAAAC,uBAAA,CAAAF,OAAA;AACAG,MAAA,CAAAC,IAAA,CAAAH,kBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAL,kBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAb,kBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,kBAAA,GAAAb,uBAAA,CAAAF,OAAA;AACAG,MAAA,CAAAC,IAAA,CAAAW,kBAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAS,kBAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,kBAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,eAAA,GAAAd,uBAAA,CAAAF,OAAA;AACAG,MAAA,CAAAC,IAAA,CAAAY,eAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAC,YAAA,EAAAJ,GAAA;EAAA,IAAAA,GAAA,IAAAK,OAAA,IAAAA,OAAA,CAAAL,GAAA,MAAAU,eAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAS,cAAA,CAAAD,OAAA,EAAAL,GAAA;IAAAO,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAE,eAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AAAiC,SAAAW,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAhB,wBAAAgB,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAP,GAAA,CAAAI,CAAA,OAAAO,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAxB,MAAA,CAAAS,cAAA,IAAAT,MAAA,CAAAyB,wBAAA,WAAAC,CAAA,IAAAX,CAAA,oBAAAW,CAAA,OAAArB,cAAA,CAAAC,IAAA,CAAAS,CAAA,EAAAW,CAAA,SAAAC,CAAA,GAAAH,CAAA,GAAAxB,MAAA,CAAAyB,wBAAA,CAAAV,CAAA,EAAAW,CAAA,UAAAC,CAAA,KAAAA,CAAA,CAAAhB,GAAA,IAAAgB,CAAA,CAAAC,GAAA,IAAA5B,MAAA,CAAAS,cAAA,CAAAa,CAAA,EAAAI,CAAA,EAAAC,CAAA,IAAAL,CAAA,CAAAI,CAAA,IAAAX,CAAA,CAAAW,CAAA,YAAAJ,CAAA,cAAAP,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAU,GAAA,CAAAb,CAAA,EAAAO,CAAA,GAAAA,CAAA","ignoreList":[]}

package/dist/Card/VerticalCard/index.d.ts

@@ -1,7 +1,7 @@
-export { default as Card } from './Card';
-export { default as CardBottomSection } from './CardBottomSection';
-export * from './CardBottomSection';
-export { default as CardMiddleSection } from './CardMiddleSection';
-export * from './CardMiddleSection';
-export { default as CardTopSection } from './CardTopSection';
-export * from './CardTopSection';
+export { default as Card } from './Card';
+export { default as CardBottomSection } from './CardBottomSection';
+export * from './CardBottomSection';
+export { default as CardMiddleSection } from './CardMiddleSection';
+export * from './CardMiddleSection';
+export { default as CardTopSection } from './CardTopSection';
+export * from './CardTopSection';

package/dist/Card/VerticalCard/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["default","Card","CardBottomSection","CardMiddleSection","CardTopSection"],"sources":["../../../src/Card/VerticalCard/index.tsx"],"sourcesContent":["export {default as Card} from './Card';\n\nexport {default as CardBottomSection} from './CardBottomSection';\nexport * from './CardBottomSection';\nexport {default as CardMiddleSection} from './CardMiddleSection';\nexport * from './CardMiddleSection';\nexport {default as CardTopSection} from './CardTopSection';\nexport * from './CardTopSection';\n"],"mappings":"AAAA,SAAQA,OAAO,IAAIC,IAAI,QAAO,QAAQ;AAEtC,SAAQD,OAAO,IAAIE,iBAAiB,QAAO,qBAAqB;AAChE,cAAc,qBAAqB;AACnC,SAAQF,OAAO,IAAIG,iBAAiB,QAAO,qBAAqB;AAChE,cAAc,qBAAqB;AACnC,SAAQH,OAAO,IAAII,cAAc,QAAO,kBAAkB;AAC1D,cAAc,kBAAkB","ignoreList":[]}
+{"version":3,"file":"index.js","names":["default","Card","CardBottomSection","CardMiddleSection","CardTopSection"],"sources":["../../../src/Card/VerticalCard/index.tsx"],"sourcesContent":["export {default as Card} from './Card';\r\n\r\nexport {default as CardBottomSection} from './CardBottomSection';\r\nexport * from './CardBottomSection';\r\nexport {default as CardMiddleSection} from './CardMiddleSection';\r\nexport * from './CardMiddleSection';\r\nexport {default as CardTopSection} from './CardTopSection';\r\nexport * from './CardTopSection';\r\n"],"mappings":"AAAA,SAAQA,OAAO,IAAIC,IAAI,QAAO,QAAQ;AAEtC,SAAQD,OAAO,IAAIE,iBAAiB,QAAO,qBAAqB;AAChE,cAAc,qBAAqB;AACnC,SAAQF,OAAO,IAAIG,iBAAiB,QAAO,qBAAqB;AAChE,cAAc,qBAAqB;AACnC,SAAQH,OAAO,IAAII,cAAc,QAAO,kBAAkB;AAC1D,cAAc,kBAAkB","ignoreList":[]}

package/dist/Card/index.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs","names":["_VerticalCard","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_HorizontalCard"],"sources":["../../src/Card/index.ts"],"sourcesContent":["export * from './VerticalCard';\nexport * from './HorizontalCard';\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,eAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,eAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,eAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,eAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
+{"version":3,"file":"index.cjs","names":["_VerticalCard","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_HorizontalCard"],"sources":["../../src/Card/index.ts"],"sourcesContent":["export * from './VerticalCard';\r\nexport * from './HorizontalCard';\r\n"],"mappings":";;;;;AAAA,IAAAA,aAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,aAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,aAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAT,aAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,eAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,eAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,eAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,IAAA;MAAA,OAAAC,eAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/dist/Card/index.d.ts

@@ -1,2 +1,2 @@
-export * from './VerticalCard';
-export * from './HorizontalCard';
+export * from './VerticalCard';
+export * from './HorizontalCard';

package/dist/Card/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":[],"sources":["../../src/Card/index.ts"],"sourcesContent":["export * from './VerticalCard';\nexport * from './HorizontalCard';\n"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB","ignoreList":[]}
+{"version":3,"file":"index.js","names":[],"sources":["../../src/Card/index.ts"],"sourcesContent":["export * from './VerticalCard';\r\nexport * from './HorizontalCard';\r\n"],"mappings":"AAAA,cAAc,gBAAgB;AAC9B,cAAc,kBAAkB","ignoreList":[]}

package/dist/Chips/ActionChip.cjs

@@ -14,17 +14,17 @@ var _ChipStyles = require("./ChipStyles");
 var _common = require("../common");
 var _jsxRuntime = require("react/jsx-runtime");
 var _excluded = ["icon", "text", "size", "disabled", "onClick", "className", "dataTestId"];
-/**
- * Import React libraries.
+/**
+ * Import React libraries.
  */
-/**
- * Import custom components.
+/**
+ * Import custom components.
  */
-/**
- * Import custom styles.
+/**
+ * Import custom styles.
  */
-/**
- * Import custom types.
+/**
+ * Import custom types.
  */
 function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(e) { return e ? t : r; })(e); }
 function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != _typeof(e) && "function" != typeof e) return { "default": e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n["default"] = e, t && t.set(e, n), n; }
@@ -40,8 +40,8 @@ var ActionChip = function ActionChip(_ref) {
     className = _ref.className,
     dataTestId = _ref.dataTestId,
     rest = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
-  /**
-   * Return Action Chip component.
+  /**
+   * Return Action Chip component.
    */
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_ChipStyles.ChipContainer, _objectSpread(_objectSpread({
     className: "".concat(size, " ").concat(disabled ? 'disabled' : '', " outline ").concat(!!_onClick ? 'interactive' : '', " ").concat(className || ''),

package/dist/Chips/ActionChip.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ActionChip.cjs","names":["React","_interopRequireWildcard","require","_types","_ChipStyles","_common","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ActionChip","_ref","icon","text","_ref$size","size","Size","Medium","disabled","onClick","className","dataTestId","rest","_objectWithoutProperties2","jsx","ChipContainer","concat","onMouseDown","defaultOnMouseDownHandler","role","onKeyDown","key","tabIndex","children","ChipContentContainer","jsxs","ChipContent","_default","exports"],"sources":["../../src/Chips/ActionChip.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom components.\n */\nimport {SystemIcons as icons} from '../icons/index';\nimport {Size} from '../types';\n/**\n * Import custom styles.\n */\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\n\n/**\n * Import custom types.\n */\nimport {ActionChipProps} from './ChipTypes';\nimport {defaultOnMouseDownHandler} from '../common';\n\nconst ActionChip: React.FunctionComponent<ActionChipProps> = ({\n                                                                icon,\n                                                                text,\n                                                                size = Size.Medium,\n                                                                disabled,\n                                                                onClick,\n                                                                className,\n                                                                dataTestId,\n                                                                ...rest\n                                                              }: ActionChipProps) => {\n\n  /**\n   * Return Action Chip component.\n   */\n  return (\n    <ChipContainer className={`${size} ${disabled ? 'disabled' : ''} outline ${!!onClick ? 'interactive' : ''} ${className || ''}`}\n                   \n                   onClick={() => !disabled && onClick && onClick()}\n                   onMouseDown={defaultOnMouseDownHandler}\n                   data-testid={dataTestId}\n                   role=\"button\"\n                   onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && !disabled && onClick && onClick()}\n                   tabIndex={disabled || !onClick ? -1 : 0}\n                   {...rest}>\n      <ChipContentContainer>\n        <ChipContent>\n          {\n            icon &&\n            <div className={'chip-icon icon-left'}>\n              {icon}\n            </div>\n          }\n          <div>\n            {text}\n          </div>\n        </ChipContent>\n      </ChipContentContainer>\n    </ChipContainer>\n  );\n};\n\nexport default ActionChip;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ActionChip.cjs","names":["React","_interopRequireWildcard","require","_types","_ChipStyles","_common","_jsxRuntime","_excluded","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","_typeof","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","ownKeys","keys","getOwnPropertySymbols","o","filter","enumerable","push","apply","_objectSpread","arguments","length","forEach","_defineProperty2","getOwnPropertyDescriptors","defineProperties","ActionChip","_ref","icon","text","_ref$size","size","Size","Medium","disabled","onClick","className","dataTestId","rest","_objectWithoutProperties2","jsx","ChipContainer","concat","onMouseDown","defaultOnMouseDownHandler","role","onKeyDown","key","tabIndex","children","ChipContentContainer","jsxs","ChipContent","_default","exports"],"sources":["../../src/Chips/ActionChip.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {SystemIcons as icons} from '../icons/index';\r\nimport {Size} from '../types';\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {ActionChipProps} from './ChipTypes';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst ActionChip: React.FunctionComponent<ActionChipProps> = ({\r\n                                                                icon,\r\n                                                                text,\r\n                                                                size = Size.Medium,\r\n                                                                disabled,\r\n                                                                onClick,\r\n                                                                className,\r\n                                                                dataTestId,\r\n                                                                ...rest\r\n                                                              }: ActionChipProps) => {\r\n\r\n  /**\r\n   * Return Action Chip component.\r\n   */\r\n  return (\r\n    <ChipContainer className={`${size} ${disabled ? 'disabled' : ''} outline ${!!onClick ? 'interactive' : ''} ${className || ''}`}\r\n                   \r\n                   onClick={() => !disabled && onClick && onClick()}\r\n                   onMouseDown={defaultOnMouseDownHandler}\r\n                   data-testid={dataTestId}\r\n                   role=\"button\"\r\n                   onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && !disabled && onClick && onClick()}\r\n                   tabIndex={disabled || !onClick ? -1 : 0}\r\n                   {...rest}>\r\n      <ChipContentContainer>\r\n        <ChipContent>\r\n          {\r\n            icon &&\r\n            <div className={'chip-icon icon-left'}>\r\n              {icon}\r\n            </div>\r\n          }\r\n          <div>\r\n            {text}\r\n          </div>\r\n        </ChipContent>\r\n      </ChipContentContainer>\r\n    </ChipContainer>\r\n  );\r\n};\r\n\r\nexport default ActionChip;\r\n"],"mappings":";;;;;;;;;;AAGA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AAMA,IAAAC,MAAA,GAAAD,OAAA;AAIA,IAAAE,WAAA,GAAAF,OAAA;AAMA,IAAAG,OAAA,GAAAH,OAAA;AAAoD,IAAAI,WAAA,GAAAJ,OAAA;AAAA,IAAAK,SAAA;AAnBpD;AACA;AACA;AAGA;AACA;AACA;AAGA;AACA;AACA;AAGA;AACA;AACA;AAFA,SAAAC,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,yBAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAR,wBAAAQ,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,gBAAAK,OAAA,CAAAL,CAAA,0BAAAA,CAAA,sBAAAA,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,cAAAR,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAW,QAAAnB,CAAA,EAAAE,CAAA,QAAAC,CAAA,GAAAQ,MAAA,CAAAS,IAAA,CAAApB,CAAA,OAAAW,MAAA,CAAAU,qBAAA,QAAAC,CAAA,GAAAX,MAAA,CAAAU,qBAAA,CAAArB,CAAA,GAAAE,CAAA,KAAAoB,CAAA,GAAAA,CAAA,CAAAC,MAAA,WAAArB,CAAA,WAAAS,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAE,CAAA,EAAAsB,UAAA,OAAArB,CAAA,CAAAsB,IAAA,CAAAC,KAAA,CAAAvB,CAAA,EAAAmB,CAAA,YAAAnB,CAAA;AAAA,SAAAwB,cAAA3B,CAAA,aAAAE,CAAA,MAAAA,CAAA,GAAA0B,SAAA,CAAAC,MAAA,EAAA3B,CAAA,UAAAC,CAAA,WAAAyB,SAAA,CAAA1B,CAAA,IAAA0B,SAAA,CAAA1B,CAAA,QAAAA,CAAA,OAAAiB,OAAA,CAAAR,MAAA,CAAAR,CAAA,OAAA2B,OAAA,WAAA5B,CAAA,QAAA6B,gBAAA,aAAA/B,CAAA,EAAAE,CAAA,EAAAC,CAAA,CAAAD,CAAA,SAAAS,MAAA,CAAAqB,yBAAA,GAAArB,MAAA,CAAAsB,gBAAA,CAAAjC,CAAA,EAAAW,MAAA,CAAAqB,yBAAA,CAAA7B,CAAA,KAAAgB,OAAA,CAAAR,MAAA,CAAAR,CAAA,GAAA2B,OAAA,WAAA5B,CAAA,IAAAS,MAAA,CAAAC,cAAA,CAAAZ,CAAA,EAAAE,CAAA,EAAAS,MAAA,CAAAE,wBAAA,CAAAV,CAAA,EAAAD,CAAA,iBAAAF,CAAA;AAMA,IAAMkC,UAAoD,GAAG,SAAvDA,UAAoDA,CAAAC,IAAA,EAS2B;EAAA,IARrBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAAC,SAAA,GAAAH,IAAA,CACJI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGE,WAAI,CAACC,MAAM,GAAAH,SAAA;IAClBI,QAAQ,GAAAP,IAAA,CAARO,QAAQ;IACRC,QAAO,GAAAR,IAAA,CAAPQ,OAAO;IACPC,SAAS,GAAAT,IAAA,CAATS,SAAS;IACTC,UAAU,GAAAV,IAAA,CAAVU,UAAU;IACPC,IAAI,OAAAC,yBAAA,aAAAZ,IAAA,EAAArC,SAAA;EAGrE;AACF;AACA;EACE,oBACE,IAAAD,WAAA,CAAAmD,GAAA,EAACrD,WAAA,CAAAsD,aAAa,EAAAtB,aAAA,CAAAA,aAAA;IAACiB,SAAS,KAAAM,MAAA,CAAKX,IAAI,OAAAW,MAAA,CAAIR,QAAQ,GAAG,UAAU,GAAG,EAAE,eAAAQ,MAAA,CAAY,CAAC,CAACP,QAAO,GAAG,aAAa,GAAG,EAAE,OAAAO,MAAA,CAAIN,SAAS,IAAI,EAAE,CAAG;IAEhHD,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAM,CAACD,QAAQ,IAAIC,QAAO,IAAIA,QAAO,CAAC,CAAC;IAAA,CAAC;IACjDQ,WAAW,EAAEC,iCAA0B;IACvC,eAAaP,UAAW;IACxBQ,IAAI,EAAC,QAAQ;IACbC,SAAS,EAAE,SAAAA,UAAAtD,CAAC;MAAA,OAAI,CAACA,CAAC,CAACuD,GAAG,KAAK,OAAO,IAAIvD,CAAC,CAACuD,GAAG,KAAK,GAAG,KAAK,CAACb,QAAQ,IAAIC,QAAO,IAAIA,QAAO,CAAC,CAAC;IAAA,CAAC;IAC1Fa,QAAQ,EAAEd,QAAQ,IAAI,CAACC,QAAO,GAAG,CAAC,CAAC,GAAG;EAAE,GACpCG,IAAI;IAAAW,QAAA,eACrB,IAAA5D,WAAA,CAAAmD,GAAA,EAACrD,WAAA,CAAA+D,oBAAoB;MAAAD,QAAA,eACnB,IAAA5D,WAAA,CAAA8D,IAAA,EAAChE,WAAA,CAAAiE,WAAW;QAAAH,QAAA,GAERrB,IAAI,iBACJ,IAAAvC,WAAA,CAAAmD,GAAA;UAAKJ,SAAS,EAAE,qBAAsB;UAAAa,QAAA,EACnCrB;QAAI,CACF,CAAC,eAER,IAAAvC,WAAA,CAAAmD,GAAA;UAAAS,QAAA,EACGpB;QAAI,CACF,CAAC;MAAA,CACK;IAAC,CACM;EAAC,EACV,CAAC;AAEpB,CAAC;AAAC,IAAAwB,QAAA,GAEa3B,UAAU;AAAA4B,OAAA,cAAAD,QAAA","ignoreList":[]}

package/dist/Chips/ActionChip.d.ts

@@ -1,10 +1,10 @@
-/**
- * Import React libraries.
- */
-import * as React from 'react';
-/**
- * Import custom types.
- */
-import { ActionChipProps } from './ChipTypes';
-declare const ActionChip: React.FunctionComponent<ActionChipProps>;
-export default ActionChip;
+/**
+ * Import React libraries.
+ */
+import * as React from 'react';
+/**
+ * Import custom types.
+ */
+import { ActionChipProps } from './ChipTypes';
+declare const ActionChip: React.FunctionComponent<ActionChipProps>;
+export default ActionChip;

package/dist/Chips/ActionChip.js

@@ -3,23 +3,23 @@ import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutPr
 var _excluded = ["icon", "text", "size", "disabled", "onClick", "className", "dataTestId"];
 function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-/**
- * Import React libraries.
+/**
+ * Import React libraries.
  */
 import * as React from 'react';
 
-/**
- * Import custom components.
+/**
+ * Import custom components.
  */
 
 import { Size } from '../types';
-/**
- * Import custom styles.
+/**
+ * Import custom styles.
  */
 import { ChipContainer, ChipContent, ChipContentContainer } from './ChipStyles';
 
-/**
- * Import custom types.
+/**
+ * Import custom types.
  */
 
 import { defaultOnMouseDownHandler } from '../common';
@@ -35,8 +35,8 @@ var ActionChip = function ActionChip(_ref) {
     className = _ref.className,
     dataTestId = _ref.dataTestId,
     rest = _objectWithoutProperties(_ref, _excluded);
-  /**
-   * Return Action Chip component.
+  /**
+   * Return Action Chip component.
    */
   return /*#__PURE__*/_jsx(ChipContainer, _objectSpread(_objectSpread({
     className: "".concat(size, " ").concat(disabled ? 'disabled' : '', " outline ").concat(!!_onClick ? 'interactive' : '', " ").concat(className || ''),

package/dist/Chips/ActionChip.js.map

@@ -1 +1 @@
-{"version":3,"file":"ActionChip.js","names":["React","Size","ChipContainer","ChipContent","ChipContentContainer","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","ActionChip","_ref","icon","text","_ref$size","size","Medium","disabled","onClick","className","dataTestId","rest","_objectWithoutProperties","_excluded","_objectSpread","concat","onMouseDown","role","onKeyDown","e","key","tabIndex","children"],"sources":["../../src/Chips/ActionChip.tsx"],"sourcesContent":["/**\n * Import React libraries.\n */\nimport * as React from 'react';\n\n/**\n * Import custom components.\n */\nimport {SystemIcons as icons} from '../icons/index';\nimport {Size} from '../types';\n/**\n * Import custom styles.\n */\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\n\n/**\n * Import custom types.\n */\nimport {ActionChipProps} from './ChipTypes';\nimport {defaultOnMouseDownHandler} from '../common';\n\nconst ActionChip: React.FunctionComponent<ActionChipProps> = ({\n                                                                icon,\n                                                                text,\n                                                                size = Size.Medium,\n                                                                disabled,\n                                                                onClick,\n                                                                className,\n                                                                dataTestId,\n                                                                ...rest\n                                                              }: ActionChipProps) => {\n\n  /**\n   * Return Action Chip component.\n   */\n  return (\n    <ChipContainer className={`${size} ${disabled ? 'disabled' : ''} outline ${!!onClick ? 'interactive' : ''} ${className || ''}`}\n                   \n                   onClick={() => !disabled && onClick && onClick()}\n                   onMouseDown={defaultOnMouseDownHandler}\n                   data-testid={dataTestId}\n                   role=\"button\"\n                   onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && !disabled && onClick && onClick()}\n                   tabIndex={disabled || !onClick ? -1 : 0}\n                   {...rest}>\n      <ChipContentContainer>\n        <ChipContent>\n          {\n            icon &&\n            <div className={'chip-icon icon-left'}>\n              {icon}\n            </div>\n          }\n          <div>\n            {text}\n          </div>\n        </ChipContent>\n      </ChipContentContainer>\n    </ChipContainer>\n  );\n};\n\nexport default ActionChip;\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA;;AAEA,SAAQC,IAAI,QAAO,UAAU;AAC7B;AACA;AACA;AACA,SAAQC,aAAa,EAAEC,WAAW,EAAEC,oBAAoB,QAAO,cAAc;;AAE7E;AACA;AACA;;AAEA,SAAQC,yBAAyB,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEpD,IAAMC,UAAoD,GAAG,SAAvDA,UAAoDA,CAAAC,IAAA,EAS2B;EAAA,IARrBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAAC,SAAA,GAAAH,IAAA,CACJI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGb,IAAI,CAACe,MAAM,GAAAF,SAAA;IAClBG,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACRC,QAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,SAAS,GAAAR,IAAA,CAATQ,SAAS;IACTC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACPC,IAAI,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA;EAGrE;AACF;AACA;EACE,oBACEhB,IAAA,CAACL,aAAa,EAAAsB,aAAA,CAAAA,aAAA;IAACL,SAAS,KAAAM,MAAA,CAAKV,IAAI,OAAAU,MAAA,CAAIR,QAAQ,GAAG,UAAU,GAAG,EAAE,eAAAQ,MAAA,CAAY,CAAC,CAACP,QAAO,GAAG,aAAa,GAAG,EAAE,OAAAO,MAAA,CAAIN,SAAS,IAAI,EAAE,CAAG;IAEhHD,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAM,CAACD,QAAQ,IAAIC,QAAO,IAAIA,QAAO,CAAC,CAAC;IAAA,CAAC;IACjDQ,WAAW,EAAErB,yBAA0B;IACvC,eAAae,UAAW;IACxBO,IAAI,EAAC,QAAQ;IACbC,SAAS,EAAE,SAAAA,UAAAC,CAAC;MAAA,OAAI,CAACA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,KAAK,CAACb,QAAQ,IAAIC,QAAO,IAAIA,QAAO,CAAC,CAAC;IAAA,CAAC;IAC1Fa,QAAQ,EAAEd,QAAQ,IAAI,CAACC,QAAO,GAAG,CAAC,CAAC,GAAG;EAAE,GACpCG,IAAI;IAAAW,QAAA,eACrBzB,IAAA,CAACH,oBAAoB;MAAA4B,QAAA,eACnBvB,KAAA,CAACN,WAAW;QAAA6B,QAAA,GAERpB,IAAI,iBACJL,IAAA;UAAKY,SAAS,EAAE,qBAAsB;UAAAa,QAAA,EACnCpB;QAAI,CACF,CAAC,eAERL,IAAA;UAAAyB,QAAA,EACGnB;QAAI,CACF,CAAC;MAAA,CACK;IAAC,CACM;EAAC,EACV,CAAC;AAEpB,CAAC;AAED,eAAeH,UAAU","ignoreList":[]}
+{"version":3,"file":"ActionChip.js","names":["React","Size","ChipContainer","ChipContent","ChipContentContainer","defaultOnMouseDownHandler","jsx","_jsx","jsxs","_jsxs","ActionChip","_ref","icon","text","_ref$size","size","Medium","disabled","onClick","className","dataTestId","rest","_objectWithoutProperties","_excluded","_objectSpread","concat","onMouseDown","role","onKeyDown","e","key","tabIndex","children"],"sources":["../../src/Chips/ActionChip.tsx"],"sourcesContent":["/**\r\n * Import React libraries.\r\n */\r\nimport * as React from 'react';\r\n\r\n/**\r\n * Import custom components.\r\n */\r\nimport {SystemIcons as icons} from '../icons/index';\r\nimport {Size} from '../types';\r\n/**\r\n * Import custom styles.\r\n */\r\nimport {ChipContainer, ChipContent, ChipContentContainer} from './ChipStyles';\r\n\r\n/**\r\n * Import custom types.\r\n */\r\nimport {ActionChipProps} from './ChipTypes';\r\nimport {defaultOnMouseDownHandler} from '../common';\r\n\r\nconst ActionChip: React.FunctionComponent<ActionChipProps> = ({\r\n                                                                icon,\r\n                                                                text,\r\n                                                                size = Size.Medium,\r\n                                                                disabled,\r\n                                                                onClick,\r\n                                                                className,\r\n                                                                dataTestId,\r\n                                                                ...rest\r\n                                                              }: ActionChipProps) => {\r\n\r\n  /**\r\n   * Return Action Chip component.\r\n   */\r\n  return (\r\n    <ChipContainer className={`${size} ${disabled ? 'disabled' : ''} outline ${!!onClick ? 'interactive' : ''} ${className || ''}`}\r\n                   \r\n                   onClick={() => !disabled && onClick && onClick()}\r\n                   onMouseDown={defaultOnMouseDownHandler}\r\n                   data-testid={dataTestId}\r\n                   role=\"button\"\r\n                   onKeyDown={e => (e.key === 'Enter' || e.key === ' ') && !disabled && onClick && onClick()}\r\n                   tabIndex={disabled || !onClick ? -1 : 0}\r\n                   {...rest}>\r\n      <ChipContentContainer>\r\n        <ChipContent>\r\n          {\r\n            icon &&\r\n            <div className={'chip-icon icon-left'}>\r\n              {icon}\r\n            </div>\r\n          }\r\n          <div>\r\n            {text}\r\n          </div>\r\n        </ChipContent>\r\n      </ChipContentContainer>\r\n    </ChipContainer>\r\n  );\r\n};\r\n\r\nexport default ActionChip;\r\n"],"mappings":";;;;;AAAA;AACA;AACA;AACA,OAAO,KAAKA,KAAK,MAAM,OAAO;;AAE9B;AACA;AACA;;AAEA,SAAQC,IAAI,QAAO,UAAU;AAC7B;AACA;AACA;AACA,SAAQC,aAAa,EAAEC,WAAW,EAAEC,oBAAoB,QAAO,cAAc;;AAE7E;AACA;AACA;;AAEA,SAAQC,yBAAyB,QAAO,WAAW;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAAA,SAAAC,IAAA,IAAAC,KAAA;AAEpD,IAAMC,UAAoD,GAAG,SAAvDA,UAAoDA,CAAAC,IAAA,EAS2B;EAAA,IARrBC,IAAI,GAAAD,IAAA,CAAJC,IAAI;IACJC,IAAI,GAAAF,IAAA,CAAJE,IAAI;IAAAC,SAAA,GAAAH,IAAA,CACJI,IAAI;IAAJA,IAAI,GAAAD,SAAA,cAAGb,IAAI,CAACe,MAAM,GAAAF,SAAA;IAClBG,QAAQ,GAAAN,IAAA,CAARM,QAAQ;IACRC,QAAO,GAAAP,IAAA,CAAPO,OAAO;IACPC,SAAS,GAAAR,IAAA,CAATQ,SAAS;IACTC,UAAU,GAAAT,IAAA,CAAVS,UAAU;IACPC,IAAI,GAAAC,wBAAA,CAAAX,IAAA,EAAAY,SAAA;EAGrE;AACF;AACA;EACE,oBACEhB,IAAA,CAACL,aAAa,EAAAsB,aAAA,CAAAA,aAAA;IAACL,SAAS,KAAAM,MAAA,CAAKV,IAAI,OAAAU,MAAA,CAAIR,QAAQ,GAAG,UAAU,GAAG,EAAE,eAAAQ,MAAA,CAAY,CAAC,CAACP,QAAO,GAAG,aAAa,GAAG,EAAE,OAAAO,MAAA,CAAIN,SAAS,IAAI,EAAE,CAAG;IAEhHD,OAAO,EAAE,SAAAA,QAAA;MAAA,OAAM,CAACD,QAAQ,IAAIC,QAAO,IAAIA,QAAO,CAAC,CAAC;IAAA,CAAC;IACjDQ,WAAW,EAAErB,yBAA0B;IACvC,eAAae,UAAW;IACxBO,IAAI,EAAC,QAAQ;IACbC,SAAS,EAAE,SAAAA,UAAAC,CAAC;MAAA,OAAI,CAACA,CAAC,CAACC,GAAG,KAAK,OAAO,IAAID,CAAC,CAACC,GAAG,KAAK,GAAG,KAAK,CAACb,QAAQ,IAAIC,QAAO,IAAIA,QAAO,CAAC,CAAC;IAAA,CAAC;IAC1Fa,QAAQ,EAAEd,QAAQ,IAAI,CAACC,QAAO,GAAG,CAAC,CAAC,GAAG;EAAE,GACpCG,IAAI;IAAAW,QAAA,eACrBzB,IAAA,CAACH,oBAAoB;MAAA4B,QAAA,eACnBvB,KAAA,CAACN,WAAW;QAAA6B,QAAA,GAERpB,IAAI,iBACJL,IAAA;UAAKY,SAAS,EAAE,qBAAsB;UAAAa,QAAA,EACnCpB;QAAI,CACF,CAAC,eAERL,IAAA;UAAAyB,QAAA,EACGnB;QAAI,CACF,CAAC;MAAA,CACK;IAAC,CACM;EAAC,EACV,CAAC;AAEpB,CAAC;AAED,eAAeH,UAAU","ignoreList":[]}

package/dist/Chips/ChipStyles.cjs

@@ -9,11 +9,11 @@ var _taggedTemplateLiteral2 = _interopRequireDefault(require("@babel/runtime/hel
 var _styledComponents = _interopRequireDefault(require("styled-components"));
 var _styles = require("../styles");
 var _templateObject, _templateObject2, _templateObject3;
-/**
- * Import third-party libraries.
+/**
+ * Import third-party libraries.
  */
-/**
- * Import custom style properties.
+/**
+ * Import custom style properties.
  */
 var ChipContentContainer = _styledComponents["default"].div(_templateObject || (_templateObject = (0, _taggedTemplateLiteral2["default"])(["\n  display: flex;\n  align-items: center;\n  min-height: 48px;\n  width: max-content;\n"])));
 exports.ChipContentContainer = ChipContentContainer;

package/dist/Chips/ChipStyles.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChipStyles.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","_templateObject","_templateObject2","_templateObject3","ChipContentContainer","styled","div","_taggedTemplateLiteral2","exports","ChipContent","ComponentXSStyling","ComponentTextStyle","Bold","ChipContainer","ComponentSStyling","ComponentMStyling","focusStyles","props","COLORS","getColor","theme"],"sources":["../../src/Chips/ChipStyles.ts"],"sourcesContent":["/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\n\n/**\n * Import custom style properties.\n */\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, focusStyles } from '../styles';\n\nexport const ChipContentContainer = styled.div`\n  display: flex;\n  align-items: center;\n  min-height: 48px;\n  width: max-content;\n`;\n\nexport const ChipContent = styled.div`\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\n\n  position: relative;\n  display: flex;\n  gap: 4px;\n  align-items: center;\n  min-height: 24px;\n  box-sizing: border-box;\n  border-radius: 24px;\n  padding: 4px 12px;\n\n  .chip-icon {\n    height: 16px;\n    width: 16px;\n    border-radius: 50%;\n\n    svg {\n      height: 16px;\n      width: 16px;\n    }\n  }\n\n  .icon-left {\n    margin-left: -4px;\n  }\n\n  .icon-right {\n    margin-right: -4px;\n  }\n\n  .action-right {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 48px;\n    width: 48px;\n    right: -8px;\n  }\n\n  &.with-action-right {\n    position: relative;\n    padding-right: 28px;\n  }\n`;\n\nexport const ChipContainer = styled.div`\n  display: inline-block;\n  cursor: pointer;\n  position: relative;\n\n  &.medium {\n    ${ChipContent} {\n      gap: 6px;\n      padding: 10px 16px;\n\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n      .chip-icon {\n        height: 20px;\n        width: 20px;\n\n        svg {\n          height: 20px;\n          width: 20px;\n        }\n      }\n    }\n\n    .with-action-right {\n      padding-right: 38px;\n\n      .action-right {\n        right: -2px;\n      }\n    }\n  }\n\n  &.large {\n    ${ChipContent} {\n      gap: 8px;\n      padding: 12px 20px;\n\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\n      .chip-icon {\n        height: 24px;\n        width: 24px;\n\n        svg {\n          height: 24px;\n          width: 24px;\n        }\n      }\n    }\n\n    .with-action-right {\n      padding-right: 48px;\n\n      .action-right {\n        right: 4px;\n      }\n    }\n  }\n\n  &.interactive:focus {\n    ${focusStyles}\n  }\n\n  &.default {\n    color: ${props => COLORS.getColor('white', props.theme)};\n\n    ${ChipContent} {\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\n    }\n  }\n\n  &.interactive.default:hover:not(.action-within) {\n    ${ChipContent} {\n      background-color: ${props => COLORS.getColor('primary_700', props.theme)};\n    }\n  }\n\n  &.interactive.default:active:not(.action-within) {\n    ${ChipContent} {\n      background-color: ${props => COLORS.getColor('primary_800', props.theme)};\n    }\n  }\n\n  &.outline {\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\n\n    ${ChipContent} {\n      background-color: ${props => COLORS.getColor('white', props.theme)};\n      border: 2px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n    }\n  }\n\n  &.interactive.outline:hover:not(.action-within) {\n    ${ChipContent} {\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n      border: 2px solid ${props => COLORS.getColor('primary_200', props.theme)};\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\n    }\n  }\n\n  &.interactive.outline:active:not(.action-within) {\n    ${ChipContent} {\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n      border: 2px solid ${props => COLORS.getColor('primary_300', props.theme)};\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\n      box-shadow: none;\n    }\n  }\n\n  //account for border\n  &.small.outline:not(.disabled) {\n    ${ChipContent} {\n      padding: 2px 10px;\n    }\n  }\n\n  &.medium.outline:not(.disabled) {\n    ${ChipContent} {\n      padding: 8px 14px;\n    }\n  }\n\n  &.large.outline:not(.disabled) {\n    ${ChipContent} {\n      padding: 10px 18px;\n    }\n  }\n\n  &.invalid {\n    ${ChipContent} {\n      background-color: ${props => COLORS.getColor('critical_100', props.theme)};\n      color: ${props => COLORS.getColor('critical_600', props.theme)};\n    }\n  }\n\n  &.interactive.invalid:hover:not(.action-within) {\n    ${ChipContent} {\n      background: ${props => COLORS.getColor('critical_200', props.theme)};\n      color: ${props => COLORS.getColor('critical_700', props.theme)};\n    }\n  }\n\n  &.interactive.invalid:active:not(.action-within) {\n    ${ChipContent} {\n      background: ${props => COLORS.getColor('critical_300', props.theme)};\n      color: ${props => COLORS.getColor('critical_800', props.theme)};\n    }\n  }\n\n  .action-right:focus {\n    ${focusStyles}\n  }\n\n  .action-right:hover .chip-icon {\n    background-color: ${props => COLORS.getColor('primary_700', props.theme)};\n  }\n\n  .action-right:active .chip-icon {\n    background-color: ${props => COLORS.getColor('primary_800', props.theme)};\n  }\n\n  .action-right.disabled .chip-icon {\n    background-color: transparent;\n    color: ${props => COLORS.getColor('primary_300', props.theme)};\n  }\n\n  &.invalid {\n    .action-right:hover .chip-icon {\n      background-color: ${props => COLORS.getColor('critical_200', props.theme)};\n      color: ${props => COLORS.getColor('critical_700', props.theme)};\n    }\n\n    .action-right:active .chip-icon {\n      background-color: ${props => COLORS.getColor('critical_300', props.theme)};\n      color: ${props => COLORS.getColor('critical_800', props.theme)};\n    }\n\n    .action-right.disabled .chip-icon {\n      background-color: transparent;\n      color: ${props => COLORS.getColor('primary_300', props.theme)};\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n\n    ${ChipContentContainer} {\n      pointer-events: none;\n    }\n\n    ${ChipContent} {\n      border: none !important;\n      background-color: ${props => COLORS.getColor('neutral_100', props.theme)} !important;\n      color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\n    }\n  }\n`;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ChipStyles.cjs","names":["_styledComponents","_interopRequireDefault","require","_styles","_templateObject","_templateObject2","_templateObject3","ChipContentContainer","styled","div","_taggedTemplateLiteral2","exports","ChipContent","ComponentXSStyling","ComponentTextStyle","Bold","ChipContainer","ComponentSStyling","ComponentMStyling","focusStyles","props","COLORS","getColor","theme"],"sources":["../../src/Chips/ChipStyles.ts"],"sourcesContent":["/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom style properties.\r\n */\r\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, focusStyles } from '../styles';\r\n\r\nexport const ChipContentContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 48px;\r\n  width: max-content;\r\n`;\r\n\r\nexport const ChipContent = styled.div`\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n\r\n  position: relative;\r\n  display: flex;\r\n  gap: 4px;\r\n  align-items: center;\r\n  min-height: 24px;\r\n  box-sizing: border-box;\r\n  border-radius: 24px;\r\n  padding: 4px 12px;\r\n\r\n  .chip-icon {\r\n    height: 16px;\r\n    width: 16px;\r\n    border-radius: 50%;\r\n\r\n    svg {\r\n      height: 16px;\r\n      width: 16px;\r\n    }\r\n  }\r\n\r\n  .icon-left {\r\n    margin-left: -4px;\r\n  }\r\n\r\n  .icon-right {\r\n    margin-right: -4px;\r\n  }\r\n\r\n  .action-right {\r\n    position: absolute;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 48px;\r\n    width: 48px;\r\n    right: -8px;\r\n  }\r\n\r\n  &.with-action-right {\r\n    position: relative;\r\n    padding-right: 28px;\r\n  }\r\n`;\r\n\r\nexport const ChipContainer = styled.div`\r\n  display: inline-block;\r\n  cursor: pointer;\r\n  position: relative;\r\n\r\n  &.medium {\r\n    ${ChipContent} {\r\n      gap: 6px;\r\n      padding: 10px 16px;\r\n\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n      .chip-icon {\r\n        height: 20px;\r\n        width: 20px;\r\n\r\n        svg {\r\n          height: 20px;\r\n          width: 20px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .with-action-right {\r\n      padding-right: 38px;\r\n\r\n      .action-right {\r\n        right: -2px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${ChipContent} {\r\n      gap: 8px;\r\n      padding: 12px 20px;\r\n\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n      .chip-icon {\r\n        height: 24px;\r\n        width: 24px;\r\n\r\n        svg {\r\n          height: 24px;\r\n          width: 24px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .with-action-right {\r\n      padding-right: 48px;\r\n\r\n      .action-right {\r\n        right: 4px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.interactive:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &.default {\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.default:hover:not(.action-within) {\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.default:active:not(.action-within) {\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.outline {\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n      border: 2px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.outline:hover:not(.action-within) {\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n      border: 2px solid ${props => COLORS.getColor('primary_200', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.outline:active:not(.action-within) {\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n      border: 2px solid ${props => COLORS.getColor('primary_300', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      box-shadow: none;\r\n    }\r\n  }\r\n\r\n  //account for border\r\n  &.small.outline:not(.disabled) {\r\n    ${ChipContent} {\r\n      padding: 2px 10px;\r\n    }\r\n  }\r\n\r\n  &.medium.outline:not(.disabled) {\r\n    ${ChipContent} {\r\n      padding: 8px 14px;\r\n    }\r\n  }\r\n\r\n  &.large.outline:not(.disabled) {\r\n    ${ChipContent} {\r\n      padding: 10px 18px;\r\n    }\r\n  }\r\n\r\n  &.invalid {\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.getColor('critical_100', props.theme)};\r\n      color: ${props => COLORS.getColor('critical_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.invalid:hover:not(.action-within) {\r\n    ${ChipContent} {\r\n      background: ${props => COLORS.getColor('critical_200', props.theme)};\r\n      color: ${props => COLORS.getColor('critical_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.invalid:active:not(.action-within) {\r\n    ${ChipContent} {\r\n      background: ${props => COLORS.getColor('critical_300', props.theme)};\r\n      color: ${props => COLORS.getColor('critical_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  .action-right:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  .action-right:hover .chip-icon {\r\n    background-color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  .action-right:active .chip-icon {\r\n    background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  .action-right.disabled .chip-icon {\r\n    background-color: transparent;\r\n    color: ${props => COLORS.getColor('primary_300', props.theme)};\r\n  }\r\n\r\n  &.invalid {\r\n    .action-right:hover .chip-icon {\r\n      background-color: ${props => COLORS.getColor('critical_200', props.theme)};\r\n      color: ${props => COLORS.getColor('critical_700', props.theme)};\r\n    }\r\n\r\n    .action-right:active .chip-icon {\r\n      background-color: ${props => COLORS.getColor('critical_300', props.theme)};\r\n      color: ${props => COLORS.getColor('critical_800', props.theme)};\r\n    }\r\n\r\n    .action-right.disabled .chip-icon {\r\n      background-color: transparent;\r\n      color: ${props => COLORS.getColor('primary_300', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n\r\n    ${ChipContentContainer} {\r\n      pointer-events: none;\r\n    }\r\n\r\n    ${ChipContent} {\r\n      border: none !important;\r\n      background-color: ${props => COLORS.getColor('neutral_100', props.theme)} !important;\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n    }\r\n  }\r\n`;\r\n"],"mappings":";;;;;;;;AAGA,IAAAA,iBAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,OAAA,GAAAD,OAAA;AAA8H,IAAAE,eAAA,EAAAC,gBAAA,EAAAC,gBAAA;AAR9H;AACA;AACA;AAGA;AACA;AACA;AAGO,IAAMC,oBAAoB,GAAGC,4BAAM,CAACC,GAAG,CAAAL,eAAA,KAAAA,eAAA,OAAAM,uBAAA,4GAK7C;AAACC,OAAA,CAAAJ,oBAAA,GAAAA,oBAAA;AAEK,IAAMK,WAAW,GAAGJ,4BAAM,CAACC,GAAG,CAAAJ,gBAAA,KAAAA,gBAAA,OAAAK,uBAAA,wsBACjC,IAAAG,0BAAkB,EAACC,0BAAkB,CAACC,IAAI,EAAE,IAAI,CAAC,CA4CpD;AAACJ,OAAA,CAAAC,WAAA,GAAAA,WAAA;AAEK,IAAMI,aAAa,GAAGR,4BAAM,CAACC,GAAG,CAAAH,gBAAA,KAAAA,gBAAA,OAAAI,uBAAA,gjGAMjCE,WAAW,EAIT,IAAAK,yBAAiB,EAACH,0BAAkB,CAACC,IAAI,EAAE,IAAI,CAAC,EAsBlDH,WAAW,EAIT,IAAAM,yBAAiB,EAACJ,0BAAkB,CAACC,IAAI,EAAE,IAAI,CAAC,EAsBlDI,mBAAW,EAIJ,UAAAC,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAErDX,WAAW,EACS,UAAAQ,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAKxEX,WAAW,EACS,UAAAQ,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAKxEX,WAAW,EACS,UAAAQ,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAKjE,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAE3DX,WAAW,EACS,UAAAQ,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,OAAO,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAC9C,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAKxEX,WAAW,EACS,UAAAQ,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,YAAY,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GACnD,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAC/D,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAK7DX,WAAW,EACS,UAAAQ,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GACpD,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAC/D,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAO7DX,WAAW,EAMXA,WAAW,EAMXA,WAAW,EAMXA,WAAW,EACS,UAAAQ,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAChE,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAK9DX,WAAW,EACG,UAAAQ,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAC1D,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAK9DX,WAAW,EACG,UAAAQ,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAC1D,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAK9DJ,mBAAW,EAIO,UAAAC,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAIpD,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAK/D,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAKvC,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAChE,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAI1C,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAChE,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,cAAc,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAKrD,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAO7DhB,oBAAoB,EAIpBK,WAAW,EAES,UAAAQ,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,GAC/D,UAAAH,KAAK;EAAA,OAAIC,cAAM,CAACC,QAAQ,CAAC,aAAa,EAAEF,KAAK,CAACG,KAAK,CAAC;AAAA,EAGlE;AAACZ,OAAA,CAAAK,aAAA,GAAAA,aAAA","ignoreList":[]}

package/dist/Chips/ChipStyles.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
-export declare const ChipContentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ChipContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ChipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+/// <reference types="react" />
+export declare const ChipContentContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ChipContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ChipContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

package/dist/Chips/ChipStyles.js

@@ -1,12 +1,12 @@
 import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
 var _templateObject, _templateObject2, _templateObject3;
-/**
- * Import third-party libraries.
+/**
+ * Import third-party libraries.
  */
 import styled from 'styled-components';
 
-/**
- * Import custom style properties.
+/**
+ * Import custom style properties.
  */
 import { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, focusStyles } from '../styles';
 export var ChipContentContainer = styled.div(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  align-items: center;\n  min-height: 48px;\n  width: max-content;\n"])));

package/dist/Chips/ChipStyles.js.map

@@ -1 +1 @@
-{"version":3,"file":"ChipStyles.js","names":["styled","COLORS","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","focusStyles","ChipContentContainer","div","_templateObject","_taggedTemplateLiteral","ChipContent","_templateObject2","Bold","ChipContainer","_templateObject3","props","getColor","theme"],"sources":["../../src/Chips/ChipStyles.ts"],"sourcesContent":["/**\n * Import third-party libraries.\n */\nimport styled from 'styled-components';\n\n/**\n * Import custom style properties.\n */\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, focusStyles } from '../styles';\n\nexport const ChipContentContainer = styled.div`\n  display: flex;\n  align-items: center;\n  min-height: 48px;\n  width: max-content;\n`;\n\nexport const ChipContent = styled.div`\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\n\n  position: relative;\n  display: flex;\n  gap: 4px;\n  align-items: center;\n  min-height: 24px;\n  box-sizing: border-box;\n  border-radius: 24px;\n  padding: 4px 12px;\n\n  .chip-icon {\n    height: 16px;\n    width: 16px;\n    border-radius: 50%;\n\n    svg {\n      height: 16px;\n      width: 16px;\n    }\n  }\n\n  .icon-left {\n    margin-left: -4px;\n  }\n\n  .icon-right {\n    margin-right: -4px;\n  }\n\n  .action-right {\n    position: absolute;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 48px;\n    width: 48px;\n    right: -8px;\n  }\n\n  &.with-action-right {\n    position: relative;\n    padding-right: 28px;\n  }\n`;\n\nexport const ChipContainer = styled.div`\n  display: inline-block;\n  cursor: pointer;\n  position: relative;\n\n  &.medium {\n    ${ChipContent} {\n      gap: 6px;\n      padding: 10px 16px;\n\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\n      .chip-icon {\n        height: 20px;\n        width: 20px;\n\n        svg {\n          height: 20px;\n          width: 20px;\n        }\n      }\n    }\n\n    .with-action-right {\n      padding-right: 38px;\n\n      .action-right {\n        right: -2px;\n      }\n    }\n  }\n\n  &.large {\n    ${ChipContent} {\n      gap: 8px;\n      padding: 12px 20px;\n\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\n      .chip-icon {\n        height: 24px;\n        width: 24px;\n\n        svg {\n          height: 24px;\n          width: 24px;\n        }\n      }\n    }\n\n    .with-action-right {\n      padding-right: 48px;\n\n      .action-right {\n        right: 4px;\n      }\n    }\n  }\n\n  &.interactive:focus {\n    ${focusStyles}\n  }\n\n  &.default {\n    color: ${props => COLORS.getColor('white', props.theme)};\n\n    ${ChipContent} {\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\n    }\n  }\n\n  &.interactive.default:hover:not(.action-within) {\n    ${ChipContent} {\n      background-color: ${props => COLORS.getColor('primary_700', props.theme)};\n    }\n  }\n\n  &.interactive.default:active:not(.action-within) {\n    ${ChipContent} {\n      background-color: ${props => COLORS.getColor('primary_800', props.theme)};\n    }\n  }\n\n  &.outline {\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\n\n    ${ChipContent} {\n      background-color: ${props => COLORS.getColor('white', props.theme)};\n      border: 2px solid ${props => COLORS.getColor('neutral_200', props.theme)};\n    }\n  }\n\n  &.interactive.outline:hover:not(.action-within) {\n    ${ChipContent} {\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\n      border: 2px solid ${props => COLORS.getColor('primary_200', props.theme)};\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\n    }\n  }\n\n  &.interactive.outline:active:not(.action-within) {\n    ${ChipContent} {\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\n      border: 2px solid ${props => COLORS.getColor('primary_300', props.theme)};\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\n      box-shadow: none;\n    }\n  }\n\n  //account for border\n  &.small.outline:not(.disabled) {\n    ${ChipContent} {\n      padding: 2px 10px;\n    }\n  }\n\n  &.medium.outline:not(.disabled) {\n    ${ChipContent} {\n      padding: 8px 14px;\n    }\n  }\n\n  &.large.outline:not(.disabled) {\n    ${ChipContent} {\n      padding: 10px 18px;\n    }\n  }\n\n  &.invalid {\n    ${ChipContent} {\n      background-color: ${props => COLORS.getColor('critical_100', props.theme)};\n      color: ${props => COLORS.getColor('critical_600', props.theme)};\n    }\n  }\n\n  &.interactive.invalid:hover:not(.action-within) {\n    ${ChipContent} {\n      background: ${props => COLORS.getColor('critical_200', props.theme)};\n      color: ${props => COLORS.getColor('critical_700', props.theme)};\n    }\n  }\n\n  &.interactive.invalid:active:not(.action-within) {\n    ${ChipContent} {\n      background: ${props => COLORS.getColor('critical_300', props.theme)};\n      color: ${props => COLORS.getColor('critical_800', props.theme)};\n    }\n  }\n\n  .action-right:focus {\n    ${focusStyles}\n  }\n\n  .action-right:hover .chip-icon {\n    background-color: ${props => COLORS.getColor('primary_700', props.theme)};\n  }\n\n  .action-right:active .chip-icon {\n    background-color: ${props => COLORS.getColor('primary_800', props.theme)};\n  }\n\n  .action-right.disabled .chip-icon {\n    background-color: transparent;\n    color: ${props => COLORS.getColor('primary_300', props.theme)};\n  }\n\n  &.invalid {\n    .action-right:hover .chip-icon {\n      background-color: ${props => COLORS.getColor('critical_200', props.theme)};\n      color: ${props => COLORS.getColor('critical_700', props.theme)};\n    }\n\n    .action-right:active .chip-icon {\n      background-color: ${props => COLORS.getColor('critical_300', props.theme)};\n      color: ${props => COLORS.getColor('critical_800', props.theme)};\n    }\n\n    .action-right.disabled .chip-icon {\n      background-color: transparent;\n      color: ${props => COLORS.getColor('primary_300', props.theme)};\n    }\n  }\n\n  &.disabled {\n    cursor: not-allowed;\n\n    ${ChipContentContainer} {\n      pointer-events: none;\n    }\n\n    ${ChipContent} {\n      border: none !important;\n      background-color: ${props => COLORS.getColor('neutral_100', props.theme)} !important;\n      color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\n    }\n  }\n`;\n"],"mappings":"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","ignoreList":[]}
+{"version":3,"file":"ChipStyles.js","names":["styled","COLORS","ComponentMStyling","ComponentSStyling","ComponentTextStyle","ComponentXSStyling","focusStyles","ChipContentContainer","div","_templateObject","_taggedTemplateLiteral","ChipContent","_templateObject2","Bold","ChipContainer","_templateObject3","props","getColor","theme"],"sources":["../../src/Chips/ChipStyles.ts"],"sourcesContent":["/**\r\n * Import third-party libraries.\r\n */\r\nimport styled from 'styled-components';\r\n\r\n/**\r\n * Import custom style properties.\r\n */\r\nimport { COLORS, ComponentMStyling, ComponentSStyling, ComponentTextStyle, ComponentXSStyling, focusStyles } from '../styles';\r\n\r\nexport const ChipContentContainer = styled.div`\r\n  display: flex;\r\n  align-items: center;\r\n  min-height: 48px;\r\n  width: max-content;\r\n`;\r\n\r\nexport const ChipContent = styled.div`\r\n  ${ComponentXSStyling(ComponentTextStyle.Bold, null)}\r\n\r\n  position: relative;\r\n  display: flex;\r\n  gap: 4px;\r\n  align-items: center;\r\n  min-height: 24px;\r\n  box-sizing: border-box;\r\n  border-radius: 24px;\r\n  padding: 4px 12px;\r\n\r\n  .chip-icon {\r\n    height: 16px;\r\n    width: 16px;\r\n    border-radius: 50%;\r\n\r\n    svg {\r\n      height: 16px;\r\n      width: 16px;\r\n    }\r\n  }\r\n\r\n  .icon-left {\r\n    margin-left: -4px;\r\n  }\r\n\r\n  .icon-right {\r\n    margin-right: -4px;\r\n  }\r\n\r\n  .action-right {\r\n    position: absolute;\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    height: 48px;\r\n    width: 48px;\r\n    right: -8px;\r\n  }\r\n\r\n  &.with-action-right {\r\n    position: relative;\r\n    padding-right: 28px;\r\n  }\r\n`;\r\n\r\nexport const ChipContainer = styled.div`\r\n  display: inline-block;\r\n  cursor: pointer;\r\n  position: relative;\r\n\r\n  &.medium {\r\n    ${ChipContent} {\r\n      gap: 6px;\r\n      padding: 10px 16px;\r\n\r\n      ${ComponentSStyling(ComponentTextStyle.Bold, null)}\r\n      .chip-icon {\r\n        height: 20px;\r\n        width: 20px;\r\n\r\n        svg {\r\n          height: 20px;\r\n          width: 20px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .with-action-right {\r\n      padding-right: 38px;\r\n\r\n      .action-right {\r\n        right: -2px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.large {\r\n    ${ChipContent} {\r\n      gap: 8px;\r\n      padding: 12px 20px;\r\n\r\n      ${ComponentMStyling(ComponentTextStyle.Bold, null)}\r\n      .chip-icon {\r\n        height: 24px;\r\n        width: 24px;\r\n\r\n        svg {\r\n          height: 24px;\r\n          width: 24px;\r\n        }\r\n      }\r\n    }\r\n\r\n    .with-action-right {\r\n      padding-right: 48px;\r\n\r\n      .action-right {\r\n        right: 4px;\r\n      }\r\n    }\r\n  }\r\n\r\n  &.interactive:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  &.default {\r\n    color: ${props => COLORS.getColor('white', props.theme)};\r\n\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.getColor('primary_500', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.default:hover:not(.action-within) {\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.default:active:not(.action-within) {\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.outline {\r\n    color: ${props => COLORS.getColor('neutral_600', props.theme)};\r\n\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.getColor('white', props.theme)};\r\n      border: 2px solid ${props => COLORS.getColor('neutral_200', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.outline:hover:not(.action-within) {\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.getColor('primary_20', props.theme)};\r\n      border: 2px solid ${props => COLORS.getColor('primary_200', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.outline:active:not(.action-within) {\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.getColor('primary_100', props.theme)};\r\n      border: 2px solid ${props => COLORS.getColor('primary_300', props.theme)};\r\n      color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n      box-shadow: none;\r\n    }\r\n  }\r\n\r\n  //account for border\r\n  &.small.outline:not(.disabled) {\r\n    ${ChipContent} {\r\n      padding: 2px 10px;\r\n    }\r\n  }\r\n\r\n  &.medium.outline:not(.disabled) {\r\n    ${ChipContent} {\r\n      padding: 8px 14px;\r\n    }\r\n  }\r\n\r\n  &.large.outline:not(.disabled) {\r\n    ${ChipContent} {\r\n      padding: 10px 18px;\r\n    }\r\n  }\r\n\r\n  &.invalid {\r\n    ${ChipContent} {\r\n      background-color: ${props => COLORS.getColor('critical_100', props.theme)};\r\n      color: ${props => COLORS.getColor('critical_600', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.invalid:hover:not(.action-within) {\r\n    ${ChipContent} {\r\n      background: ${props => COLORS.getColor('critical_200', props.theme)};\r\n      color: ${props => COLORS.getColor('critical_700', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.interactive.invalid:active:not(.action-within) {\r\n    ${ChipContent} {\r\n      background: ${props => COLORS.getColor('critical_300', props.theme)};\r\n      color: ${props => COLORS.getColor('critical_800', props.theme)};\r\n    }\r\n  }\r\n\r\n  .action-right:focus {\r\n    ${focusStyles}\r\n  }\r\n\r\n  .action-right:hover .chip-icon {\r\n    background-color: ${props => COLORS.getColor('primary_700', props.theme)};\r\n  }\r\n\r\n  .action-right:active .chip-icon {\r\n    background-color: ${props => COLORS.getColor('primary_800', props.theme)};\r\n  }\r\n\r\n  .action-right.disabled .chip-icon {\r\n    background-color: transparent;\r\n    color: ${props => COLORS.getColor('primary_300', props.theme)};\r\n  }\r\n\r\n  &.invalid {\r\n    .action-right:hover .chip-icon {\r\n      background-color: ${props => COLORS.getColor('critical_200', props.theme)};\r\n      color: ${props => COLORS.getColor('critical_700', props.theme)};\r\n    }\r\n\r\n    .action-right:active .chip-icon {\r\n      background-color: ${props => COLORS.getColor('critical_300', props.theme)};\r\n      color: ${props => COLORS.getColor('critical_800', props.theme)};\r\n    }\r\n\r\n    .action-right.disabled .chip-icon {\r\n      background-color: transparent;\r\n      color: ${props => COLORS.getColor('primary_300', props.theme)};\r\n    }\r\n  }\r\n\r\n  &.disabled {\r\n    cursor: not-allowed;\r\n\r\n    ${ChipContentContainer} {\r\n      pointer-events: none;\r\n    }\r\n\r\n    ${ChipContent} {\r\n      border: none !important;\r\n      background-color: ${props => COLORS.getColor('neutral_100', props.theme)} !important;\r\n      color: ${props => COLORS.getColor('neutral_300', props.theme)} !important;\r\n    }\r\n  }\r\n`;\r\n"],"mappings":";;AAAA;AACA;AACA;AACA,OAAOA,MAAM,MAAM,mBAAmB;;AAEtC;AACA;AACA;AACA,SAASC,MAAM,EAAEC,iBAAiB,EAAEC,iBAAiB,EAAEC,kBAAkB,EAAEC,kBAAkB,EAAEC,WAAW,QAAQ,WAAW;AAE7H,OAAO,IAAMC,oBAAoB,GAAGP,MAAM,CAACQ,GAAG,CAAAC,eAAA,KAAAA,eAAA,GAAAC,sBAAA,gGAK7C;AAED,OAAO,IAAMC,WAAW,GAAGX,MAAM,CAACQ,GAAG,CAAAI,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,4rBACjCL,kBAAkB,CAACD,kBAAkB,CAACS,IAAI,EAAE,IAAI,CAAC,CA4CpD;AAED,OAAO,IAAMC,aAAa,GAAGd,MAAM,CAACQ,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAL,sBAAA,oiGAMjCC,WAAW,EAITR,iBAAiB,CAACC,kBAAkB,CAACS,IAAI,EAAE,IAAI,CAAC,EAsBlDF,WAAW,EAITT,iBAAiB,CAACE,kBAAkB,CAACS,IAAI,EAAE,IAAI,CAAC,EAsBlDP,WAAW,EAIJ,UAAAU,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAErDP,WAAW,EACS,UAAAK,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAKxEP,WAAW,EACS,UAAAK,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAKxEP,WAAW,EACS,UAAAK,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAKjE,UAAAF,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAE3DP,WAAW,EACS,UAAAK,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,OAAO,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAC9C,UAAAF,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAKxEP,WAAW,EACS,UAAAK,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,YAAY,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GACnD,UAAAF,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAC/D,UAAAF,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAK7DP,WAAW,EACS,UAAAK,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GACpD,UAAAF,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAC/D,UAAAF,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAO7DP,WAAW,EAMXA,WAAW,EAMXA,WAAW,EAMXA,WAAW,EACS,UAAAK,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,cAAc,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAChE,UAAAF,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,cAAc,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAK9DP,WAAW,EACG,UAAAK,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,cAAc,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAC1D,UAAAF,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,cAAc,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAK9DP,WAAW,EACG,UAAAK,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,cAAc,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAC1D,UAAAF,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,cAAc,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAK9DZ,WAAW,EAIO,UAAAU,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAIpD,UAAAF,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAK/D,UAAAF,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAKvC,UAAAF,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,cAAc,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAChE,UAAAF,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,cAAc,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAI1C,UAAAF,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,cAAc,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAChE,UAAAF,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,cAAc,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAKrD,UAAAF,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAO7DX,oBAAoB,EAIpBI,WAAW,EAES,UAAAK,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,GAC/D,UAAAF,KAAK;EAAA,OAAIf,MAAM,CAACgB,QAAQ,CAAC,aAAa,EAAED,KAAK,CAACE,KAAK,CAAC;AAAA,EAGlE","ignoreList":[]}

package/dist/Chips/ChipTypes.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ChipTypes.cjs","names":[],"sources":["../../src/Chips/ChipTypes.ts"],"sourcesContent":["import {Size, States, Testable} from '../types';\nimport React from 'react';\n\n/**\n * Types for the chips.\n */\nexport interface ChipProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onMouseDown' | 'onKeyDown' | 'tabIndex'>{\n  /** Size of the chip. */\n  size?: Size.Small | Size.Medium | Size.Large;\n  /** If chip is disabled then user can not interact with it and styles are greyed out. */\n  disabled?: boolean;\n}\n\nexport interface InputChipProps extends ChipProps {\n  /**\n   * Required. The text to be displayed on the input chip.\n   */\n  text: string;\n  /**\n   * Optional. The variant of the input chip. Can be 'Default', 'Outlined', 'Filled', etc.\n   */\n  variant?: ChipVariant;\n  /**\n   * Optional. The icon to be displayed on the input chip.\n   */\n  icon?: React.ReactNode;\n  /**\n   * Optional. A boolean indicating whether the remove option is disabled on the input chip.\n   */\n  disableRemove?: boolean;\n  /**\n   * Required. A function to be called when the input chip is removed.\n   * It should take an event object as a parameter.\n   */\n  onRemove: (e: any) => void;\n  /**\n   * Optional. A function to be called when the input chip is clicked.\n   */\n  onClick?: () => void;\n}\n\nexport interface FilterChipProps extends ChipProps {\n  /** Text shown in the Chip. */\n  text: string;\n  /** Current state of the Chip. */\n  selected: boolean;\n  /** Executed when user clicks on the chip. */\n  onClick?: () => void;\n}\n\nexport interface ActionChipProps extends ChipProps {\n  /** Text shown in the Chip. */\n  text: string;\n  /** Icon shown on the left side of the chip. */\n  icon?: React.ReactNode;\n  /** Method to execute when user clicks on the Chip. */\n  onClick?: () => void;\n}\n\nexport interface ChoiceChipProps extends Testable  {\n  /** Current selected value. */\n  selected: string;\n  /** Array of chips with values and descriptions. */\n  values: ChipValue[];\n  /** Method to execute when user clicks on one of the chips. */\n  onClick?: (value: ChipValue) => void;\n  /** If disabled then user can not interact with all chips. */\n  disabled?: boolean;\n}\n\nexport interface ChipValue extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onClick' | 'onMouseDown' | 'onKeyDown'> {\n  /** Value of the chip. */\n  value: string;\n  /** Label of the chip. */\n  label: string;\n  /** Size of the chip. */\n  size?: Size;\n}\n\nexport type ChipVariant = States.Default | States.Invalid;\n"],"mappings":"","ignoreList":[]}
+{"version":3,"file":"ChipTypes.cjs","names":[],"sources":["../../src/Chips/ChipTypes.ts"],"sourcesContent":["import {Size, States, Testable} from '../types';\r\nimport React from 'react';\r\n\r\n/**\r\n * Types for the chips.\r\n */\r\nexport interface ChipProps extends Testable, Omit<React.HTMLAttributes<HTMLDivElement>, 'onClick' | 'onMouseDown' | 'onKeyDown' | 'tabIndex'>{\r\n  /** Size of the chip. */\r\n  size?: Size.Small | Size.Medium | Size.Large;\r\n  /** If chip is disabled then user can not interact with it and styles are greyed out. */\r\n  disabled?: boolean;\r\n}\r\n\r\nexport interface InputChipProps extends ChipProps {\r\n  /**\r\n   * Required. The text to be displayed on the input chip.\r\n   */\r\n  text: string;\r\n  /**\r\n   * Optional. The variant of the input chip. Can be 'Default', 'Outlined', 'Filled', etc.\r\n   */\r\n  variant?: ChipVariant;\r\n  /**\r\n   * Optional. The icon to be displayed on the input chip.\r\n   */\r\n  icon?: React.ReactNode;\r\n  /**\r\n   * Optional. A boolean indicating whether the remove option is disabled on the input chip.\r\n   */\r\n  disableRemove?: boolean;\r\n  /**\r\n   * Required. A function to be called when the input chip is removed.\r\n   * It should take an event object as a parameter.\r\n   */\r\n  onRemove: (e: any) => void;\r\n  /**\r\n   * Optional. A function to be called when the input chip is clicked.\r\n   */\r\n  onClick?: () => void;\r\n}\r\n\r\nexport interface FilterChipProps extends ChipProps {\r\n  /** Text shown in the Chip. */\r\n  text: string;\r\n  /** Current state of the Chip. */\r\n  selected: boolean;\r\n  /** Executed when user clicks on the chip. */\r\n  onClick?: () => void;\r\n}\r\n\r\nexport interface ActionChipProps extends ChipProps {\r\n  /** Text shown in the Chip. */\r\n  text: string;\r\n  /** Icon shown on the left side of the chip. */\r\n  icon?: React.ReactNode;\r\n  /** Method to execute when user clicks on the Chip. */\r\n  onClick?: () => void;\r\n}\r\n\r\nexport interface ChoiceChipProps extends Testable  {\r\n  /** Current selected value. */\r\n  selected: string;\r\n  /** Array of chips with values and descriptions. */\r\n  values: ChipValue[];\r\n  /** Method to execute when user clicks on one of the chips. */\r\n  onClick?: (value: ChipValue) => void;\r\n  /** If disabled then user can not interact with all chips. */\r\n  disabled?: boolean;\r\n}\r\n\r\nexport interface ChipValue extends Omit<React.HTMLAttributes<HTMLDivElement>, 'tabIndex' | 'onClick' | 'onMouseDown' | 'onKeyDown'> {\r\n  /** Value of the chip. */\r\n  value: string;\r\n  /** Label of the chip. */\r\n  label: string;\r\n  /** Size of the chip. */\r\n  size?: Size;\r\n}\r\n\r\nexport type ChipVariant = States.Default | States.Invalid;\r\n"],"mappings":"","ignoreList":[]}