@mrshmllw/smores-react 6.0.0 → 6.0.1

package/dist/Accordion/Accordion.js

@@ -105,3 +105,4 @@ const CaretIcon = styled(Icon)(
 );
 
 export { Accordion };
+//# sourceMappingURL=Accordion.js.map

package/dist/Accordion/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Accordion.js","sources":["../../src/Accordion/Accordion.tsx"],"sourcesContent":["import React, { FC, ReactNode, useState } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\nimport { theme } from '../theme'\nimport { Text } from '../Text'\nimport { MarginProps } from '../utils/space'\n\nexport type AccordionProps = {\n  title: string\n  subTitle?: string\n  filledBackground?: boolean\n  borderTop?: boolean\n  borderColor?: 'oatmeal' | 'custard' | 'cream' | 'coconut'\n  fullBorder?: boolean\n  backgroundColor?: 'oatmeal' | 'custard' | 'cream' | 'coconut'\n  onToggle?: (isOpen: boolean) => void\n  children: ReactNode\n  defaultIsOpen?: boolean\n} & MarginProps\n\nexport const Accordion: FC<AccordionProps> = ({\n  title,\n  children,\n  onToggle,\n  filledBackground,\n  defaultIsOpen = false,\n  borderTop = false,\n  borderColor = 'oatmeal',\n  backgroundColor = 'custard',\n  subTitle,\n  fullBorder = false,\n  ...marginProps\n}) => {\n  const [isOpen, setIsOpen] = useState(defaultIsOpen)\n  const px = fullBorder ? '16px' : '0'\n\n  const handleToggle = () => {\n    const nextOpenState = !isOpen\n    onToggle?.(nextOpenState)\n    setIsOpen(nextOpenState)\n  }\n\n  return (\n    <Wrapper\n      borderTop={borderTop}\n      fullBorder={fullBorder}\n      filledBackground={filledBackground}\n      borderColor={borderColor}\n      backgroundColor={backgroundColor}\n      {...marginProps}\n    >\n      <TopContainer\n        flex\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        onClick={handleToggle}\n        py=\"16px\"\n        pr=\"16px\"\n        pl={px}\n      >\n        <TitleContainer>\n          <Text tag=\"h2\" typo=\"headline-regular\" color=\"liquorice\">\n            {title}\n          </Text>\n          {subTitle && (\n            <Text tag=\"label\" color=\"liquorice\" typo=\"label\" mt={{ custom: 4 }}>\n              {subTitle}\n            </Text>\n          )}\n        </TitleContainer>\n\n        <CaretIcon\n          render=\"caret\"\n          size={24}\n          color=\"marzipan\"\n          isOpen={isOpen}\n          borderTop={borderTop}\n        />\n      </TopContainer>\n      {isOpen && (\n        <Box pt=\"12px\" pb=\"16px\" px={px}>\n          {children}\n        </Box>\n      )}\n    </Wrapper>\n  )\n}\n\ninterface IAccordion {\n  isOpen: boolean\n  borderTop?: boolean\n  fullBorder?: boolean\n  filledBackground?: boolean\n  borderColor?: 'oatmeal' | 'custard' | 'cream' | 'coconut'\n  backgroundColor?: 'oatmeal' | 'custard' | 'cream' | 'coconut'\n}\n\nconst Wrapper = styled(Box)<Omit<IAccordion, 'isOpen'>>(\n  ({\n    borderTop,\n    fullBorder,\n    filledBackground,\n    borderColor = 'oatmeal',\n    backgroundColor = 'custard',\n  }) => css`\n    border-bottom: 1px solid ${theme.colors[borderColor]};\n    ${borderTop && `border-top: 1px solid ${theme.colors[borderColor]};`}\n\n    ${fullBorder &&\n    css`\n      border: 1px solid ${theme.colors[borderColor]};\n      border-radius: 16px;\n    `}\n\n    ${filledBackground &&\n    css`\n      background-color: ${theme.colors[backgroundColor]};\n    `}\n  `,\n)\n\nconst TitleContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n`\nconst TopContainer = styled(Box)`\n  cursor: pointer;\n`\n\nconst CaretIcon = styled(Icon)<IAccordion>(\n  ({ isOpen }) => css`\n    transform: ${isOpen ? 'rotate(180deg)' : 'rotate(0deg)'};\n    transition: transform 0.6s ease;\n  `,\n)\n"],"names":[],"mappings":"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"}

package/dist/ActionDropdown/ActionDropdown.js

@@ -100,3 +100,4 @@ const OuterContainer = styled.div(
 );
 
 export { ActionDropdown };
+//# sourceMappingURL=ActionDropdown.js.map

package/dist/ActionDropdown/ActionDropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActionDropdown.js","sources":["../../src/ActionDropdown/ActionDropdown.tsx"],"sourcesContent":["import React, { FC, useState } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\nimport { Text } from '../Text'\nimport { ActionListItem, List } from './List'\n\nimport { Color, theme } from '../theme'\nimport { MarginProps } from '../utils/space'\n\nexport type ActionDropdownProps = {\n  id?: string\n  className?: string\n  /** label displayed above the dropdown  */\n  label?: string\n  /** value */\n  value: ActionListItem\n  /** list of items for the dropdown list */\n  list: ActionListItem[]\n  /** onSelect handler */\n  onSelect: (action: ActionListItem) => void\n} & MarginProps\n\nexport const ActionDropdown: FC<ActionDropdownProps> = ({\n  id,\n  className = '',\n  label,\n  value,\n  list,\n  onSelect,\n  ...marginProps\n}) => {\n  const [open, setOpen] = useState(false)\n\n  return (\n    <Container\n      id={id}\n      className={className}\n      onClick={() => setOpen((currentOpen) => !currentOpen)}\n      {...marginProps}\n    >\n      {label && (\n        <Text tag=\"label\" color=\"sesame\" typo=\"label\">\n          {label}\n        </Text>\n      )}\n\n      <Label\n        text={value.textColor ?? 'liquorice'}\n        bg={value.bgColor ?? 'sesame'}\n      >\n        <SelectedOption>{value.label}</SelectedOption>\n        <Icon\n          render=\"caret\"\n          color={value.textColor ?? 'sesame'}\n          size={24}\n          rotate={open ? 180 : 0}\n        />\n      </Label>\n      <OuterContainer open={open}>\n        <List options={list} selectOption={onSelect} />\n      </OuterContainer>\n    </Container>\n  )\n}\n\ninterface ISelected {\n  text: Color\n  bg: Color\n}\n\nconst Label = styled.div<ISelected>(\n  ({ text, bg }) => css`\n    color: ${theme.colors[text]};\n    background-color: ${theme.colors[bg]};\n    position: relative;\n    width: 100%;\n    height: 48px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    text-align: center;\n    border-radius: 64px;\n    padding: 16px 16px 14px;\n    box-sizing: border-box;\n    user-select: none;\n  `,\n)\n\nconst SelectedOption = styled.span`\n  font-size: 14px;\n  font-weight: bold;\n  white-space: nowrap;\n  overflow: hidden;\n  text-overflow: ellipsis;\n`\n\nconst Container = styled(Box)`\n  position: relative;\n  display: block;\n  width: 210px;\n  height: 48px;\n  text-align: center;\n  cursor: pointer;\n  outline: none;\n  border-radius: 8px;\n`\n\ninterface IOpen {\n  open: boolean\n}\n\nconst OuterContainer = styled.div<IOpen>(\n  ({ open }) => css`\n    position: absolute;\n    width: 100%;\n    border-radius: 12px;\n    margin-top: 8px;\n    display: ${open ? 'block' : 'none'};\n    max-height: ${open ? '235px' : '48px'};\n    background-color: ${theme.colors.custard};\n    overflow-y: ${open ? 'auto' : 'hidden'};\n    z-index: 4;\n    transition: all 0.2s ease-in-out;\n  `,\n)\n"],"names":[],"mappings":";;;;;;;;;AAwBO,MAAM,iBAA0C,CAAC;AAAA,EACtD,EAAA;AAAA,EACA,SAAY,GAAA,EAAA;AAAA,EACZ,KAAA;AAAA,EACA,KAAA;AAAA,EACA,IAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,WAAA;AACL,CAAM,KAAA;AACJ,EAAA,MAAM,CAAC,IAAA,EAAM,OAAO,CAAA,GAAI,SAAS,KAAK,CAAA,CAAA;AAEtC,EACE,uBAAA,IAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,EAAA;AAAA,MACA,SAAA;AAAA,MACA,SAAS,MAAM,OAAA,CAAQ,CAAC,WAAA,KAAgB,CAAC,WAAW,CAAA;AAAA,MACnD,GAAG,WAAA;AAAA,MAEH,QAAA,EAAA;AAAA,QACC,KAAA,oBAAA,GAAA,CAAC,QAAK,GAAI,EAAA,OAAA,EAAQ,OAAM,QAAS,EAAA,IAAA,EAAK,SACnC,QACH,EAAA,KAAA,EAAA,CAAA;AAAA,wBAGF,IAAA;AAAA,UAAC,KAAA;AAAA,UAAA;AAAA,YACC,IAAA,EAAM,MAAM,SAAa,IAAA,WAAA;AAAA,YACzB,EAAA,EAAI,MAAM,OAAW,IAAA,QAAA;AAAA,YAErB,QAAA,EAAA;AAAA,8BAAC,GAAA,CAAA,cAAA,EAAA,EAAgB,gBAAM,KAAM,EAAA,CAAA;AAAA,8BAC7B,GAAA;AAAA,gBAAC,IAAA;AAAA,gBAAA;AAAA,kBACC,MAAO,EAAA,OAAA;AAAA,kBACP,KAAA,EAAO,MAAM,SAAa,IAAA,QAAA;AAAA,kBAC1B,IAAM,EAAA,EAAA;AAAA,kBACN,MAAA,EAAQ,OAAO,GAAM,GAAA,CAAA;AAAA,iBAAA;AAAA,eACvB;AAAA,aAAA;AAAA,WAAA;AAAA,SACF;AAAA,wBACA,GAAA,CAAC,kBAAe,IACd,EAAA,QAAA,kBAAA,GAAA,CAAC,QAAK,OAAS,EAAA,IAAA,EAAM,YAAc,EAAA,QAAA,EAAU,CAC/C,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,EAAA;AAOA,MAAM,QAAQ,MAAO,CAAA,GAAA;AAAA,EACnB,CAAC,EAAE,IAAM,EAAA,EAAA,EAAS,KAAA,GAAA,CAAA;AAAA,WACP,EAAA,KAAA,CAAM,MAAO,CAAA,IAAI,CAAC,CAAA;AAAA,sBACP,EAAA,KAAA,CAAM,MAAO,CAAA,EAAE,CAAC,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAA,CAAA;AAaxC,CAAA,CAAA;AAEA,MAAM,iBAAiB,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAQ9B,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAe5B,MAAM,iBAAiB,MAAO,CAAA,GAAA;AAAA,EAC5B,CAAC,EAAE,IAAA,EAAW,KAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,aAKD,EAAA,IAAA,GAAO,UAAU,MAAM,CAAA;AAAA,gBACpB,EAAA,IAAA,GAAO,UAAU,MAAM,CAAA;AAAA,sBACjB,EAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA,gBAC1B,EAAA,IAAA,GAAO,SAAS,QAAQ,CAAA;AAAA;AAAA;AAAA,EAAA,CAAA;AAI1C,CAAA;;;;"}

package/dist/ActionDropdown/List.js

@@ -30,3 +30,4 @@ const ListItem = styled.li`
 `;
 
 export { List };
+//# sourceMappingURL=List.js.map

package/dist/ActionDropdown/List.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"List.js","sources":["../../src/ActionDropdown/List.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport styled from 'styled-components'\n\nimport { Color, theme } from '../theme'\nimport { darken } from 'polished'\n\nexport type ActionListItem = {\n  label: string\n  value: string\n  bgColor?: Color\n  textColor?: Color\n}\n\ntype Props = {\n  options: ActionListItem[]\n  selectOption: (option: ActionListItem) => void\n}\n\nexport const List: FC<Props> = ({ options, selectOption }) => (\n  <Container>\n    {options.map((option) => (\n      <ListItem key={option.value} onClick={() => selectOption(option)}>\n        {option.label}\n      </ListItem>\n    ))}\n  </Container>\n)\n\nconst Container = styled.ul`\n  padding: 0;\n  margin: 0;\n  max-height: 188px;\n`\n\nconst ListItem = styled.li`\n  padding: 16px 24px;\n  text-align: left;\n  overflow: hidden;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n  box-sizing: border-box;\n  font-size: 14px;\n  cursor: pointer;\n  color: ${theme.colors.liquorice};\n\n  &:hover {\n    background-color: ${darken(0.1, theme.colors.custard)};\n  }\n\n  &:last-child {\n    border-bottom: none;\n  }\n`\n"],"names":[],"mappings":";;;;;AAkBa,MAAA,IAAA,GAAkB,CAAC,EAAE,OAAS,EAAA,YAAA,uBACxC,GAAA,CAAA,SAAA,EAAA,EACE,QAAQ,EAAA,OAAA,CAAA,GAAA,CAAI,CAAC,MAAA,yBACX,QAA4B,EAAA,EAAA,OAAA,EAAS,MAAM,YAAA,CAAa,MAAM,CAAA,EAC5D,iBAAO,KADK,EAAA,EAAA,MAAA,CAAO,KAEtB,CACD,CACH,EAAA,EAAA;AAGF,MAAM,YAAY,MAAO,CAAA,EAAA,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAMzB,MAAM,WAAW,MAAO,CAAA,EAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,SASb,EAAA,KAAA,CAAM,OAAO,SAAS,CAAA;AAAA;AAAA;AAAA,sBAAA,EAGT,MAAO,CAAA,GAAA,EAAK,KAAM,CAAA,MAAA,CAAO,OAAO,CAAC,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;;;"}

package/dist/Banner/BannerContainer.js

@@ -50,3 +50,4 @@ const BannerWrapper = styled.div`
 `;
 
 export { BannerContainer, BannerContext, useBannerContext };
+//# sourceMappingURL=BannerContainer.js.map

package/dist/Banner/BannerContainer.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerContainer.js","sources":["../../src/Banner/BannerContainer.tsx"],"sourcesContent":["import React, {\n  createContext,\n  FC,\n  useState,\n  useCallback,\n  ReactNode,\n  useContext,\n} from 'react'\nimport styled from 'styled-components'\nimport { BannerItem } from './BannerItem'\nimport { CreateBanner, Banner, BannerContextType } from './types'\n\nexport const BannerContext = createContext<BannerContextType>({\n  addBanner: () => {\n    throw new Error('Please add the BannerContainer to your application')\n  },\n})\n\nexport const useBannerContext = () => useContext(BannerContext)\n\nexport const BannerContainer: FC<{ children?: ReactNode }> = ({ children }) => {\n  let bannerId = 0\n  const [banner, setBanner] = useState<Banner[]>([])\n\n  // create banner unique ID\n  const newBannerId = useCallback(() => {\n    const newId = `MM_BANNER_${bannerId}`\n    bannerId++\n    return newId\n  }, [bannerId])\n\n  const addBanner = (banner: CreateBanner) => {\n    const newBanner = {\n      ...banner,\n      id: newBannerId(),\n    }\n    setBanner([newBanner])\n  }\n\n  const deleteBanner = (id: string) => {\n    setBanner(banner.filter((banner) => banner.id !== id))\n  }\n\n  return (\n    <BannerContext.Provider\n      value={{\n        addBanner,\n      }}\n    >\n      {children}\n      <BannerWrapper>\n        {banner.map((banner) => (\n          <BannerItem key={banner.id} {...banner} deleteBanner={deleteBanner} />\n        ))}\n      </BannerWrapper>\n    </BannerContext.Provider>\n  )\n}\n\nconst BannerWrapper = styled.div`\n  position: fixed;\n  top: 0;\n  left: 0;\n  right: 0;\n  width: 100%;\n  z-index: 99;\n`\n"],"names":["banner"],"mappings":";;;;;AAYO,MAAM,gBAAgB,aAAiC,CAAA;AAAA,EAC5D,WAAW,MAAM;AACf,IAAM,MAAA,IAAI,MAAM,oDAAoD,CAAA,CAAA;AAAA,GACtE;AACF,CAAC,EAAA;AAEY,MAAA,gBAAA,GAAmB,MAAM,UAAA,CAAW,aAAa,EAAA;AAEvD,MAAM,eAAgD,GAAA,CAAC,EAAE,QAAA,EAAe,KAAA;AAC7E,EAAA,IAAI,QAAW,GAAA,CAAA,CAAA;AACf,EAAA,MAAM,CAAC,MAAQ,EAAA,SAAS,CAAI,GAAA,QAAA,CAAmB,EAAE,CAAA,CAAA;AAGjD,EAAM,MAAA,WAAA,GAAc,YAAY,MAAM;AACpC,IAAM,MAAA,KAAA,GAAQ,aAAa,QAAQ,CAAA,CAAA,CAAA;AACnC,IAAA,QAAA,EAAA,CAAA;AACA,IAAO,OAAA,KAAA,CAAA;AAAA,GACT,EAAG,CAAC,QAAQ,CAAC,CAAA,CAAA;AAEb,EAAM,MAAA,SAAA,GAAY,CAACA,OAAyB,KAAA;AAC1C,IAAA,MAAM,SAAY,GAAA;AAAA,MAChB,GAAGA,OAAAA;AAAA,MACH,IAAI,WAAY,EAAA;AAAA,KAClB,CAAA;AACA,IAAU,SAAA,CAAA,CAAC,SAAS,CAAC,CAAA,CAAA;AAAA,GACvB,CAAA;AAEA,EAAM,MAAA,YAAA,GAAe,CAAC,EAAe,KAAA;AACnC,IAAA,SAAA,CAAU,OAAO,MAAO,CAAA,CAACA,YAAWA,OAAO,CAAA,EAAA,KAAO,EAAE,CAAC,CAAA,CAAA;AAAA,GACvD,CAAA;AAEA,EACE,uBAAA,IAAA;AAAA,IAAC,aAAc,CAAA,QAAA;AAAA,IAAd;AAAA,MACC,KAAO,EAAA;AAAA,QACL,SAAA;AAAA,OACF;AAAA,MAEC,QAAA,EAAA;AAAA,QAAA,QAAA;AAAA,wBACA,GAAA,CAAA,aAAA,EAAA,EACE,QAAO,EAAA,MAAA,CAAA,GAAA,CAAI,CAACA,OACX,qBAAA,GAAA,CAAC,UAA4B,EAAA,EAAA,GAAGA,OAAQ,EAAA,YAAA,EAAA,EAAvBA,OAAO,CAAA,EAA4C,CACrE,CACH,EAAA,CAAA;AAAA,OAAA;AAAA,KAAA;AAAA,GACF,CAAA;AAEJ,EAAA;AAEA,MAAM,gBAAgB,MAAO,CAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;;;"}

package/dist/Banner/BannerItem.js

@@ -120,3 +120,4 @@ const UnderlinedText = styled(Text)`
 `;
 
 export { BannerItem };
+//# sourceMappingURL=BannerItem.js.map

package/dist/Banner/BannerItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BannerItem.js","sources":["../../src/Banner/BannerItem.tsx"],"sourcesContent":["import { Box } from '../Box'\nimport React, { FC } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Icon } from '../Icon'\nimport { Color, theme } from '../theme'\nimport { Text } from '../Text'\nimport { Banner } from './types'\nimport { useTimeout } from '../hooks'\n\ntype StylesItem = {\n  iconColor: Color\n  backgroundColor: string\n  textColor: Color\n}\n\ntype BannerType = 'upsell' | 'critical' | 'general' | 'success'\n\nconst styles: Record<BannerType, StylesItem> = {\n  upsell: {\n    iconColor: 'liquorice',\n    backgroundColor: theme.colors.marshmallowPink,\n    textColor: 'liquorice',\n  },\n  critical: {\n    iconColor: 'mascarpone',\n    backgroundColor: theme.colors.strawberry,\n    textColor: 'mascarpone',\n  },\n  general: {\n    iconColor: 'mascarpone',\n    backgroundColor: theme.colors.liquorice,\n    textColor: 'mascarpone',\n  },\n  success: {\n    iconColor: 'mascarpone',\n    backgroundColor: theme.colors.apple,\n    textColor: 'mascarpone',\n  },\n}\n\ninterface Props extends Banner {\n  deleteBanner: (id: string) => void\n}\n\nexport const BannerItem: FC<Props> = ({\n  type,\n  autoCloseTime = 4,\n  id,\n  message,\n  topOffset,\n  exploreAction,\n  showExploreText,\n  showExploreIcon,\n  leadingIcon,\n  canManuallyClose,\n  showCloseIcon,\n  deleteBanner,\n  noTimeout,\n}) => {\n  const autoCloseBaner = () => {\n    if (noTimeout) return\n    if (type !== 'critical') return deleteBanner(id)\n    else {\n      return\n    }\n  }\n  useTimeout(() => autoCloseBaner(), autoCloseTime * 1000)\n\n  const textColor = styles[type].textColor\n  const iconColor = styles[type].iconColor\n\n  return (\n    <BannerWrapper\n      p=\"24px\"\n      mt={{ custom: topOffset }}\n      key={id}\n      flex\n      justifyContent=\"space-between\"\n      type={type}\n    >\n      <Box flex alignItems=\"center\">\n        {leadingIcon && (\n          <Icon mr=\"12px\" render={leadingIcon} size={24} color={iconColor} />\n        )}\n        <Text typo=\"headline-small\" color={textColor}>\n          {message}\n        </Text>\n      </Box>\n      <Box flex alignItems=\"center\">\n        {canManuallyClose && (\n          <GenericButton\n            onClick={() => deleteBanner(id)}\n            aria-label={`close banner ${message}`}\n          >\n            {showCloseIcon ? (\n              <Icon render=\"cross\" size={16} color={iconColor} />\n            ) : (\n              <UnderlinedText tag=\"span\" typo=\"desc-medium\" color={textColor}>\n                Dismiss\n              </UnderlinedText>\n            )}\n          </GenericButton>\n        )}\n        {exploreAction && (\n          <GenericButton onClick={exploreAction} aria-label={`cta ${message}`}>\n            <Box flex alignItems=\"center\">\n              {showExploreText && (\n                <UnderlinedText\n                  ml=\"12px\"\n                  tag=\"span\"\n                  typo=\"desc-medium\"\n                  color={textColor}\n                >\n                  Explore\n                </UnderlinedText>\n              )}\n              {showExploreIcon && (\n                <Icon\n                  render=\"arrow\"\n                  ml=\"12px\"\n                  size={24}\n                  color={iconColor}\n                  rotate={180}\n                />\n              )}\n            </Box>\n          </GenericButton>\n        )}\n      </Box>\n    </BannerWrapper>\n  )\n}\n\nconst BannerWrapper = styled(Box)<{ type: BannerType }>(\n  ({ type }) => css`\n    border-radius: 0px 0px 16px 16px;\n    background-color: ${styles[type].backgroundColor};\n  `,\n)\n\nconst GenericButton = styled.button`\n  cursor: pointer;\n`\n\nconst UnderlinedText = styled(Text)`\n  text-decoration: underline;\n`\n"],"names":[],"mappings":"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"}

package/dist/Banner/hooks.js

@@ -6,3 +6,4 @@ const useBanner = () => {
 };
 
 export { useBanner };
+//# sourceMappingURL=hooks.js.map

package/dist/Banner/hooks.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hooks.js","sources":["../../src/Banner/hooks.ts"],"sourcesContent":["import { useBannerContext } from './BannerContainer'\n\nexport const useBanner = () => {\n  const { addBanner } = useBannerContext()\n\n  return { addBanner }\n}\n"],"names":[],"mappings":";;AAEO,MAAM,YAAY,MAAM;AAC7B,EAAM,MAAA,EAAE,SAAU,EAAA,GAAI,gBAAiB,EAAA,CAAA;AAEvC,EAAA,OAAO,EAAE,SAAU,EAAA,CAAA;AACrB;;;;"}

package/dist/Box/Box.js

@@ -11,3 +11,4 @@ const Box = styled.div`
 `;
 
 export { Box };
+//# sourceMappingURL=Box.js.map

package/dist/Box/Box.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Box.js","sources":["../../src/Box/Box.tsx"],"sourcesContent":["import styled from 'styled-components'\n\nimport { flex, FlexProps } from '../utils/flex'\nimport { measure, MeasureProps } from '../utils/measure'\nimport { margin, padding, MarginProps, PaddingProps } from '../utils/space'\n\nexport type BoxProps = MarginProps & PaddingProps & FlexProps & MeasureProps\n\nexport const Box = styled.div<BoxProps>`\n  ${margin};\n  ${padding};\n  ${flex};\n  ${measure};\n`\n"],"names":[],"mappings":";;;;;AAQO,MAAM,MAAM,MAAO,CAAA,GAAA,CAAA;AAAA,EAAA,EACtB,MAAM,CAAA;AAAA,EAAA,EACN,OAAO,CAAA;AAAA,EAAA,EACP,IAAI,CAAA;AAAA,EAAA,EACJ,OAAO,CAAA;AAAA;;;;"}

package/dist/BrandCard/BrandCard.js

@@ -83,3 +83,4 @@ const Visual = styled(Box)`
 `;
 
 export { BrandCard };
+//# sourceMappingURL=BrandCard.js.map

package/dist/BrandCard/BrandCard.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"BrandCard.js","sources":["../../src/BrandCard/BrandCard.tsx"],"sourcesContent":["import React, { FC, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { MarginProps } from '../utils/space'\nimport { Color, theme } from '../theme'\nimport { Box } from '../Box'\nimport { Text } from '../Text'\n\nexport type BrandCardProps = {\n  /** generic card title */\n  title: string\n  /** generic card body */\n  body: string\n  /** card image */\n  visual: string\n  /** alignment of the image */\n  alignVisual?: 'left' | 'right'\n  /** height of the image, leave this blank for 100% */\n  visualHeight?: string\n  /** render image at bottom of card */\n  visualBottom?: boolean\n  bgColour: Color\n  /** card tag */\n  tag?: ReactNode\n  /** primary button */\n  buttonAction?: ReactNode\n  /** fallback color scheme */\n  fallbackStyle?: boolean\n  /** margin */\n  maxWidth?: string\n} & MarginProps\n\nexport const BrandCard: FC<BrandCardProps> = ({\n  title,\n  body,\n  visual,\n  visualHeight = '',\n  alignVisual,\n  visualBottom,\n  tag,\n  buttonAction,\n  fallbackStyle = false,\n  bgColour = 'matcha',\n  maxWidth = '',\n  ...otherProps\n}) => {\n  return (\n    <Container\n      maxWidth={maxWidth}\n      visual={visual}\n      fallbackStyle={fallbackStyle}\n      bgColor={bgColour}\n      {...otherProps}\n    >\n      {tag && <TagWrapper>{tag}</TagWrapper>}\n      {visual && !visualBottom && (\n        <VisualWrapper visualHeight={visualHeight}>\n          <Visual\n            visualUrl={visual}\n            visualHeight={visualHeight}\n            alignVisual={alignVisual}\n          />\n        </VisualWrapper>\n      )}\n      <Box flex alignItems=\"center\" justifyContent=\"space-between\" mt=\"16px\">\n        <Box flex alignItems=\"center\">\n          <Box>\n            {title && (\n              <Text typo=\"hero-alternate\" color=\"liquorice\">\n                {title}\n              </Text>\n            )}\n            {body && (\n              <Text typo=\"body-regular\" color=\"liquorice\">\n                {body}\n              </Text>\n            )}\n          </Box>\n        </Box>\n      </Box>\n      {buttonAction && <Box mt=\"16px\">{buttonAction}</Box>}\n      {visual && visualBottom && (\n        <VisualWrapper visualHeight={visualHeight} mt=\"16px\">\n          <Visual\n            visualUrl={visual}\n            visualHeight={visualHeight}\n            alignVisual={alignVisual}\n          />\n        </VisualWrapper>\n      )}\n    </Container>\n  )\n}\n\nconst Container = styled(Box)<{\n  visual?: string\n  fallbackStyle?: boolean\n  bgColor: Color\n}>`\n  background: ${({ fallbackStyle, bgColor }) =>\n    fallbackStyle ? theme.colors.cream : theme.colors[bgColor]};\n  box-sizing: border-box;\n  border-radius: 16px 16px 0px 0px;\n\n  padding: 16px;\n  position: relative;\n  overflow: hidden;\n`\n\nconst TagWrapper = styled(Box)`\n  position: absolute;\n  top: 16px;\n  right: 16px;\n`\n\nconst VisualWrapper = styled(Box)<{ visualHeight: string }>`\n  width: 100%;\n\n  ${({ visualHeight }) => visualHeight && `height: ${visualHeight};`}\n`\n\nconst Visual = styled(Box)<{\n  visualUrl: string\n  visualHeight: string\n  alignVisual?: string\n}>`\n  width: 100%;\n  background-image: url('${(p) => p.visualUrl}');\n  background-size: contain;\n  background-repeat: no-repeat;\n  background-position: ${({ alignVisual }) =>\n    alignVisual ? alignVisual : 'left'};\n\n  ${({ visualHeight }) =>\n    visualHeight ? `height: ${visualHeight};` : 'padding-top: 100%;'}\n`\n"],"names":[],"mappings":"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"}

package/dist/Button/Button.js

@@ -190,3 +190,4 @@ const ChildrenContainer = styled.div`
 `;
 
 export { Button };
+//# sourceMappingURL=Button.js.map

package/dist/Button/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sources":["../../src/Button/Button.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, FC, ReactNode, forwardRef } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Icons } from 'Icon/iconsList'\nimport { Box } from '../Box'\nimport { Icon as IconComponent } from '../Icon'\n\nimport { Loader } from '../Loader'\nimport { theme } from '../theme'\nimport { focusOutlineStyle } from '../utils/focusOutline'\nimport { MarginProps } from '../utils/space'\n\ntype Props = {\n  children: ReactNode\n  id?: string\n  className?: string\n  disabled?: boolean\n  handleClick?: (e: React.FormEvent<HTMLButtonElement>) => void\n  loading?: boolean\n  primary?: boolean\n  secondary?: boolean\n  fallbackStyle?: boolean\n  textBtn?: boolean\n  smallButton?: boolean\n  icon?: Icons\n  trailingIcon?: boolean\n  forcedWidth?: string\n  form?: string\n}\n\nexport type ButtonProps = Props &\n  MarginProps &\n  Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color'>\n\nexport const Button: FC<ButtonProps> = forwardRef<\n  HTMLButtonElement,\n  ButtonProps\n>((props, ref) => {\n  const {\n    children,\n    id,\n    className = '',\n    disabled = false,\n    handleClick,\n    loading = false,\n    primary = false,\n    secondary = false,\n    fallbackStyle = false,\n    textBtn = false,\n    smallButton = false,\n    icon,\n    trailingIcon = false,\n    forcedWidth = '',\n    form,\n    type,\n    ...otherProps\n  } = props\n\n  return (\n    <Container\n      as=\"button\"\n      id={id}\n      className={className}\n      disabled={disabled || loading}\n      onClick={handleClick}\n      $loading={loading}\n      primary={primary}\n      secondary={secondary}\n      fallbackStyle={fallbackStyle}\n      textBtn={textBtn}\n      smallButton={smallButton}\n      icon={icon}\n      trailingIcon={trailingIcon}\n      forcedWidth={forcedWidth}\n      {...(form ? { form } : {})}\n      type={type}\n      {...otherProps}\n      ref={ref}\n    >\n      {loading && (\n        <LoaderContainer>\n          <Loader color={'liquorice'} height=\"16\" />\n        </LoaderContainer>\n      )}\n      <ContentContainer icon={icon} $loading={loading}>\n        {!trailingIcon && icon && (\n          <IconContainer\n            trailingIcon={trailingIcon}\n            render={icon}\n            size={smallButton ? 16 : 24}\n            color={'liquorice'}\n          />\n        )}\n        <ChildrenContainer className=\"childrenContainer\">\n          {children}\n        </ChildrenContainer>\n        {trailingIcon && icon && textBtn && (\n          <IconContainer\n            trailingIcon={trailingIcon}\n            render={icon}\n            size={smallButton ? 16 : 24}\n            color={'liquorice'}\n            className=\"iconContainer\"\n          />\n        )}\n      </ContentContainer>\n    </Container>\n  )\n})\n\nButton.displayName = 'Button'\n\ntype IButton = Required<\n  Pick<\n    ButtonProps,\n    | 'disabled'\n    | 'primary'\n    | 'secondary'\n    | 'forcedWidth'\n    | 'fallbackStyle'\n    | 'textBtn'\n    | 'trailingIcon'\n    | 'smallButton'\n  >\n> & {\n  $loading: NonNullable<ButtonProps['loading']>\n  icon?: Icons\n}\n\nconst Container = styled(Box)<IButton>(\n  ({\n    disabled,\n    $loading,\n    primary,\n    secondary,\n    forcedWidth,\n    fallbackStyle,\n    textBtn,\n    smallButton,\n  }) => css`\n    position: relative;\n    background-color: ${theme.colors.marshmallowPink};\n    box-shadow: none;\n    color: ${theme.colors.liquorice};\n    padding: 0 20px;\n    outline: none;\n    border-radius: 10000px;\n    font-weight: ${theme.font.weight.medium};\n    cursor: ${disabled || $loading ? 'not-allowed' : 'pointer'};\n    line-height: 100%;\n    font-size: 16px;\n    opacity: ${disabled ? '0.5' : '1'};\n    width: ${forcedWidth ? forcedWidth : 'auto'};\n\n    ${focusOutlineStyle}\n\n    ${primary &&\n    css`\n      color: ${theme.colors.liquorice};\n\n      &:hover {\n        background-color: ${!(disabled || $loading) && theme.colors.bubblegum};\n      }\n      &:active {\n        background-color: ${theme.colors.lollipop};\n      }\n    `}\n    ${secondary &&\n    css`\n      background-color: ${theme.colors.oatmeal};\n\n      &:hover {\n        background-color: ${!(disabled || $loading) && theme.colors.mascarpone};\n      }\n      &:active {\n        background-color: ${theme.colors.custard};\n      }\n    `}\n  ${fallbackStyle &&\n    css`\n      background-color: ${theme.colors.cream};\n\n      &:hover {\n        background-color: ${!(disabled || $loading) && theme.colors.coconut};\n      }\n      &:active {\n        background-color: ${theme.colors.mascarpone};\n      }\n    `}\n  ${smallButton &&\n    css`\n      padding: 0 10px;\n      min-width: 54px;\n      font-size: 14px;\n\n      .childrenContainer {\n        padding: 9px 0;\n      }\n\n      span {\n        margin: 0 5px 0 0;\n      }\n    `}\n  ${textBtn &&\n    css`\n      background-color: transparent;\n      padding: 0;\n      border-radius: 0;\n      text-decoration: underline;\n\n      &:hover {\n        background-color: ${!(disabled || $loading) && theme.colors.fairyFloss};\n      }\n      &:active {\n        background-color: transparent;\n        color: ${theme.colors.sesame};\n      }\n    `}\n  `,\n)\n\nconst LoaderContainer = styled.div`\n  position: absolute;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n`\n\nconst ContentContainer = styled.div<\n  Pick<ButtonProps, 'icon'> & { $loading: boolean }\n>`\n  display: flex;\n  align-items: center;\n  justify-content: ${({ icon }) => (icon ? 'space-evenly' : 'center')};\n  opacity: ${({ $loading }) => ($loading ? '0' : '1')};\n`\n\nconst IconContainer = styled(IconComponent)<Pick<ButtonProps, 'trailingIcon'>>(\n  ({ trailingIcon }) => css`\n    margin: ${trailingIcon ? '0 0 0 10px' : '0 10px 0 0'};\n  `,\n)\n\nconst ChildrenContainer = styled.div`\n  padding: 16px 0;\n  flex-grow: 1;\n`\n"],"names":["IconComponent"],"mappings":"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"}

package/dist/Card/Card.js

@@ -122,3 +122,4 @@ const Visual = styled(Box)`
 `;
 
 export { Card };
+//# sourceMappingURL=Card.js.map

package/dist/Card/Card.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Card.js","sources":["../../src/Card/Card.tsx"],"sourcesContent":["import { darken } from 'polished'\nimport React, { FC, MouseEventHandler, ReactNode } from 'react'\nimport styled, { css } from 'styled-components'\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\nimport { Icons } from '../Icon/iconsList'\n\nimport { Text } from '../Text'\nimport { theme } from '../theme'\nimport { focusOutlineStyle } from '../utils/focusOutline'\nimport { MarginProps } from '../utils/space'\n\nexport type CardProps = {\n  children?: ReactNode\n  /** leading card icon */\n  leadingIcon?: Icons\n  /** generic card title */\n  title?: string\n  /** generic card body */\n  body?: string\n  /** card image */\n  visual?: string\n  /** height of the image */\n  visualHeight?: string\n  /** card tag */\n  tag?: ReactNode\n  /** action for a fully clickable card */\n  cardOnClickAction?: MouseEventHandler<HTMLDivElement>\n  /** action to the right of the card, chevron, chip or link text */\n  rightAction?: ReactNode\n  /** primary button */\n  buttonAction?: ReactNode\n  /** fallback color scheme */\n  fallbackStyle?: boolean\n  className?: string\n  /** margin */\n  maxWidth?: string\n  /** left-right margin */\n  marginX?: string\n  /** top-bottom margin */\n  marginY?: string\n  /** Narrow padding */\n  narrow?: boolean\n  /** Wide padding */\n  wide?: boolean\n} & MarginProps\n\nexport const Card: FC<CardProps> = ({\n  children,\n  leadingIcon,\n  title,\n  body,\n  visual,\n  tag,\n  cardOnClickAction,\n  rightAction,\n  buttonAction,\n  fallbackStyle = false,\n  visualHeight = '',\n  className = '',\n  maxWidth = '',\n  marginX = '',\n  marginY = '',\n  narrow = false,\n  wide = false,\n  ...otherProps\n}) => {\n  const addChildMargin = (!!leadingIcon || !!title || !!body) && children\n\n  const isNotClickable = !cardOnClickAction\n\n  return (\n    <Container\n      className={className}\n      maxWidth={maxWidth}\n      marginX={marginX}\n      marginY={marginY}\n      narrow={narrow}\n      wide={wide}\n      visual={visual}\n      fallbackStyle={fallbackStyle}\n      isNotClickable={isNotClickable}\n      onClick={cardOnClickAction}\n      tabIndex={isNotClickable ? undefined : 0}\n      {...otherProps}\n    >\n      {tag && visual && <TagWrapper>{tag}</TagWrapper>}\n      {visual && (\n        <VisualWrapper visualHeight={visualHeight}>\n          <Visual visualUrl={visual} visualHeight={visualHeight} />\n        </VisualWrapper>\n      )}\n      <Box p={visual ? '16px' : { custom: '0px' }}>\n        <Box flex alignItems=\"center\" justifyContent=\"space-between\">\n          <Box flex alignItems=\"center\">\n            {leadingIcon && (\n              <Icon\n                mr=\"12px\"\n                render={leadingIcon}\n                size={24}\n                color=\"liquorice\"\n              />\n            )}\n            <Box>\n              {title && (\n                <Text typo=\"headline-regular\" color=\"liquorice\">\n                  {title}\n                </Text>\n              )}\n              {body && (\n                <Text typo=\"body-regular\" color=\"sesame\">\n                  {body}\n                </Text>\n              )}\n            </Box>\n          </Box>\n          {rightAction && rightAction}\n        </Box>\n        <Box mt={addChildMargin ? '16px' : { custom: '0px' }}>{children}</Box>\n        {buttonAction && <Box mt=\"16px\">{buttonAction}</Box>}\n      </Box>\n    </Container>\n  )\n}\n\ntype ICard = Required<\n  Pick<\n    CardProps,\n    'maxWidth' | 'marginX' | 'marginY' | 'narrow' | 'wide' | 'fallbackStyle'\n  >\n> &\n  Partial<Pick<CardProps, 'visual'> & { isNotClickable: boolean }>\n\nconst Container = styled(Box)<ICard>`\n  background: ${({ fallbackStyle }) =>\n    fallbackStyle ? theme.colors.cream : theme.colors.custard};\n  box-sizing: border-box;\n  border-radius: 16px;\n\n  max-width: ${(p) => p.maxWidth};\n  margin-top: ${(p) => p.marginY};\n  margin-right: ${(p) => p.marginX};\n  margin-bottom: ${(p) => p.marginY};\n  margin-left: ${(p) => p.marginX};\n\n  padding: ${({ visual }) => (visual ? '0px' : '16px')};\n  position: relative;\n  overflow: hidden;\n\n  ${({ isNotClickable, fallbackStyle }) =>\n    !isNotClickable &&\n    css`\n      cursor: pointer;\n      &:hover {\n        background: ${darken(\n          0.1,\n          fallbackStyle ? theme.colors.cream : theme.colors.custard,\n        )};\n      }\n\n      ${focusOutlineStyle}\n    `};\n`\n\nconst TagWrapper = styled(Box)`\n  position: absolute;\n  top: 12px;\n  right: 12px;\n`\n\nconst VisualWrapper = styled(Box)<{ visualHeight: string }>`\n  width: 100%;\n  margin-top: -16px;\n\n  ${({ visualHeight }) => visualHeight && `height: ${visualHeight};`}\n`\n\nconst Visual = styled(Box)<{ visualUrl: string; visualHeight: string }>`\n  width: 100%;\n  background-image: url('${(p) => p.visualUrl}');\n  background-size: cover;\n  background-repeat: no-repeat;\n  background-position: center;\n\n  ${({ visualHeight }) =>\n    visualHeight ? `height: ${visualHeight};` : 'padding-top: 100%;'}\n`\n"],"names":[],"mappings":"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"}

package/dist/CheckBox/CheckBox.js

@@ -126,3 +126,4 @@ const ErrorBox = styled.span`
 `;
 
 export { CheckBox };
+//# sourceMappingURL=CheckBox.js.map

package/dist/CheckBox/CheckBox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBox.js","sources":["../../src/CheckBox/CheckBox.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react'\nimport styled from 'styled-components'\nimport { focusOutline } from '../utils/focusOutline'\n\nimport { Text } from '../Text'\nimport { theme } from '../theme'\nimport { useUniqueId } from '../utils/id'\n\nexport type CheckBoxProps = {\n  id?: string\n  checked: boolean\n  children: ReactNode\n  toggle: () => void\n  error?: boolean\n  errorMsg?: string\n}\n\nexport const CheckBox = forwardRef<HTMLInputElement, CheckBoxProps>(\n  function CheckBox(\n    { id: idProp, checked, children, toggle, error, errorMsg },\n    ref,\n  ) {\n    const id = useUniqueId(idProp)\n    return (\n      <>\n        <BoxContainer id={id}>\n          <Text\n            tag=\"span\"\n            typo=\"base\"\n            color={error ? 'strawberry' : 'liquorice'}\n          >\n            {children}\n          </Text>\n\n          <input\n            ref={ref}\n            type=\"checkbox\"\n            checked={checked}\n            onChange={toggle}\n          />\n          <Checkmark error={error} />\n        </BoxContainer>\n        {error && errorMsg && <ErrorBox>{errorMsg}</ErrorBox>}\n      </>\n    )\n  },\n)\n\nconst Checkmark = styled.span<{ error?: boolean }>`\n  position: absolute;\n  left: 0;\n  width: 24px;\n  height: 24px;\n  border: ${({ error }) =>\n    error\n      ? `solid 2px ${theme.colors.strawberry}`\n      : `solid 2px ${theme.colors.liquorice}`};\n  box-sizing: border-box;\n  border-radius: 1px;\n\n  &:before {\n    content: '';\n    position: absolute;\n    display: none;\n    top: 9px;\n    left: 5px;\n    width: 3px;\n    height: 8px;\n    border-radius: 4px;\n    background-color: ${theme.colors.cream};\n    -webkit-transform: rotate(316deg);\n    -ms-transform: rotate(316deg);\n    transform: rotate(316deg);\n  }\n\n  &:after {\n    content: '';\n    position: absolute;\n    display: none;\n    top: 3px;\n    left: 11px;\n    width: 3px;\n    height: 15px;\n    border-radius: 4px;\n    background-color: ${theme.colors.cream};\n    -webkit-transform: rotate(43deg);\n    -ms-transform: rotate(43deg);\n    transform: rotate(43deg);\n  }\n`\n\nconst BoxContainer = styled.label`\n  position: relative;\n  display: flex;\n  align-items: flex-start;\n  padding-left: 32px;\n  user-select: none;\n  cursor: pointer;\n\n  input {\n    position: absolute;\n    opacity: 0;\n    cursor: pointer;\n    background-color: ${theme.colors.cream};\n\n    &:checked ~ ${Checkmark} {\n      background-color: ${theme.colors.liquorice};\n      border: solid 2px ${theme.colors.liquorice};\n    }\n\n    &:checked ~ ${Checkmark}:before {\n      display: block;\n    }\n\n    &:checked ~ ${Checkmark}:after {\n      display: block;\n    }\n\n    ${focusOutline({ selector: `&:focus-visible ~ ${Checkmark}` })}\n  }\n\n  &:hover {\n    ${Checkmark} {\n      background-color: ${theme.colors.coconut};\n      border: solid 2px ${theme.colors.liquorice};\n    }\n  }\n\n  @media (min-width: 768px) {\n    padding-left: 32px;\n  }\n\n  span {\n    border-radius: 6px;\n  }\n`\n\nconst ErrorBox = styled.span`\n  padding-top: 8px;\n  font-size: 12px;\n  color: ${theme.colors.strawberry};\n`\n"],"names":["CheckBox"],"mappings":";;;;;;;;AAiBO,MAAM,QAAW,GAAA,UAAA;AAAA,EACtB,SAASA,SACP,CAAA,EAAE,EAAI,EAAA,MAAA,EAAQ,OAAS,EAAA,QAAA,EAAU,MAAQ,EAAA,KAAA,EAAO,QAAS,EAAA,EACzD,GACA,EAAA;AACA,IAAM,MAAA,EAAA,GAAK,YAAY,MAAM,CAAA,CAAA;AAC7B,IAAA,uBAEI,IAAA,CAAA,QAAA,EAAA,EAAA,QAAA,EAAA;AAAA,sBAAA,IAAA,CAAC,gBAAa,EACZ,EAAA,QAAA,EAAA;AAAA,wBAAA,GAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YACC,GAAI,EAAA,MAAA;AAAA,YACJ,IAAK,EAAA,MAAA;AAAA,YACL,KAAA,EAAO,QAAQ,YAAe,GAAA,WAAA;AAAA,YAE7B,QAAA;AAAA,WAAA;AAAA,SACH;AAAA,wBAEA,GAAA;AAAA,UAAC,OAAA;AAAA,UAAA;AAAA,YACC,GAAA;AAAA,YACA,IAAK,EAAA,UAAA;AAAA,YACL,OAAA;AAAA,YACA,QAAU,EAAA,MAAA;AAAA,WAAA;AAAA,SACZ;AAAA,wBACA,GAAA,CAAC,aAAU,KAAc,EAAA,CAAA;AAAA,OAC3B,EAAA,CAAA;AAAA,MACC,KAAS,IAAA,QAAA,oBAAa,GAAA,CAAA,QAAA,EAAA,EAAU,QAAS,EAAA,QAAA,EAAA,CAAA;AAAA,KAC5C,EAAA,CAAA,CAAA;AAAA,GAEJ;AACF,EAAA;AAEA,MAAM,YAAY,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAAA,EAKb,CAAC,EAAE,KAAM,EAAA,KACjB,QACI,CAAa,UAAA,EAAA,KAAA,CAAM,MAAO,CAAA,UAAU,CACpC,CAAA,GAAA,CAAA,UAAA,EAAa,KAAM,CAAA,MAAA,CAAO,SAAS,CAAE,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAarB,EAAA,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAelB,EAAA,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAO1C,MAAM,eAAe,MAAO,CAAA,KAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAYJ,EAAA,KAAA,CAAM,OAAO,KAAK,CAAA;AAAA;AAAA,gBAAA,EAExB,SAAS,CAAA;AAAA,wBACD,EAAA,KAAA,CAAM,OAAO,SAAS,CAAA;AAAA,wBACtB,EAAA,KAAA,CAAM,OAAO,SAAS,CAAA;AAAA;AAAA;AAAA,gBAAA,EAG9B,SAAS,CAAA;AAAA;AAAA;AAAA;AAAA,gBAAA,EAIT,SAAS,CAAA;AAAA;AAAA;AAAA;AAAA,IAAA,EAIrB,aAAa,EAAE,QAAA,EAAU,qBAAqB,SAAS,CAAA,CAAA,EAAI,CAAC,CAAA;AAAA;AAAA;AAAA;AAAA,IAAA,EAI5D,SAAS,CAAA;AAAA,wBACW,EAAA,KAAA,CAAM,OAAO,OAAO,CAAA;AAAA,wBACpB,EAAA,KAAA,CAAM,OAAO,SAAS,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAAA;AAahD,MAAM,WAAW,MAAO,CAAA,IAAA,CAAA;AAAA;AAAA;AAAA,SAGb,EAAA,KAAA,CAAM,OAAO,UAAU,CAAA;AAAA,CAAA;;;;"}

package/dist/CheckBoxGroup/CheckBoxGroup.js

@@ -25,3 +25,4 @@ const Container = styled(Box)`
 `;
 
 export { CheckBoxGroup };
+//# sourceMappingURL=CheckBoxGroup.js.map

package/dist/CheckBoxGroup/CheckBoxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CheckBoxGroup.js","sources":["../../src/CheckBoxGroup/CheckBoxGroup.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport styled from 'styled-components'\n\nimport { Box } from '../Box'\nimport { CheckBox } from '../CheckBox'\nimport { MarginProps } from '../utils/space'\n\ntype Item = {\n  id: number\n  label: string\n  checked: boolean\n}\n\ntype CheckBoxGroupProps = {\n  list: Item[]\n  onToggle: (id: number) => void\n} & MarginProps\n\nexport const CheckBoxGroup: FC<CheckBoxGroupProps> = ({\n  list,\n  onToggle,\n  ...marginProps\n}) => (\n  <Container>\n    {list.map((item) => (\n      <CheckBox\n        key={item.id}\n        id={String(item.id)}\n        checked={item.checked}\n        toggle={() => onToggle(item.id)}\n        {...marginProps}\n      >\n        {item.label}\n      </CheckBox>\n    ))}\n  </Container>\n)\n\nconst Container = styled(Box)`\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n`\n"],"names":[],"mappings":";;;;;AAkBO,MAAM,gBAAwC,CAAC;AAAA,EACpD,IAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG,WAAA;AACL,CAAA,qBACG,GAAA,CAAA,SAAA,EAAA,EACE,QAAK,EAAA,IAAA,CAAA,GAAA,CAAI,CAAC,IACT,qBAAA,GAAA;AAAA,EAAC,QAAA;AAAA,EAAA;AAAA,IAEC,EAAA,EAAI,MAAO,CAAA,IAAA,CAAK,EAAE,CAAA;AAAA,IAClB,SAAS,IAAK,CAAA,OAAA;AAAA,IACd,MAAQ,EAAA,MAAM,QAAS,CAAA,IAAA,CAAK,EAAE,CAAA;AAAA,IAC7B,GAAG,WAAA;AAAA,IAEH,QAAK,EAAA,IAAA,CAAA,KAAA;AAAA,GAAA;AAAA,EAND,IAAK,CAAA,EAAA;AAOZ,CACD,CACH,EAAA,EAAA;AAGF,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA,CAAA;AAAA;AAAA;AAAA;AAAA,CAAA;;;;"}

package/dist/Chip/Chip.js

@@ -85,3 +85,4 @@ const ChildrenContainer = styled.div`
 `;
 
 export { Chip };
+//# sourceMappingURL=Chip.js.map

package/dist/Chip/Chip.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Chip.js","sources":["../../src/Chip/Chip.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes, FC, ReactNode, forwardRef } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Box } from '../Box'\nimport { Icon as IconComponent } from '../Icon'\nimport { Icons } from '../Icon/iconsList'\n\nimport { Loader } from '../Loader'\nimport { theme } from '../theme'\nimport { focusOutline } from '../utils/focusOutline'\nimport { MarginProps } from '../utils/space'\n\ninterface IButton {\n  primary: boolean\n  secondary: boolean\n  icon?: Icons\n  $loading: boolean\n  disabled: boolean\n}\n\ntype Props = {\n  children: ReactNode\n  handleClick: (e: React.FormEvent<HTMLButtonElement>) => void\n  primary?: boolean\n  secondary?: boolean\n  icon?: Icons\n  disabled?: boolean\n  loading?: boolean\n} & MarginProps\n\nexport type ChipProps = Props & ButtonHTMLAttributes<HTMLButtonElement>\n\nexport const Chip: FC<ChipProps> = forwardRef<HTMLButtonElement, ChipProps>(\n  (\n    {\n      children,\n      handleClick,\n      primary = false,\n      secondary = false,\n      disabled = false,\n      loading = false,\n      icon,\n      ...props\n    },\n    ref,\n  ) => (\n    <Container\n      as=\"button\"\n      primary={primary}\n      secondary={secondary}\n      disabled={disabled || loading}\n      $loading={loading}\n      onClick={handleClick}\n      icon={icon}\n      {...props}\n      ref={ref}\n    >\n      {loading ? (\n        <Loader color={primary ? 'liquorice' : 'cream'} height=\"16\" />\n      ) : (\n        <>\n          {icon && (\n            <IconComponent\n              render={icon}\n              size={20}\n              color={primary ? 'liquorice' : 'cream'}\n            />\n          )}\n          <ChildrenContainer>{children}</ChildrenContainer>\n        </>\n      )}\n    </Container>\n  ),\n)\n\nChip.displayName = 'Chip'\n\nconst Container = styled(Box)<IButton>(\n  ({ primary, secondary, icon, $loading, disabled }) => css`\n    ${focusOutline()}\n\n    align-items: center;\n    background-color: ${theme.colors.oatmeal};\n    border-radius: 100px;\n    border: 2px solid ${theme.colors.oatmeal};\n    color: ${theme.colors.liquorice};\n    display: flex;\n    font-size: 16px;\n    justify-content: ${icon ? 'space-evenly' : 'center'};\n    line-height: 100%;\n    padding: 8px 16px 8px ${icon ? '8px' : '16px'};\n    width: 98px;\n    min-height: 40px;\n    cursor: ${disabled || $loading ? 'not-allowed' : 'pointer'};\n    opacity: ${disabled ? '0.5' : '1'};\n\n    ${primary &&\n    css`\n      &:hover {\n        border: ${!(disabled || $loading) &&\n        `2px solid ${theme.colors.mascarpone}`};\n        background-color: ${!(disabled || $loading) && theme.colors.mascarpone};\n      }\n    `}\n    ${secondary &&\n    css`\n      color: ${theme.colors.cream};\n      background-color: ${theme.colors.liquorice};\n      border: 2px solid ${theme.colors.liquorice};\n      &:hover {\n        border: ${!(disabled || $loading) &&\n        `2px solid ${theme.colors.sesame}`};\n        background-color: ${!(disabled || $loading) && theme.colors.sesame};\n      }\n    `};\n  `,\n)\n\nconst ChildrenContainer = styled.div`\n  flex-grow: 1;\n`\n"],"names":["IconComponent"],"mappings":"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"}

package/dist/CurrencyInput/CurrencyInput.js

@@ -88,3 +88,4 @@ const CurrencyInput = forwardRef(function CurrencyInput2({
 });
 
 export { CurrencyInput };
+//# sourceMappingURL=CurrencyInput.js.map

package/dist/CurrencyInput/CurrencyInput.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CurrencyInput.js","sources":["../../src/CurrencyInput/CurrencyInput.tsx"],"sourcesContent":["import React, { FocusEvent, FormEvent, forwardRef, ForwardedRef } from 'react'\n\nimport { Box } from '../Box'\nimport { Field } from '../fields/Field'\nimport { CommonFieldProps } from '../fields/commonFieldTypes'\n\nimport { useUniqueId } from '../utils/id'\nimport { Input, StyledFrontIcon } from '../fields/components/CommonInput'\n\nexport interface Props extends CommonFieldProps {\n  placeholder: string\n  name?: string\n  value: string\n  decimalNumber?: boolean\n  onBlur?: (e: FocusEvent<HTMLInputElement>) => void\n  min?: number\n  max?: number\n}\n\n/** on change or on input required */\ntype InputProps =\n  | {\n      /** on change is required and on input optional */\n      onChange: (e: string) => void\n      onInputChange?: (e: FormEvent<HTMLInputElement>) => void\n    }\n  | {\n      /** on input is required and on change optional */\n      onChange?: (e: string) => void\n      onInputChange: (e: FormEvent<HTMLInputElement>) => void\n    }\n\nexport type CurrencyInputProps = Props & InputProps\n\nexport const CurrencyInput = forwardRef(function CurrencyInput(\n  {\n    id: idProp,\n    placeholder,\n    name,\n    value,\n    decimalNumber = true,\n    onChange,\n    onInputChange,\n    onBlur,\n    min,\n    max,\n    disabled = false,\n    error = false,\n    fallbackStyle,\n    ...fieldProps\n  }: CurrencyInputProps,\n  ref: ForwardedRef<HTMLInputElement>,\n) {\n  const id = useUniqueId(idProp)\n  const frontIcon = 'pound-regular'\n\n  const formatCurrency = (value: string) => {\n    const decimalIndex = value.indexOf('.')\n\n    if (!decimalNumber) {\n      return Math.trunc(Number(value)).toString()\n    }\n\n    if (decimalIndex >= 0 && value.length > decimalIndex + 1) {\n      const fractionalString = value.substring(decimalIndex + 1).substring(0, 2)\n      return `${value.substring(0, decimalIndex)}.${fractionalString}`\n    } else {\n      return value\n    }\n  }\n\n  const applyMinMax = (value: string) => {\n    const numberValue = Number(value)\n    if (min && numberValue < min) return min.toString()\n    if (max && numberValue > max) return max.toString()\n    return value\n  }\n\n  const handleChange = (value: string) => {\n    if (onChange === undefined) return\n    const EMPTY_INPUT = ''\n\n    if (value === EMPTY_INPUT) {\n      onChange(value)\n    } else {\n      const amount = formatCurrency(value)\n      const normalisedValue = applyMinMax(amount)\n\n      onChange(normalisedValue)\n    }\n  }\n\n  return (\n    <Field {...fieldProps} htmlFor={id} error={error}>\n      <Box flex alignItems=\"center\" justifyContent=\"flex-start\">\n        <StyledFrontIcon\n          disabled={disabled}\n          render={frontIcon}\n          color=\"sesame\"\n        />\n        <Input\n          ref={ref}\n          error={error}\n          disabled={disabled}\n          type=\"number\"\n          id={id}\n          name={name}\n          placeholder={placeholder}\n          value={value}\n          frontIcon={frontIcon}\n          fallbackStyle={fallbackStyle}\n          onChange={(e: FormEvent<HTMLInputElement>) => {\n            onChange && handleChange(e.currentTarget.value)\n            onInputChange && onInputChange(e)\n          }}\n          onBlur={onBlur}\n        />\n      </Box>\n    </Field>\n  )\n})\n"],"names":["CurrencyInput","value"],"mappings":"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"}

package/dist/Datepicker/Datepicker.js

@@ -176,3 +176,4 @@ const Circle = styled.button`
 `;
 
 export { Datepicker };
+//# sourceMappingURL=Datepicker.js.map

package/dist/Datepicker/Datepicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Datepicker.js","sources":["../../src/Datepicker/Datepicker.tsx"],"sourcesContent":["import {\n  addDays,\n  eachMonthOfInterval,\n  format,\n  getDaysInMonth,\n  getMonth,\n  getYear,\n  isSameDay,\n  isSameMonth,\n  isWeekend,\n  isWithinInterval,\n} from 'date-fns'\nimport React, { FC, useState } from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\nimport { Text } from '../Text'\nimport { theme } from '../theme'\n\nimport { convertToUkDate } from '../utils/date'\nimport { focusOutlineStyle } from '../utils/focusOutline'\nimport { MarginProps } from '../utils/space'\nimport { useControllableState } from '../utils/useControlledState'\nimport { DatesList } from './DatesList'\n\nconst getAvailableMonths = (startDate: Date, endDate: Date) => {\n  const monthList = eachMonthOfInterval({\n    start: startDate,\n    end: endDate,\n  })\n\n  return monthList.map((monthDate) => ({\n    date: monthDate,\n    label: format(monthDate, 'MMMM'),\n  }))\n}\n\nexport type DatepickerProps = {\n  showDayLabels?: boolean\n  disableWeekend?: boolean\n  fromDate?: Date\n  endingDate?: Date\n  showYear?: boolean\n  showSelectedDate?: boolean\n  range?: number\n  onDateSelect: (date: string) => void\n  onChange?: (value: Date) => void\n  value?: Date\n  fallbackStyle?: boolean\n} & MarginProps\n\nexport const Datepicker: FC<DatepickerProps> = ({\n  showDayLabels = false,\n  disableWeekend = true,\n  range = 14,\n  fromDate = new Date(),\n  endingDate,\n  showYear = false,\n  showSelectedDate = false,\n  onDateSelect,\n  onChange,\n  value,\n  fallbackStyle = false,\n  ...marginProps\n}) => {\n  // We want to make sure that the date is in the UK timezone,\n  // this might need to be revisit when opening up to new countries\n  const startDate = convertToUkDate(fromDate)\n  const endDate = endingDate ? endingDate : addDays(startDate, range)\n  const availableMonths = getAvailableMonths(startDate, endDate)\n\n  const selectedDate = value ?? new Date()\n\n  const [activeDay, setActiveDay] = useControllableState({\n    initialState: undefined,\n    stateProp: value,\n  })\n  const [activeMonthIndex, setActiveMonth] = useState(\n    showSelectedDate\n      ? availableMonths.findIndex((month) =>\n          isSameMonth(month.date, selectedDate),\n        )\n      : 0,\n  )\n\n  const handleSelectEvent = (date: Date) => {\n    setActiveDay(date)\n    onChange?.(date)\n    onDateSelect(format(date, 'yyyy-MM-dd'))\n  }\n\n  const generateDaysForMonth = (monthDate: Date) => {\n    const daysInMonth = getDaysInMonth(monthDate)\n    const month = getMonth(monthDate)\n    const year = getYear(monthDate)\n    const filteredDays = []\n\n    for (let i = 1; i <= daysInMonth; i += 1) {\n      const date = new Date(year, month, i)\n\n      filteredDays.push({\n        date,\n        label: format(date, 'dd'),\n        active: activeDay ? isSameDay(date, activeDay) : false,\n        disabled:\n          !isWithinInterval(date, { start: startDate, end: endDate }) ||\n          (disableWeekend && isWeekend(date)),\n      })\n    }\n\n    return filteredDays\n  }\n\n  return (\n    <Container id=\"datepicker\" {...marginProps} fallbackStyle={fallbackStyle}>\n      <Header\n        flex\n        alignItems=\"center\"\n        justifyContent=\"space-between\"\n        direction=\"row\"\n      >\n        <Circle\n          type=\"button\"\n          disabled={activeMonthIndex === 0}\n          onClick={() => setActiveMonth(activeMonthIndex - 1)}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              setActiveMonth(activeMonthIndex - 1)\n            }\n          }}\n        >\n          <Icon render=\"caret\" color=\"cream\" size={18} rotate={90} />\n        </Circle>\n\n        <Heading tag=\"h4\" typo=\"body-regular\">\n          {availableMonths[activeMonthIndex].label}{' '}\n          {showYear && `- ${getYear(availableMonths[activeMonthIndex].date)}`}\n        </Heading>\n\n        <Circle\n          type=\"button\"\n          disabled={activeMonthIndex === availableMonths.length - 1}\n          onClick={() => setActiveMonth(activeMonthIndex + 1)}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              setActiveMonth(activeMonthIndex + 1)\n            }\n          }}\n        >\n          <Icon render=\"caret\" color=\"cream\" size={18} rotate={-90} />\n        </Circle>\n      </Header>\n\n      <Box flex alignItems=\"center\" justifyContent=\"center\">\n        <DatesList\n          items={generateDaysForMonth(availableMonths[activeMonthIndex].date)}\n          showDayLabels={showDayLabels}\n          handleDateSelect={handleSelectEvent}\n        />\n      </Box>\n    </Container>\n  )\n}\n\nconst Container = styled(Box)<{ fallbackStyle: boolean }>`\n  font-family: ${theme.font.system};\n  display: inline-block;\n  box-sizing: border-box;\n  outline: none;\n  border-radius: 16px;\n\n  ${({ fallbackStyle }) => {\n    return fallbackStyle\n      ? css`\n          background-color: ${theme.colors.cream};\n        `\n      : css`\n          background-color: ${theme.colors.custard};\n        `\n  }}\n`\n\nconst Header = styled(Box)`\n  color: ${theme.colors.liquorice};\n  user-select: none;\n  padding: 16px;\n  border-bottom: 1px solid ${theme.colors.oatmeal};\n\n  span {\n    font-size: 16px;\n    line-height: 1;\n  }\n`\n\nconst Heading = styled(Text)`\n  position: relative;\n  top: 2px;\n  font-weight: ${theme.font.weight.medium};\n`\n\nconst Circle = styled.button`\n  background-color: ${theme.colors.liquorice};\n  height: 32px;\n  width: 32px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  border: none;\n  padding: 0 !important;\n  cursor: pointer;\n\n  :disabled {\n    opacity: 0.5;\n    cursor: default;\n  }\n\n  ${focusOutlineStyle}\n`\n"],"names":[],"mappings":"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"}

package/dist/Datepicker/DatesList.js

@@ -89,3 +89,4 @@ const ListButton = styled.button`
 `;
 
 export { DatesList };
+//# sourceMappingURL=DatesList.js.map

package/dist/Datepicker/DatesList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatesList.js","sources":["../../src/Datepicker/DatesList.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport styled from 'styled-components'\nimport { getISODay } from 'date-fns'\n\nimport { theme } from '../theme'\n\nimport { Day } from './types'\nimport { Text } from '../Text'\nimport { focusOutlineStyle } from '../utils/focusOutline'\n\ntype Props = {\n  items: Day[]\n  showDayLabels: boolean\n  handleDateSelect: (date: Date) => void\n}\n\nconst getBlankDaysCount = (firstDayOfTheMonth: Date) => {\n  const dayOfTheWeek = getISODay(firstDayOfTheMonth)\n  return dayOfTheWeek - 1\n}\n\nconst daysOfTheWeek = ['mon', 'tues', 'wed', 'thurs', 'fri', 'sat', 'sun']\n\nexport const DatesList: FC<Props> = ({\n  items,\n  handleDateSelect,\n  showDayLabels,\n}) => {\n  return (\n    <Container>\n      {showDayLabels &&\n        daysOfTheWeek.map((day) => {\n          return (\n            <Text key={day} color=\"sesame\" typo=\"label\" mb=\"24px\">\n              {day}\n            </Text>\n          )\n        })}\n      {Array(getBlankDaysCount(items[0].date))\n        .fill(null)\n        .map((_, index) => (\n          <ListButton key={`blankItem-${index}`} disabled />\n        ))}\n      {items.map((item: Day, i) => (\n        <ListButton\n          key={i}\n          type=\"button\"\n          disabled={item.disabled}\n          className={`ListButton ${item.active ? 'active' : ''}`}\n          onClick={() => handleDateSelect(item.date)}\n          onKeyDown={(e) => {\n            if (e.key === 'Enter') {\n              handleDateSelect(item.date)\n            }\n          }}\n          data-testid={item.label}\n        >\n          {item.label}\n        </ListButton>\n      ))}\n    </Container>\n  )\n}\n\nconst Container = styled.div`\n  justify-items: center;\n  display: grid;\n  grid-column-gap: 4px;\n  grid-row-gap: 8px;\n  grid-template-columns: repeat(7, 1fr);\n  padding: 8px;\n\n  @media (min-width: 360px) {\n    grid-gap: 8px;\n    padding: 16px;\n  }\n\n  @media (min-width: 768px) {\n    grid-column-gap: 16px;\n    padding: 32px;\n  }\n`\n\ninterface IListButton {\n  disabled?: boolean\n}\n\nconst ListButton = styled.button<IListButton>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 8px;\n  width: 32px;\n  height: 32px;\n  border: 1px solid transparent;\n  font-weight: ${theme.font.weight.medium};\n  font-size: 14px;\n  line-height: 15px;\n  color: ${theme.colors.liquorice};\n  background-color: transparent;\n  pointer-events: ${({ disabled }) => (disabled ? 'none' : '')};\n  opacity: ${({ disabled }) => (disabled ? '0.2' : '1')};\n  cursor: pointer;\n\n  &:hover:not(.active) {\n    color: ${theme.colors.custard};\n    background-color: ${theme.colors.liquorice};\n  }\n\n  &.active {\n    color: ${theme.colors.custard};\n    background-color: ${theme.colors.liquorice};\n    cursor: default;\n  }\n\n  ${focusOutlineStyle}\n`\n"],"names":[],"mappings":"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"}

package/dist/Divider/Divider.js

@@ -23,3 +23,4 @@ const Line = styled(Box)`
 `;
 
 export { Divider };
+//# sourceMappingURL=Divider.js.map

package/dist/Divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Divider.js","sources":["../../src/Divider/Divider.tsx"],"sourcesContent":["import React, { FC, memo } from 'react'\nimport styled, { css } from 'styled-components'\nimport { MarginProps } from '../utils/space'\nimport { Box } from '../Box'\nimport { Color, theme } from '../theme'\n\nexport type DividerProps = {\n  maxWidth?: string\n  height?: string\n  color?: Color\n} & MarginProps\n\nexport const Divider: FC<DividerProps> = memo(function Divider({\n  maxWidth = 'none',\n  height = '1px',\n  color = 'oatmeal',\n  ...marginProps\n}) {\n  return (\n    <Line maxWidth={maxWidth} height={height} color={color} {...marginProps} />\n  )\n})\n\nconst Line = styled(Box)<{ color: Color }>`\n  ${({ color }) =>\n    color\n      ? css`\n          background: ${theme.colors[color]};\n        `\n      : ''}\n  display: block;\n  height: ${({ height }) => height};\n  max-width: ${({ maxWidth }) => maxWidth};\n  width: 100%;\n`\n"],"names":["Divider"],"mappings":";;;;;;AAYa,MAAA,OAAA,GAA4B,IAAK,CAAA,SAASA,QAAQ,CAAA;AAAA,EAC7D,QAAW,GAAA,MAAA;AAAA,EACX,MAAS,GAAA,KAAA;AAAA,EACT,KAAQ,GAAA,SAAA;AAAA,EACR,GAAG,WAAA;AACL,CAAG,EAAA;AACD,EAAA,2BACG,IAAK,EAAA,EAAA,QAAA,EAAoB,MAAgB,EAAA,KAAA,EAAe,GAAG,WAAa,EAAA,CAAA,CAAA;AAE7E,CAAC,EAAA;AAED,MAAM,IAAA,GAAO,OAAO,GAAG,CAAA,CAAA;AAAA,EAAA,EACnB,CAAC,EAAE,KAAM,EAAA,KACT,KACI,GAAA,GAAA,CAAA;AAAA,sBACgB,EAAA,KAAA,CAAM,MAAO,CAAA,KAAK,CAAC,CAAA;AAAA,QAAA,CAAA,GAEnC,EAAE,CAAA;AAAA;AAAA,UAAA,EAEE,CAAC,EAAE,MAAO,EAAA,KAAM,MAAM,CAAA;AAAA,aAAA,EACnB,CAAC,EAAE,QAAS,EAAA,KAAM,QAAQ,CAAA;AAAA;AAAA,CAAA;;;;"}

package/dist/Dropdown/Dropdown.js

@@ -143,3 +143,4 @@ const Caret = styled.div`
 `;
 
 export { Dropdown };
+//# sourceMappingURL=Dropdown.js.map

package/dist/Dropdown/Dropdown.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.js","sources":["../../src/Dropdown/Dropdown.tsx"],"sourcesContent":["import React, {\n  FocusEvent,\n  FormEvent,\n  ForwardedRef,\n  forwardRef,\n  useMemo,\n} from 'react'\nimport styled, { css } from 'styled-components'\n\nimport { Box } from '../Box'\nimport { Icon } from '../Icon'\nimport { Icons } from '../Icon/iconsList'\n\nimport { Field } from '../fields/Field'\nimport { CommonFieldProps } from '../fields/commonFieldTypes'\nimport { StyledFrontIcon } from '../fields/components/CommonInput'\nimport { theme } from '../theme'\nimport { useUniqueId } from '../utils/id'\nimport { useControllableState } from '../utils/useControlledState'\n\nexport type DropdownItem = {\n  optionGroupLabel?: string\n  label: string\n  value: string\n}\n\nexport interface Props extends CommonFieldProps {\n  placeholder?: string\n  showDefaultOption?: boolean\n  customDefaultOption?: string\n  name?: string\n  value?: string | null\n  defaultValue?: string\n  disabled?: boolean\n  list: DropdownItem[]\n  frontIcon?: Icons\n  fallbackStyle?: boolean\n  onSelect: (element: string) => void\n  onBlur?: (e: FocusEvent<HTMLSelectElement>) => void\n}\n\ntype TruncateProps =\n  | {\n      onSelect: (e: string) => void\n      onInputChange?: (e: FormEvent<HTMLSelectElement>) => void\n    }\n  | {\n      onSelect?: (e: string) => void\n      onInputChange: (e: FormEvent<HTMLSelectElement>) => void\n    }\n\nexport type DropdownProps = Props & TruncateProps\n\nexport const Dropdown = forwardRef(function Dropdown(\n  {\n    id: idProp,\n    placeholder,\n    showDefaultOption = false,\n    customDefaultOption,\n    name,\n    value: valueProp,\n    defaultValue,\n    disabled = false,\n    list,\n    onSelect,\n    error = false,\n    onInputChange,\n    onBlur,\n    frontIcon,\n    fallbackStyle,\n    ...fieldProps\n  }: DropdownProps,\n  ref: ForwardedRef<HTMLSelectElement>,\n) {\n  const [value, setValue] = useControllableState({\n    initialState: defaultValue,\n    stateProp: valueProp,\n  })\n  const id = useUniqueId(idProp)\n  const hasOptGroups = list.findIndex((item) => !!item.optionGroupLabel) !== -1\n\n  const dropdownItemsGroups = useMemo(() => {\n    const itemsPerGroupLabel = new Map<string, DropdownItem[]>()\n\n    list.forEach((item) => {\n      const key = item.optionGroupLabel ?? ''\n      const group = itemsPerGroupLabel.get(key) ?? []\n\n      group.push(item)\n      itemsPerGroupLabel.set(key, group)\n    })\n\n    return Array.from(itemsPerGroupLabel.values())\n  }, [list])\n\n  const defaultOptionLabel = () => {\n    if (!showDefaultOption) {\n      return placeholder\n    }\n    return customDefaultOption ?? 'Select an option'\n  }\n\n  return (\n    <Field {...fieldProps} htmlFor={id} error={error}>\n      <Box flex alignItems=\"center\">\n        {frontIcon && (\n          <StyledFrontIcon\n            disabled={disabled}\n            render={frontIcon}\n            color=\"sesame\"\n          />\n        )}\n        <StyledSelect\n          id={id}\n          disabled={disabled || list.length < 1}\n          onChange={(event) => {\n            const value = event.currentTarget.value\n\n            onSelect?.(value)\n            onInputChange?.(event)\n            setValue(value)\n          }}\n          error={error}\n          ref={ref}\n          onBlur={onBlur}\n          name={name}\n          frontIcon={frontIcon}\n          fallbackStyle={fallbackStyle}\n          value={value ? value : ''}\n        >\n          {hasOptGroups ? (\n            <optgroup label={defaultOptionLabel()}>\n              <option value=\"\" hidden={!showDefaultOption} disabled>\n                {defaultOptionLabel()}\n              </option>\n            </optgroup>\n          ) : (\n            <option value=\"\" hidden={!showDefaultOption} disabled>\n              {defaultOptionLabel()}\n            </option>\n          )}\n\n          {dropdownItemsGroups.map((groupItems, i) =>\n            hasOptGroups ? (\n              <optgroup\n                key={i}\n                label={groupItems[0].optionGroupLabel ?? 'Other'}\n              >\n                {groupItems.map((el, j) => (\n                  <option key={`${i}-${j}`} value={el.value}>\n                    {el.label}\n                  </option>\n                ))}\n              </optgroup>\n            ) : (\n              groupItems.map((el, j) => (\n                <option key={j} value={el.value}>\n                  {el.label}\n                </option>\n              ))\n            ),\n          )}\n        </StyledSelect>\n        <Caret>\n          <Icon render=\"caret\" color=\"marzipan\" size={24} />\n        </Caret>\n      </Box>\n    </Field>\n  )\n})\n\nconst resetSelect = css`\n  border: none;\n  border-radius: 0;\n  font-size: 16px;\n  appearance: none; /* remove default arrow */\n  outline: none;\n`\n\ninterface SSelect {\n  error: boolean\n  frontIcon?: string\n  fallbackStyle?: boolean\n}\n\nconst StyledSelect = styled.select<SSelect>`\n  ${resetSelect}\n  width: 100%;\n  height: 32px;\n\n  cursor: pointer;\n  background-color: ${({ fallbackStyle }) =>\n    fallbackStyle ? theme.colors.custard : theme.colors.cream};\n\n  border-radius: 12px;\n  padding: 18px 14px;\n  border: 2px solid\n    ${({ error }) => (error ? theme.colors.strawberry : theme.colors.oatmeal)};\n  height: auto;\n\n  ${({ frontIcon }) =>\n    frontIcon &&\n    frontIcon != '' &&\n    `\n      padding-left: 42px;\n    `}\n\n  &:disabled {\n    cursor: not-allowed;\n    opacity: 0.5;\n  }\n\n  ${({ error }) =>\n    !error &&\n    css`\n      :not(:disabled) {\n        &:hover,\n        &:focus,\n        &:focus-visible,\n        &:checked {\n          border-color: ${theme.colors.marzipan}\n      }\n    `}\n`\n\nconst Caret = styled.div`\n  position: absolute;\n  z-index: 1;\n  right: 15px;\n  pointer-events: none;\n  color: ${theme.colors.marzipan};\n`\n"],"names":["Dropdown","value"],"mappings":"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"}

package/dist/Emoji/Emoji.js

@@ -27,3 +27,4 @@ const Container = styled(Box)(
 );
 
 export { Emoji };
+//# sourceMappingURL=Emoji.js.map

package/dist/Emoji/Emoji.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Emoji.js","sources":["../../src/Emoji/Emoji.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport styled, { css } from 'styled-components'\nimport { MarginProps } from '../utils/space'\nimport { Box } from '../Box'\n\nexport type EmojiProps = {\n  /** className attribute to apply classes from props */\n  className?: string\n  /** Emoji symbol */\n  symbol: string\n  /** set size of the Emoji  */\n  size?: number\n  /** aria-label to identify Emoji */\n  label: string\n} & MarginProps\n\nexport const Emoji: FC<EmojiProps> = ({\n  className = '',\n  symbol,\n  size = 12,\n  label,\n  ...marginProps\n}) => (\n  <Container\n    as=\"span\"\n    className={className}\n    size={size}\n    role=\"img\"\n    aria-label={label}\n    {...marginProps}\n  >\n    {symbol}\n  </Container>\n)\n\ninterface IEmoji {\n  size: number\n}\n\nconst Container = styled(Box)<IEmoji>(\n  ({ size }) => css`\n    font-size: ${size}px;\n  `,\n)\n"],"names":[],"mappings":";;;;AAgBO,MAAM,QAAwB,CAAC;AAAA,EACpC,SAAY,GAAA,EAAA;AAAA,EACZ,MAAA;AAAA,EACA,IAAO,GAAA,EAAA;AAAA,EACP,KAAA;AAAA,EACA,GAAG,WAAA;AACL,CACE,qBAAA,GAAA;AAAA,EAAC,SAAA;AAAA,EAAA;AAAA,IACC,EAAG,EAAA,MAAA;AAAA,IACH,SAAA;AAAA,IACA,IAAA;AAAA,IACA,IAAK,EAAA,KAAA;AAAA,IACL,YAAY,EAAA,KAAA;AAAA,IACX,GAAG,WAAA;AAAA,IAEH,QAAA,EAAA,MAAA;AAAA,GAAA;AACH,EAAA;AAOF,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA;AAAA,EAC1B,CAAC,EAAE,IAAA,EAAW,KAAA,GAAA,CAAA;AAAA,eAAA,EACC,IAAI,CAAA;AAAA,EAAA,CAAA;AAErB,CAAA;;;;"}

package/dist/Icon/Icon.js

@@ -44,3 +44,4 @@ const Container = styled(Box)(
 );
 
 export { Icon };
+//# sourceMappingURL=Icon.js.map

package/dist/Icon/Icon.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.js","sources":["../../src/Icon/Icon.tsx"],"sourcesContent":["import React, { FC } from 'react'\nimport styled, { css } from 'styled-components'\nimport { MarginProps } from '../utils/space'\n\nimport { Box } from '../Box'\nimport { Color, theme } from '../theme'\nimport { Icons, iconList } from './iconsList'\n\nexport type IconProps = {\n  /** className attribute to apply classes from props */\n  className?: string\n  /** specify what Icon to render  */\n  render: Icons\n  /** set size of the Icon  */\n  size?: number\n  /** set color of the Icon */\n  color?: Color\n  /** rotation degrees */\n  rotate?: number\n} & MarginProps\n\nexport const Icon: FC<IconProps> = ({\n  className = '',\n  render,\n  size = 24,\n  color = 'liquorice',\n  rotate = 0,\n  ...marginProps\n}) => {\n  if (!render || !iconList[render] || render.length === 0) return null\n\n  const IconComponent = iconList[render]\n\n  return (\n    <Container\n      as=\"span\"\n      className={className}\n      size={size}\n      rotate={rotate}\n      color={color}\n      {...marginProps}\n    >\n      <IconComponent />\n    </Container>\n  )\n}\n\ninterface IIcon {\n  size: number\n  color: Color\n  rotate: number\n}\n\nconst Container = styled(Box)<IIcon>(\n  ({ size, rotate, color }) => css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-shrink: 0;\n    width: ${size}px;\n    height: ${size}px;\n    transform: rotate(${rotate}deg);\n    svg {\n      color: ${theme.colors[color]} !important;\n    }\n  `,\n)\n"],"names":[],"mappings":";;;;;;AAqBO,MAAM,OAAsB,CAAC;AAAA,EAClC,SAAY,GAAA,EAAA;AAAA,EACZ,MAAA;AAAA,EACA,IAAO,GAAA,EAAA;AAAA,EACP,KAAQ,GAAA,WAAA;AAAA,EACR,MAAS,GAAA,CAAA;AAAA,EACT,GAAG,WAAA;AACL,CAAM,KAAA;AACJ,EAAA,IAAI,CAAC,MAAU,IAAA,CAAC,SAAS,MAAM,CAAA,IAAK,OAAO,MAAW,KAAA,CAAA;AAAG,IAAO,OAAA,IAAA,CAAA;AAEhE,EAAM,MAAA,aAAA,GAAgB,SAAS,MAAM,CAAA,CAAA;AAErC,EACE,uBAAA,GAAA;AAAA,IAAC,SAAA;AAAA,IAAA;AAAA,MACC,EAAG,EAAA,MAAA;AAAA,MACH,SAAA;AAAA,MACA,IAAA;AAAA,MACA,MAAA;AAAA,MACA,KAAA;AAAA,MACC,GAAG,WAAA;AAAA,MAEJ,8BAAC,aAAc,EAAA,EAAA,CAAA;AAAA,KAAA;AAAA,GACjB,CAAA;AAEJ,EAAA;AAQA,MAAM,SAAA,GAAY,OAAO,GAAG,CAAA;AAAA,EAC1B,CAAC,EAAE,IAAM,EAAA,MAAA,EAAQ,OAAY,KAAA,GAAA,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA,WAAA,EAKlB,IAAI,CAAA;AAAA,YAAA,EACH,IAAI,CAAA;AAAA,sBAAA,EACM,MAAM,CAAA;AAAA;AAAA,aAEf,EAAA,KAAA,CAAM,MAAO,CAAA,KAAK,CAAC,CAAA;AAAA;AAAA,EAAA,CAAA;AAGlC,CAAA;;;;"}

package/dist/Icon/iconsList.js

@@ -420,3 +420,4 @@ const iconList = {
 };
 
 export { iconList };
+//# sourceMappingURL=iconsList.js.map

package/dist/Icon/iconsList.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconsList.js","sources":["../../src/Icon/iconsList.ts"],"sourcesContent":["import Aa from './svgAssets/Aa.svg?react'\nimport AaInverted from './svgAssets/AaInverted.svg?react'\nimport AccidentalDamage from './svgAssets/AccidentalDamage.svg?react'\nimport AccountBreakdown from './svgAssets/AccountBreakdown.svg?react'\nimport AccountMlp from './svgAssets/AccountMlp.svg?react'\nimport ActivityClipboard from './svgAssets/ActivityClipboard.svg?react'\nimport AddOns from './svgAssets/AddOns.svg?react'\nimport AddressMta from './svgAssets/AddressMta.svg?react'\nimport AlbumAudio from './svgAssets/AlbumAudio.svg?react'\nimport Alert from './svgAssets/Alert.svg?react'\nimport AlertEngine from './svgAssets/AlertEngine.svg?react'\nimport Amex from './svgAssets/Amex.svg?react'\nimport ApplePay from './svgAssets/ApplePay.svg?react'\nimport ApprovedFile from './svgAssets/ApprovedFile.svg?react'\nimport Arrow from './svgAssets/Arrow.svg?react'\nimport At from './svgAssets/At.svg?react'\nimport Axa from './svgAssets/Axa.svg?react'\nimport Bank from './svgAssets/Bank.svg?react'\nimport Basket from './svgAssets/Basket.svg?react'\nimport Bicycle from './svgAssets/Bicycle.svg?react'\nimport Boost from './svgAssets/Boost.svg?react'\nimport Breakdown from './svgAssets/Breakdown.svg?react'\nimport BreakdownAlt from './svgAssets/BreakdownAlt.svg?react'\nimport Briefcase from './svgAssets/Briefcase.svg?react'\nimport Burger from './svgAssets/Burger.svg?react'\nimport Calendar from './svgAssets/Calendar.svg?react'\nimport Camera from './svgAssets/Camera.svg?react'\nimport Cancel from './svgAssets/Cancel.svg?react'\nimport CancelBw from './svgAssets/CancelBw.svg?react'\nimport Car from './svgAssets/Car.svg?react'\nimport CarMta from './svgAssets/CarMta.svg?react'\nimport CarRepairs from './svgAssets/CarRepairs.svg?react'\nimport CarReplacement from './svgAssets/CarReplacement.svg?react'\nimport CarUsage from './svgAssets/CarUsage.svg?react'\nimport Card from './svgAssets/Card.svg?react'\nimport Caret from './svgAssets/Caret.svg?react'\nimport Charge from './svgAssets/Charge.svg?react'\nimport Chat from './svgAssets/Chat.svg?react'\nimport ChatBubble from './svgAssets/ChatBubble.svg?react'\nimport Checkout from './svgAssets/Checkout.svg?react'\nimport CheckoutWithText from './svgAssets/CheckoutWithText.svg?react'\nimport CircleTick from './svgAssets/CircleTick.svg?react'\nimport City from './svgAssets/City.svg?react'\nimport Claim from './svgAssets/Claim.svg?react'\nimport ClaimLine from './svgAssets/ClaimLine.svg?react'\nimport Clipboard from './svgAssets/Clipboard.svg?react'\nimport ClipboardCheck from './svgAssets/ClipboardCheck.svg?react'\nimport Clock from './svgAssets/Clock.svg?react'\nimport ClosePanel from './svgAssets/ClosePanel.svg?react'\nimport Collapse from './svgAssets/Collapse.svg?react'\nimport Confused from './svgAssets/Confused.svg?react'\nimport ConfusedBlue from './svgAssets/ConfusedBlue.svg?react'\nimport ContactEmail from './svgAssets/ContactEmail.svg?react'\nimport Copy from './svgAssets/Copy.svg?react'\nimport Crop from './svgAssets/Crop.svg?react'\nimport Cross from './svgAssets/Cross.svg?react'\nimport DashboardHigh from './svgAssets/DashboardHigh.svg?react'\nimport DirectDebit from './svgAssets/DirectDebit.svg?react'\nimport DocDownload from './svgAssets/DocDownload.svg?react'\nimport DocUpload from './svgAssets/DocUpload.svg?react'\nimport Download from './svgAssets/Download.svg?react'\nimport Earth from './svgAssets/Earth.svg?react'\nimport Edit from './svgAssets/Edit.svg?react'\nimport EditContact from './svgAssets/EditContact.svg?react'\nimport EditOutline from './svgAssets/EditOutline.svg?react'\nimport EmailFilled from './svgAssets/EmailFilled.svg?react'\nimport Engine from './svgAssets/Engine.svg?react'\nimport Europe from './svgAssets/Europe.svg?react'\nimport Excluded from './svgAssets/Excluded.svg?react'\nimport Expand from './svgAssets/Expand.svg?react'\nimport Facebook from './svgAssets/Facebook.svg?react'\nimport FallingItems from './svgAssets/FallingItems.svg?react'\nimport Fence from './svgAssets/Fence.svg?react'\nimport File from './svgAssets/File.svg?react'\nimport FileBadge2 from './svgAssets/FileBadge2.svg?react'\nimport FileCabinet from './svgAssets/FileCabinet.svg?react'\nimport Filter from './svgAssets/Filter.svg?react'\nimport Fire from './svgAssets/Fire.svg?react'\nimport Flag from './svgAssets/Flag.svg?react'\nimport Folder from './svgAssets/Folder.svg?react'\nimport FraudAlert from './svgAssets/FraudAlert.svg?react'\nimport FreezerFood from './svgAssets/FreezerFood.svg?react'\nimport Fuel from './svgAssets/Fuel.svg?react'\nimport Globe from './svgAssets/Globe.svg?react'\nimport GooglePlayBadge from './svgAssets/GooglePlayBadge.svg?react'\nimport Gpay from './svgAssets/Gpay.svg?react'\nimport HelpAboutus from './svgAssets/HelpAboutus.svg?react'\nimport HelpBuypolicy from './svgAssets/HelpBuypolicy.svg?react'\nimport HelpCenter from './svgAssets/HelpCenter.svg?react'\nimport HelpIdcheck from './svgAssets/HelpIdcheck.svg?react'\nimport HelpManagePolicy from './svgAssets/HelpManagePolicy.svg?react'\nimport HelpNcd from './svgAssets/HelpNcd.svg?react'\nimport HelpVerification from './svgAssets/HelpVerification.svg?react'\nimport HomeExcluded from './svgAssets/HomeExcluded.svg?react'\nimport House from './svgAssets/House.svg?react'\nimport HouseTree from './svgAssets/HouseTree.svg?react'\nimport Id from './svgAssets/Id.svg?react'\nimport Inbox from './svgAssets/Inbox.svg?react'\nimport Included from './svgAssets/Included.svg?react'\nimport Info from './svgAssets/Info.svg?react'\nimport Injury from './svgAssets/Injury.svg?react'\nimport Instagram from './svgAssets/Instagram.svg?react'\nimport Intercom from './svgAssets/Intercom.svg?react'\nimport Intercom2 from './svgAssets/Intercom2.svg?react'\nimport IosStoreBadge from './svgAssets/IosStoreBadge.svg?react'\nimport Iphone from './svgAssets/Iphone.svg?react'\nimport Jewellery from './svgAssets/Jewellery.svg?react'\nimport Key from './svgAssets/Key.svg?react'\nimport Laptop from './svgAssets/Laptop.svg?react'\nimport Leaks from './svgAssets/Leaks.svg?react'\nimport Lightbulb from './svgAssets/Lightbulb.svg?react'\nimport Link from './svgAssets/Link.svg?react'\nimport Linkedin from './svgAssets/Linkedin.svg?react'\nimport LiveChat from './svgAssets/LiveChat.svg?react'\nimport LiveChat2 from './svgAssets/LiveChat2.svg?react'\nimport Location from './svgAssets/Location.svg?react'\nimport LogOut from './svgAssets/LogOut.svg?react'\nimport ManageDrivers from './svgAssets/ManageDrivers.svg?react'\nimport ManagePolicy from './svgAssets/ManagePolicy.svg?react'\nimport Marshmallow from './svgAssets/Marshmallow.svg?react'\nimport Mastercard from './svgAssets/Mastercard.svg?react'\nimport Maximise from './svgAssets/Maximise.svg?react'\nimport MaximiseWindow from './svgAssets/MaximiseWindow.svg?react'\nimport Medical from './svgAssets/Medical.svg?react'\nimport Minimise from './svgAssets/Minimise.svg?react'\nimport Minus from './svgAssets/Minus.svg?react'\nimport MinusCircle from './svgAssets/MinusCircle.svg?react'\nimport MoneyBag from './svgAssets/MoneyBag.svg?react'\nimport MoneyHeart from './svgAssets/MoneyHeart.svg?react'\nimport MoreDots from './svgAssets/MoreDots.svg?react'\nimport Mulsanne from './svgAssets/Mulsanne.svg?react'\nimport NewWindow from './svgAssets/NewWindow.svg?react'\nimport NoExcess from './svgAssets/NoExcess.svg?react'\nimport Notes from './svgAssets/Notes.svg?react'\nimport Notification from './svgAssets/Notification.svg?react'\nimport Onfido from './svgAssets/Onfido.svg?react'\nimport OpenPanel from './svgAssets/OpenPanel.svg?react'\nimport Other from './svgAssets/Other.svg?react'\nimport OutOfHome from './svgAssets/OutOfHome.svg?react'\nimport Padlock from './svgAssets/Padlock.svg?react'\nimport PadlockOutline from './svgAssets/PadlockOutline.svg?react'\nimport People from './svgAssets/People.svg?react'\nimport Person from './svgAssets/Person.svg?react'\nimport PhoneFilled from './svgAssets/PhoneFilled.svg?react'\nimport PhoneOutline from './svgAssets/PhoneOutline.svg?react'\nimport Photo from './svgAssets/Photo.svg?react'\nimport PinCode from './svgAssets/PinCode.svg?react'\nimport Plus from './svgAssets/Plus.svg?react'\nimport PlusCircle from './svgAssets/PlusCircle.svg?react'\nimport Policy from './svgAssets/Policy.svg?react'\nimport PolicyDetails from './svgAssets/PolicyDetails.svg?react'\nimport PolicyDoc from './svgAssets/PolicyDoc.svg?react'\nimport PolicyDocs from './svgAssets/PolicyDocs.svg?react'\nimport PoundBold from './svgAssets/PoundBold.svg?react'\nimport PoundFilledCircle from './svgAssets/PoundFilledCircle.svg?react'\nimport PoundMedium from './svgAssets/PoundMedium.svg?react'\nimport PoundOutline from './svgAssets/PoundOutline.svg?react'\nimport PoundRegular from './svgAssets/PoundRegular.svg?react'\nimport Premfina from './svgAssets/Premfina.svg?react'\nimport Profile from './svgAssets/Profile.svg?react'\nimport Prohibited from './svgAssets/Prohibited.svg?react'\nimport Property from './svgAssets/Property.svg?react'\nimport QuestionHelp from './svgAssets/QuestionHelp.svg?react'\nimport Rac from './svgAssets/Rac.svg?react'\nimport Ravelin from './svgAssets/Ravelin.svg?react'\nimport ReferAFriend from './svgAssets/ReferAFriend.svg?react'\nimport Refund from './svgAssets/Refund.svg?react'\nimport RegPlate from './svgAssets/RegPlate.svg?react'\nimport Renewal from './svgAssets/Renewal.svg?react'\nimport RenewalLine from './svgAssets/RenewalLine.svg?react'\nimport RepeatCharge from './svgAssets/RepeatCharge.svg?react'\nimport Return from './svgAssets/Return.svg?react'\nimport ScheduleQuote from './svgAssets/ScheduleQuote.svg?react'\nimport Search from './svgAssets/Search.svg?react'\nimport Security from './svgAssets/Security.svg?react'\nimport SendMessage from './svgAssets/SendMessage.svg?react'\nimport Settings from './svgAssets/Settings.svg?react'\nimport Shield from './svgAssets/Shield.svg?react'\nimport ShieldCheck from './svgAssets/ShieldCheck.svg?react'\nimport Shopping from './svgAssets/Shopping.svg?react'\nimport Sofa from './svgAssets/Sofa.svg?react'\nimport Stack from './svgAssets/Stack.svg?react'\nimport Storm from './svgAssets/Storm.svg?react'\nimport Stripe from './svgAssets/Stripe.svg?react'\nimport Subsidence from './svgAssets/Subsidence.svg?react'\nimport Theft from './svgAssets/Theft.svg?react'\nimport ThumbsUp from './svgAssets/ThumbsUp.svg?react'\nimport Tick from './svgAssets/Tick.svg?react'\nimport TowTruck from './svgAssets/TowTruck.svg?react'\nimport TraceAndAccess from './svgAssets/TraceAndAccess.svg?react'\nimport Training from './svgAssets/Training.svg?react'\nimport Trash from './svgAssets/Trash.svg?react'\nimport Twitter from './svgAssets/Twitter.svg?react'\nimport UpDown from './svgAssets/UpDown.svg?react'\nimport Upload from './svgAssets/Upload.svg?react'\nimport UploadDocuments from './svgAssets/UploadDocuments.svg?react'\nimport UploadEmail from './svgAssets/UploadEmail.svg?react'\nimport Vandalism from './svgAssets/Vandalism.svg?react'\nimport Village from './svgAssets/Village.svg?react'\nimport Visa from './svgAssets/Visa.svg?react'\nimport Warning from './svgAssets/Warning.svg?react'\nimport Watch from './svgAssets/Watch.svg?react'\nimport Wave from './svgAssets/Wave.svg?react'\nimport Wellbeing from './svgAssets/Wellbeing.svg?react'\nimport WheelFlat from './svgAssets/WheelFlat.svg?react'\nimport Windscreen from './svgAssets/Windscreen.svg?react'\nimport WindscreenRepair from './svgAssets/WindscreenRepair.svg?react'\nimport WindscreenReplacement from './svgAssets/WindscreenReplacement.svg?react'\n\nexport const iconList = {\n  'aa-inverted': AaInverted,\n  'accidental-damage': AccidentalDamage,\n  'account-breakdown': AccountBreakdown,\n  'account-mlp': AccountMlp,\n  'activity-clipboard': ActivityClipboard,\n  'add-ons': AddOns,\n  'address-mta': AddressMta,\n  'album-audio': AlbumAudio,\n  'alert-engine': AlertEngine,\n  'apple-pay': ApplePay,\n  'approved-file': ApprovedFile,\n  'breakdown-alt': BreakdownAlt,\n  'cancel-bw': CancelBw,\n  'car-mta': CarMta,\n  'car-repairs': CarRepairs,\n  'car-replacement': CarReplacement,\n  'car-usage': CarUsage,\n  'chat-bubble': ChatBubble,\n  'checkout-with-text': CheckoutWithText,\n  'circle-tick': CircleTick,\n  'claim-line': ClaimLine,\n  'clipboard-check': ClipboardCheck,\n  'close-panel': ClosePanel,\n  'confused-blue': ConfusedBlue,\n  'contact-email': ContactEmail,\n  'dashboard-high': DashboardHigh,\n  'direct-debit': DirectDebit,\n  'doc-download': DocDownload,\n  'doc-upload': DocUpload,\n  'edit-contact': EditContact,\n  'edit-outline': EditOutline,\n  'email-filled': EmailFilled,\n  'falling-items': FallingItems,\n  'file-badge-2': FileBadge2,\n  'file-cabinet': FileCabinet,\n  'fraud-alert': FraudAlert,\n  'freezer-food': FreezerFood,\n  'google-play-badge': GooglePlayBadge,\n  'help-aboutus': HelpAboutus,\n  'help-buypolicy': HelpBuypolicy,\n  'help-center': HelpCenter,\n  'help-idcheck': HelpIdcheck,\n  'help-manage-policy': HelpManagePolicy,\n  'help-ncd': HelpNcd,\n  'help-verification': HelpVerification,\n  'home-excluded': HomeExcluded,\n  'house-tree': HouseTree,\n  'ios-store-badge': IosStoreBadge,\n  'live-chat': LiveChat,\n  'live-chat2': LiveChat2,\n  'log-out': LogOut,\n  'manage-drivers': ManageDrivers,\n  'manage-policy': ManagePolicy,\n  'maximise-window': MaximiseWindow,\n  'minus-circle': MinusCircle,\n  'money-bag': MoneyBag,\n  'money-heart': MoneyHeart,\n  'more-dots': MoreDots,\n  'new-window': NewWindow,\n  'no-excess': NoExcess,\n  'open-panel': OpenPanel,\n  'out-of-home': OutOfHome,\n  'padlock-outline': PadlockOutline,\n  'phone-filled': PhoneFilled,\n  'phone-outline': PhoneOutline,\n  'pin-code': PinCode,\n  'plus-circle': PlusCircle,\n  'policy-details': PolicyDetails,\n  'policy-doc': PolicyDoc,\n  'policy-docs': PolicyDocs,\n  'pound-bold': PoundBold,\n  'pound-filled-circle': PoundFilledCircle,\n  'pound-medium': PoundMedium,\n  'pound-outline': PoundOutline,\n  'pound-regular': PoundRegular,\n  'question-help': QuestionHelp,\n  'refer-a-friend': ReferAFriend,\n  'reg-plate': RegPlate,\n  'renewal-line': RenewalLine,\n  'repeat-charge': RepeatCharge,\n  'schedule-quote': ScheduleQuote,\n  'send-message': SendMessage,\n  'shield-check': ShieldCheck,\n  'thumbs-up': ThumbsUp,\n  'tow-truck': TowTruck,\n  'trace-and-access': TraceAndAccess,\n  'up-down': UpDown,\n  'upload-documents': UploadDocuments,\n  'upload-email': UploadEmail,\n  'wheel-flat': WheelFlat,\n  'windscreen-repair': WindscreenRepair,\n  'windscreen-replacement': WindscreenReplacement,\n  aa: Aa,\n  addons: AddOns,\n  alert: Alert,\n  amex: Amex,\n  arrow: Arrow,\n  at: At,\n  axa: Axa,\n  bank: Bank,\n  basket: Basket,\n  bicycle: Bicycle,\n  boost: Boost,\n  breakdown: Breakdown,\n  briefcase: Briefcase,\n  burger: Burger,\n  calendar: Calendar,\n  camera: Camera,\n  cancel: Cancel,\n  car: Car,\n  card: Card,\n  caret: Caret,\n  charge: Charge,\n  chat: Chat,\n  checkout: Checkout,\n  city: City,\n  claim: Claim,\n  clipboard: Clipboard,\n  clock: Clock,\n  collpase: Collapse,\n  confused: Confused,\n  copy: Copy,\n  crop: Crop,\n  cross: Cross,\n  download: Download,\n  earth: Earth,\n  edit: Edit,\n  engine: Engine,\n  europe: Europe,\n  excluded: Excluded,\n  expand: Expand,\n  facebook: Facebook,\n  fence: Fence,\n  file: File,\n  filter: Filter,\n  fire: Fire,\n  flag: Flag,\n  folder: Folder,\n  fuel: Fuel,\n  globe: Globe,\n  gpay: Gpay,\n  house: House,\n  id: Id,\n  inbox: Inbox,\n  included: Included,\n  info: Info,\n  injury: Injury,\n  instagram: Instagram,\n  intercom: Intercom,\n  intercom2: Intercom2,\n  iphone: Iphone,\n  jewellery: Jewellery,\n  key: Key,\n  laptop: Laptop,\n  leaks: Leaks,\n  lightbulb: Lightbulb,\n  link: Link,\n  linkedin: Linkedin,\n  location: Location,\n  marshmallow: Marshmallow,\n  mastercard: Mastercard,\n  maximise: Maximise,\n  medical: Medical,\n  minimise: Minimise,\n  minus: Minus,\n  mulsanne: Mulsanne,\n  notes: Notes,\n  notification: Notification,\n  onfido: Onfido,\n  other: Other,\n  padlock: Padlock,\n  people: People,\n  person: Person,\n  photo: Photo,\n  plus: Plus,\n  policy: Policy,\n  premfina: Premfina,\n  profile: Profile,\n  prohibited: Prohibited,\n  property: Property,\n  rac: Rac,\n  ravelin: Ravelin,\n  refund: Refund,\n  renewal: Renewal,\n  return: Return,\n  search: Search,\n  security: Security,\n  settings: Settings,\n  shield: Shield,\n  shopping: Shopping,\n  sofa: Sofa,\n  stack: Stack,\n  storm: Storm,\n  stripe: Stripe,\n  subsidence: Subsidence,\n  theft: Theft,\n  tick: Tick,\n  training: Training,\n  trash: Trash,\n  twitter: Twitter,\n  upload: Upload,\n  vandalism: Vandalism,\n  village: Village,\n  visa: Visa,\n  warning: Warning,\n  watch: Watch,\n  wave: Wave,\n  wellbeing: Wellbeing,\n  windscreen: Windscreen,\n}\n\nexport type Icons = keyof typeof iconList\n"],"names":["AaInverted","AccidentalDamage","AccountBreakdown","AccountMlp","ActivityClipboard","AddOns","AddressMta","AlbumAudio","AlertEngine","ApplePay","ApprovedFile","BreakdownAlt","CancelBw","CarMta","CarRepairs","CarReplacement","CarUsage","ChatBubble","CheckoutWithText","CircleTick","ClaimLine","ClipboardCheck","ClosePanel","ConfusedBlue","ContactEmail","DashboardHigh","DirectDebit","DocDownload","DocUpload","EditContact","EditOutline","EmailFilled","FallingItems","FileBadge2","FileCabinet","FraudAlert","FreezerFood","GooglePlayBadge","HelpAboutus","HelpBuypolicy","HelpCenter","HelpIdcheck","HelpManagePolicy","HelpNcd","HelpVerification","HomeExcluded","HouseTree","IosStoreBadge","LiveChat","LiveChat2","LogOut","ManageDrivers","ManagePolicy","MaximiseWindow","MinusCircle","MoneyBag","MoneyHeart","MoreDots","NewWindow","NoExcess","OpenPanel","OutOfHome","PadlockOutline","PhoneFilled","PhoneOutline","PinCode","PlusCircle","PolicyDetails","PolicyDoc","PolicyDocs","PoundBold","PoundFilledCircle","PoundMedium","PoundOutline","PoundRegular","QuestionHelp","ReferAFriend","RegPlate","RenewalLine","RepeatCharge","ScheduleQuote","SendMessage","ShieldCheck","ThumbsUp","TowTruck","TraceAndAccess","UpDown","UploadDocuments","UploadEmail","WheelFlat","WindscreenRepair","WindscreenReplacement","Aa","Alert","Amex","Arrow","At","Axa","Bank","Basket","Bicycle","Boost","Breakdown","Briefcase","Burger","Calendar","Camera","Cancel","Car","Card","Caret","Charge","Chat","Checkout","City","Claim","Clipboard","Clock","Collapse","Confused","Copy","Crop","Cross","Download","Earth","Edit","Engine","Europe","Excluded","Expand","Facebook","Fence","File","Filter","Fire","Flag","Folder","Fuel","Globe","Gpay","House","Id","Inbox","Included","Info","Injury","Instagram","Intercom","Intercom2","Iphone","Jewellery","Key","Laptop","Leaks","Lightbulb","Link","Linkedin","Location","Marshmallow","Mastercard","Maximise","Medical","Minimise","Minus","Mulsanne","Notes","Notification","Onfido","Other","Padlock","People","Person","Photo","Plus","Policy","Premfina","Profile","Prohibited","Property","Rac","Ravelin","Refund","Renewal","Return","Search","Security","Settings","Shield","Shopping","Sofa","Stack","Storm","Stripe","Subsidence","Theft","Tick","Training","Trash","Twitter","Upload","Vandalism","Village","Visa","Warning","Watch","Wave","Wellbeing","Windscreen"],"mappings":"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"}