@solace-health/ui 0.10.356 → 0.10.357-beta2

package/dist/chunk-J4R5TDIL.js

@@ -0,0 +1,65 @@
+import {a as a$2}from'./chunk-ZLQLBPOX.js';import {a as a$1}from'./chunk-FHI6Y4OF.js';import {animated}from'@react-spring/web';var a=a$1.div`
+  position: relative;
+  z-index: 20;
+`,d=a$1.div`
+  position: relative;
+  display: flex;
+  align-items: center;
+  padding: 0.5em;
+  border: 1px solid #5a5a5a;
+  box-sizing: border-box;
+  border-radius: 8px;
+  height: 50px;
+  background-color: #fff;
+`,s=a$1(animated.div)`
+  position: absolute;
+  background: #fff;
+  border-radius: 8px;
+  border: 1px solid #5a5a5a;
+  top: 60px;
+  left: 0;
+  right: 0;
+  max-height: 180px;
+  overflow: scroll;
+`,l=a$1(animated.div)`
+  position: absolute;
+  display: block;
+  width: 45px;
+  right: -5px;
+  top: -3px;
+  z-index: 1;
+
+  svg {
+    position: absolute;
+    width: 20px;
+    right: 20px;
+    top: 17px;
+  }
+`,x=a$1.div`
+  cursor: pointer;
+  padding: 13px 24px;
+  position: relative;
+
+  &:hover {
+    background: var(--green-600, #3f937c);
+    p {
+      color: #fff;
+    }
+  }
+`,g=a$1.input`
+  outline: none;
+  border: none;
+  background: none;
+  position: absolute;
+  font-family: ${({theme:t})=>t.typography.family.body};
+  font-weight: ${({theme:t})=>t.typography.weight.normal};
+  font-style: normal;
+  left: 0;
+  right: 0;
+  padding: 0 20px;
+  width: 100%;
+  height: 100%;
+`,f=a$1(a$2.Body)`
+  margin-bottom: 24px;
+`;export{a,d as b,s as c,l as d,x as e,g as f,f as g};//# sourceMappingURL=chunk-J4R5TDIL.js.map
+//# sourceMappingURL=chunk-J4R5TDIL.js.map

package/dist/chunk-J4R5TDIL.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Form/LocationSelect/style.tsx"],"names":["Container","styled","SelectContainer","SelectOptions","animated","LoaderContainer","Option","UnstyledInput","theme","PreviewValue","Typography_default"],"mappings":"+HAIO,IAAMA,EAAYC,GAAO,CAAA,GAAA;AAAA;AAAA;AAAA,CAAA,CAKnBC,EAAkBD,GAAO,CAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAYzBE,CAAAA,CAAAA,CAAgBF,GAAOG,CAAAA,QAAAA,CAAS,GAAG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAYnCC,CAAAA,CAAAA,CAAkBJ,GAAOG,CAAAA,QAAAA,CAAS,GAAG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAgBrCE,EAASL,GAAO,CAAA,GAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAahBM,EAAgBN,GAAO,CAAA,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAKnB,EAAA,CAAC,CAAE,KAAAO,CAAAA,CAAM,IAAMA,CAAM,CAAA,UAAA,CAAW,OAAO,IAAI,CAAA;AAAA,eAC3C,EAAA,CAAC,CAAE,KAAAA,CAAAA,CAAM,IAAMA,CAAM,CAAA,UAAA,CAAW,OAAO,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CASjDC,CAAAA,CAAAA,CAAeR,GAAOS,CAAAA,GAAAA,CAAW,IAAI,CAAA;AAAA","file":"chunk-J4R5TDIL.js","sourcesContent":["import { animated } from '@react-spring/web';\nimport Typography from '../../Typography';\nimport { styled } from '../../theme';\n\nexport const Container = styled.div`\n  position: relative;\n  z-index: 20;\n`;\n\nexport const SelectContainer = styled.div`\n  position: relative;\n  display: flex;\n  align-items: center;\n  padding: 0.5em;\n  border: 1px solid #5a5a5a;\n  box-sizing: border-box;\n  border-radius: 8px;\n  height: 50px;\n  background-color: #fff;\n`;\n\nexport const SelectOptions = styled(animated.div)`\n  position: absolute;\n  background: #fff;\n  border-radius: 8px;\n  border: 1px solid #5a5a5a;\n  top: 60px;\n  left: 0;\n  right: 0;\n  max-height: 180px;\n  overflow: scroll;\n`;\n\nexport const LoaderContainer = styled(animated.div)`\n  position: absolute;\n  display: block;\n  width: 45px;\n  right: -5px;\n  top: -3px;\n  z-index: 1;\n\n  svg {\n    position: absolute;\n    width: 20px;\n    right: 20px;\n    top: 17px;\n  }\n`;\n\nexport const Option = styled.div<{ isCurrent: boolean }>`\n  cursor: pointer;\n  padding: 13px 24px;\n  position: relative;\n\n  &:hover {\n    background: var(--green-600, #3f937c);\n    p {\n      color: #fff;\n    }\n  }\n`;\n\nexport const UnstyledInput = styled.input`\n  outline: none;\n  border: none;\n  background: none;\n  position: absolute;\n  font-family: ${({ theme }) => theme.typography.family.body};\n  font-weight: ${({ theme }) => theme.typography.weight.normal};\n  font-style: normal;\n  left: 0;\n  right: 0;\n  padding: 0 20px;\n  width: 100%;\n  height: 100%;\n`;\n\nexport const PreviewValue = styled(Typography.Body)`\n  margin-bottom: 24px;\n`;\n"]}

package/dist/chunk-JGURWV66.cjs

@@ -0,0 +1,2 @@
+'use strict';var chunkFTJ2U6XF_cjs=require('./chunk-FTJ2U6XF.cjs'),chunkOC3US4OX_cjs=require('./chunk-OC3US4OX.cjs'),jsxRuntime=require('react/jsx-runtime');var y=({title:o,icon:r})=>jsxRuntime.jsx(chunkFTJ2U6XF_cjs.a,{justify:"space-between",align:"center",children:jsxRuntime.jsxs(chunkFTJ2U6XF_cjs.a,{align:"center",gap:"1rem",children:[jsxRuntime.jsx(chunkOC3US4OX_cjs.a.Display,{children:o}),r]})});exports.a=y;//# sourceMappingURL=chunk-JGURWV66.cjs.map
+//# sourceMappingURL=chunk-JGURWV66.cjs.map

package/dist/chunk-JGURWV66.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Overlay/OverlayTitle.tsx"],"names":["OverylayTitle","title","icon","jsx","Flex_default","jsxs","Typography_default"],"mappings":"iKAQaA,CAAgB,CAAA,CAAC,CAAE,KAAA,CAAAC,EAAO,IAAAC,CAAAA,CAAK,IAC1CC,cAACC,CAAAA,mBAAAA,CAAA,CAAK,OAAQ,CAAA,eAAA,CAAgB,KAAM,CAAA,QAAA,CAClC,SAAAC,eAACD,CAAAA,mBAAAA,CAAA,CAAK,KAAA,CAAM,SAAS,GAAI,CAAA,MAAA,CACvB,QAAAD,CAAAA,CAAAA,cAAAA,CAACG,oBAAW,OAAX,CAAA,CAAoB,SAAAL,CAAM,CAAA,CAAA,CAC1BC,GACH,CACF,CAAA","file":"chunk-JGURWV66.cjs","sourcesContent":["import Flex from '../Flex';\nimport Typography from '../Typography';\n\ntype Props = {\n  title: string;\n  icon: React.ReactNode;\n};\n\nexport const OverylayTitle = ({ title, icon }: Props) => (\n  <Flex justify=\"space-between\" align=\"center\">\n    <Flex align=\"center\" gap=\"1rem\">\n      <Typography.Display>{title}</Typography.Display>\n      {icon}\n    </Flex>\n  </Flex>\n);\n"]}

package/dist/chunk-JGXBJZWU.cjs

@@ -0,0 +1,52 @@
+'use strict';var chunkOC3US4OX_cjs=require('./chunk-OC3US4OX.cjs'),o=require('@emotion/styled'),web=require('@react-spring/web');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var o__default=/*#__PURE__*/_interopDefault(o);var a=o__default.default.div`
+  position: relative;
+  z-index: 40;
+`,d=o__default.default(chunkOC3US4OX_cjs.a.Body)`
+  margin-bottom: 5px;
+  font-weight: ${({isLabelBold:t})=>t?"bold":"regular"};
+  text-align: start;
+`,s=o__default.default(web.animated.div)`
+  position: absolute;
+  background: #fff;
+  border-radius: 8px;
+  border: 1px solid #5a5a5a;
+  top: 60px;
+  left: 0;
+  right: 0;
+  max-height: 180px;
+  overflow-y: auto;
+`,l=o__default.default.div`
+  cursor: pointer;
+  padding: 13px 24px;
+  position: relative;
+
+  &:hover {
+    div {
+      background: #3f937c;
+    }
+  }
+`,x=o__default.default.div`
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  width: 24px;
+  height: 24px;
+  position: absolute;
+  top: 12px;
+  right: 17px;
+  transition: background 0.25s;
+  border-radius: 50%;
+  border: 0.766898px solid;
+  border-color: ${t=>t.isCurrent?"#285E50 !important":"var(--green-600, #3f937c)"};
+  background: ${t=>t.isCurrent?"#285E50 !important":"#FFF"};
+`,b=o__default.default.input`
+  outline: none;
+  border: none;
+  background: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+`,u=o__default.default(chunkOC3US4OX_cjs.a.Body)`
+  margin-bottom: 24px;
+`;exports.a=a;exports.b=d;exports.c=s;exports.d=l;exports.e=x;exports.f=b;exports.g=u;//# sourceMappingURL=chunk-JGXBJZWU.cjs.map
+//# sourceMappingURL=chunk-JGXBJZWU.cjs.map

package/dist/chunk-JGXBJZWU.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Form/DateDropdown/styles.tsx"],"names":["Container","styled","Label","Typography_default","isLabelBold","SelectOptions","animated","Option","Radio","p","UnstyledInput","PreviewValue"],"mappings":"iPAIO,IAAMA,EAAYC,kBAAO,CAAA,GAAA;AAAA;AAAA;AAAA,CAKnBC,CAAAA,CAAAA,CAAQD,kBAAOE,CAAAA,mBAAAA,CAAW,IAAI,CAAA;AAAA;AAAA,eAAA,EAE1B,CAAC,CAAE,WAAA,CAAAC,CAAY,CAAOA,GAAAA,CAAAA,CAAc,OAAS,SAAU,CAAA;AAAA;AAAA,CAI3DC,CAAAA,CAAAA,CAAgBJ,kBAAOK,CAAAA,YAAAA,CAAS,GAAG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAYnCC,EAASN,kBAAO,CAAA,GAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAYhBO,EAAQP,kBAAO,CAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAA,EAYTQ,CAAOA,EAAAA,CAAAA,CAAE,SAAY,CAAA,oBAAA,CAAuB,2BAA4B,CAAA;AAAA,cAAA,EAC1EA,CAAOA,EAAAA,CAAAA,CAAE,SAAY,CAAA,oBAAA,CAAuB,MAAO,CAAA;AAAA,CAAA,CAGvDC,EAAgBT,kBAAO,CAAA,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CASvBU,CAAAA,CAAAA,CAAeV,kBAAOE,CAAAA,mBAAAA,CAAW,IAAI,CAAA;AAAA","file":"chunk-JGXBJZWU.cjs","sourcesContent":["import styled from '@emotion/styled';\nimport { animated } from '@react-spring/web';\nimport Typography from '../../Typography';\n\nexport const Container = styled.div`\n  position: relative;\n  z-index: 40;\n`;\n\nexport const Label = styled(Typography.Body)<{ isLabelBold: boolean }>`\n  margin-bottom: 5px;\n  font-weight: ${({ isLabelBold }) => (isLabelBold ? 'bold' : 'regular')};\n  text-align: start;\n`;\n\nexport const SelectOptions = styled(animated.div)`\n  position: absolute;\n  background: #fff;\n  border-radius: 8px;\n  border: 1px solid #5a5a5a;\n  top: 60px;\n  left: 0;\n  right: 0;\n  max-height: 180px;\n  overflow-y: auto;\n`;\n\nexport const Option = styled.div`\n  cursor: pointer;\n  padding: 13px 24px;\n  position: relative;\n\n  &:hover {\n    div {\n      background: #3f937c;\n    }\n  }\n`;\n\nexport const Radio = styled.div<{ isCurrent: boolean }>`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  width: 24px;\n  height: 24px;\n  position: absolute;\n  top: 12px;\n  right: 17px;\n  transition: background 0.25s;\n  border-radius: 50%;\n  border: 0.766898px solid;\n  border-color: ${(p) => (p.isCurrent ? '#285E50 !important' : 'var(--green-600, #3f937c)')};\n  background: ${(p) => (p.isCurrent ? '#285E50 !important' : '#FFF')};\n`;\n\nexport const UnstyledInput = styled.input`\n  outline: none;\n  border: none;\n  background: none;\n  position: absolute;\n  top: 0;\n  left: 0;\n`;\n\nexport const PreviewValue = styled(Typography.Body)`\n  margin-bottom: 24px;\n`;\n"]}

package/dist/chunk-JRWFSJOY.js

@@ -0,0 +1,190 @@
+import {css}from'@emotion/react';import o from'@emotion/styled';var n={body:"var(--font-lato)",heading:"'Mollie Glaston', serif",subHeading:"'Cinzel', sans-serif",script:"'Dancing Script', sans-serif"},m=(d=>(d.Xs="xs",d.Sm="sm",d.Md="md",d.Lg="lg",d.Xl="xl",d.Xxl="xxl",d))(m||{}),s={xs:{px:12,rem:.75},sm:{px:14,rem:.875},md:{px:16,rem:1},lg:{px:18,rem:1.125},xl:{px:20,rem:1.25},xxl:{px:24,rem:1.5}},e={white:"#FFFFFF",black:"#000000",green100:"#F4F8F7",green200:"#E9F0EE",green300:"#D4E2DD",green400:"#BED3CC",green500:"#AFC8BF",green600:"#3F937C",green700:"#347866",green800:"#285E50",green900:"#1D4339",green1000:"#102720",grey100:"#EEEEEE",grey200:"#D9D9D9",grey300:"#7F7F7F",grey400:"#555555",gold100:"#FFF7E9",gold200:"#F4E5CA",gold300:"#E9CC95",gold400:"#DEB260",gold500:"#D7A13B",red100:"#F1E1E2",red200:"#E4767C",red300:"#DA4D54",purple100:"#EAD7E1",purple200:"#C99CB3",purple300:"#985276",purple400:"#6F3C56",purple500:"#522C40",disabled:"rgba(0, 0, 0, 0.25)"},r={none:{px:0,rem:0},xs:{px:4,rem:.25},sm:{px:8,rem:.5},md:{px:12,rem:.75},lg:{px:16,rem:1},xl:{px:24,rem:1.5},xxl:{px:32,rem:2},"3xl":{px:40,rem:2.5},"4xl":{px:48,rem:3},"5xl":{px:56,rem:3.5},"6xl":{px:64,rem:4},"7xl":{px:80,rem:5},"8xl":{px:96,rem:6}},i=o.div`
+  /* Color */
+  --colo-primary: ${e.green800};
+  --white: ${e.white};
+  --black: ${e.black};
+  --disabled: ${e.disabled};
+
+  --green-100: ${e.green100};
+  --green-200: ${e.green200};
+  --green-300: ${e.green300};
+  --green-400: ${e.green400};
+  --green-500: ${e.green500};
+  --green-600: ${e.green600};
+  --green-700: ${e.green700};
+  --green-800: ${e.green800};
+  --green-900: ${e.green900};
+  --green-1000: ${e.green1000};
+
+  --grey-100: ${e.grey100};
+  --grey-200: ${e.grey200};
+  --grey-300: ${e.grey300};
+  --grey-400: ${e.grey400};
+
+  --gold-100: ${e.gold100};
+  --gold-200: ${e.gold200};
+  --gold-300: ${e.gold300};
+  --gold-400: ${e.gold400};
+  --gold-500: ${e.gold500};
+
+  --red-100: ${e.red100};
+  --red-200: ${e.red200};
+  --red-300: ${e.red300};
+
+  --purple-100: ${e.purple100};
+  --purple-200: ${e.purple200};
+  --purple-300: ${e.purple300};
+  --purple-400: ${e.purple400};
+  --purple-500: ${e.purple500};
+
+  /* Font Family */
+  --font-family-body: ${n.body};
+  --font-family-heading: ${n.heading};
+  --font-family-script: ${n.script};
+  --font-family-subHeading: ${n.subHeading};
+
+  /* Spacing */
+  --spacing-none: ${r.none.rem}rem;
+  --spacing-xs: ${r.xs.rem}rem;
+  --spacing-sm: ${r.sm.rem}rem;
+  --spacing-md: ${r.md.rem}rem;
+  --spacing-lg: ${r.lg.rem}rem;
+  --spacing-xl: ${r.xl.rem}rem;
+  --spacing-xxl: ${r.xxl.rem}rem;
+  --spacing-3xl: ${r["3xl"].rem}rem;
+  --spacing-4xl: ${r["4xl"].rem}rem;
+  --spacing-5xl: ${r["5xl"].rem}rem;
+  --spacing-6xl: ${r["6xl"].rem}rem;
+  --spacing-7xl: ${r["7xl"].rem}rem;
+  --spacing-8xl: ${r["8xl"].rem}rem;
+
+  /* Font Size Body */
+  --font-size-body-sm: 0.875rem;
+  --font-size-body-md: 1rem;
+  --font-size-body-lg: 1.125rem;
+  --font-size-body-xl: 1.25rem;
+
+  /* Font Size Header */
+  --font-size-header-xs: 1rem;
+  --font-size-header-sm: 1.125rem;
+  --font-size-header-md: 1.5rem;
+  --font-size-header-lg: 1.5rem;
+  --font-size-header-xl: 2rem;
+
+  /* Font Size Display */
+  --font-size-display-xs: 1.5rem;
+  --font-size-display-sm: 2rem;
+  --font-size-display-md: 2.5rem;
+  --font-size-display-lg: 3rem;
+  --font-size-display-xl: 4rem;
+
+  /* Border Radius */
+  --border-rounded-none: 0;
+  --border-rounded-sm: 0.5rem;
+  --border-rounded-md: 0.75rem;
+  --border-rounded-lg: 1rem;
+  --border-rounded-xl: 1.5rem;
+  --border-rounded-full: 100%;
+
+  /* Border Width */
+  --border-none: 0;
+  --border-width-sm: 1px;
+  --border-width-md: 1.2px;
+  --border-width-lg: 2px;
+`,x=css`
+  :root {
+    /* Color */
+    --colo-primary: ${e.green800};
+    --white: ${e.white};
+    --black: ${e.black};
+    --disabled: ${e.disabled};
+
+    --green-100: ${e.green100};
+    --green-200: ${e.green200};
+    --green-300: ${e.green300};
+    --green-400: ${e.green400};
+    --green-500: ${e.green500};
+    --green-600: ${e.green600};
+    --green-700: ${e.green700};
+    --green-800: ${e.green800};
+    --green-900: ${e.green900};
+    --green-1000: ${e.green1000};
+
+    --grey-100: ${e.grey100};
+    --grey-200: ${e.grey200};
+    --grey-300: ${e.grey300};
+    --grey-400: ${e.grey400};
+
+    --gold-100: ${e.gold100};
+    --gold-200: ${e.gold200};
+    --gold-300: ${e.gold300};
+    --gold-400: ${e.gold400};
+    --gold-500: ${e.gold500};
+
+    --red-100: ${e.red100};
+    --red-200: ${e.red200};
+    --red-300: ${e.red300};
+
+    --purple-100: ${e.purple100};
+    --purple-200: ${e.purple200};
+    --purple-300: ${e.purple300};
+    --purple-400: ${e.purple400};
+    --purple-500: ${e.purple500};
+
+    /* Font Family */
+    --font-family-body: ${n.body};
+    --font-family-heading: ${n.heading};
+    --font-family-script: ${n.script};
+    --font-family-subHeading: ${n.subHeading};
+
+    /* Spacing */
+    --spacing-none: ${r.none.rem}rem;
+    --spacing-xs: ${r.xs.rem}rem;
+    --spacing-sm: ${r.sm.rem}rem;
+    --spacing-md: ${r.md.rem}rem;
+    --spacing-lg: ${r.lg.rem}rem;
+    --spacing-xl: ${r.xl.rem}rem;
+    --spacing-xxl: ${r.xxl.rem}rem;
+    --spacing-3xl: ${r["3xl"].rem}rem;
+    --spacing-4xl: ${r["4xl"].rem}rem;
+    --spacing-5xl: ${r["5xl"].rem}rem;
+    --spacing-6xl: ${r["6xl"].rem}rem;
+    --spacing-7xl: ${r["7xl"].rem}rem;
+    --spacing-8xl: ${r["8xl"].rem}rem;
+
+    /* Font Size Body */
+    --font-size-body-sm: 0.875rem;
+    --font-size-body-md: 1rem;
+    --font-size-body-lg: 1.125rem;
+    --font-size-body-xl: 1.25rem;
+
+    /* Font Size Header */
+    --font-size-header-xs: 1rem;
+    --font-size-header-sm: 1.125rem;
+    --font-size-header-md: 1.5rem;
+    --font-size-header-lg: 1.5rem;
+    --font-size-header-xl: 2rem;
+
+    /* Font Size Display */
+    --font-size-display-xs: 1.5rem;
+    --font-size-display-sm: 2rem;
+    --font-size-display-md: 2.5rem;
+    --font-size-display-lg: 3rem;
+    --font-size-display-xl: 4rem;
+
+    /* Border Radius */
+    --border-rounded-none: 0;
+    --border-rounded-sm: 0.5rem;
+    --border-rounded-md: 0.75rem;
+    --border-rounded-lg: 1rem;
+    --border-rounded-xl: 1.5rem;
+    --border-rounded-full: 100%;
+
+    /* Border Width */
+    --border-none: 0;
+    --border-width-sm: 1px;
+    --border-width-md: 1.2px;
+    --border-width-lg: 2px;
+  }
+`;export{n as a,m as b,s as c,e as d,r as e,i as f,x as g};//# sourceMappingURL=chunk-JRWFSJOY.js.map
+//# sourceMappingURL=chunk-JRWFSJOY.js.map

package/dist/chunk-JRWFSJOY.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/theme/themeVariables.tsx"],"names":["baseFonts","Sizes","baseFontSizes","baseColors","baseSpacing","ThemeVariablesProvider","styled","themeVariables","css"],"mappings":"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","file":"chunk-JRWFSJOY.js","sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\n\nexport const baseFonts = {\n  body: 'var(--font-lato)',\n  heading: \"'Mollie Glaston', serif\",\n  subHeading: \"'Cinzel', sans-serif\",\n  script: \"'Dancing Script', sans-serif\",\n};\n\nexport enum Sizes {\n  Xs = 'xs',\n  Sm = 'sm',\n  Md = 'md',\n  Lg = 'lg',\n  Xl = 'xl',\n  Xxl = 'xxl',\n}\n\nexport const baseFontSizes = {\n  xs: { px: 12, rem: 0.75 },\n  sm: { px: 14, rem: 0.875 },\n  md: { px: 16, rem: 1 },\n  lg: { px: 18, rem: 1.125 },\n  xl: { px: 20, rem: 1.25 },\n  xxl: { px: 24, rem: 1.5 },\n};\n\nexport const baseColors = {\n  white: '#FFFFFF',\n  black: '#000000',\n\n  green100: '#F4F8F7',\n  green200: '#E9F0EE',\n  green300: '#D4E2DD',\n  green400: '#BED3CC',\n  green500: '#AFC8BF',\n  green600: '#3F937C',\n  green700: '#347866',\n  green800: '#285E50',\n  green900: '#1D4339',\n  green1000: '#102720',\n\n  grey100: '#EEEEEE',\n  grey200: '#D9D9D9',\n  grey300: '#7F7F7F',\n  grey400: '#555555',\n\n  gold100: '#FFF7E9',\n  gold200: '#F4E5CA',\n  gold300: '#E9CC95',\n  gold400: '#DEB260',\n  gold500: '#D7A13B',\n\n  red100: '#F1E1E2',\n  red200: '#E4767C',\n  red300: '#DA4D54',\n\n  purple100: '#EAD7E1',\n  purple200: '#C99CB3',\n  purple300: '#985276',\n  purple400: '#6F3C56',\n  purple500: '#522C40',\n\n  disabled: 'rgba(0, 0, 0, 0.25)',\n};\n\nexport const baseSpacing = {\n  none: { px: 0, rem: 0 },\n  xs: { px: 4, rem: 0.25 },\n  sm: { px: 8, rem: 0.5 },\n  md: { px: 12, rem: 0.75 },\n  lg: { px: 16, rem: 1 },\n  xl: { px: 24, rem: 1.5 },\n  xxl: { px: 32, rem: 2 },\n  '3xl': { px: 40, rem: 2.5 },\n  '4xl': { px: 48, rem: 3 },\n  '5xl': { px: 56, rem: 3.5 },\n  '6xl': { px: 64, rem: 4 },\n  '7xl': { px: 80, rem: 5 },\n  '8xl': { px: 96, rem: 6 },\n};\n\n/**\n * @deprecated Please use emotion `<Global />` component with the `themeVariables` css prop instead\n *\n * E.g.\n * ```tsx\n * import { Global } from '@emotion/react';\n * import { themeVariables } from '@solace-health/ui';\n *\n * <Global styles={themeVariables} />\n * ```\n */\nexport const ThemeVariablesProvider = styled.div`\n  /* Color */\n  --colo-primary: ${baseColors.green800};\n  --white: ${baseColors.white};\n  --black: ${baseColors.black};\n  --disabled: ${baseColors.disabled};\n\n  --green-100: ${baseColors.green100};\n  --green-200: ${baseColors.green200};\n  --green-300: ${baseColors.green300};\n  --green-400: ${baseColors.green400};\n  --green-500: ${baseColors.green500};\n  --green-600: ${baseColors.green600};\n  --green-700: ${baseColors.green700};\n  --green-800: ${baseColors.green800};\n  --green-900: ${baseColors.green900};\n  --green-1000: ${baseColors.green1000};\n\n  --grey-100: ${baseColors.grey100};\n  --grey-200: ${baseColors.grey200};\n  --grey-300: ${baseColors.grey300};\n  --grey-400: ${baseColors.grey400};\n\n  --gold-100: ${baseColors.gold100};\n  --gold-200: ${baseColors.gold200};\n  --gold-300: ${baseColors.gold300};\n  --gold-400: ${baseColors.gold400};\n  --gold-500: ${baseColors.gold500};\n\n  --red-100: ${baseColors.red100};\n  --red-200: ${baseColors.red200};\n  --red-300: ${baseColors.red300};\n\n  --purple-100: ${baseColors.purple100};\n  --purple-200: ${baseColors.purple200};\n  --purple-300: ${baseColors.purple300};\n  --purple-400: ${baseColors.purple400};\n  --purple-500: ${baseColors.purple500};\n\n  /* Font Family */\n  --font-family-body: ${baseFonts.body};\n  --font-family-heading: ${baseFonts.heading};\n  --font-family-script: ${baseFonts.script};\n  --font-family-subHeading: ${baseFonts.subHeading};\n\n  /* Spacing */\n  --spacing-none: ${baseSpacing.none.rem}rem;\n  --spacing-xs: ${baseSpacing.xs.rem}rem;\n  --spacing-sm: ${baseSpacing.sm.rem}rem;\n  --spacing-md: ${baseSpacing.md.rem}rem;\n  --spacing-lg: ${baseSpacing.lg.rem}rem;\n  --spacing-xl: ${baseSpacing.xl.rem}rem;\n  --spacing-xxl: ${baseSpacing.xxl.rem}rem;\n  --spacing-3xl: ${baseSpacing['3xl'].rem}rem;\n  --spacing-4xl: ${baseSpacing['4xl'].rem}rem;\n  --spacing-5xl: ${baseSpacing['5xl'].rem}rem;\n  --spacing-6xl: ${baseSpacing['6xl'].rem}rem;\n  --spacing-7xl: ${baseSpacing['7xl'].rem}rem;\n  --spacing-8xl: ${baseSpacing['8xl'].rem}rem;\n\n  /* Font Size Body */\n  --font-size-body-sm: 0.875rem;\n  --font-size-body-md: 1rem;\n  --font-size-body-lg: 1.125rem;\n  --font-size-body-xl: 1.25rem;\n\n  /* Font Size Header */\n  --font-size-header-xs: 1rem;\n  --font-size-header-sm: 1.125rem;\n  --font-size-header-md: 1.5rem;\n  --font-size-header-lg: 1.5rem;\n  --font-size-header-xl: 2rem;\n\n  /* Font Size Display */\n  --font-size-display-xs: 1.5rem;\n  --font-size-display-sm: 2rem;\n  --font-size-display-md: 2.5rem;\n  --font-size-display-lg: 3rem;\n  --font-size-display-xl: 4rem;\n\n  /* Border Radius */\n  --border-rounded-none: 0;\n  --border-rounded-sm: 0.5rem;\n  --border-rounded-md: 0.75rem;\n  --border-rounded-lg: 1rem;\n  --border-rounded-xl: 1.5rem;\n  --border-rounded-full: 100%;\n\n  /* Border Width */\n  --border-none: 0;\n  --border-width-sm: 1px;\n  --border-width-md: 1.2px;\n  --border-width-lg: 2px;\n`;\n\nexport const themeVariables = css`\n  :root {\n    /* Color */\n    --colo-primary: ${baseColors.green800};\n    --white: ${baseColors.white};\n    --black: ${baseColors.black};\n    --disabled: ${baseColors.disabled};\n\n    --green-100: ${baseColors.green100};\n    --green-200: ${baseColors.green200};\n    --green-300: ${baseColors.green300};\n    --green-400: ${baseColors.green400};\n    --green-500: ${baseColors.green500};\n    --green-600: ${baseColors.green600};\n    --green-700: ${baseColors.green700};\n    --green-800: ${baseColors.green800};\n    --green-900: ${baseColors.green900};\n    --green-1000: ${baseColors.green1000};\n\n    --grey-100: ${baseColors.grey100};\n    --grey-200: ${baseColors.grey200};\n    --grey-300: ${baseColors.grey300};\n    --grey-400: ${baseColors.grey400};\n\n    --gold-100: ${baseColors.gold100};\n    --gold-200: ${baseColors.gold200};\n    --gold-300: ${baseColors.gold300};\n    --gold-400: ${baseColors.gold400};\n    --gold-500: ${baseColors.gold500};\n\n    --red-100: ${baseColors.red100};\n    --red-200: ${baseColors.red200};\n    --red-300: ${baseColors.red300};\n\n    --purple-100: ${baseColors.purple100};\n    --purple-200: ${baseColors.purple200};\n    --purple-300: ${baseColors.purple300};\n    --purple-400: ${baseColors.purple400};\n    --purple-500: ${baseColors.purple500};\n\n    /* Font Family */\n    --font-family-body: ${baseFonts.body};\n    --font-family-heading: ${baseFonts.heading};\n    --font-family-script: ${baseFonts.script};\n    --font-family-subHeading: ${baseFonts.subHeading};\n\n    /* Spacing */\n    --spacing-none: ${baseSpacing.none.rem}rem;\n    --spacing-xs: ${baseSpacing.xs.rem}rem;\n    --spacing-sm: ${baseSpacing.sm.rem}rem;\n    --spacing-md: ${baseSpacing.md.rem}rem;\n    --spacing-lg: ${baseSpacing.lg.rem}rem;\n    --spacing-xl: ${baseSpacing.xl.rem}rem;\n    --spacing-xxl: ${baseSpacing.xxl.rem}rem;\n    --spacing-3xl: ${baseSpacing['3xl'].rem}rem;\n    --spacing-4xl: ${baseSpacing['4xl'].rem}rem;\n    --spacing-5xl: ${baseSpacing['5xl'].rem}rem;\n    --spacing-6xl: ${baseSpacing['6xl'].rem}rem;\n    --spacing-7xl: ${baseSpacing['7xl'].rem}rem;\n    --spacing-8xl: ${baseSpacing['8xl'].rem}rem;\n\n    /* Font Size Body */\n    --font-size-body-sm: 0.875rem;\n    --font-size-body-md: 1rem;\n    --font-size-body-lg: 1.125rem;\n    --font-size-body-xl: 1.25rem;\n\n    /* Font Size Header */\n    --font-size-header-xs: 1rem;\n    --font-size-header-sm: 1.125rem;\n    --font-size-header-md: 1.5rem;\n    --font-size-header-lg: 1.5rem;\n    --font-size-header-xl: 2rem;\n\n    /* Font Size Display */\n    --font-size-display-xs: 1.5rem;\n    --font-size-display-sm: 2rem;\n    --font-size-display-md: 2.5rem;\n    --font-size-display-lg: 3rem;\n    --font-size-display-xl: 4rem;\n\n    /* Border Radius */\n    --border-rounded-none: 0;\n    --border-rounded-sm: 0.5rem;\n    --border-rounded-md: 0.75rem;\n    --border-rounded-lg: 1rem;\n    --border-rounded-xl: 1.5rem;\n    --border-rounded-full: 100%;\n\n    /* Border Width */\n    --border-none: 0;\n    --border-width-sm: 1px;\n    --border-width-md: 1.2px;\n    --border-width-lg: 2px;\n  }\n`;\n"]}

package/dist/chunk-JUCW6QNL.cjs

@@ -0,0 +1,42 @@
+'use strict';var chunkFTJ2U6XF_cjs=require('./chunk-FTJ2U6XF.cjs'),chunkYXWYVPPX_cjs=require('./chunk-YXWYVPPX.cjs'),chunkOC3US4OX_cjs=require('./chunk-OC3US4OX.cjs'),r=require('@emotion/styled');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var r__default=/*#__PURE__*/_interopDefault(r);var p=r__default.default(chunkFTJ2U6XF_cjs.a)`
+  display: flex;
+  padding: var(--Spacing-xl, 1.5rem) 1.5rem var(--Spacing-2xl, 2rem) 1.5rem;
+
+  flex-direction: column;
+  gap: var(--Spacing-2xl, 2rem);
+
+  border-radius: var(--border-radius-none, 0rem) var(--border-radius-3xl, 1.5rem)
+    var(--border-radius-3xl, 1.5rem) var(--border-radius-3xl, 1.5rem);
+  border: 1px solid var(--Neutrals-Gray-1, #eee);
+  background: var(--surface-primary, #fff);
+
+  /* shadow */
+  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);
+`,t=r__default.default(chunkFTJ2U6XF_cjs.a)`
+  display: flex;
+  width: fit-content;
+  max-width: 17.625rem;
+  padding: var(--Spacing-sm, 0.5rem) var(--Spacing-lg, 1rem);
+  align-items: center;
+  gap: var(--Spacing-M, 1rem);
+  font-size: 0.875rem;
+
+  border-radius: var(--border-radius-2xl, 1rem) var(--border-radius-2xl, 1rem)
+    var(--border-radius-none, 0rem) var(--border-radius-none, 0rem);
+  background: var(--green-100, #f4f8f7);
+`,s=r__default.default(chunkOC3US4OX_cjs.a.Header)`
+  color: var(--green-900, #1d4339);
+`,x=r__default.default(chunkYXWYVPPX_cjs.a)`
+  display: flex;
+  width: 1.75rem;
+  height: 1.375rem;
+  padding: 0.125rem 0.5rem;
+  justify-content: center;
+  align-items: center;
+  gap: 0.0625rem;
+  flex-shrink: 0;
+
+  border-radius: var(--Radius-Max, 6.25rem);
+  background: var(--copy-mid-green, #3f937c);
+`;exports.a=p;exports.b=t;exports.c=s;exports.d=x;//# sourceMappingURL=chunk-JUCW6QNL.cjs.map
+//# sourceMappingURL=chunk-JUCW6QNL.cjs.map

package/dist/chunk-JUCW6QNL.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/InfoContainer/style.tsx"],"names":["Container","styled","Flex_default","Label","LabelText","Typography_default","Indicator","Badge_default"],"mappings":"oTAKaA,IAAAA,CAAAA,CAAYC,mBAAOC,mBAAI,CAAA;AAAA;AAAA;;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA,CAgBvBC,CAAAA,CAAAA,CAAQF,mBAAOC,mBAAI,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA,CAcnBE,CAAAA,CAAAA,CAAYH,kBAAOI,CAAAA,mBAAAA,CAAW,MAAM,CAAA;AAAA;AAAA,CAIpCC,CAAAA,CAAAA,CAAYL,mBAAOM,mBAAK,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA","file":"chunk-JUCW6QNL.cjs","sourcesContent":["import styled from '@emotion/styled';\nimport Flex from '../Flex';\nimport Typography from '../Typography';\nimport Badge from '../Badge';\n\nexport const Container = styled(Flex)`\n  display: flex;\n  padding: var(--Spacing-xl, 1.5rem) 1.5rem var(--Spacing-2xl, 2rem) 1.5rem;\n\n  flex-direction: column;\n  gap: var(--Spacing-2xl, 2rem);\n\n  border-radius: var(--border-radius-none, 0rem) var(--border-radius-3xl, 1.5rem)\n    var(--border-radius-3xl, 1.5rem) var(--border-radius-3xl, 1.5rem);\n  border: 1px solid var(--Neutrals-Gray-1, #eee);\n  background: var(--surface-primary, #fff);\n\n  /* shadow */\n  box-shadow: 0px 1px 3px 0px rgba(0, 0, 0, 0.1), 0px 1px 2px -1px rgba(0, 0, 0, 0.1);\n`;\n\nexport const Label = styled(Flex)`\n  display: flex;\n  width: fit-content;\n  max-width: 17.625rem;\n  padding: var(--Spacing-sm, 0.5rem) var(--Spacing-lg, 1rem);\n  align-items: center;\n  gap: var(--Spacing-M, 1rem);\n  font-size: 0.875rem;\n\n  border-radius: var(--border-radius-2xl, 1rem) var(--border-radius-2xl, 1rem)\n    var(--border-radius-none, 0rem) var(--border-radius-none, 0rem);\n  background: var(--green-100, #f4f8f7);\n`;\n\nexport const LabelText = styled(Typography.Header)`\n  color: var(--green-900, #1d4339);\n`;\n\nexport const Indicator = styled(Badge)`\n  display: flex;\n  width: 1.75rem;\n  height: 1.375rem;\n  padding: 0.125rem 0.5rem;\n  justify-content: center;\n  align-items: center;\n  gap: 0.0625rem;\n  flex-shrink: 0;\n\n  border-radius: var(--Radius-Max, 6.25rem);\n  background: var(--copy-mid-green, #3f937c);\n`;\n"]}

package/dist/chunk-JUDNBOUH.cjs

@@ -0,0 +1,91 @@
+'use strict';var chunkL5MVBSP5_cjs=require('./chunk-L5MVBSP5.cjs'),chunkOC3US4OX_cjs=require('./chunk-OC3US4OX.cjs'),r=require('@emotion/styled'),web=require('@react-spring/web'),antd=require('antd');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var r__default=/*#__PURE__*/_interopDefault(r);var {TextArea:a}=antd.Input,b=r__default.default(web.animated.div)`
+  position: absolute;
+  display: block;
+  width: 45px;
+  right: -5px;
+  top: -3px;
+  z-index: 1;
+
+  svg {
+    position: absolute;
+    width: 20px;
+    right: 20px;
+    top: 17px;
+  }
+`,c=r__default.default.input`
+  width: 100%;
+  height: 50px;
+  box-sizing: border-box;
+  border-radius: 8px;
+  border: 1px solid ${({error:o})=>o?"red":"#5a5a5a"};
+  padding: 11px 14px;
+  background-color: ${o=>o.disabled?"#EEEEEE":"#fff"};
+  color: ${o=>o.disabled?"var(--grey-300, #7f7f7f)":"#000"};
+  font-family: ${({theme:o})=>o.typography.family.body};
+  font-weight: ${({theme:o})=>o.typography.weight.normal};
+  font-style: normal;
+  font-size: 16px;
+
+  &:focus {
+    outline-style: none;
+    border-radius: 8px;
+    border: 1px solid ${({theme:o})=>o.colors.secondaryGreen};
+    box-shadow: 0 0 0 1px ${({theme:o})=>o.colors.secondaryGreen};
+  }
+
+  &:autofill {
+    box-shadow: 0 0 0px 1000px #e9f0ee inset;
+    transition: background-color 5000s ease-in-out 0s;
+    background-clip: content-box !important;
+  }
+`,f=r__default.default(chunkL5MVBSP5_cjs.b)`
+  width: 100%;
+  height: 50px;
+  box-sizing: border-box;
+  border-radius: 8px;
+  border: 1px solid ${({error:o})=>o?"red":"#5a5a5a"};
+  padding: 11px 14px;
+  background-color: ${o=>o.disabled?"#EEEEEE":"#fff"};
+  color: ${o=>o.disabled?"var(--grey-300, #7f7f7f)":"#000"};
+  font-family: ${({theme:o})=>o.typography.family.body};
+  font-weight: ${({theme:o})=>o.typography.weight.normal};
+  font-style: normal;
+  font-size: 16px;
+
+  &:focus {
+    outline-style: none;
+    border-radius: 8px;
+    border: 1px solid ${({theme:o})=>o.colors.secondaryGreen};
+    box-shadow: 0 0 0 1px ${({theme:o})=>o.colors.secondaryGreen};
+  }
+
+  &:autofill {
+    box-shadow: 0 0 0px 1000px #e9f0ee inset;
+    transition: background-color 5000s ease-in-out 0s;
+    background-clip: content-box !important;
+  }
+`,y=r__default.default.div`
+  display: flex;
+  flex-direction: column;
+  position: relative;
+`,g=r__default.default(a)`
+  width: 100%;
+  resize: none;
+  max-height: 200px;
+  box-sizing: border-box;
+  border-radius: 8px;
+  border: 1px solid ${({error:o})=>o?"red":"#5a5a5a"};
+  padding: 11px 14px;
+  margin-bottom: ${({marginBottom:o})=>o??"0"};
+  background-color: ${o=>o.disabled?"#EEEEEE":"#fff"};
+  color: ${o=>o.disabled?"var(--grey-300, #7f7f7f)":"#000"};
+
+  &:focus {
+    outline-color: white;
+    outline-style: solid;
+    border-color: ${({theme:o})=>o.colors.secondaryGreen};
+  }
+`,u=r__default.default(chunkOC3US4OX_cjs.a.Body)`
+  display: block;
+`;exports.a=b;exports.b=c;exports.c=f;exports.d=y;exports.e=g;exports.f=u;//# sourceMappingURL=chunk-JUDNBOUH.cjs.map
+//# sourceMappingURL=chunk-JUDNBOUH.cjs.map

package/dist/chunk-JUDNBOUH.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Form/TextInput/styles.tsx"],"names":["TextArea","VendorInput","ErrorContainer","styled","animated","Input","error","props","theme","StyledMaskedInput","MaskedInput","TextInputWrap","Area","marginBottom","PreviewValue","Typography_default"],"mappings":"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","file":"chunk-JUDNBOUH.cjs","sourcesContent":["import styled from '@emotion/styled';\nimport { animated } from '@react-spring/web';\nimport { Input as VendorInput } from 'antd';\nimport MaskedInput from './text-mask/react/src/reactTextMask';\nimport Typography from '../../Typography';\n\nconst { TextArea } = VendorInput;\n\nexport const ErrorContainer = styled(animated.div)`\n  position: absolute;\n  display: block;\n  width: 45px;\n  right: -5px;\n  top: -3px;\n  z-index: 1;\n\n  svg {\n    position: absolute;\n    width: 20px;\n    right: 20px;\n    top: 17px;\n  }\n`;\n\nexport const Input = styled.input<{ error: any; disabled: boolean }>`\n  width: 100%;\n  height: 50px;\n  box-sizing: border-box;\n  border-radius: 8px;\n  border: 1px solid ${({ error }) => (error ? 'red' : '#5a5a5a')};\n  padding: 11px 14px;\n  background-color: ${(props) => (props.disabled ? '#EEEEEE' : '#fff')};\n  color: ${(props) => (props.disabled ? 'var(--grey-300, #7f7f7f)' : '#000')};\n  font-family: ${({ theme }) => theme.typography.family.body};\n  font-weight: ${({ theme }) => theme.typography.weight.normal};\n  font-style: normal;\n  font-size: 16px;\n\n  &:focus {\n    outline-style: none;\n    border-radius: 8px;\n    border: 1px solid ${({ theme }) => theme.colors.secondaryGreen};\n    box-shadow: 0 0 0 1px ${({ theme }) => theme.colors.secondaryGreen};\n  }\n\n  &:autofill {\n    box-shadow: 0 0 0px 1000px #e9f0ee inset;\n    transition: background-color 5000s ease-in-out 0s;\n    background-clip: content-box !important;\n  }\n`;\n\nexport const StyledMaskedInput = styled(MaskedInput)<{\n  disabled?: boolean;\n  error?: boolean;\n}>`\n  width: 100%;\n  height: 50px;\n  box-sizing: border-box;\n  border-radius: 8px;\n  border: 1px solid ${({ error }) => (error ? 'red' : '#5a5a5a')};\n  padding: 11px 14px;\n  background-color: ${(props) => (props.disabled ? '#EEEEEE' : '#fff')};\n  color: ${(props) => (props.disabled ? 'var(--grey-300, #7f7f7f)' : '#000')};\n  font-family: ${({ theme }) => theme.typography.family.body};\n  font-weight: ${({ theme }) => theme.typography.weight.normal};\n  font-style: normal;\n  font-size: 16px;\n\n  &:focus {\n    outline-style: none;\n    border-radius: 8px;\n    border: 1px solid ${({ theme }) => theme.colors.secondaryGreen};\n    box-shadow: 0 0 0 1px ${({ theme }) => theme.colors.secondaryGreen};\n  }\n\n  &:autofill {\n    box-shadow: 0 0 0px 1000px #e9f0ee inset;\n    transition: background-color 5000s ease-in-out 0s;\n    background-clip: content-box !important;\n  }\n`;\n\nexport const TextInputWrap = styled.div<{\n  marginBottom?: string;\n}>`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n`;\n\nexport const Area = styled(TextArea)<{\n  marginBottom?: string | null;\n  error: any;\n  disabled: boolean;\n}>`\n  width: 100%;\n  resize: none;\n  max-height: 200px;\n  box-sizing: border-box;\n  border-radius: 8px;\n  border: 1px solid ${({ error }) => (error ? 'red' : '#5a5a5a')};\n  padding: 11px 14px;\n  margin-bottom: ${({ marginBottom }) => marginBottom ?? '0'};\n  background-color: ${(props) => (props.disabled ? '#EEEEEE' : '#fff')};\n  color: ${(props) => (props.disabled ? 'var(--grey-300, #7f7f7f)' : '#000')};\n\n  &:focus {\n    outline-color: white;\n    outline-style: solid;\n    border-color: ${({ theme }) => theme.colors.secondaryGreen};\n  }\n`;\n\nexport const PreviewValue = styled(Typography.Body)`\n  display: block;\n`;\n"]}

package/dist/chunk-JUU2HLNM.cjs

@@ -0,0 +1,32 @@
+'use strict';var chunkNHJHFREJ_cjs=require('./chunk-NHJHFREJ.cjs'),jsxRuntime=require('react/jsx-runtime');var a=chunkNHJHFREJ_cjs.a.p`
+  transition: font-size 0.25s;
+  color: ${e=>e.color||"#101010"};
+  font-family: ${({theme:e})=>e.typography.family.body};
+  font-weight: ${({theme:e,bold:o})=>o?e.typography.weight.bold:e.typography.weight.normal};
+  font-feature-settings: 'liga' 1, 'kern';
+  font-style: normal;
+  margin: 0;
+  text-align: ${({center:e})=>e?"center":"unset"};
+
+  ${e=>e.size==="xl"&&`
+    font-size: 20px;
+    line-height: 28px;
+  `}
+  ${e=>e.size==="lg"&&`
+    font-size: 18px;
+    line-height: 24px;
+  `}
+    ${e=>e.size==="md"&&`
+    font-size: 16px;
+    line-height: 19px;
+  `}
+    ${e=>e.size==="sm"&&`
+    font-size: 14px;
+    line-height: 17px;
+  `}
+    ${e=>e.size==="xs"&&`
+    font-size: 14px;
+    line-height: 17px;
+  `};
+`,p=({className:e="",children:o="",size:i="md",bold:n=!1,color:s="",center:l=!1,...r})=>jsxRuntime.jsx(a,{className:e,size:i,color:s,bold:n,center:l,...r,children:o}),y=p;exports.a=y;//# sourceMappingURL=chunk-JUU2HLNM.cjs.map
+//# sourceMappingURL=chunk-JUU2HLNM.cjs.map

package/dist/chunk-JUU2HLNM.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/Typography/Body/index.tsx"],"names":["StyledBody","styled","p","theme","bold","center","Body","className","children","size","color","extraProps","jsx","Body_default"],"mappings":"2GAGMA,IAAAA,CAAAA,CAAaC,mBAAO,CAAA,CAAA;AAAA;AAAA,SAEdC,EAAAA,CAAAA,EAAMA,CAAE,CAAA,KAAA,EAAS,SAAS,CAAA;AAAA,eACrB,EAAA,CAAC,CAAE,KAAAC,CAAAA,CAAM,IAAMA,CAAM,CAAA,UAAA,CAAW,OAAO,IAAI,CAAA;AAAA,eAAA,EAC3C,CAAC,CAAE,KAAAA,CAAAA,CAAAA,CAAO,KAAAC,CAAK,CAAA,GAC5BA,CAAOD,CAAAA,CAAAA,CAAM,WAAW,MAAO,CAAA,IAAA,CAAOA,CAAM,CAAA,UAAA,CAAW,OAAO,MAAM,CAAA;AAAA;AAAA;AAAA;AAAA,cAAA,EAIxD,CAAC,CAAE,MAAA,CAAAE,CAAO,CAAOA,GAAAA,CAAAA,CAAS,SAAW,OAAQ,CAAA;;AAAA,EAExDH,EAAAA,CAAAA,EACDA,CAAE,CAAA,IAAA,GAAS,IACX,EAAA;AAAA;AAAA;AAAA,EAGD,CAAA;AAAA,EACEA,EAAAA,CAAAA,EACDA,CAAE,CAAA,IAAA,GAAS,IACX,EAAA;AAAA;AAAA;AAAA,EAGD,CAAA;AAAA,IACIA,EAAAA,CAAAA,EACHA,CAAE,CAAA,IAAA,GAAS,IACX,EAAA;AAAA;AAAA;AAAA,EAGD,CAAA;AAAA,IACIA,EAAAA,CAAAA,EACHA,CAAE,CAAA,IAAA,GAAS,IACX,EAAA;AAAA;AAAA;AAAA,EAGD,CAAA;AAAA,IACIA,EAAAA,CAAAA,EACHA,CAAE,CAAA,IAAA,GAAS,IACX,EAAA;AAAA;AAAA;AAAA,EAGD,CAAA,CAAA;AAAA,CAAA,CAaGI,EAAO,CAAC,CACZ,UAAAC,CAAY,CAAA,EAAA,CACZ,SAAAC,CAAW,CAAA,EAAA,CACX,IAAAC,CAAAA,CAAAA,CAAAA,IAAAA,CACA,KAAAL,CAAO,CAAA,CAAA,CAAA,CACP,MAAAM,CAAQ,CAAA,EAAA,CACR,OAAAL,CAAS,CAAA,CAAA,CAAA,CACT,GAAGM,CACL,IACEC,cAACZ,CAAAA,CAAAA,CAAA,CACC,SAAWO,CAAAA,CAAAA,CACX,KAAME,CACN,CAAA,KAAA,CAAOC,EACP,IAAMN,CAAAA,CAAAA,CACN,OAAQC,CACP,CAAA,GAAGM,EAEH,QAAAH,CAAAA,CAAAA,CACH,EAGKK,CAAQP,CAAAA","file":"chunk-JUU2HLNM.cjs","sourcesContent":["import { styled } from '../../theme';\nimport { Size } from '../types';\n\nconst StyledBody = styled.p<{ center: boolean; size: Size; color: string; bold: boolean }>`\n  transition: font-size 0.25s;\n  color: ${(p) => p.color || '#101010'};\n  font-family: ${({ theme }) => theme.typography.family.body};\n  font-weight: ${({ theme, bold }) =>\n    bold ? theme.typography.weight.bold : theme.typography.weight.normal};\n  font-feature-settings: 'liga' 1, 'kern';\n  font-style: normal;\n  margin: 0;\n  text-align: ${({ center }) => (center ? 'center' : 'unset')};\n\n  ${(p) =>\n    p.size === Size.XL &&\n    `\n    font-size: 20px;\n    line-height: 28px;\n  `}\n  ${(p) =>\n    p.size === Size.LG &&\n    `\n    font-size: 18px;\n    line-height: 24px;\n  `}\n    ${(p) =>\n    p.size === Size.MD &&\n    `\n    font-size: 16px;\n    line-height: 19px;\n  `}\n    ${(p) =>\n    p.size === Size.SM &&\n    `\n    font-size: 14px;\n    line-height: 17px;\n  `}\n    ${(p) =>\n    p.size === Size.XS &&\n    `\n    font-size: 14px;\n    line-height: 17px;\n  `};\n`;\n\ntype Props = {\n  className?: string;\n  size?: Size;\n  children?: React.ReactNode;\n  bold?: boolean;\n  color?: string;\n  center?: boolean;\n  [extraProps: string]: unknown;\n};\n\nconst Body = ({\n  className = '',\n  children = '',\n  size = Size.MD,\n  bold = false,\n  color = '',\n  center = false,\n  ...extraProps\n}: Props) => (\n  <StyledBody\n    className={className}\n    size={size}\n    color={color}\n    bold={bold}\n    center={center}\n    {...extraProps}\n  >\n    {children}\n  </StyledBody>\n);\n\nexport default Body;\n"]}