@solace-health/ui 0.10.356 → 0.10.357-beta2

package/dist/chunk-PNRO7YEJ.cjs

@@ -1,72 +0,0 @@
-'use strict';var chunkSXEE3WNJ_cjs=require('./chunk-SXEE3WNJ.cjs'),t=require('@emotion/styled'),web=require('@react-spring/web');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var t__default=/*#__PURE__*/_interopDefault(t);var a=t__default.default.div`
-  position: relative;
-  margin-bottom: 24px;
-  z-index: 40;
-`,s=t__default.default(chunkSXEE3WNJ_cjs.a.Body)`
-  margin-bottom: 5px;
-  font-weight: ${({isLabelBold:o})=>o?"bold":"regular"};
-  text-align: start;
-`,d=t__default.default.div`
-  position: relative;
-  margin-top: 8px;
-  border: 1px solid #5a5a5a;
-  box-sizing: border-box;
-  border-radius: 8px;
-  height: 50px;
-  cursor: ${o=>o?.previewOnly?"cursor":"pointer"};
-  background: ${o=>o?.previewOnly?"#EEEEEE":"#fff"};
-  line-height: normal;
-  padding: 13px 24px;
-  display: flex;
-  align-items: center;
-
-  > svg {
-    position: absolute;
-    right: 25px;
-    top: 17px;
-  }
-`,l=t__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;
-`,x=t__default.default.div`
-  cursor: pointer;
-  padding: 13px 24px;
-  position: relative;
-
-  &:hover {
-    div {
-      background: var(--green-600, #3f937c);
-    }
-  }
-`,b=t__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: ${o=>o.isCurrent?"#285E50 !important":"var(--green-600, #3f937c)"};
-  background: ${o=>o.isCurrent?"#285E50 !important":"#FFF"};
-`,g=t__default.default.input`
-  outline: none;
-  border: none;
-  background: none;
-  position: absolute;
-  top: 0;
-  left: 0;
-`,c=t__default.default(chunkSXEE3WNJ_cjs.a.Body)`
-  margin-bottom: 24px;
-`;exports.a=a;exports.b=s;exports.c=d;exports.d=l;exports.e=x;exports.f=b;exports.g=g;exports.h=c;//# sourceMappingURL=chunk-PNRO7YEJ.cjs.map
-//# sourceMappingURL=chunk-PNRO7YEJ.cjs.map

package/dist/chunk-PNRO7YEJ.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Form/Select/styles.tsx"],"names":["Container","styled","Label","Typography_default","isLabelBold","SelectContainer","props","SelectOptions","animated","Option","Radio","p","UnstyledInput","PreviewValue"],"mappings":"iPAIO,IAAMA,EAAYC,kBAAO,CAAA,GAAA;AAAA;AAAA;AAAA;AAAA,CAMnBC,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,CAAA,CAI3DC,EAAkBJ,kBAAO,CAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,UAAA,EAOzBK,CAAWA,EAAAA,CAAAA,EAAO,WAAc,CAAA,QAAA,CAAW,SAAU,CAAA;AAAA,cAAA,EACjDA,CAAWA,EAAAA,CAAAA,EAAO,WAAc,CAAA,SAAA,CAAY,MAAO,CAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAavDC,CAAAA,CAAAA,CAAgBN,kBAAOO,CAAAA,YAAAA,CAAS,GAAG,CAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAYnCC,EAASR,kBAAO,CAAA,GAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CAAA,CAYhBS,EAAQT,kBAAO,CAAA,GAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,gBAAA,EAYTU,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,EAAgBX,kBAAO,CAAA,KAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,CASvBY,CAAAA,CAAAA,CAAeZ,kBAAOE,CAAAA,mBAAAA,CAAW,IAAI,CAAA;AAAA","file":"chunk-PNRO7YEJ.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  margin-bottom: 24px;\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 SelectContainer = styled.div<{ previewOnly?: boolean }>`\n  position: relative;\n  margin-top: 8px;\n  border: 1px solid #5a5a5a;\n  box-sizing: border-box;\n  border-radius: 8px;\n  height: 50px;\n  cursor: ${(props) => (props?.previewOnly ? 'cursor' : 'pointer')};\n  background: ${(props) => (props?.previewOnly ? '#EEEEEE' : '#fff')};\n  line-height: normal;\n  padding: 13px 24px;\n  display: flex;\n  align-items: center;\n\n  > svg {\n    position: absolute;\n    right: 25px;\n    top: 17px;\n  }\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: var(--green-600, #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-PSZFFWFF.cjs

@@ -1,95 +0,0 @@
-'use strict';var d=require('@emotion/styled');function _interopDefault(e){return e&&e.__esModule?e:{default:e}}var d__default=/*#__PURE__*/_interopDefault(d);var l={body:"var(--font-lato)",heading:"'Mollie Glaston', serif",subHeading:"'Cinzel', sans-serif",script:"'Dancing Script', sans-serif"},m=(n=>(n.Xs="xs",n.Sm="sm",n.Md="md",n.Lg="lg",n.Xl="xl",n.Xxl="xxl",n))(m||{}),g={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}},p=d__default.default.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: ${l.body};
-  --font-family-heading: ${l.heading};
-  --font-family-script: ${l.script};
-  --font-family-subHeading: ${l.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;
-`;exports.a=l;exports.b=m;exports.c=g;exports.d=e;exports.e=r;exports.f=p;//# sourceMappingURL=chunk-PSZFFWFF.cjs.map
-//# sourceMappingURL=chunk-PSZFFWFF.cjs.map

package/dist/chunk-PSZFFWFF.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/theme/themeVariables.tsx"],"names":["baseFonts","Sizes","baseFontSizes","baseColors","baseSpacing","ThemeVariablesProvider","styled"],"mappings":"8JAEO,IAAMA,CAAY,CAAA,CACvB,IAAM,CAAA,kBAAA,CACN,OAAS,CAAA,yBAAA,CACT,UAAY,CAAA,sBAAA,CACZ,MAAQ,CAAA,8BACV,EAEYC,CACVA,CAAAA,CAAAA,CAAAA,GAAAA,CAAAA,CAAA,EAAK,CAAA,IAAA,CACLA,CAAA,CAAA,EAAA,CAAK,IACLA,CAAAA,CAAAA,CAAA,EAAK,CAAA,IAAA,CACLA,CAAA,CAAA,EAAA,CAAK,IACLA,CAAAA,CAAAA,CAAA,GAAK,IACLA,CAAAA,CAAAA,CAAA,GAAM,CAAA,KAAA,CANIA,CAAA,CAAA,EAAA,CAAA,EAAA,EAAA,CAAA,CASCC,CAAgB,CAAA,CAC3B,EAAI,CAAA,CAAE,EAAI,CAAA,EAAA,CAAI,GAAK,CAAA,GAAK,EACxB,EAAI,CAAA,CAAE,EAAI,CAAA,EAAA,CAAI,GAAK,CAAA,IAAM,CACzB,CAAA,EAAA,CAAI,CAAE,EAAA,CAAI,EAAI,CAAA,GAAA,CAAK,CAAE,CAAA,CACrB,GAAI,CAAE,EAAA,CAAI,EAAI,CAAA,GAAA,CAAK,KAAM,CAAA,CACzB,EAAI,CAAA,CAAE,EAAI,CAAA,EAAA,CAAI,GAAK,CAAA,IAAK,CACxB,CAAA,GAAA,CAAK,CAAE,EAAI,CAAA,EAAA,CAAI,GAAK,CAAA,GAAI,CAC1B,CAAA,CAEaC,CAAa,CAAA,CACxB,KAAO,CAAA,SAAA,CACP,KAAO,CAAA,SAAA,CAEP,QAAU,CAAA,SAAA,CACV,SAAU,SACV,CAAA,QAAA,CAAU,SACV,CAAA,QAAA,CAAU,SACV,CAAA,QAAA,CAAU,SACV,CAAA,QAAA,CAAU,SACV,CAAA,QAAA,CAAU,SACV,CAAA,QAAA,CAAU,SACV,CAAA,QAAA,CAAU,SACV,CAAA,SAAA,CAAW,SAEX,CAAA,OAAA,CAAS,SACT,CAAA,OAAA,CAAS,SACT,CAAA,OAAA,CAAS,SACT,CAAA,OAAA,CAAS,SAET,CAAA,OAAA,CAAS,SACT,CAAA,OAAA,CAAS,SACT,CAAA,OAAA,CAAS,UACT,OAAS,CAAA,SAAA,CACT,OAAS,CAAA,SAAA,CAET,MAAQ,CAAA,SAAA,CACR,MAAQ,CAAA,SAAA,CACR,MAAQ,CAAA,SAAA,CAER,SAAW,CAAA,SAAA,CACX,SAAW,CAAA,SAAA,CACX,UAAW,SACX,CAAA,SAAA,CAAW,SACX,CAAA,SAAA,CAAW,SAEX,CAAA,QAAA,CAAU,qBACZ,CAAA,CAEaC,CAAc,CAAA,CACzB,IAAM,CAAA,CAAE,EAAI,CAAA,CAAA,CAAG,IAAK,CAAE,CAAA,CACtB,EAAI,CAAA,CAAE,EAAI,CAAA,CAAA,CAAG,GAAK,CAAA,GAAK,CACvB,CAAA,EAAA,CAAI,CAAE,EAAA,CAAI,CAAG,CAAA,GAAA,CAAK,EAAI,CACtB,CAAA,EAAA,CAAI,CAAE,EAAA,CAAI,EAAI,CAAA,GAAA,CAAK,GAAK,CAAA,CACxB,EAAI,CAAA,CAAE,EAAI,CAAA,EAAA,CAAI,GAAK,CAAA,CAAE,EACrB,EAAI,CAAA,CAAE,EAAI,CAAA,EAAA,CAAI,GAAK,CAAA,GAAI,CACvB,CAAA,GAAA,CAAK,CAAE,EAAA,CAAI,EAAI,CAAA,GAAA,CAAK,CAAE,CAAA,CACtB,MAAO,CAAE,EAAA,CAAI,EAAI,CAAA,GAAA,CAAK,GAAI,CAAA,CAC1B,KAAO,CAAA,CAAE,EAAI,CAAA,EAAA,CAAI,GAAK,CAAA,CAAE,CACxB,CAAA,KAAA,CAAO,CAAE,EAAI,CAAA,EAAA,CAAI,GAAK,CAAA,GAAI,CAC1B,CAAA,KAAA,CAAO,CAAE,EAAA,CAAI,EAAI,CAAA,GAAA,CAAK,CAAE,CAAA,CACxB,KAAO,CAAA,CAAE,EAAI,CAAA,EAAA,CAAI,GAAK,CAAA,CAAE,CACxB,CAAA,KAAA,CAAO,CAAE,EAAA,CAAI,EAAI,CAAA,GAAA,CAAK,CAAE,CAC1B,CAEaC,CAAAA,CAAAA,CAAyBC,kBAAO,CAAA,GAAA;AAAA;AAAA,kBAAA,EAEzBH,EAAW,QAAQ,CAAA;AAAA,WAAA,EAC1BA,EAAW,KAAK,CAAA;AAAA,WAAA,EAChBA,EAAW,KAAK,CAAA;AAAA,cAAA,EACbA,EAAW,QAAQ,CAAA;;AAAA,eAAA,EAElBA,EAAW,QAAQ,CAAA;AAAA,eAAA,EACnBA,EAAW,QAAQ,CAAA;AAAA,eAAA,EACnBA,EAAW,QAAQ,CAAA;AAAA,eAAA,EACnBA,EAAW,QAAQ,CAAA;AAAA,eAAA,EACnBA,EAAW,QAAQ,CAAA;AAAA,eAAA,EACnBA,EAAW,QAAQ,CAAA;AAAA,eAAA,EACnBA,EAAW,QAAQ,CAAA;AAAA,eAAA,EACnBA,EAAW,QAAQ,CAAA;AAAA,eAAA,EACnBA,EAAW,QAAQ,CAAA;AAAA,gBAAA,EAClBA,EAAW,SAAS,CAAA;;AAAA,cAAA,EAEtBA,EAAW,OAAO,CAAA;AAAA,cAAA,EAClBA,EAAW,OAAO,CAAA;AAAA,cAAA,EAClBA,EAAW,OAAO,CAAA;AAAA,cAAA,EAClBA,EAAW,OAAO,CAAA;;AAAA,cAAA,EAElBA,EAAW,OAAO,CAAA;AAAA,cAAA,EAClBA,EAAW,OAAO,CAAA;AAAA,cAAA,EAClBA,EAAW,OAAO,CAAA;AAAA,cAAA,EAClBA,EAAW,OAAO,CAAA;AAAA,cAAA,EAClBA,EAAW,OAAO,CAAA;;AAAA,aAAA,EAEnBA,EAAW,MAAM,CAAA;AAAA,aAAA,EACjBA,EAAW,MAAM,CAAA;AAAA,aAAA,EACjBA,EAAW,MAAM,CAAA;;AAAA,gBAAA,EAEdA,EAAW,SAAS,CAAA;AAAA,gBAAA,EACpBA,EAAW,SAAS,CAAA;AAAA,gBAAA,EACpBA,EAAW,SAAS,CAAA;AAAA,gBAAA,EACpBA,EAAW,SAAS,CAAA;AAAA,gBAAA,EACpBA,EAAW,SAAS,CAAA;;AAAA;AAAA,sBAAA,EAGdH,EAAU,IAAI,CAAA;AAAA,yBAAA,EACXA,EAAU,OAAO,CAAA;AAAA,wBAAA,EAClBA,EAAU,MAAM,CAAA;AAAA,4BAAA,EACZA,EAAU,UAAU,CAAA;;AAAA;AAAA,kBAG9BI,EAAAA,CAAAA,CAAY,KAAK,GAAG,CAAA;AAAA,gBACtBA,EAAAA,CAAAA,CAAY,GAAG,GAAG,CAAA;AAAA,gBAClBA,EAAAA,CAAAA,CAAY,GAAG,GAAG,CAAA;AAAA,gBAClBA,EAAAA,CAAAA,CAAY,GAAG,GAAG,CAAA;AAAA,gBAClBA,EAAAA,CAAAA,CAAY,GAAG,GAAG,CAAA;AAAA,gBAClBA,EAAAA,CAAAA,CAAY,GAAG,GAAG,CAAA;AAAA,iBACjBA,EAAAA,CAAAA,CAAY,IAAI,GAAG,CAAA;AAAA,iBACnBA,EAAAA,CAAAA,CAAY,KAAK,CAAA,CAAE,GAAG,CAAA;AAAA,iBACtBA,EAAAA,CAAAA,CAAY,KAAK,CAAA,CAAE,GAAG,CAAA;AAAA,iBACtBA,EAAAA,CAAAA,CAAY,KAAK,CAAA,CAAE,GAAG,CAAA;AAAA,iBACtBA,EAAAA,CAAAA,CAAY,KAAK,CAAA,CAAE,GAAG,CAAA;AAAA,iBACtBA,EAAAA,CAAAA,CAAY,KAAK,CAAA,CAAE,GAAG,CAAA;AAAA,iBACtBA,EAAAA,CAAAA,CAAY,KAAK,CAAA,CAAE,GAAG,CAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;AAAA;AAAA;AAAA;AAAA;AAAA","file":"chunk-PSZFFWFF.cjs","sourcesContent":["import 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\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"]}

package/dist/chunk-PVVQTQEM.cjs

@@ -1,2 +0,0 @@
-'use strict';var chunkMK2V24M2_cjs=require('./chunk-MK2V24M2.cjs'),reactHookForm=require('react-hook-form'),web=require('@react-spring/web'),jsxRuntime=require('react/jsx-runtime');var u=({label:n="Submit",isSubmitting:r=!1,hideWhenInvalid:a=!1,...t})=>{let e=reactHookForm.useFormContext(),{isValid:s}=e.formState,m=web.useSpring((a?s:!0)?{position:"relative",zIndex:0,opacity:1,transform:"translate(0px, 0px)",display:"block",config:{duration:250}}:{opacity:0,transform:"translate(0px, -3px)",display:"none",config:{duration:250}});return jsxRuntime.jsx(web.animated.div,{style:m,...t,children:jsxRuntime.jsx(chunkMK2V24M2_cjs.f.Primary,{htmlType:"submit",isSubmitting:r,...t,children:n})})},g=u;exports.a=g;//# sourceMappingURL=chunk-PVVQTQEM.cjs.map
-//# sourceMappingURL=chunk-PVVQTQEM.cjs.map

package/dist/chunk-PVVQTQEM.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Form/Submit/index.tsx"],"names":["Submit","label","isSubmitting","hideWhenInvalid","extraProps","form","useFormContext","isValid","style","useSpring","jsx","animated","Button_default","Submit_default"],"mappings":"qLAWMA,IAAAA,CAAAA,CAAS,CAAC,CACd,KAAA,CAAAC,EAAQ,QACR,CAAA,YAAA,CAAAC,CAAe,CAAA,CAAA,CAAA,CACf,eAAAC,CAAAA,CAAAA,CAAkB,GAClB,GAAGC,CACL,IAAa,CACX,IAAMC,EAAOC,4BAAe,EAAA,CACtB,CAAE,OAAA,CAAAC,CAAQ,CAAA,CAAIF,EAAK,SAEnBG,CAAAA,CAAAA,CAAQC,eADAN,CAAkBI,CAAAA,CAAAA,CAAU,IAGpC,CACE,QAAA,CAAU,UACV,CAAA,MAAA,CAAQ,CACR,CAAA,OAAA,CAAS,EACT,SAAW,CAAA,qBAAA,CACX,QAAS,OACT,CAAA,MAAA,CAAQ,CAAE,QAAU,CAAA,GAAI,CAC1B,CAAA,CACA,CACE,OAAA,CAAS,EACT,SAAW,CAAA,sBAAA,CACX,QAAS,MACT,CAAA,MAAA,CAAQ,CAAE,QAAU,CAAA,GAAI,CAC1B,CACN,CAEA,CAAA,OACEG,eAACC,YAAS,CAAA,GAAA,CAAT,CAAa,KAAOH,CAAAA,CAAAA,CAAQ,GAAGJ,CAC9B,CAAA,QAAA,CAAAM,cAACE,CAAAA,mBAAAA,CAAO,OAAP,CAAA,CAAe,SAAS,QAAS,CAAA,YAAA,CAAcV,EAAe,GAAGE,CAAAA,CAC/D,SAAAH,CACH,CAAA,CAAA,CACF,CAEJ,CAAA,CAEOY,CAAQb,CAAAA","file":"chunk-PVVQTQEM.cjs","sourcesContent":["import React from 'react';\nimport { useFormContext } from 'react-hook-form';\nimport { animated, useSpring } from '@react-spring/web';\nimport Button from '../../Button';\n\ntype Props = {\n  label?: string;\n  isSubmitting?: boolean;\n  hideWhenInvalid?: boolean;\n  [extraProps: string]: unknown;\n};\nconst Submit = ({\n  label = 'Submit',\n  isSubmitting = false,\n  hideWhenInvalid = false,\n  ...extraProps\n}: Props) => {\n  const form = useFormContext();\n  const { isValid } = form.formState;\n  const ready = hideWhenInvalid ? isValid : true;\n  const style = useSpring(\n    ready\n      ? {\n          position: 'relative',\n          zIndex: 0,\n          opacity: 1,\n          transform: 'translate(0px, 0px)',\n          display: 'block',\n          config: { duration: 250 },\n        }\n      : {\n          opacity: 0,\n          transform: 'translate(0px, -3px)',\n          display: 'none',\n          config: { duration: 250 },\n        },\n  );\n\n  return (\n    <animated.div style={style} {...extraProps}>\n      <Button.Primary htmlType=\"submit\" isSubmitting={isSubmitting} {...extraProps}>\n        {label}\n      </Button.Primary>\n    </animated.div>\n  );\n};\n\nexport default Submit;\n"]}

package/dist/chunk-PWUH7DAL.js

@@ -1,254 +0,0 @@
-import {a}from'./chunk-WKQVA2SP.js';import o from'@emotion/styled';import {animated}from'@react-spring/web';var p=o.div`
-  margin-bottom: 32px;
-`,s=o.div`
-  display: ${e=>e.isColumns?"grid":"flex"};
-  flex-flow: ${({inline:e})=>e?"row":"column"};
-  gap: ${e=>e.isColumns?"24px":" 12px"};
-  grid-template-columns: repeat(2, 1fr);
-  flex-wrap: wrap;
-
-  @media (min-width: 800px) {
-    grid-template-columns: repeat(3, 1fr);
-  }
-`,c=o.div`
-  display: flex;
-  height: 25px;
-  gap: 30rem;
-  align-items: center;
-  position: relative;
-  cursor: pointer;
-
-  label {
-    padding-left: 32px;
-  }
-`,f=o.input`
-  -webkit-appearance: none;
-  position: absolute;
-  appearance: none;
-  margin: 0;
-  width: 100%;
-  opacity: 0;
-  background: none;
-  z-index: 5;
-  height: 40px;
-  cursor: ${e=>e?.previewOnly?"default":"pointer"};
-
-  ::after {
-    content: '';
-    display: block;
-    border-radius: 50%;
-    width: 0.75em;
-    height: 0.75em;
-    margin: 3px;
-  }
-
-  + label::after,
-  + label::before {
-    content: '';
-    position: absolute;
-    box-sizing: content-box;
-    z-index: 1;
-    border-radius: 50%;
-    aspect-ratio: 1;
-  }
-
-  + label::after {
-    background: ${e=>e?.previewOnly?"#EEEEEE":"#fff"};
-    left: 0px;
-    top: 0px;
-    width: 20px;
-    border: 2px solid #aaaaaa;
-    border-color: ${e=>e?.hasError?"#DA4D54":"#aaaaaa"};
-  }
-
-  + label::before {
-    z-index: 4;
-    transition: all 0.25s;
-    top: 8px;
-    left: 8px;
-    width: 8px;
-    background: ${e=>e?.previewOnly?"#EEEEEE":"#fff"};
-    transform: scale(1);
-  }
-
-  &:checked + label::after {
-    border-color: var(--green-900, #1d4339);
-  }
-
-  &:checked + label::before {
-    transform: scale(1.65);
-    background: var(--green-900, #1d4339);
-  }
-
-  &:focus + label::after {
-    border-color: var(--green-900, #1d4339);
-  }
-`,g=o(a.Body)`
-  margin-bottom: 5px;
-  font-weight: bold;
-`,x=o.div`
-  display: flex;
-  gap: 15px;
-  align-items: center;
-
-  input[type='text'] {
-    margin: 0;
-  }
-`,b=o.div`
-  width: 100%;
-`,n=({hasError:e,selected:r})=>e?"red":r?"var(--green-800, #285E50)":"#7f7f7f",m=o.label`
-  display: flex;
-  width: 100%;
-  gap: 8px;
-  border-radius: 10px;
-  background: ${({selected:e})=>e?"#E9F0EE":"#fff"};
-  flex-direction: column;
-  margin-bottom: 16px;
-  cursor: pointer;
-
-  border: 2px solid ${({hasError:e,selected:r})=>n({hasError:e,selected:r})};
-
-  svg {
-    width: 24px;
-    height: 24px;
-  }
-
-  svg path {
-    stroke: ${({selected:e})=>e?`var(--green-800, #285E50
-
-)`:"var(--grey-300, #7f7f7f)"};
-  }
-  ${e=>e?.disabled&&`
-    background: #EEE;
-    pointer-events: none;
-  `};
-`,h=o.div`
-  display: flex;
-  justify-content: space-between;
-  align-items: end;
-  color: #000;
-  font-size: 18px;
-  font-weight: 700;
-  line-height: 24px;
-  padding: 18px 24px;
-`,u=o.input`
-  appearance: none;
-  background-color: #fff;
-  margin: 0;
-  font: inherit;
-  width: 1.15em;
-  height: 1.15em;
-  border: 0.15em solid #9a9a9a;
-  border-radius: 50%;
-  transform: translateY(-0.075em);
-  display: grid;
-  place-content: center;
-
-  &::before {
-    content: '';
-    width: 0.6em;
-    height: 0.6em;
-    border-radius: 50%;
-    transform: scale(0);
-    transition: 120ms transform ease-in-out;
-    box-shadow: inset 1em 1em var(--green-900, #1d4339);
-  }
-
-  &:checked::before {
-    transform: scale(1);
-  }
-
-  &:checked {
-    border: 0.15em solid var(--green-900, #1d4339);
-  }
-`,v=o(a.Body)`
-  color: var(--black, #000000);
-  font-size: 18px;
-  font-weight: 700;
-  margin-bottom: 16px;
-`,y=o.div`
-  display: flex;
-  gap: 8px;
-  color: ${e=>e.selected?"var(--green-800, #285E50)":"#000"};
-`,w=o.div`
-  display: flex;
-  color: ${e=>e.selected?"#000":"var(--grey-300, #7f7f7f)"};
-  font-size: 18px;
-  font-style: normal;
-  line-height: 24px;
-  padding: 0 24px 19px;
-  margin-top: -15px;
-`,E=o.label`
-  display: flex;
-  gap: var(--spacing-m, 1rem);
-  padding: 1rem 2.5rem 1rem 1.5rem;
-  align-items: center;
-  border: 1px solid var(--grey-300, #7f7f7f);
-  justify-content: space-between;
-  border-radius: var(--radius-large, 1rem);
-  text-align: left;
-  transition: all 0.25s;
-  color: #000;
-  cursor: pointer;
-
-  ${e=>e.selected&&`
-    border-color: var(--green-800, #285E50);
-    background: var(--opal-greens-lily-white, #E9F0EE);
-    color: var(--green-800, #285E50);
-    `}
-`,k=o.div`
-  svg {
-    width: 4rem;
-    height: 4rem;
-  }
-`,C=o(animated.div)`
-  svg {
-    width: 12px;
-    height: 19px;
-  }
-`,$=o.input`
-  position: absolute;
-  appearance: none;
-  opacity: 0;
-  width: 100%;
-  height: 100%;
-  z-index: 2;
-  cursor: pointer;
-
-  svg {
-    width: 10px;
-  }
-
-  &:hover + label {
-    border-color: ${e=>e.selected?"var(--green-800, #285E50)":"#AFC8BF"};
-    background: var(--green-100, #f4f8f7);
-    box-shadow: 1.57px 1.57px 15.7px 0px #d4e2dd;
-    color: var(--sherwood-greens-evening-sea, var(--green-800, #285e50));
-  }
-
-  &:focus + label {
-    border-color: var(--green-800, #285e50);
-    outline: 1px solid var(--green-800, #285e50);
-  }
-
-  &:after {
-    content: '';
-    display: block;
-    width: 100%;
-    height: 100%;
-  }
-`,R=o.span`
-  font-size: 1.5rem;
-  font-style: normal;
-  font-weight: 700;
-  line-height: 120%; /* 1.8rem */
-`,z=o.span`
-  font-size: 1rem;
-  font-style: normal;
-  font-weight: 400;
-`,B=o.div`
-  display: flex;
-  flex-flow: column;
-  gap: var(--spacing-m, 1rem);
-`;export{p as a,s as b,c,f as d,g as e,x as f,b as g,n as h,m as i,h as j,u as k,v as l,y as m,w as n,E as o,k as p,C as q,$ as r,R as s,z as t,B as u};//# sourceMappingURL=chunk-PWUH7DAL.js.map
-//# sourceMappingURL=chunk-PWUH7DAL.js.map

package/dist/chunk-PWUH7DAL.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Form/Radio/styles.tsx"],"names":["Container","styled","StyledRadios","props","inline","Wrapper","StyledRadio","Label","Typography_default","OtherOption","CardContainer","radioBorderColor","hasError","selected","StyledRadioContainer","RadioHeader","StyledCardRadio","CardRadioLabel","RadioTitle","RadioDescription","ButtonRadioContainer","p","IconContainer","CaretContainer","animated","ButtonRadioInput","ButtonRadioLabel","ButtonRadioDescription","StyledButtonRadioGroup"],"mappings":"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","file":"chunk-PWUH7DAL.js","sourcesContent":["import styled from '@emotion/styled';\nimport { animated } from '@react-spring/web';\nimport Typography from '../../Typography';\n\nexport const Container = styled.div`\n  margin-bottom: 32px;\n`;\n\nexport const StyledRadios = styled.div<{\n  inline: boolean;\n  isColumns?: boolean;\n}>`\n  display: ${(props) => (props.isColumns ? 'grid' : 'flex')};\n  flex-flow: ${({ inline }) => (inline ? 'row' : 'column')};\n  gap: ${(props) => (props.isColumns ? '24px' : ' 12px')};\n  grid-template-columns: repeat(2, 1fr);\n  flex-wrap: wrap;\n\n  @media (min-width: 800px) {\n    grid-template-columns: repeat(3, 1fr);\n  }\n`;\n\nexport const Wrapper = styled.div<{ inline?: boolean }>`\n  display: flex;\n  height: 25px;\n  gap: 30rem;\n  align-items: center;\n  position: relative;\n  cursor: pointer;\n\n  label {\n    padding-left: 32px;\n  }\n`;\n\nexport const StyledRadio = styled.input<{\n  previewOnly?: boolean;\n  hasError?: boolean;\n}>`\n  -webkit-appearance: none;\n  position: absolute;\n  appearance: none;\n  margin: 0;\n  width: 100%;\n  opacity: 0;\n  background: none;\n  z-index: 5;\n  height: 40px;\n  cursor: ${(props) => (props?.previewOnly ? 'default' : 'pointer')};\n\n  ::after {\n    content: '';\n    display: block;\n    border-radius: 50%;\n    width: 0.75em;\n    height: 0.75em;\n    margin: 3px;\n  }\n\n  + label::after,\n  + label::before {\n    content: '';\n    position: absolute;\n    box-sizing: content-box;\n    z-index: 1;\n    border-radius: 50%;\n    aspect-ratio: 1;\n  }\n\n  + label::after {\n    background: ${(props) => (props?.previewOnly ? '#EEEEEE' : '#fff')};\n    left: 0px;\n    top: 0px;\n    width: 20px;\n    border: 2px solid #aaaaaa;\n    border-color: ${(props) => (props?.hasError ? '#DA4D54' : '#aaaaaa')};\n  }\n\n  + label::before {\n    z-index: 4;\n    transition: all 0.25s;\n    top: 8px;\n    left: 8px;\n    width: 8px;\n    background: ${(props) => (props?.previewOnly ? '#EEEEEE' : '#fff')};\n    transform: scale(1);\n  }\n\n  &:checked + label::after {\n    border-color: var(--green-900, #1d4339);\n  }\n\n  &:checked + label::before {\n    transform: scale(1.65);\n    background: var(--green-900, #1d4339);\n  }\n\n  &:focus + label::after {\n    border-color: var(--green-900, #1d4339);\n  }\n`;\n\nexport const Label = styled(Typography.Body)`\n  margin-bottom: 5px;\n  font-weight: bold;\n`;\n\nexport const OtherOption = styled.div`\n  display: flex;\n  gap: 15px;\n  align-items: center;\n\n  input[type='text'] {\n    margin: 0;\n  }\n`;\n\nexport const CardContainer = styled.div`\n  width: 100%;\n`;\n\nexport const radioBorderColor = ({\n  hasError,\n  selected,\n}: {\n  hasError: boolean;\n  selected: boolean;\n}): string => {\n  if (hasError) return 'red';\n\n  return selected ? 'var(--green-800, #285E50)' : '#7f7f7f';\n};\n\nexport const StyledRadioContainer = styled.label<{\n  selected: boolean;\n  hasError: boolean;\n  disabled: boolean;\n}>`\n  display: flex;\n  width: 100%;\n  gap: 8px;\n  border-radius: 10px;\n  background: ${({ selected }) => (selected ? '#E9F0EE' : '#fff')};\n  flex-direction: column;\n  margin-bottom: 16px;\n  cursor: pointer;\n\n  border: 2px solid ${({ hasError, selected }) => radioBorderColor({ hasError, selected })};\n\n  svg {\n    width: 24px;\n    height: 24px;\n  }\n\n  svg path {\n    stroke: ${({ selected }) =>\n      selected\n        ? `var(--green-800, #285E50\n\n)`\n        : `var(--grey-300, #7f7f7f)`};\n  }\n  ${(props) =>\n    props?.disabled &&\n    `\n    background: #EEE;\n    pointer-events: none;\n  `};\n`;\n\nexport const RadioHeader = styled.div`\n  display: flex;\n  justify-content: space-between;\n  align-items: end;\n  color: #000;\n  font-size: 18px;\n  font-weight: 700;\n  line-height: 24px;\n  padding: 18px 24px;\n`;\n\nexport const StyledCardRadio = styled.input`\n  appearance: none;\n  background-color: #fff;\n  margin: 0;\n  font: inherit;\n  width: 1.15em;\n  height: 1.15em;\n  border: 0.15em solid #9a9a9a;\n  border-radius: 50%;\n  transform: translateY(-0.075em);\n  display: grid;\n  place-content: center;\n\n  &::before {\n    content: '';\n    width: 0.6em;\n    height: 0.6em;\n    border-radius: 50%;\n    transform: scale(0);\n    transition: 120ms transform ease-in-out;\n    box-shadow: inset 1em 1em var(--green-900, #1d4339);\n  }\n\n  &:checked::before {\n    transform: scale(1);\n  }\n\n  &:checked {\n    border: 0.15em solid var(--green-900, #1d4339);\n  }\n`;\n\nexport const CardRadioLabel = styled(Typography.Body)`\n  color: var(--black, #000000);\n  font-size: 18px;\n  font-weight: 700;\n  margin-bottom: 16px;\n`;\n\nexport const RadioTitle = styled.div<{ selected: boolean }>`\n  display: flex;\n  gap: 8px;\n  color: ${(props) => (props.selected ? `var(--green-800, #285E50)` : `#000`)};\n`;\n\nexport const RadioDescription = styled.div<{ selected: boolean }>`\n  display: flex;\n  color: ${(props) => (props.selected ? `#000` : `var(--grey-300, #7f7f7f)`)};\n  font-size: 18px;\n  font-style: normal;\n  line-height: 24px;\n  padding: 0 24px 19px;\n  margin-top: -15px;\n`;\n\nexport const ButtonRadioContainer = styled.label<{ selected?: boolean }>`\n  display: flex;\n  gap: var(--spacing-m, 1rem);\n  padding: 1rem 2.5rem 1rem 1.5rem;\n  align-items: center;\n  border: 1px solid var(--grey-300, #7f7f7f);\n  justify-content: space-between;\n  border-radius: var(--radius-large, 1rem);\n  text-align: left;\n  transition: all 0.25s;\n  color: #000;\n  cursor: pointer;\n\n  ${(p) =>\n    p.selected &&\n    `\n    border-color: var(--green-800, #285E50);\n    background: var(--opal-greens-lily-white, #E9F0EE);\n    color: var(--green-800, #285E50);\n    `}\n`;\n\nexport const IconContainer = styled.div`\n  svg {\n    width: 4rem;\n    height: 4rem;\n  }\n`;\n\nexport const CaretContainer = styled(animated.div)`\n  svg {\n    width: 12px;\n    height: 19px;\n  }\n`;\n\nexport const ButtonRadioInput = styled.input<{ selected?: boolean }>`\n  position: absolute;\n  appearance: none;\n  opacity: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 2;\n  cursor: pointer;\n\n  svg {\n    width: 10px;\n  }\n\n  &:hover + label {\n    border-color: ${(p) => (p.selected ? 'var(--green-800, #285E50)' : '#AFC8BF')};\n    background: var(--green-100, #f4f8f7);\n    box-shadow: 1.57px 1.57px 15.7px 0px #d4e2dd;\n    color: var(--sherwood-greens-evening-sea, var(--green-800, #285e50));\n  }\n\n  &:focus + label {\n    border-color: var(--green-800, #285e50);\n    outline: 1px solid var(--green-800, #285e50);\n  }\n\n  &:after {\n    content: '';\n    display: block;\n    width: 100%;\n    height: 100%;\n  }\n`;\n\nexport const ButtonRadioLabel = styled.span`\n  font-size: 1.5rem;\n  font-style: normal;\n  font-weight: 700;\n  line-height: 120%; /* 1.8rem */\n`;\n\nexport const ButtonRadioDescription = styled.span`\n  font-size: 1rem;\n  font-style: normal;\n  font-weight: 400;\n`;\n\nexport const StyledButtonRadioGroup = styled.div`\n  display: flex;\n  flex-flow: column;\n  gap: var(--spacing-m, 1rem);\n`;\n"]}

package/dist/chunk-PWYZULV3.js

@@ -1,3 +0,0 @@
-import {d}from'./chunk-BX3WEG5D.js';import {jsx,jsxs}from'react/jsx-runtime';var L=({color:o=d.white,size:n=19,isThin:e=!1})=>e?jsx("svg",{width:n,viewBox:"0 0 44 44",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:jsx("path",{d:"M34.8334 11.7517L32.2484 9.16666L22.0001 19.415L11.7517 9.16666L9.16675 11.7517L19.4151 22L9.16675 32.2483L11.7517 34.8333L22.0001 24.585L32.2484 34.8333L34.8334 32.2483L24.5851 22L34.8334 11.7517Z",fill:o})}):jsxs("svg",{width:n,viewBox:"0 0 19 18",fill:"none",xmlns:"http://www.w3.org/2000/svg",children:[jsx("path",{d:"M11.75 6.75L7.25 11.25",stroke:o,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",fill:o}),jsx("path",{d:"M7.25 6.75L11.75 11.25",stroke:o,strokeWidth:"2",strokeLinecap:"round",strokeLinejoin:"round",fill:o})]});
-export{L as a};//# sourceMappingURL=chunk-PWYZULV3.js.map
-//# sourceMappingURL=chunk-PWYZULV3.js.map

package/dist/chunk-PWYZULV3.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/Icons/icons/Close.tsx"],"names":["Close","color","baseColors","size","isThin","jsx","jsxs"],"mappings":"6EAGO,IAAMA,EAAQ,CAAC,CACpB,KAAAC,CAAAA,CAAAA,CAAQC,EAAW,KACnB,CAAA,IAAA,CAAAC,CAAO,CAAA,EAAA,CACP,OAAAC,CAAS,CAAA,CAAA,CACX,CACMA,GAAAA,CAAAA,CAEAC,IAAC,KAAI,CAAA,CAAA,KAAA,CAAOF,CAAM,CAAA,OAAA,CAAQ,YAAY,IAAK,CAAA,MAAA,CAAO,KAAM,CAAA,4BAAA,CACtD,SAAAE,GAAC,CAAA,MAAA,CAAA,CACC,EAAE,uMACF,CAAA,IAAA,CAAMJ,EACR,CACF,CAAA,CAAA,CAKFK,IAAC,CAAA,KAAA,CAAA,CAAI,MAAOH,CAAM,CAAA,OAAA,CAAQ,WAAY,CAAA,IAAA,CAAK,OAAO,KAAM,CAAA,4BAAA,CACtD,QAAAE,CAAAA,CAAAA,GAAAA,CAAC,QACC,CAAE,CAAA,wBAAA,CACF,OAAQJ,CACR,CAAA,WAAA,CAAY,IACZ,aAAc,CAAA,OAAA,CACd,cAAe,CAAA,OAAA,CACf,KAAMA,CACR,CAAA,CAAA,CACAI,GAAC,CAAA,MAAA,CAAA,CACC,EAAE,wBACF,CAAA,MAAA,CAAQJ,CACR,CAAA,WAAA,CAAY,IACZ,aAAc,CAAA,OAAA,CACd,eAAe,OACf,CAAA,IAAA,CAAMA,EACR,CACF,CAAA,CAAA","file":"chunk-PWYZULV3.js","sourcesContent":["import { baseColors } from '../../theme/themeVariables';\nimport { IconProps } from '../shared/type';\n\nexport const Close = ({\n  color = baseColors.white,\n  size = 19,\n  isThin = false,\n}: IconProps & { isThin?: boolean }) => {\n  if (isThin) {\n    return (\n      <svg width={size} viewBox=\"0 0 44 44\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n        <path\n          d=\"M34.8334 11.7517L32.2484 9.16666L22.0001 19.415L11.7517 9.16666L9.16675 11.7517L19.4151 22L9.16675 32.2483L11.7517 34.8333L22.0001 24.585L32.2484 34.8333L34.8334 32.2483L24.5851 22L34.8334 11.7517Z\"\n          fill={color}\n        />\n      </svg>\n    );\n  }\n\n  return (\n    <svg width={size} viewBox=\"0 0 19 18\" fill=\"none\" xmlns=\"http://www.w3.org/2000/svg\">\n      <path\n        d=\"M11.75 6.75L7.25 11.25\"\n        stroke={color}\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        fill={color}\n      />\n      <path\n        d=\"M7.25 6.75L11.75 11.25\"\n        stroke={color}\n        strokeWidth=\"2\"\n        strokeLinecap=\"round\"\n        strokeLinejoin=\"round\"\n        fill={color}\n      />\n    </svg>\n  );\n};\n"]}