@cruk/cruk-react-components 6.1.2 → 6.2.1

package/lib/src/components/RadioConsent/index.js

@@ -1,2 +1,2 @@
-import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import t from"react";import{useTheme as n,ThemeProvider as r}from"styled-components";import{crukTheme as l}from"../../themes/cruk.js";import{StyledFieldSet as m,StyledLegend as o,StyledRadio as a}from"./styles.js";function u(u){var s=n(),i=e(e({},l),s),c=u.legend,f=u.attributes,p=u.onChange,d=u.selectedValue,h=void 0===d?"":d,v=u.name;return t.createElement(r,{theme:i},t.createElement(m,null,t.createElement(o,null,c),f.map(function(e){return t.createElement(a,{$numberOfAttributes:f.length||0,key:e.value,checked:h===e.value,onChange:p,name:v,value:e.value},e.option)})))}export{u as RadioConsent,u as default};
+import{__assign as e}from"../../../node_modules/tslib/tslib.es6.js";import t from"react";import{useTheme as n,ThemeProvider as r}from"styled-components";import{crukTheme as o}from"../../themes/cruk.js";import{Radio as l}from"../Radio/index.js";import{StyledFieldSet as m,StyledLegend as a,OptionWrapper as s}from"./styles.js";function u(u){var i=n(),c=e(e({},o),i),d=u.legend,p=u.attributes,f=u.onChange,v=u.selectedValue,h=void 0===v?"":v,E=u.name;return t.createElement(r,{theme:c},t.createElement(m,null,t.createElement(a,null,d),t.createElement(s,null,p.map(function(e){return t.createElement(l,{key:e.value,checked:h===e.value,onChange:f,name:E,value:e.value},e.option)}))))}export{u as RadioConsent,u as default};
 //# sourceMappingURL=index.js.map

package/lib/src/components/RadioConsent/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../src/components/RadioConsent/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTheme, ThemeProvider } from \"styled-components\";\n\nimport { crukTheme as defaultTheme } from \"../../themes/cruk\";\n\nimport { StyledFieldSet, StyledLegend, StyledRadio } from \"./styles\";\n\ntype Attribute = {\n  value: string;\n  option: string;\n};\n\nexport type RadioConsentProps = {\n  /** because each radio has its own label this is the consent group label text */\n  legend: string;\n  /** array of option for radio constent group where option is the option name and value is the option value  */\n  attributes: Attribute[];\n  /** on change handler callback passed change event */\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  /** set the value of selected option */\n  selectedValue?: string;\n  /** name of field this is what groups all the options together */\n  name: string;\n};\n\n/**\n *\n * RadioConsent is a component for showing a bunch of yes/no radios predominantly used for notification selections where a unselected state is usefull for analytics.\n *\n * This is always a controlled component that will only change state with the selectedValue prop\n */\nexport function RadioConsent(props: RadioConsentProps) {\n  const foundTheme = useTheme();\n  const theme = {\n    ...defaultTheme,\n    ...foundTheme,\n  };\n  const { legend, attributes, onChange, selectedValue = \"\", name } = props;\n\n  return (\n    <ThemeProvider theme={theme}>\n      <StyledFieldSet>\n        <StyledLegend>{legend}</StyledLegend>\n        {attributes.map((item: Attribute) => (\n          <StyledRadio\n            $numberOfAttributes={attributes.length || 0}\n            key={item.value}\n            checked={selectedValue === item.value}\n            onChange={onChange}\n            name={name}\n            value={item.value}\n          >\n            {item.option}\n          </StyledRadio>\n        ))}\n      </StyledFieldSet>\n    </ThemeProvider>\n  );\n}\n\nexport default RadioConsent;\n"],"names":["RadioConsent","props","foundTheme","useTheme","theme","__assign","defaultTheme","legend","attributes","onChange","_a","selectedValue","name","React","createElement","ThemeProvider","StyledFieldSet","StyledLegend","map","item","StyledRadio","$numberOfAttributes","length","key","value","checked","option"],"mappings":"0RA+BM,SAAUA,EAAaC,GAC3B,IAAMC,EAAaC,IACbC,EAAKC,EAAAA,EAAA,CAAA,EACNC,GACAJ,GAEGK,EAA2DN,EAAKM,OAAxDC,EAAmDP,EAAKO,WAA5CC,EAAuCR,EAAKQ,SAAlCC,EAA6BT,EAAKU,cAAlCA,OAAa,IAAAD,EAAG,GAAEA,EAAEE,EAASX,EAAKW,KAExE,OACEC,EAAAC,cAACC,EAAa,CAACX,MAAOA,GACpBS,EAAAC,cAACE,EAAc,KACbH,EAAAC,cAACG,EAAY,KAAEV,GACdC,EAAWU,IAAI,SAACC,GAAoB,OACnCN,EAAAC,cAACM,EAAW,CAAAC,oBACWb,EAAWc,QAAU,EAC1CC,IAAKJ,EAAKK,MACVC,QAASd,IAAkBQ,EAAKK,MAChCf,SAAUA,EACVG,KAAMA,EACNY,MAAOL,EAAKK,OAEXL,EAAKO,OAT2B,IAe7C"}
+{"version":3,"file":"index.js","sources":["../../../../src/components/RadioConsent/index.tsx"],"sourcesContent":["import React from \"react\";\nimport { useTheme, ThemeProvider } from \"styled-components\";\n\nimport { crukTheme as defaultTheme } from \"../../themes/cruk\";\nimport StyledRadio from \"../Radio\";\nimport { StyledFieldSet, StyledLegend, OptionWrapper } from \"./styles\";\n\ntype Attribute = {\n  value: string;\n  option: string;\n};\n\nexport type RadioConsentProps = {\n  /** because each radio has its own label this is the consent group label text */\n  legend: string;\n  /** array of option for radio constent group where option is the option name and value is the option value  */\n  attributes: Attribute[];\n  /** on change handler callback passed change event */\n  onChange?: React.ChangeEventHandler<HTMLInputElement>;\n  /** set the value of selected option */\n  selectedValue?: string;\n  /** name of field this is what groups all the options together */\n  name: string;\n};\n\n/**\n *\n * RadioConsent is a component for showing a bunch of yes/no radios predominantly used for notification selections where a unselected state is usefull for analytics.\n *\n * This is always a controlled component that will only change state with the selectedValue prop\n */\nexport function RadioConsent(props: RadioConsentProps) {\n  const foundTheme = useTheme();\n  const theme = {\n    ...defaultTheme,\n    ...foundTheme,\n  };\n  const { legend, attributes, onChange, selectedValue = \"\", name } = props;\n\n  return (\n    <ThemeProvider theme={theme}>\n      <StyledFieldSet>\n        <StyledLegend>{legend}</StyledLegend>\n        <OptionWrapper>\n          {attributes.map((item: Attribute) => (\n            <StyledRadio\n              key={item.value}\n              checked={selectedValue === item.value}\n              onChange={onChange}\n              name={name}\n              value={item.value}\n            >\n              {item.option}\n            </StyledRadio>\n          ))}\n        </OptionWrapper>\n      </StyledFieldSet>\n    </ThemeProvider>\n  );\n}\n\nexport default RadioConsent;\n"],"names":["RadioConsent","props","foundTheme","useTheme","theme","__assign","defaultTheme","legend","attributes","onChange","_a","selectedValue","name","React","createElement","ThemeProvider","StyledFieldSet","StyledLegend","OptionWrapper","map","item","StyledRadio","key","value","checked","option"],"mappings":"sUA+BM,SAAUA,EAAaC,GAC3B,IAAMC,EAAaC,IACbC,EAAKC,EAAAA,EAAA,CAAA,EACNC,GACAJ,GAEGK,EAA2DN,EAAKM,OAAxDC,EAAmDP,EAAKO,WAA5CC,EAAuCR,EAAKQ,SAAlCC,EAA6BT,EAAKU,cAAlCA,OAAa,IAAAD,EAAG,GAAEA,EAAEE,EAASX,EAAKW,KAExE,OACEC,EAAAC,cAACC,EAAa,CAACX,MAAOA,GACpBS,EAAAC,cAACE,EAAc,KACbH,EAAAC,cAACG,EAAY,KAAEV,GACfM,EAAAC,cAACI,EAAa,KACXV,EAAWW,IAAI,SAACC,GAAoB,OACnCP,EAAAC,cAACO,EAAW,CACVC,IAAKF,EAAKG,MACVC,QAASb,IAAkBS,EAAKG,MAChCd,SAAUA,EACVG,KAAMA,EACNW,MAAOH,EAAKG,OAEXH,EAAKK,OAR2B,KAe/C"}

package/lib/src/components/RadioConsent/styles.d.ts

@@ -1,18 +1,10 @@
 import { type ThemeType } from "../../types";
-type StyleRadioWidthProp = {
-    $numberOfAttributes: number;
-    theme: ThemeType;
-};
-export declare const StyledRadio: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").InputHTMLAttributes<HTMLInputElement> & {
-    ref?: import("react").Ref<HTMLInputElement>;
-    hasError?: boolean;
-    errorMessage?: string;
-    children?: import("react").ReactNode;
-}, StyleRadioWidthProp>> & string & Omit<(props: import("../Radio").RadioProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
 export declare const StyledLegend: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, {
     theme: ThemeType;
 }>> & string;
 export declare const StyledFieldSet: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, {
     theme: ThemeType;
 }>> & string;
-export {};
+export declare const OptionWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    theme: ThemeType;
+}>> & string;

package/lib/src/components/RadioConsent/styles.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";import{Radio as e}from"../Radio/index.js";var i,o,r,a=t(e)(i||(i=n(["\n  display: block;\n  float: left;\n  text-align: left;\n  margin-left: ",";\n  max-width: ",";\n  width: ",";\n"],["\n  display: block;\n  float: left;\n  text-align: left;\n  margin-left: ",";\n  max-width: ",";\n  width: ",";\n"])),function(n){return n.theme.spacing.s},"5em",function(n){var t=n.$numberOfAttributes,e=n.theme;return"calc(((100% - ".concat("20%",") / ").concat(t,") - ").concat(e.spacing.s,")")}),l=t.legend(o||(o=n(["\n  width: ",";\n  display: block;\n  float: left;\n  font-family: ",";\n"],["\n  width: ",";\n  display: block;\n  float: left;\n  font-family: ",";\n"])),"20%",function(n){return n.theme.typography.fontFamilyBase}),d=t.fieldset(r||(r=n(["\n  box-sizing: border-box;\n  *,\n  *:after,\n  *:before {\n    box-sizing: border-box;\n  }\n  display: block;\n  position: relative;\n  border: none;\n  padding: 0;\n  margin: 0 0 "," 0;\n  width: 100%;\n"],["\n  box-sizing: border-box;\n  *,\n  *:after,\n  *:before {\n    box-sizing: border-box;\n  }\n  display: block;\n  position: relative;\n  border: none;\n  padding: 0;\n  margin: 0 0 "," 0;\n  width: 100%;\n"])),function(n){return n.theme.spacing.s});export{d as StyledFieldSet,l as StyledLegend,a as StyledRadio};
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var i,o,r,t=e.legend(i||(i=n(["\n  display: block;\n  float: left;\n  font-family: ",";\n\n  // increase font size for desktop\n  @media (min-width: ",") {\n    font-size: ",";\n  }\n"],["\n  display: block;\n  float: left;\n  font-family: ",";\n\n  // increase font size for desktop\n  @media (min-width: ",") {\n    font-size: ",";\n  }\n"])),function(n){return n.theme.typography.fontFamilyBase},function(n){return n.theme.breakpoint.desktopLarge},function(n){return n.theme.fontSizes.ml}),a=e.fieldset(o||(o=n(["\n  box-sizing: border-box;\n  *,\n  *:after,\n  *:before {\n    box-sizing: border-box;\n  }\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(min(8rem, 100%), 1fr));\n  position: relative;\n  border: none;\n  padding: 0;\n  margin: 0 0 "," 0;\n"],["\n  box-sizing: border-box;\n  *,\n  *:after,\n  *:before {\n    box-sizing: border-box;\n  }\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(min(8rem, 100%), 1fr));\n  position: relative;\n  border: none;\n  padding: 0;\n  margin: 0 0 "," 0;\n"])),function(n){return n.theme.spacing.s}),l=e.div(r||(r=n(["\n  display: flex;\n  flex-direction: row;\n"],["\n  display: flex;\n  flex-direction: row;\n"])));export{l as OptionWrapper,a as StyledFieldSet,t as StyledLegend};
 //# sourceMappingURL=styles.js.map

package/lib/src/components/RadioConsent/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/RadioConsent/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport RadioInput from \"../Radio\";\n\nimport { type ThemeType } from \"../../types\";\n\nconst LEGEND_WIDTH = \"20%\";\nconst MAX_WIDTH = \"5em\";\n\ntype StyleRadioWidthProp = { $numberOfAttributes: number; theme: ThemeType };\n\nexport const StyledRadio = styled(RadioInput)<StyleRadioWidthProp>`\n  display: block;\n  float: left;\n  text-align: left;\n  margin-left: ${({ theme }) => theme.spacing.s};\n  max-width: ${MAX_WIDTH};\n  width: ${({ $numberOfAttributes, theme }) =>\n    `calc(((100% - ${LEGEND_WIDTH}) / ${$numberOfAttributes}) - ${theme.spacing.s})`};\n`;\n\nexport const StyledLegend = styled.legend<{\n  theme: ThemeType;\n}>`\n  width: ${LEGEND_WIDTH};\n  display: block;\n  float: left;\n  font-family: ${({ theme }) => theme.typography.fontFamilyBase};\n`;\n\nexport const StyledFieldSet = styled.fieldset<{\n  theme: ThemeType;\n}>`\n  box-sizing: border-box;\n  *,\n  *:after,\n  *:before {\n    box-sizing: border-box;\n  }\n  display: block;\n  position: relative;\n  border: none;\n  padding: 0;\n  margin: 0 0 ${({ theme }) => theme.spacing.s} 0;\n  width: 100%;\n`;\n"],"names":["StyledRadio","styled","RadioInput","templateObject_1","__makeTemplateObject","_a","theme","spacing","s","$numberOfAttributes","concat","StyledLegend","legend","templateObject_2","typography","fontFamilyBase","StyledFieldSet","fieldset","templateObject_3"],"mappings":"2JAMA,UAKaA,EAAcC,EAAOC,EAAPD,CAAkBE,IAAAA,EAAAC,EAAA,CAAA,4EAAA,mBAAA,eAAA,OAAA,CAAqB,4EAInB,mBACvB,eAE4D,SAHnE,SAACC,GAAc,OAAPA,EAAAC,MAAaC,QAAQC,CAAd,EARd,MAUP,SAACH,OAAEI,EAAmBJ,EAAAI,oBAAEH,EAAKD,EAAAC,MACpC,MAAA,iBAAAI,OAZiB,MAYY,QAAAA,OAAOD,EAAmB,QAAAC,OAAOJ,EAAMC,QAAQC,EAAC,IAA7E,GAGSG,EAAeV,EAAOW,OAAMC,IAAAA,EAAAT,EAAA,CAAA,cAAA,wDAAA,OAAA,CAEvC,cACqB,wDAGwC,SArB1C,MAqBJ,SAACC,GAAc,OAAPA,EAAAC,MAAaQ,WAAWC,cAAjB,GAGnBC,EAAiBf,EAAOgB,SAAQC,IAAAA,EAAAd,EAAA,CAAA,0LAAA,yBAAA,CAE3C,0LAW4C,2BAA9B,SAACC,GAAc,OAAPA,EAAAC,MAAaC,QAAQC,CAAd"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/RadioConsent/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport { type ThemeType } from \"../../types\";\n\nexport const StyledLegend = styled.legend<{\n  theme: ThemeType;\n}>`\n  display: block;\n  float: left;\n  font-family: ${({ theme }) => theme.typography.fontFamilyBase};\n\n  // increase font size for desktop\n  @media (min-width: ${({ theme }) => theme.breakpoint.desktopLarge}) {\n    font-size: ${({ theme }) => theme.fontSizes.ml};\n  }\n`;\n\nexport const StyledFieldSet = styled.fieldset<{\n  theme: ThemeType;\n}>`\n  box-sizing: border-box;\n  *,\n  *:after,\n  *:before {\n    box-sizing: border-box;\n  }\n  display: grid;\n  grid-template-columns: repeat(auto-fill, minmax(min(8rem, 100%), 1fr));\n  position: relative;\n  border: none;\n  padding: 0;\n  margin: 0 0 ${({ theme }) => theme.spacing.s} 0;\n`;\n\nexport const OptionWrapper = styled.div<{\n  theme: ThemeType;\n}>`\n  display: flex;\n  flex-direction: row;\n`;\n"],"names":["StyledLegend","styled","legend","templateObject_1","__makeTemplateObject","_a","theme","typography","fontFamilyBase","breakpoint","desktopLarge","fontSizes","ml","StyledFieldSet","fieldset","templateObject_2","spacing","s","OptionWrapper","div","templateObject_3"],"mappings":"iHAGO,UAAMA,EAAeC,EAAOC,OAAMC,IAAAA,EAAAC,EAAA,CAAA,uDAAA,kEAAA,uBAAA,YAAA,CAEvC,uDAG6D,kEAGI,uBACjB,cAJjC,SAACC,GAAc,OAAPA,EAAAC,MAAaC,WAAWC,cAAjB,EAGT,SAACH,GAAc,OAAPA,EAAAC,MAAaG,WAAWC,YAAjB,EACrB,SAACL,GAAc,OAAPA,EAAAC,MAAaK,UAAUC,EAAhB,GAInBC,EAAiBZ,EAAOa,SAAQC,IAAAA,EAAAX,EAAA,CAAA,oQAAA,SAAA,CAE3C,oQAY4C,WAA9B,SAACC,GAAc,OAAPA,EAAAC,MAAaU,QAAQC,CAAd,GAGlBC,EAAgBjB,EAAOkB,IAAGC,IAAAA,EAAAhB,EAAA,CAAA,gDAAA,CAErC"}

package/lib/src/components/Select/styles.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o,{css as r}from"styled-components";var e,t,c="3rem",i=o.select(t||(t=n(["\n  appearance: none;\n  background:\n    linear-gradient(\n      45deg,\n      "," 50%,\n      "," 50%\n    ),\n    linear-gradient(\n      135deg,\n      "," 50%,\n      "," 50%\n    );\n  background-color: ",";\n  background-position:\n    calc(100% - 16px) 50%,\n    calc(100% - 10px) 50%;\n  background-size: 6px 6px;\n  background-repeat: no-repeat;\n  border: ",";\n  color: ",";\n  display: block;\n  font-size: ",";\n  min-height: ",";\n  padding: ",";\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ",";\n  }\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n"],["\n  appearance: none;\n  background:\n    linear-gradient(\n      45deg,\n      "," 50%,\n      "," 50%\n    ),\n    linear-gradient(\n      135deg,\n      "," 50%,\n      "," 50%\n    );\n  background-color: ",";\n  background-position:\n    calc(100% - 16px) 50%,\n    calc(100% - 10px) 50%;\n  background-size: 6px 6px;\n  background-repeat: no-repeat;\n  border: ",";\n  color: ",";\n  display: block;\n  font-size: ",";\n  min-height: ",";\n  padding: ",";\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ",";\n  }\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n"])),function(n){return n.theme.colors.backgroundLight},function(n){return n.theme.colors.selectBackground},function(n){return n.theme.colors.selectBackground},function(n){return n.theme.colors.backgroundLight},function(n){return n.theme.colors.backgroundLight},function(n){var o=n.theme,r=n.$hasError,e=n.$errorMessage;return"solid ".concat(o.utilities.inputBorderWidth," ").concat(r||e?o.colors.textError:o.colors.textInputBorder)},function(n){return n.theme.colors.textDark},function(n){return n.theme.fontSizes.m},c,function(n){var o=n.theme;return"calc( (".concat(c," - ( ").concat(o.utilities.inputBorderWidth," * 2) - ").concat(o.typography.lineHeight," ) / 2) ").concat(o.spacing.m," calc( (").concat(c," - ( ").concat(o.utilities.inputBorderWidth," * 2) - ").concat(o.typography.lineHeight," ) / 2) ").concat(o.spacing.xs)},function(n){return n.theme.colors.secondary},function(n){return n.theme.colors.disabled},function(n){return n.theme.colors.disabled},function(o){var t=o.theme;return t.utilities.useDefaultFocusRect?null:r(e||(e=n(["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n          }\n        "],["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n          }\n        "])),t.colors.tertiary)});export{i as StyledSelect,i as default};
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o,{css as e}from"styled-components";var r,t,c="3rem",i=o.select(t||(t=n(["\n  appearance: none;\n  background:\n    linear-gradient(\n      45deg,\n      "," 50%,\n      "," 50%\n    ),\n    linear-gradient(\n      135deg,\n      "," 50%,\n      "," 50%\n    );\n  background-color: ",";\n  background-position:\n    calc(100% - 16px) 50%,\n    calc(100% - 10px) 50%;\n  background-size: 6px 6px;\n  background-repeat: no-repeat;\n  border: ",";\n  color: ",";\n  display: block;\n  font-size: ",";\n  min-height: ",";\n  padding: ",";\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ",";\n  }\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n\n  // increase font size for desktop\n  @media (min-width: ",") {\n    font-size: ",";\n  }\n"],["\n  appearance: none;\n  background:\n    linear-gradient(\n      45deg,\n      "," 50%,\n      "," 50%\n    ),\n    linear-gradient(\n      135deg,\n      "," 50%,\n      "," 50%\n    );\n  background-color: ",";\n  background-position:\n    calc(100% - 16px) 50%,\n    calc(100% - 10px) 50%;\n  background-size: 6px 6px;\n  background-repeat: no-repeat;\n  border: ",";\n  color: ",";\n  display: block;\n  font-size: ",";\n  min-height: ",";\n  padding: ",";\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ",";\n  }\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n\n  // increase font size for desktop\n  @media (min-width: ",") {\n    font-size: ",";\n  }\n"])),function(n){return n.theme.colors.backgroundLight},function(n){return n.theme.colors.selectBackground},function(n){return n.theme.colors.selectBackground},function(n){return n.theme.colors.backgroundLight},function(n){return n.theme.colors.backgroundLight},function(n){var o=n.theme,e=n.$hasError,r=n.$errorMessage;return"solid ".concat(o.utilities.inputBorderWidth," ").concat(e||r?o.colors.textError:o.colors.textInputBorder)},function(n){return n.theme.colors.textDark},function(n){return n.theme.fontSizes.m},c,function(n){var o=n.theme;return"calc( (".concat(c," - ( ").concat(o.utilities.inputBorderWidth," * 2) - ").concat(o.typography.lineHeight," ) / 2) ").concat(o.spacing.m," calc( (").concat(c," - ( ").concat(o.utilities.inputBorderWidth," * 2) - ").concat(o.typography.lineHeight," ) / 2) ").concat(o.spacing.xs)},function(n){return n.theme.colors.secondary},function(n){return n.theme.colors.disabled},function(n){return n.theme.colors.disabled},function(o){var t=o.theme;return t.utilities.useDefaultFocusRect?null:e(r||(r=n(["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n          }\n        "],["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n          }\n        "])),t.colors.tertiary)},function(n){return n.theme.breakpoint.desktopLarge},function(n){return n.theme.fontSizes.ml});export{i as StyledSelect,i as default};
 //# sourceMappingURL=styles.js.map

package/lib/src/components/Select/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Select/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { type ThemeType } from \"../../types\";\n\nconst BUTTON_HEIGHT = \"3rem\";\n\ntype StyledSelectProps = {\n  $hasError: boolean;\n  $errorMessage?: string;\n  theme: ThemeType;\n};\n\nconst StyledSelect = styled.select<StyledSelectProps>`\n  appearance: none;\n  background:\n    linear-gradient(\n      45deg,\n      ${({ theme }) => theme.colors.backgroundLight} 50%,\n      ${({ theme }) => theme.colors.selectBackground} 50%\n    ),\n    linear-gradient(\n      135deg,\n      ${({ theme }) => theme.colors.selectBackground} 50%,\n      ${({ theme }) => theme.colors.backgroundLight} 50%\n    );\n  background-color: ${({ theme }) => theme.colors.backgroundLight};\n  background-position:\n    calc(100% - 16px) 50%,\n    calc(100% - 10px) 50%;\n  background-size: 6px 6px;\n  background-repeat: no-repeat;\n  border: ${({ theme, $hasError, $errorMessage }) =>\n    `solid ${theme.utilities.inputBorderWidth} ${\n      $hasError || $errorMessage\n        ? theme.colors.textError\n        : theme.colors.textInputBorder\n    }`};\n  color: ${({ theme }) => theme.colors.textDark};\n  display: block;\n  font-size: ${({ theme }) => theme.fontSizes.m};\n  min-height: ${BUTTON_HEIGHT};\n  padding: ${({ theme }) =>\n    `calc( (${BUTTON_HEIGHT} - ( ${theme.utilities.inputBorderWidth} * 2) - ${theme.typography.lineHeight} ) / 2) ${theme.spacing.m} calc( (${BUTTON_HEIGHT} - ( ${theme.utilities.inputBorderWidth} * 2) - ${theme.typography.lineHeight} ) / 2) ${theme.spacing.xs}`};\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ${({ theme }) => theme.colors.secondary};\n  }\n  &:disabled {\n    border-color: ${({ theme }) => theme.colors.disabled};\n    color: ${({ theme }) => theme.colors.disabled};\n  }\n\n  ${({ theme }) =>\n    !theme.utilities.useDefaultFocusRect\n      ? css`\n          &:focus {\n            outline: 0;\n            border-color: ${theme.colors.tertiary};\n          }\n        `\n      : null};\n`;\n\nexport default StyledSelect;\nexport { StyledSelect };\n"],"names":["BUTTON_HEIGHT","StyledSelect","styled","select","_a","theme","colors","backgroundLight","selectBackground","$hasError","$errorMessage","concat","utilities","inputBorderWidth","textError","textInputBorder","textDark","fontSizes","m","typography","lineHeight","spacing","xs","secondary","disabled","useDefaultFocusRect","css","templateObject_1","__makeTemplateObject","tertiary"],"mappings":"2HAIA,QAAMA,EAAgB,OAQhBC,EAAeC,EAAOC,gpBAAyB,mFAKF,gBACC,4DAIA,gBACD,qCAEc,8JAW3D,eACyC,sCAEA,oBAClB,iBAEyO,+FAI7M,6CAGD,iBACP,eAWrC,SA5CJ,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOC,eAAb,EACf,SAACH,GAAc,OAAPA,EAAAC,MAAaC,OAAOE,gBAAb,EAIf,SAACJ,GAAc,OAAPA,EAAAC,MAAaC,OAAOE,gBAAb,EACf,SAACJ,GAAc,OAAPA,EAAAC,MAAaC,OAAOC,eAAb,EAED,SAACH,GAAc,OAAPA,EAAAC,MAAaC,OAAOC,eAAb,EAMzB,SAACH,GAAE,IAAAC,UAAOI,EAASL,EAAAK,UAAEC,EAAaN,EAAAM,cAC1C,MAAA,SAAAC,OAASN,EAAMO,UAAUC,iBAAgB,KAAAF,OACvCF,GAAaC,EACTL,EAAMC,OAAOQ,UACbT,EAAMC,OAAOS,gBAHnB,EAKO,SAACX,GAAc,OAAPA,EAAAC,MAAaC,OAAOU,QAAb,EAEX,SAACZ,GAAc,OAAPA,EAAAC,MAAaY,UAAUC,CAAhB,EACdlB,EACH,SAACI,GAAE,IAAAC,EAAKD,EAAAC,MACjB,MAAA,iBAAUL,EAAa,SAAAW,OAAQN,EAAMO,UAAUC,iBAAgB,YAAAF,OAAWN,EAAMc,WAAWC,8BAAqBf,EAAMgB,QAAQH,EAAC,YAAAP,OAAWX,kBAAqBK,EAAMO,UAAUC,oCAA2BR,EAAMc,WAAWC,WAAU,YAAAT,OAAWN,EAAMgB,QAAQC,GAA9P,EAIgB,SAAClB,GAAc,OAAPA,EAAAC,MAAaC,OAAOiB,SAAb,EAGf,SAACnB,GAAc,OAAPA,EAAAC,MAAaC,OAAOkB,QAAb,EACtB,SAACpB,GAAc,OAAPA,EAAAC,MAAaC,OAAOkB,QAAb,EAGxB,SAACpB,GAAE,IAAAC,EAAKD,EAAAC,MACR,OAACA,EAAMO,UAAUa,oBAOb,KANAC,EAAGC,IAAAA,EAAAC,EAAA,CAAA,6EAAA,4BAAA,CAAA,6EAGsC,8BAArBvB,EAAMC,OAAOuB,SAJrC"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Select/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { type ThemeType } from \"../../types\";\n\nconst BUTTON_HEIGHT = \"3rem\";\n\ntype StyledSelectProps = {\n  $hasError: boolean;\n  $errorMessage?: string;\n  theme: ThemeType;\n};\n\nconst StyledSelect = styled.select<StyledSelectProps>`\n  appearance: none;\n  background:\n    linear-gradient(\n      45deg,\n      ${({ theme }) => theme.colors.backgroundLight} 50%,\n      ${({ theme }) => theme.colors.selectBackground} 50%\n    ),\n    linear-gradient(\n      135deg,\n      ${({ theme }) => theme.colors.selectBackground} 50%,\n      ${({ theme }) => theme.colors.backgroundLight} 50%\n    );\n  background-color: ${({ theme }) => theme.colors.backgroundLight};\n  background-position:\n    calc(100% - 16px) 50%,\n    calc(100% - 10px) 50%;\n  background-size: 6px 6px;\n  background-repeat: no-repeat;\n  border: ${({ theme, $hasError, $errorMessage }) =>\n    `solid ${theme.utilities.inputBorderWidth} ${\n      $hasError || $errorMessage\n        ? theme.colors.textError\n        : theme.colors.textInputBorder\n    }`};\n  color: ${({ theme }) => theme.colors.textDark};\n  display: block;\n  font-size: ${({ theme }) => theme.fontSizes.m};\n  min-height: ${BUTTON_HEIGHT};\n  padding: ${({ theme }) =>\n    `calc( (${BUTTON_HEIGHT} - ( ${theme.utilities.inputBorderWidth} * 2) - ${theme.typography.lineHeight} ) / 2) ${theme.spacing.m} calc( (${BUTTON_HEIGHT} - ( ${theme.utilities.inputBorderWidth} * 2) - ${theme.typography.lineHeight} ) / 2) ${theme.spacing.xs}`};\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ${({ theme }) => theme.colors.secondary};\n  }\n  &:disabled {\n    border-color: ${({ theme }) => theme.colors.disabled};\n    color: ${({ theme }) => theme.colors.disabled};\n  }\n\n  ${({ theme }) =>\n    !theme.utilities.useDefaultFocusRect\n      ? css`\n          &:focus {\n            outline: 0;\n            border-color: ${theme.colors.tertiary};\n          }\n        `\n      : null};\n\n  // increase font size for desktop\n  @media (min-width: ${({ theme }) => theme.breakpoint.desktopLarge}) {\n    font-size: ${({ theme }) => theme.fontSizes.ml};\n  }\n`;\n\nexport default StyledSelect;\nexport { StyledSelect };\n"],"names":["BUTTON_HEIGHT","StyledSelect","styled","select","templateObject_2","__makeTemplateObject","_a","theme","colors","backgroundLight","selectBackground","$hasError","$errorMessage","concat","utilities","inputBorderWidth","textError","textInputBorder","textDark","fontSizes","m","typography","lineHeight","spacing","xs","secondary","disabled","useDefaultFocusRect","css","templateObject_1","tertiary","breakpoint","desktopLarge","ml"],"mappings":"2HAIA,QAAMA,EAAgB,OAQhBC,EAAeC,EAAOC,OAAMC,IAAAA,EAAAC,EAAA,CAAA,mFAAA,gBAAA,4DAAA,gBAAA,qCAAA,8JAAA,eAAA,sCAAA,oBAAA,iBAAA,+FAAA,6CAAA,iBAAA,eAAA,kEAAA,uBAAA,YAAA,CAAmB,mFAKF,gBACC,4DAIA,gBACD,qCAEc,8JAW3D,eACyC,sCAEA,oBAClB,iBAEyO,+FAI7M,6CAGD,iBACP,eAWrC,kEAGuD,uBACjB,cAhD1C,SAACC,GAAc,OAAPA,EAAAC,MAAaC,OAAOC,eAAb,EACf,SAACH,GAAc,OAAPA,EAAAC,MAAaC,OAAOE,gBAAb,EAIf,SAACJ,GAAc,OAAPA,EAAAC,MAAaC,OAAOE,gBAAb,EACf,SAACJ,GAAc,OAAPA,EAAAC,MAAaC,OAAOC,eAAb,EAED,SAACH,GAAc,OAAPA,EAAAC,MAAaC,OAAOC,eAAb,EAMzB,SAACH,GAAE,IAAAC,UAAOI,EAASL,EAAAK,UAAEC,EAAaN,EAAAM,cAC1C,MAAA,SAAAC,OAASN,EAAMO,UAAUC,iBAAgB,KAAAF,OACvCF,GAAaC,EACTL,EAAMC,OAAOQ,UACbT,EAAMC,OAAOS,gBAHnB,EAKO,SAACX,GAAc,OAAPA,EAAAC,MAAaC,OAAOU,QAAb,EAEX,SAACZ,GAAc,OAAPA,EAAAC,MAAaY,UAAUC,CAAhB,EACdpB,EACH,SAACM,GAAE,IAAAC,EAAKD,EAAAC,MACjB,MAAA,iBAAUP,EAAa,SAAAa,OAAQN,EAAMO,UAAUC,iBAAgB,YAAAF,OAAWN,EAAMc,WAAWC,8BAAqBf,EAAMgB,QAAQH,EAAC,YAAAP,OAAWb,kBAAqBO,EAAMO,UAAUC,oCAA2BR,EAAMc,WAAWC,WAAU,YAAAT,OAAWN,EAAMgB,QAAQC,GAA9P,EAIgB,SAAClB,GAAc,OAAPA,EAAAC,MAAaC,OAAOiB,SAAb,EAGf,SAACnB,GAAc,OAAPA,EAAAC,MAAaC,OAAOkB,QAAb,EACtB,SAACpB,GAAc,OAAPA,EAAAC,MAAaC,OAAOkB,QAAb,EAGxB,SAACpB,GAAE,IAAAC,EAAKD,EAAAC,MACR,OAACA,EAAMO,UAAUa,oBAOb,KANAC,EAAGC,IAAAA,EAAAxB,EAAA,CAAA,6EAAA,4BAAA,CAAA,6EAGsC,8BAArBE,EAAMC,OAAOsB,SAJrC,EAUmB,SAACxB,GAAc,OAAPA,EAAAC,MAAawB,WAAWC,YAAjB,EACrB,SAAC1B,GAAc,OAAPA,EAAAC,MAAaY,UAAUc,EAAhB"}

package/lib/src/components/Step/styles.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t,{css as o}from"styled-components";var r,e,i,a,l,d,p,s,c=t.div(r||(r=n(["\n  box-sizing: border-box;\n  *,\n  *:after,\n  *:before {\n    box-sizing: border-box;\n  }\n  text-align: center;\n  text-transform: capitalize;\n"],["\n  box-sizing: border-box;\n  *,\n  *:after,\n  *:before {\n    box-sizing: border-box;\n  }\n  text-align: center;\n  text-transform: capitalize;\n"]))),b=t.ul(i||(i=n(["\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n\n  ","\n"],["\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n\n  ","\n"])),function(t){var r=t.$total;return r&&o(e||(e=n(["\n      li {\n        width: ","%;\n      }\n      li:last-child span:after {\n        display: none;\n      }\n    "],["\n      li {\n        width: ","%;\n      }\n      li:last-child span:after {\n        display: none;\n      }\n    "])),100/r)}),x=t.span(a||(a=n(["\n  border-radius: 50%;\n  background-clip: padding-box;\n  width: 24px;\n  height: 24px;\n  background-color: ",";\n  display: block;\n  margin: 0 auto 0.5em auto;\n  border: 2px solid ",';\n  text-indent: -999px;\n\n  &:after {\n    display: block;\n    position: absolute;\n    width: 100%;\n    height: 2px;\n    content: "";\n    background-color: transparent;\n    border-bottom: 2px solid ',";\n    left: 50%;\n    top: 11px;\n    margin-left: 12px;\n  }\n"],["\n  border-radius: 50%;\n  background-clip: padding-box;\n  width: 24px;\n  height: 24px;\n  background-color: ",";\n  display: block;\n  margin: 0 auto 0.5em auto;\n  border: 2px solid ",';\n  text-indent: -999px;\n\n  &:after {\n    display: block;\n    position: absolute;\n    width: 100%;\n    height: 2px;\n    content: "";\n    background-color: transparent;\n    border-bottom: 2px solid ',";\n    left: 50%;\n    top: 11px;\n    margin-left: 12px;\n  }\n"])),function(n){return n.theme.colors.stepBackground},function(n){return n.theme.colors.stepBorder},function(n){return n.theme.colors.stepBorder}),f=t.span(l||(l=n(["\n  display: block;\n  transform: rotate(45deg);\n  transform-origin: center center;\n  height: 14px;\n  width: 8px;\n  border-bottom: ",";\n  border-right: ",";\n  margin-top: 4px;\n  margin-left: 8px;\n"],["\n  display: block;\n  transform: rotate(45deg);\n  transform-origin: center center;\n  height: 14px;\n  width: 8px;\n  border-bottom: ",";\n  border-right: ",";\n  margin-top: 4px;\n  margin-left: 8px;\n"])),function(n){var t=n.theme.colors.textLight;return"2px solid ".concat(t)},function(n){var t=n.theme.colors.textLight;return"2px solid ".concat(t)}),g=t.li(s||(s=n(["\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  font-family: ",";\n\n  ","\n  ","\n"],["\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  font-family: ",";\n\n  ","\n  ","\n"])),function(n){return n.theme.typography.fontFamilyBase},function(t){var r=t.theme;return t.$active&&o(d||(d=n(["\n      "," {\n        border-color: ",";\n      }\n    "],["\n      "," {\n        border-color: ",";\n      }\n    "])),x,r.colors.tertiary)},function(t){var r=t.$done,e=t.theme;return r&&o(p||(p=n(["\n      "," {\n        border: none;\n        background-color: ",";\n        &:after {\n          border-bottom: 2px solid ",";\n        }\n      }\n    "],["\n      "," {\n        border: none;\n        background-color: ",";\n        &:after {\n          border-bottom: 2px solid ",";\n        }\n      }\n    "])),x,e.colors.tertiary,e.colors.tertiary)});export{x as StepBar,g as StepItem,b as StepList,f as StepTick,c as StepWrapper};
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o,{css as t}from"styled-components";var r,e,i,a,l,d,s,c,p=o.div(r||(r=n(["\n  box-sizing: border-box;\n  *,\n  *:after,\n  *:before {\n    box-sizing: border-box;\n  }\n  text-align: center;\n  text-transform: capitalize;\n"],["\n  box-sizing: border-box;\n  *,\n  *:after,\n  *:before {\n    box-sizing: border-box;\n  }\n  text-align: center;\n  text-transform: capitalize;\n"]))),b=o.ul(i||(i=n(["\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n\n  ","\n"],["\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n\n  ","\n"])),function(o){var r=o.$total;return r&&t(e||(e=n(["\n      li {\n        width: ","%;\n      }\n      li:last-child span:after {\n        display: none;\n      }\n    "],["\n      li {\n        width: ","%;\n      }\n      li:last-child span:after {\n        display: none;\n      }\n    "])),100/r)}),x=o.span(a||(a=n(["\n  border-radius: 50%;\n  background-clip: padding-box;\n  width: 24px;\n  height: 24px;\n  background-color: ",";\n  display: block;\n  margin: 0 auto 0.5em auto;\n  border: 2px solid ",';\n  text-indent: -999px;\n\n  &:after {\n    display: block;\n    position: absolute;\n    width: 100%;\n    height: 2px;\n    content: "";\n    background-color: transparent;\n    border-bottom: 2px solid ',";\n    left: 50%;\n    top: 11px;\n    margin-left: 12px;\n  }\n"],["\n  border-radius: 50%;\n  background-clip: padding-box;\n  width: 24px;\n  height: 24px;\n  background-color: ",";\n  display: block;\n  margin: 0 auto 0.5em auto;\n  border: 2px solid ",';\n  text-indent: -999px;\n\n  &:after {\n    display: block;\n    position: absolute;\n    width: 100%;\n    height: 2px;\n    content: "";\n    background-color: transparent;\n    border-bottom: 2px solid ',";\n    left: 50%;\n    top: 11px;\n    margin-left: 12px;\n  }\n"])),function(n){return n.theme.colors.stepBackground},function(n){return n.theme.colors.stepBorder},function(n){return n.theme.colors.stepBorder}),f=o.span(l||(l=n(["\n  display: block;\n  transform: rotate(45deg);\n  transform-origin: center center;\n  height: 14px;\n  width: 8px;\n  border-bottom: ",";\n  border-right: ",";\n  margin-top: 4px;\n  margin-left: 8px;\n"],["\n  display: block;\n  transform: rotate(45deg);\n  transform-origin: center center;\n  height: 14px;\n  width: 8px;\n  border-bottom: ",";\n  border-right: ",";\n  margin-top: 4px;\n  margin-left: 8px;\n"])),function(n){var o=n.theme.colors.textLight;return"2px solid ".concat(o)},function(n){var o=n.theme.colors.textLight;return"2px solid ".concat(o)}),g=o.li(c||(c=n(["\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  font-family: ",";\n\n  ","\n  ","\n"],["\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  font-family: ",";\n\n  ","\n  ","\n"])),function(n){return n.theme.typography.fontFamilyBase},function(o){var r=o.theme;return o.$active&&t(d||(d=n(["\n      "," {\n        border-color: ",";\n        background-color: ",";\n      }\n    "],["\n      "," {\n        border-color: ",";\n        background-color: ",";\n      }\n    "])),x,r.colors.tertiary,r.colors.tertiary)},function(o){var r=o.$done,e=o.theme;return r&&t(s||(s=n(["\n      "," {\n        border: none;\n        background-color: ",";\n        &:after {\n          border-bottom: 2px solid ",";\n        }\n      }\n    "],["\n      "," {\n        border: none;\n        background-color: ",";\n        &:after {\n          border-bottom: 2px solid ",";\n        }\n      }\n    "])),x,e.colors.tertiary,e.colors.tertiary)});export{x as StepBar,g as StepItem,b as StepList,f as StepTick,p as StepWrapper};
 //# sourceMappingURL=styles.js.map

package/lib/src/components/Step/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Step/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { type ThemeType } from \"../../types\";\n\nexport const StepWrapper = styled.div`\n  box-sizing: border-box;\n  *,\n  *:after,\n  *:before {\n    box-sizing: border-box;\n  }\n  text-align: center;\n  text-transform: capitalize;\n`;\n\nexport const StepList = styled.ul<{\n  $total: number;\n}>`\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n\n  ${({ $total }) =>\n    $total &&\n    css`\n      li {\n        width: ${100 / $total}%;\n      }\n      li:last-child span:after {\n        display: none;\n      }\n    `}\n`;\n\nexport const StepBar = styled.span<{\n  theme: ThemeType;\n}>`\n  border-radius: 50%;\n  background-clip: padding-box;\n  width: 24px;\n  height: 24px;\n  background-color: ${({ theme }) => theme.colors.stepBackground};\n  display: block;\n  margin: 0 auto 0.5em auto;\n  border: 2px solid ${({ theme }) => theme.colors.stepBorder};\n  text-indent: -999px;\n\n  &:after {\n    display: block;\n    position: absolute;\n    width: 100%;\n    height: 2px;\n    content: \"\";\n    background-color: transparent;\n    border-bottom: 2px solid ${({ theme }) => theme.colors.stepBorder};\n    left: 50%;\n    top: 11px;\n    margin-left: 12px;\n  }\n`;\n\nexport const StepTick = styled.span<{\n  theme: ThemeType;\n}>`\n  display: block;\n  transform: rotate(45deg);\n  transform-origin: center center;\n  height: 14px;\n  width: 8px;\n  border-bottom: ${({\n    theme: {\n      colors: { textLight },\n    },\n  }) => `2px solid ${textLight}`};\n  border-right: ${({\n    theme: {\n      colors: { textLight },\n    },\n  }) => `2px solid ${textLight}`};\n  margin-top: 4px;\n  margin-left: 8px;\n`;\n\nexport const StepItem = styled.li<{\n  $active: boolean;\n  $done: boolean;\n  theme: ThemeType;\n}>`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  font-family: ${({ theme }) => theme.typography.fontFamilyBase};\n\n  ${({ theme, $active }) =>\n    $active &&\n    css`\n      ${StepBar} {\n        border-color: ${theme.colors.tertiary};\n      }\n    `}\n  ${({ $done, theme }) =>\n    $done &&\n    css`\n      ${StepBar} {\n        border: none;\n        background-color: ${theme.colors.tertiary};\n        &:after {\n          border-bottom: 2px solid ${theme.colors.tertiary};\n        }\n      }\n    `}\n`;\n"],"names":["StepWrapper","styled","div","templateObject_1","__makeTemplateObject","StepList","ul","templateObject_3","_a","$total","css","templateObject_2","StepBar","span","templateObject_4","theme","colors","stepBackground","stepBorder","StepTick","templateObject_5","textLight","concat","StepItem","li","templateObject_8","typography","fontFamilyBase","$active","templateObject_6","tertiary","$done","templateObject_7"],"mappings":"2HAGO,oBAAMA,EAAcC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,yJAAA,CAAA,4JAWxBC,EAAWJ,EAAOK,GAAEC,IAAAA,EAAAH,EAAA,CAAA,gIAAA,MAAA,CAE/B,gIAiBG,QATD,SAACI,GAAE,IAAAC,EAAMD,EAAAC,OACT,OAAAA,GACAC,EAAGC,IAAAA,EAAAP,EAAA,CAAA,gCAAA,wFAAA,CAAA,gCAEsB,0FAAZ,IAAMK,EAHnB,GAWSG,EAAUX,EAAOY,KAAIC,IAAAA,EAAAV,EAAA,CAAA,kHAAA,2EAAA,kNAAA,oEAAA,CAEhC,kHAK8D,2EAGJ,kNAUS,sEAb/C,SAACI,GAAc,OAAPA,EAAAO,MAAaC,OAAOC,cAAb,EAGf,SAACT,GAAc,OAAPA,EAAAO,MAAaC,OAAOE,UAAb,EAUN,SAACV,GAAc,OAAPA,EAAAO,MAAaC,OAAOE,UAAb,GAOjCC,EAAWlB,EAAOY,KAAIO,IAAAA,EAAAhB,EAAA,CAAA,0IAAA,sBAAA,gDAAA,CAEjC,0IAU8B,sBAKA,kDATb,SAACI,GAEJ,IAAAa,EAASb,EAAAO,MAAAC,OAAAK,UAEjB,MAAA,aAAAC,OAAaD,EAAb,EACU,SAACb,GAEH,IAAAa,EAASb,EAAAO,MAAAC,OAAAK,UAEjB,MAAA,aAAAC,OAAaD,EAAb,GAKKE,EAAWtB,EAAOuB,GAAEC,IAAAA,EAAArB,EAAA,CAAA,wFAAA,UAAA,OAAA,MAAA,CAI/B,wFAI6D,UAQ1D,OAWA,QAnBY,SAACI,GAAc,OAAPA,EAAAO,MAAaW,WAAWC,cAAjB,EAE5B,SAACnB,OAAEO,EAAKP,EAAAO,MACR,OADiBP,EAAAoB,SAEjBlB,EAAGmB,IAAAA,EAAAzB,EAAA,CAAA,WAAA,6BAAA,oBAAA,CAAA,WACQ,6BAC8B,sBADrCQ,EACgBG,EAAMC,OAAOc,SAHjC,EAMA,SAACtB,OAAEuB,EAAKvB,EAAAuB,MAAEhB,EAAKP,EAAAO,MACf,OAAAgB,GACArB,EAAGsB,IAAAA,EAAA5B,EAAA,CAAA,WAAA,wDAAA,4DAAA,+BAAA,CAAA,WACQ,wDAEkC,4DAES,iCAJlDQ,EAEoBG,EAAMC,OAAOc,SAEJf,EAAMC,OAAOc,SAN9C"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/Step/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { type ThemeType } from \"../../types\";\n\nexport const StepWrapper = styled.div`\n  box-sizing: border-box;\n  *,\n  *:after,\n  *:before {\n    box-sizing: border-box;\n  }\n  text-align: center;\n  text-transform: capitalize;\n`;\n\nexport const StepList = styled.ul<{\n  $total: number;\n}>`\n  list-style: none;\n  padding: 0;\n  margin: 0;\n  display: flex;\n  justify-content: space-between;\n  width: 100%;\n\n  ${({ $total }) =>\n    $total &&\n    css`\n      li {\n        width: ${100 / $total}%;\n      }\n      li:last-child span:after {\n        display: none;\n      }\n    `}\n`;\n\nexport const StepBar = styled.span<{\n  theme: ThemeType;\n}>`\n  border-radius: 50%;\n  background-clip: padding-box;\n  width: 24px;\n  height: 24px;\n  background-color: ${({ theme }) => theme.colors.stepBackground};\n  display: block;\n  margin: 0 auto 0.5em auto;\n  border: 2px solid ${({ theme }) => theme.colors.stepBorder};\n  text-indent: -999px;\n\n  &:after {\n    display: block;\n    position: absolute;\n    width: 100%;\n    height: 2px;\n    content: \"\";\n    background-color: transparent;\n    border-bottom: 2px solid ${({ theme }) => theme.colors.stepBorder};\n    left: 50%;\n    top: 11px;\n    margin-left: 12px;\n  }\n`;\n\nexport const StepTick = styled.span<{\n  theme: ThemeType;\n}>`\n  display: block;\n  transform: rotate(45deg);\n  transform-origin: center center;\n  height: 14px;\n  width: 8px;\n  border-bottom: ${({\n    theme: {\n      colors: { textLight },\n    },\n  }) => `2px solid ${textLight}`};\n  border-right: ${({\n    theme: {\n      colors: { textLight },\n    },\n  }) => `2px solid ${textLight}`};\n  margin-top: 4px;\n  margin-left: 8px;\n`;\n\nexport const StepItem = styled.li<{\n  $active: boolean;\n  $done: boolean;\n  theme: ThemeType;\n}>`\n  display: flex;\n  flex-direction: column;\n  position: relative;\n  font-family: ${({ theme }) => theme.typography.fontFamilyBase};\n\n  ${({ theme, $active }) =>\n    $active &&\n    css`\n      ${StepBar} {\n        border-color: ${theme.colors.tertiary};\n        background-color: ${theme.colors.tertiary};\n      }\n    `}\n  ${({ $done, theme }) =>\n    $done &&\n    css`\n      ${StepBar} {\n        border: none;\n        background-color: ${theme.colors.tertiary};\n        &:after {\n          border-bottom: 2px solid ${theme.colors.tertiary};\n        }\n      }\n    `}\n`;\n"],"names":["StepWrapper","styled","div","templateObject_1","__makeTemplateObject","StepList","ul","templateObject_3","_a","$total","css","templateObject_2","StepBar","span","templateObject_4","theme","colors","stepBackground","stepBorder","StepTick","templateObject_5","textLight","concat","StepItem","li","templateObject_8","typography","fontFamilyBase","$active","templateObject_6","tertiary","$done","templateObject_7"],"mappings":"2HAGO,oBAAMA,EAAcC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,yJAAA,CAAA,4JAWxBC,EAAWJ,EAAOK,GAAEC,IAAAA,EAAAH,EAAA,CAAA,gIAAA,MAAA,CAE/B,gIAiBG,QATD,SAACI,GAAE,IAAAC,EAAMD,EAAAC,OACT,OAAAA,GACAC,EAAGC,IAAAA,EAAAP,EAAA,CAAA,gCAAA,wFAAA,CAAA,gCAEsB,0FAAZ,IAAMK,EAHnB,GAWSG,EAAUX,EAAOY,KAAIC,IAAAA,EAAAV,EAAA,CAAA,kHAAA,2EAAA,kNAAA,oEAAA,CAEhC,kHAK8D,2EAGJ,kNAUS,sEAb/C,SAACI,GAAc,OAAPA,EAAAO,MAAaC,OAAOC,cAAb,EAGf,SAACT,GAAc,OAAPA,EAAAO,MAAaC,OAAOE,UAAb,EAUN,SAACV,GAAc,OAAPA,EAAAO,MAAaC,OAAOE,UAAb,GAOjCC,EAAWlB,EAAOY,KAAIO,IAAAA,EAAAhB,EAAA,CAAA,0IAAA,sBAAA,gDAAA,CAEjC,0IAU8B,sBAKA,kDATb,SAACI,GAEJ,IAAAa,EAASb,EAAAO,MAAAC,OAAAK,UAEjB,MAAA,aAAAC,OAAaD,EAAb,EACU,SAACb,GAEH,IAAAa,EAASb,EAAAO,MAAAC,OAAAK,UAEjB,MAAA,aAAAC,OAAaD,EAAb,GAKKE,EAAWtB,EAAOuB,GAAEC,IAAAA,EAAArB,EAAA,CAAA,wFAAA,UAAA,OAAA,MAAA,CAI/B,wFAI6D,UAS1D,OAWA,QApBY,SAACI,GAAc,OAAPA,EAAAO,MAAaW,WAAWC,cAAjB,EAE5B,SAACnB,OAAEO,EAAKP,EAAAO,MACR,OADiBP,EAAAoB,SAEjBlB,EAAGmB,IAAAA,EAAAzB,EAAA,CAAA,WAAA,6BAAA,gCAAA,oBAAA,CAAA,WACQ,6BAC8B,gCACI,sBAFzCQ,EACgBG,EAAMC,OAAOc,SACTf,EAAMC,OAAOc,SAJrC,EAOA,SAACtB,OAAEuB,EAAKvB,EAAAuB,MAAEhB,EAAKP,EAAAO,MACf,OAAAgB,GACArB,EAAGsB,IAAAA,EAAA5B,EAAA,CAAA,WAAA,wDAAA,4DAAA,+BAAA,CAAA,WACQ,wDAEkC,4DAES,iCAJlDQ,EAEoBG,EAAMC,OAAOc,SAEJf,EAAMC,OAAOc,SAN9C"}

package/lib/src/components/TextAreaField/styles.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o,{css as r}from"styled-components";var e,t,i=o.textarea(t||(t=n(["\n  resize: ",";\n  background-color: ",";\n  background-image: none;\n  border: ",";\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: ",";\n  padding: 6px 8px;\n  width: 100%;\n  height: ",";\n\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ",";\n  }\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n"],["\n  resize: ",";\n  background-color: ",";\n  background-image: none;\n  border: ",";\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: ",";\n  padding: 6px 8px;\n  width: 100%;\n  height: ",";\n\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ",";\n  }\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n"])),function(n){return n.$resize},function(n){return n.theme.colors.backgroundLight},function(n){var o=n.theme,r=n.$hasError;return"solid ".concat(o.utilities.inputBorderWidth,"\n    ").concat(r?o.colors.textError:o.colors.textInputBorder)},function(n){return n.theme.colors.textDark},function(n){return n.theme.typography.fontFamilyBase},function(n){return n.theme.fontSizes.m},function(n){var o=n.$lineCount,r=n.theme;return"calc(".concat(r.typography.lineHeight," * ").concat(o,")")},function(n){return n.theme.colors.secondary},function(n){return n.theme.colors.disabled},function(n){return n.theme.colors.disabled},function(o){var t=o.theme;return t.utilities.useDefaultFocusRect?null:r(e||(e=n(["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n          }\n        "],["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n          }\n        "])),t.colors.tertiary)});export{i as StyledTextArea,i as default};
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o,{css as r}from"styled-components";var e,t,i=o.textarea(t||(t=n(["\n  resize: ",";\n  background-color: ",";\n  background-image: none;\n  border: ",";\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: ",";\n  padding: 6px 8px;\n  width: 100%;\n  height: ",";\n\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ",";\n  }\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n\n  // increase font size for desktop\n  @media (min-width: ",") {\n    font-size: ",";\n  }\n"],["\n  resize: ",";\n  background-color: ",";\n  background-image: none;\n  border: ",";\n  color: ",";\n  display: block;\n  font-family: ",";\n  font-size: ",";\n  padding: 6px 8px;\n  width: 100%;\n  height: ",";\n\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ",";\n  }\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n\n  // increase font size for desktop\n  @media (min-width: ",") {\n    font-size: ",";\n  }\n"])),function(n){return n.$resize},function(n){return n.theme.colors.backgroundLight},function(n){var o=n.theme,r=n.$hasError;return"solid ".concat(o.utilities.inputBorderWidth,"\n    ").concat(r?o.colors.textError:o.colors.textInputBorder)},function(n){return n.theme.colors.textDark},function(n){return n.theme.typography.fontFamilyBase},function(n){return n.theme.fontSizes.m},function(n){var o=n.$lineCount,r=n.theme;return"calc(".concat(r.typography.lineHeight," * ").concat(o,")")},function(n){return n.theme.colors.secondary},function(n){return n.theme.colors.disabled},function(n){return n.theme.colors.disabled},function(o){var t=o.theme;return t.utilities.useDefaultFocusRect?null:r(e||(e=n(["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n          }\n        "],["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n          }\n        "])),t.colors.tertiary)},function(n){return n.theme.breakpoint.desktopLarge},function(n){return n.theme.fontSizes.ml});export{i as StyledTextArea,i as default};
 //# sourceMappingURL=styles.js.map

package/lib/src/components/TextAreaField/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/TextAreaField/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { type ThemeType } from \"../../types\";\n\ntype StyledTextareaProps = {\n  $hasError: boolean;\n  $lineCount: number;\n  $resize: \"both\" | \"vertical\" | \"horizontal\" | \"none\";\n  theme: ThemeType;\n};\n\nconst StyledTextArea = styled.textarea<StyledTextareaProps>`\n  resize: ${({ $resize }) => $resize};\n  background-color: ${({ theme }) => theme.colors.backgroundLight};\n  background-image: none;\n  border: ${({ theme, $hasError }) => `solid ${theme.utilities.inputBorderWidth}\n    ${$hasError ? theme.colors.textError : theme.colors.textInputBorder}`};\n  color: ${({ theme }) => theme.colors.textDark};\n  display: block;\n  font-family: ${({ theme }) => theme.typography.fontFamilyBase};\n  font-size: ${({ theme }) => theme.fontSizes.m};\n  padding: 6px 8px;\n  width: 100%;\n  height: ${({ $lineCount, theme }) =>\n    `calc(${theme.typography.lineHeight} * ${$lineCount})`};\n\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ${({ theme }) => theme.colors.secondary};\n  }\n  &:disabled {\n    border-color: ${({ theme }) => theme.colors.disabled};\n    color: ${({ theme }) => theme.colors.disabled};\n  }\n\n  ${({ theme }) =>\n    !theme.utilities.useDefaultFocusRect\n      ? css`\n          &:focus {\n            outline: 0;\n            border-color: ${theme.colors.tertiary};\n          }\n        `\n      : null};\n`;\n\nexport default StyledTextArea;\nexport { StyledTextArea };\n"],"names":["StyledTextArea","styled","textarea","templateObject_2","__makeTemplateObject","_a","$resize","theme","colors","backgroundLight","$hasError","concat","utilities","inputBorderWidth","textError","textInputBorder","textDark","typography","fontFamilyBase","fontSizes","m","$lineCount","lineHeight","secondary","disabled","useDefaultFocusRect","css","templateObject_1","tertiary"],"mappings":"2HAUA,QAAMA,EAAiBC,EAAOC,SAAQC,IAAAA,EAAAC,EAAA,CAAA,eAAA,0BAAA,2CAAA,eAAA,wCAAA,mBAAA,qDAAA,iFAAA,6CAAA,iBAAA,eAAA,OAAA,CAAqB,eACvB,0BAC6B,2CAGQ,eAC1B,wCAEgB,mBAChB,qDAIW,iFAID,6CAGD,iBACP,eAWrC,SA/BA,SAACC,GAAgB,OAAPA,EAAAC,OAAO,EACP,SAACD,GAAc,OAAPA,EAAAE,MAAaC,OAAOC,eAAb,EAEzB,SAACJ,OAAEE,EAAKF,EAAAE,MAAEG,EAASL,EAAAK,UAAO,MAAA,SAAAC,OAASJ,EAAMK,UAAUC,iBAAgB,UAAAF,OACzED,EAAYH,EAAMC,OAAOM,UAAYP,EAAMC,OAAOO,gBADlB,EAE3B,SAACV,GAAc,OAAPA,EAAAE,MAAaC,OAAOQ,QAAb,EAET,SAACX,GAAc,OAAPA,EAAAE,MAAaU,WAAWC,cAAjB,EACjB,SAACb,GAAc,OAAPA,EAAAE,MAAaY,UAAUC,CAAhB,EAGlB,SAACf,OAAEgB,EAAUhB,EAAAgB,WAAEd,EAAKF,EAAAE,MAC5B,MAAA,QAAAI,OAAQJ,EAAMU,WAAWK,WAAU,OAAAX,OAAMU,EAAU,IAAnD,EAIgB,SAAChB,GAAc,OAAPA,EAAAE,MAAaC,OAAOe,SAAb,EAGf,SAAClB,GAAc,OAAPA,EAAAE,MAAaC,OAAOgB,QAAb,EACtB,SAACnB,GAAc,OAAPA,EAAAE,MAAaC,OAAOgB,QAAb,EAGxB,SAACnB,GAAE,IAAAE,EAAKF,EAAAE,MACR,OAACA,EAAMK,UAAUa,oBAOb,KANAC,EAAGC,IAAAA,EAAAvB,EAAA,CAAA,6EAAA,4BAAA,CAAA,6EAGsC,8BAArBG,EAAMC,OAAOoB,SAJrC"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/TextAreaField/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\nimport { type ThemeType } from \"../../types\";\n\ntype StyledTextareaProps = {\n  $hasError: boolean;\n  $lineCount: number;\n  $resize: \"both\" | \"vertical\" | \"horizontal\" | \"none\";\n  theme: ThemeType;\n};\n\nconst StyledTextArea = styled.textarea<StyledTextareaProps>`\n  resize: ${({ $resize }) => $resize};\n  background-color: ${({ theme }) => theme.colors.backgroundLight};\n  background-image: none;\n  border: ${({ theme, $hasError }) => `solid ${theme.utilities.inputBorderWidth}\n    ${$hasError ? theme.colors.textError : theme.colors.textInputBorder}`};\n  color: ${({ theme }) => theme.colors.textDark};\n  display: block;\n  font-family: ${({ theme }) => theme.typography.fontFamilyBase};\n  font-size: ${({ theme }) => theme.fontSizes.m};\n  padding: 6px 8px;\n  width: 100%;\n  height: ${({ $lineCount, theme }) =>\n    `calc(${theme.typography.lineHeight} * ${$lineCount})`};\n\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ${({ theme }) => theme.colors.secondary};\n  }\n  &:disabled {\n    border-color: ${({ theme }) => theme.colors.disabled};\n    color: ${({ theme }) => theme.colors.disabled};\n  }\n\n  ${({ theme }) =>\n    !theme.utilities.useDefaultFocusRect\n      ? css`\n          &:focus {\n            outline: 0;\n            border-color: ${theme.colors.tertiary};\n          }\n        `\n      : null};\n\n  // increase font size for desktop\n  @media (min-width: ${({ theme }) => theme.breakpoint.desktopLarge}) {\n    font-size: ${({ theme }) => theme.fontSizes.ml};\n  }\n`;\n\nexport default StyledTextArea;\nexport { StyledTextArea };\n"],"names":["StyledTextArea","styled","textarea","templateObject_2","__makeTemplateObject","_a","$resize","theme","colors","backgroundLight","$hasError","concat","utilities","inputBorderWidth","textError","textInputBorder","textDark","typography","fontFamilyBase","fontSizes","m","$lineCount","lineHeight","secondary","disabled","useDefaultFocusRect","css","templateObject_1","tertiary","breakpoint","desktopLarge","ml"],"mappings":"2HAUA,QAAMA,EAAiBC,EAAOC,SAAQC,IAAAA,EAAAC,EAAA,CAAA,eAAA,0BAAA,2CAAA,eAAA,wCAAA,mBAAA,qDAAA,iFAAA,6CAAA,iBAAA,eAAA,kEAAA,uBAAA,YAAA,CAAqB,eACvB,0BAC6B,2CAGQ,eAC1B,wCAEgB,mBAChB,qDAIW,iFAID,6CAGD,iBACP,eAWrC,kEAGuD,uBACjB,cAnCtC,SAACC,GAAgB,OAAPA,EAAAC,OAAO,EACP,SAACD,GAAc,OAAPA,EAAAE,MAAaC,OAAOC,eAAb,EAEzB,SAACJ,OAAEE,EAAKF,EAAAE,MAAEG,EAASL,EAAAK,UAAO,MAAA,SAAAC,OAASJ,EAAMK,UAAUC,iBAAgB,UAAAF,OACzED,EAAYH,EAAMC,OAAOM,UAAYP,EAAMC,OAAOO,gBADlB,EAE3B,SAACV,GAAc,OAAPA,EAAAE,MAAaC,OAAOQ,QAAb,EAET,SAACX,GAAc,OAAPA,EAAAE,MAAaU,WAAWC,cAAjB,EACjB,SAACb,GAAc,OAAPA,EAAAE,MAAaY,UAAUC,CAAhB,EAGlB,SAACf,OAAEgB,EAAUhB,EAAAgB,WAAEd,EAAKF,EAAAE,MAC5B,MAAA,QAAAI,OAAQJ,EAAMU,WAAWK,WAAU,OAAAX,OAAMU,EAAU,IAAnD,EAIgB,SAAChB,GAAc,OAAPA,EAAAE,MAAaC,OAAOe,SAAb,EAGf,SAAClB,GAAc,OAAPA,EAAAE,MAAaC,OAAOgB,QAAb,EACtB,SAACnB,GAAc,OAAPA,EAAAE,MAAaC,OAAOgB,QAAb,EAGxB,SAACnB,GAAE,IAAAE,EAAKF,EAAAE,MACR,OAACA,EAAMK,UAAUa,oBAOb,KANAC,EAAGC,IAAAA,EAAAvB,EAAA,CAAA,6EAAA,4BAAA,CAAA,6EAGsC,8BAArBG,EAAMC,OAAOoB,SAJrC,EAUmB,SAACvB,GAAc,OAAPA,EAAAE,MAAasB,WAAWC,YAAjB,EACrB,SAACzB,GAAc,OAAPA,EAAAE,MAAaY,UAAUY,EAAhB"}

package/lib/src/components/TextField/styles.js

@@ -1,2 +1,2 @@
-import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o,{css as A}from"styled-components";var t,e,i,r,a,l,b,g,c,u,d,s="48px",m=o.span(t||(t=n(["\n  box-sizing: border-box;\n  display: block;\n  background-color: ",";\n  color: ",";\n  font-size: ",";\n  line-height: ",";\n  font-weight: ",";\n  padding: ",";\n  margin: 0;\n  line-height: 1rem;\n  width: auto;\n"],["\n  box-sizing: border-box;\n  display: block;\n  background-color: ",";\n  color: ",";\n  font-size: ",";\n  line-height: ",";\n  font-weight: ",";\n  padding: ",";\n  margin: 0;\n  line-height: 1rem;\n  width: auto;\n"])),function(n){return n.theme.colors.textInputExtraInfo},function(n){return n.theme.colors.textDark},function(n){return n.theme.fontSizes.m},function(n){return n.theme.typography.lineHeight},function(n){return n.theme.typography.fontWeightLight},function(n){var o=n.theme;return"calc((".concat(s," - 1em ) / 2) ").concat(o.spacing.xs)}),h=o(m)(e||(e=n(["\n  box-sizing: border-box;\n  width: auto;\n  vertical-align: middle;\n  height: ",";\n\n  button {\n    min-height: "," !important;\n  }\n"],["\n  box-sizing: border-box;\n  width: auto;\n  vertical-align: middle;\n  height: ",";\n\n  button {\n    min-height: "," !important;\n  }\n"])),s,function(n){var o=n.theme;return"calc(".concat(s," - (2 * ").concat(o.utilities.inputBorderWidth,"))")}),p=o(m)(i||(i=n(["\n  box-sizing: border-box;\n  width: auto;\n  border: ",";\n  transition: border-color 150ms linear;\n  border-left: 0;\n  background-color: transparent;\n  padding: 0;\n  height: ",";\n  vertical-align: middle;\n\n  button {\n    min-height: "," !important;\n  }\n"],["\n  box-sizing: border-box;\n  width: auto;\n  border: ",";\n  transition: border-color 150ms linear;\n  border-left: 0;\n  background-color: transparent;\n  padding: 0;\n  height: ",";\n  vertical-align: middle;\n\n  button {\n    min-height: "," !important;\n  }\n"])),function(n){var o=n.theme;return"solid ".concat(o.utilities.inputBorderWidth," ").concat(o.colors.textInputBorder)},s,function(n){var o=n.theme;return"calc(".concat(s," - (2 * ").concat(o.utilities.inputBorderWidth,"))")}),Z=o.span(r||(r=n(["\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n"],["\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n"]))),W=o.span(b||(b=n(["\n  box-sizing: border-box;\n  position: relative;\n  display: block;\n  flex: 1 1;\n  &:after {\n    display: ",';\n    position: absolute;\n    width: 2em;\n    z-index: 1;\n    bottom: 0;\n    right: 0;\n    content: "";\n    top: 0;\n    background-repeat: no-repeat;\n    background-position: ',";\n    ","\n    ","\n  }\n"],["\n  box-sizing: border-box;\n  position: relative;\n  display: block;\n  flex: 1 1;\n  &:after {\n    display: ",';\n    position: absolute;\n    width: 2em;\n    z-index: 1;\n    bottom: 0;\n    right: 0;\n    content: "";\n    top: 0;\n    background-repeat: no-repeat;\n    background-position: ',";\n    ","\n    ","\n  }\n"])),function(n){var o=n.$isValidVisible;return n.$isInvalidVisible||o?"block":"none"},function(n){var o=n.theme;return"calc( 100% - ".concat(o.spacing.xxs,") 50% ")},function(o){var t=o.$isValid,e=o.$isInvalidVisible;return!t&&e&&A(a||(a=n(['\n        background-image: url("data:image/png;base64,','");\n      '],['\n        background-image: url("data:image/png;base64,','");\n      '])),"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")},function(o){var t=o.$isValid,e=o.$isValidVisible;return t&&e&&A(l||(l=n(['\n        background-image: url("data:image/png;base64,','");\n      '],['\n        background-image: url("data:image/png;base64,','");\n      '])),"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")}),C=o.input(d||(d=n(["\n  box-sizing: border-box;\n  background-color: ",";\n  background-image: none;\n  border: ",";\n  border-radius: 0;\n  color: ",";\n  display: block;\n  font-size: ",";\n  line-height: ",";\n  min-width: 3em;\n  padding: ",";\n\n  /* Make sure text doesn't go behind the valid indicatior icon */\n  ","\n\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ",";\n  }\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n\n  ","\n  &:-webkit-autofill,\n    &:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3em white inset !important;\n  }\n"],["\n  box-sizing: border-box;\n  background-color: ",";\n  background-image: none;\n  border: ",";\n  border-radius: 0;\n  color: ",";\n  display: block;\n  font-size: ",";\n  line-height: ",";\n  min-width: 3em;\n  padding: ",";\n\n  /* Make sure text doesn't go behind the valid indicatior icon */\n  ","\n\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ",";\n  }\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n\n  ","\n  &:-webkit-autofill,\n    &:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3em white inset !important;\n  }\n"])),function(n){return n.theme.colors.backgroundLight},function(n){var o=n.$hasError,A=n.theme;return"solid ".concat(A.utilities.inputBorderWidth," ").concat(o?A.colors.textError:A.colors.textInputBorder)},function(n){return n.theme.colors.textDark},function(n){return n.theme.fontSizes.m},function(n){return n.theme.typography.lineHeight},function(n){var o=n.theme;return"calc((".concat(s," - (").concat(o.utilities.inputBorderWidth," * 2) - ").concat(o.typography.lineHeight," ) / 2) ").concat(o.spacing.xs)},function(o){var t=o.$isValidVisible,e=o.$isInvalidVisible;return(t||e)&&A(g||(g=n(["\n      padding-right: 3rem;\n    "],["\n      padding-right: 3rem;\n    "])))},function(n){return n.theme.colors.secondary},function(n){return n.theme.colors.disabled},function(n){return n.theme.colors.disabled},function(o){var t=o.theme;return t.utilities.useDefaultFocusRect?null:A(c||(c=n(["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n            ~ "," {\n              border-color: ",";\n            }\n          }\n        "],["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n            ~ "," {\n              border-color: ",";\n            }\n          }\n        "])),t.colors.tertiary,p,t.colors.tertiary)},function(o){var t=o.$hasError,e=o.theme;return t&&A(u||(u=n(["\n      ~ "," {\n        border-color: ",";\n      }\n    "],["\n      ~ "," {\n        border-color: ",";\n      }\n    "])),p,e.colors.textError)});export{m as Extra,h as ExtraLeft,p as ExtraRight,Z as ExtraWrapper,C as StyledInput,W as StyledInputWrapper};
+import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o,{css as t}from"styled-components";var e,A,i,r,a,l,b,g,c,u,d,s="48px",m=o.span(e||(e=n(["\n  box-sizing: border-box;\n  display: block;\n  background-color: ",";\n  color: ",";\n  font-size: ",";\n  line-height: ",";\n  font-weight: ",";\n  padding: ",";\n  margin: 0;\n  line-height: 1rem;\n  width: auto;\n"],["\n  box-sizing: border-box;\n  display: block;\n  background-color: ",";\n  color: ",";\n  font-size: ",";\n  line-height: ",";\n  font-weight: ",";\n  padding: ",";\n  margin: 0;\n  line-height: 1rem;\n  width: auto;\n"])),function(n){return n.theme.colors.textInputExtraInfo},function(n){return n.theme.colors.textDark},function(n){return n.theme.fontSizes.m},function(n){return n.theme.typography.lineHeight},function(n){return n.theme.typography.fontWeightLight},function(n){var o=n.theme;return"calc((".concat(s," - 1em ) / 2) ").concat(o.spacing.xs)}),h=o(m)(A||(A=n(["\n  box-sizing: border-box;\n  width: auto;\n  vertical-align: middle;\n  height: ",";\n\n  button {\n    min-height: "," !important;\n  }\n"],["\n  box-sizing: border-box;\n  width: auto;\n  vertical-align: middle;\n  height: ",";\n\n  button {\n    min-height: "," !important;\n  }\n"])),s,function(n){var o=n.theme;return"calc(".concat(s," - (2 * ").concat(o.utilities.inputBorderWidth,"))")}),p=o(m)(i||(i=n(["\n  box-sizing: border-box;\n  width: auto;\n  border: ",";\n  transition: border-color 150ms linear;\n  border-left: 0;\n  background-color: transparent;\n  padding: 0;\n  height: ",";\n  vertical-align: middle;\n\n  button {\n    min-height: "," !important;\n  }\n"],["\n  box-sizing: border-box;\n  width: auto;\n  border: ",";\n  transition: border-color 150ms linear;\n  border-left: 0;\n  background-color: transparent;\n  padding: 0;\n  height: ",";\n  vertical-align: middle;\n\n  button {\n    min-height: "," !important;\n  }\n"])),function(n){var o=n.theme;return"solid ".concat(o.utilities.inputBorderWidth," ").concat(o.colors.textInputBorder)},s,function(n){var o=n.theme;return"calc(".concat(s," - (2 * ").concat(o.utilities.inputBorderWidth,"))")}),Z=o.span(r||(r=n(["\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n"],["\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n"]))),W=o.span(b||(b=n(["\n  box-sizing: border-box;\n  position: relative;\n  display: block;\n  flex: 1 1;\n  &:after {\n    display: ",';\n    position: absolute;\n    width: 2em;\n    z-index: 1;\n    bottom: 0;\n    right: 0;\n    content: "";\n    top: 0;\n    background-repeat: no-repeat;\n    background-position: ',";\n    ","\n    ","\n  }\n"],["\n  box-sizing: border-box;\n  position: relative;\n  display: block;\n  flex: 1 1;\n  &:after {\n    display: ",';\n    position: absolute;\n    width: 2em;\n    z-index: 1;\n    bottom: 0;\n    right: 0;\n    content: "";\n    top: 0;\n    background-repeat: no-repeat;\n    background-position: ',";\n    ","\n    ","\n  }\n"])),function(n){var o=n.$isValidVisible;return n.$isInvalidVisible||o?"block":"none"},function(n){var o=n.theme;return"calc( 100% - ".concat(o.spacing.xxs,") 50% ")},function(o){var e=o.$isValid,A=o.$isInvalidVisible;return!e&&A&&t(a||(a=n(['\n        background-image: url("data:image/png;base64,','");\n      '],['\n        background-image: url("data:image/png;base64,','");\n      '])),"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")},function(o){var e=o.$isValid,A=o.$isValidVisible;return e&&A&&t(l||(l=n(['\n        background-image: url("data:image/png;base64,','");\n      '],['\n        background-image: url("data:image/png;base64,','");\n      '])),"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")}),C=o.input(d||(d=n(["\n  box-sizing: border-box;\n  background-color: ",";\n  background-image: none;\n  border: ",";\n  border-radius: 0;\n  color: ",";\n  display: block;\n  font-size: ",";\n  line-height: ",";\n  min-width: 3em;\n  padding: ",";\n\n  /* Make sure text doesn't go behind the valid indicatior icon */\n  ","\n\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ",";\n  }\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n\n  ","\n  &:-webkit-autofill,\n    &:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3em white inset !important;\n  }\n\n  // increase font size for desktop\n  @media (min-width: ",") {\n    font-size: ",";\n  }\n"],["\n  box-sizing: border-box;\n  background-color: ",";\n  background-image: none;\n  border: ",";\n  border-radius: 0;\n  color: ",";\n  display: block;\n  font-size: ",";\n  line-height: ",";\n  min-width: 3em;\n  padding: ",";\n\n  /* Make sure text doesn't go behind the valid indicatior icon */\n  ","\n\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ",";\n  }\n  &:disabled {\n    border-color: ",";\n    color: ",";\n  }\n\n  ",";\n\n  ","\n  &:-webkit-autofill,\n    &:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3em white inset !important;\n  }\n\n  // increase font size for desktop\n  @media (min-width: ",") {\n    font-size: ",";\n  }\n"])),function(n){return n.theme.colors.backgroundLight},function(n){var o=n.$hasError,t=n.theme;return"solid ".concat(t.utilities.inputBorderWidth," ").concat(o?t.colors.textError:t.colors.textInputBorder)},function(n){return n.theme.colors.textDark},function(n){return n.theme.fontSizes.m},function(n){return n.theme.typography.lineHeight},function(n){var o=n.theme;return"calc((".concat(s," - (").concat(o.utilities.inputBorderWidth," * 2) - ").concat(o.typography.lineHeight," ) / 2) ").concat(o.spacing.xs)},function(o){var e=o.$isValidVisible,A=o.$isInvalidVisible;return(e||A)&&t(g||(g=n(["\n      padding-right: 3rem;\n    "],["\n      padding-right: 3rem;\n    "])))},function(n){return n.theme.colors.secondary},function(n){return n.theme.colors.disabled},function(n){return n.theme.colors.disabled},function(o){var e=o.theme;return e.utilities.useDefaultFocusRect?null:t(c||(c=n(["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n            ~ "," {\n              border-color: ",";\n            }\n          }\n        "],["\n          &:focus {\n            outline: 0;\n            border-color: ",";\n            ~ "," {\n              border-color: ",";\n            }\n          }\n        "])),e.colors.tertiary,p,e.colors.tertiary)},function(o){var e=o.$hasError,A=o.theme;return e&&t(u||(u=n(["\n      ~ "," {\n        border-color: ",";\n      }\n    "],["\n      ~ "," {\n        border-color: ",";\n      }\n    "])),p,A.colors.textError)},function(n){return n.theme.breakpoint.desktopLarge},function(n){return n.theme.fontSizes.ml});export{m as Extra,h as ExtraLeft,p as ExtraRight,Z as ExtraWrapper,C as StyledInput,W as StyledInputWrapper};
 //# sourceMappingURL=styles.js.map

package/lib/src/components/TextField/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/TextField/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { type ThemeType } from \"../../types\";\n\nconst MIN_HEIGHT = \"48px\";\n\nconst crossBase64 =\n  \"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\";\n\nconst checkBase64 =\n  \"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\";\n\ntype ExtraProps = {\n  theme: ThemeType;\n};\n\ntype StyledInputProps = {\n  $hasError: boolean;\n  $isValid: boolean;\n  theme: ThemeType;\n  $isValidVisible?: boolean;\n  $isInvalidVisible?: boolean;\n};\n\nexport const Extra = styled.span<ExtraProps>`\n  box-sizing: border-box;\n  display: block;\n  background-color: ${({ theme }) => theme.colors.textInputExtraInfo};\n  color: ${({ theme }) => theme.colors.textDark};\n  font-size: ${({ theme }) => theme.fontSizes.m};\n  line-height: ${({ theme }) => theme.typography.lineHeight};\n  font-weight: ${({ theme }) => theme.typography.fontWeightLight};\n  padding: ${({ theme }) =>\n    `calc((${MIN_HEIGHT} - 1em ) / 2) ${theme.spacing.xs}`};\n  margin: 0;\n  line-height: 1rem;\n  width: auto;\n`;\n\nexport const ExtraLeft = styled(Extra)`\n  box-sizing: border-box;\n  width: auto;\n  vertical-align: middle;\n  height: ${MIN_HEIGHT};\n\n  button {\n    min-height: ${({ theme }) =>\n      `calc(${MIN_HEIGHT} - (2 * ${theme.utilities.inputBorderWidth}))`} !important;\n  }\n`;\n\nexport const ExtraRight = styled(Extra)<ExtraProps>`\n  box-sizing: border-box;\n  width: auto;\n  border: ${({ theme }) =>\n    `solid ${theme.utilities.inputBorderWidth} ${theme.colors.textInputBorder}`};\n  transition: border-color 150ms linear;\n  border-left: 0;\n  background-color: transparent;\n  padding: 0;\n  height: ${MIN_HEIGHT};\n  vertical-align: middle;\n\n  button {\n    min-height: ${({ theme }) =>\n      `calc(${MIN_HEIGHT} - (2 * ${theme.utilities.inputBorderWidth}))`} !important;\n  }\n`;\n\nexport const ExtraWrapper = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledInputWrapper = styled.span<StyledInputProps>`\n  box-sizing: border-box;\n  position: relative;\n  display: block;\n  flex: 1 1;\n  &:after {\n    display: ${({ $isValidVisible, $isInvalidVisible }) =>\n      !!$isInvalidVisible || !!$isValidVisible ? \"block\" : \"none\"};\n    position: absolute;\n    width: 2em;\n    z-index: 1;\n    bottom: 0;\n    right: 0;\n    content: \"\";\n    top: 0;\n    background-repeat: no-repeat;\n    background-position: ${({ theme }) =>\n      `calc( 100% - ${theme.spacing.xxs}) 50% `};\n    ${({ $isValid, $isInvalidVisible }) =>\n      !$isValid &&\n      $isInvalidVisible &&\n      css`\n        background-image: url(\"data:image/png;base64,${crossBase64}\");\n      `}\n    ${({ $isValid, $isValidVisible }) =>\n      $isValid &&\n      $isValidVisible &&\n      css`\n        background-image: url(\"data:image/png;base64,${checkBase64}\");\n      `}\n  }\n`;\n\nexport const StyledInput = styled.input<StyledInputProps>`\n  box-sizing: border-box;\n  background-color: ${({ theme }) => theme.colors.backgroundLight};\n  background-image: none;\n  border: ${({ $hasError, theme }) =>\n    `solid ${theme.utilities.inputBorderWidth} ${\n      $hasError ? theme.colors.textError : theme.colors.textInputBorder\n    }`};\n  border-radius: 0;\n  color: ${({ theme }) => theme.colors.textDark};\n  display: block;\n  font-size: ${({ theme }) => theme.fontSizes.m};\n  line-height: ${({ theme }) => theme.typography.lineHeight};\n  min-width: 3em;\n  padding: ${({ theme }) =>\n    `calc((${MIN_HEIGHT} - (${theme.utilities.inputBorderWidth} * 2) - ${theme.typography.lineHeight} ) / 2) ${theme.spacing.xs}`};\n\n  /* Make sure text doesn't go behind the valid indicatior icon */\n  ${({ $isValidVisible, $isInvalidVisible }) =>\n    ($isValidVisible || $isInvalidVisible) &&\n    css`\n      padding-right: 3rem;\n    `}\n\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ${({ theme }) => theme.colors.secondary};\n  }\n  &:disabled {\n    border-color: ${({ theme }) => theme.colors.disabled};\n    color: ${({ theme }) => theme.colors.disabled};\n  }\n\n  ${({ theme }) =>\n    !theme.utilities.useDefaultFocusRect\n      ? css`\n          &:focus {\n            outline: 0;\n            border-color: ${theme.colors.tertiary};\n            ~ ${ExtraRight} {\n              border-color: ${theme.colors.tertiary};\n            }\n          }\n        `\n      : null};\n\n  ${({ $hasError, theme }) =>\n    $hasError &&\n    css`\n      ~ ${ExtraRight} {\n        border-color: ${theme.colors.textError};\n      }\n    `}\n  &:-webkit-autofill,\n    &:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3em white inset !important;\n  }\n`;\n"],"names":["MIN_HEIGHT","Extra","styled","span","templateObject_1","__makeTemplateObject","_a","theme","colors","textInputExtraInfo","textDark","fontSizes","m","typography","lineHeight","fontWeightLight","concat","spacing","xs","ExtraLeft","templateObject_2","utilities","inputBorderWidth","ExtraRight","templateObject_3","textInputBorder","ExtraWrapper","templateObject_4","StyledInputWrapper","templateObject_7","$isValidVisible","$isInvalidVisible","xxs","$isValid","css","templateObject_5","templateObject_6","StyledInput","input","templateObject_11","backgroundLight","$hasError","textError","templateObject_8","secondary","disabled","useDefaultFocusRect","templateObject_9","tertiary","templateObject_10"],"mappings":"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"}
+{"version":3,"file":"styles.js","sources":["../../../../src/components/TextField/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { type ThemeType } from \"../../types\";\n\nconst MIN_HEIGHT = \"48px\";\n\nconst crossBase64 =\n  \"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\";\n\nconst checkBase64 =\n  \"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\";\n\ntype ExtraProps = {\n  theme: ThemeType;\n};\n\ntype StyledInputProps = {\n  $hasError: boolean;\n  $isValid: boolean;\n  theme: ThemeType;\n  $isValidVisible?: boolean;\n  $isInvalidVisible?: boolean;\n};\n\nexport const Extra = styled.span<ExtraProps>`\n  box-sizing: border-box;\n  display: block;\n  background-color: ${({ theme }) => theme.colors.textInputExtraInfo};\n  color: ${({ theme }) => theme.colors.textDark};\n  font-size: ${({ theme }) => theme.fontSizes.m};\n  line-height: ${({ theme }) => theme.typography.lineHeight};\n  font-weight: ${({ theme }) => theme.typography.fontWeightLight};\n  padding: ${({ theme }) =>\n    `calc((${MIN_HEIGHT} - 1em ) / 2) ${theme.spacing.xs}`};\n  margin: 0;\n  line-height: 1rem;\n  width: auto;\n`;\n\nexport const ExtraLeft = styled(Extra)`\n  box-sizing: border-box;\n  width: auto;\n  vertical-align: middle;\n  height: ${MIN_HEIGHT};\n\n  button {\n    min-height: ${({ theme }) =>\n      `calc(${MIN_HEIGHT} - (2 * ${theme.utilities.inputBorderWidth}))`} !important;\n  }\n`;\n\nexport const ExtraRight = styled(Extra)<ExtraProps>`\n  box-sizing: border-box;\n  width: auto;\n  border: ${({ theme }) =>\n    `solid ${theme.utilities.inputBorderWidth} ${theme.colors.textInputBorder}`};\n  transition: border-color 150ms linear;\n  border-left: 0;\n  background-color: transparent;\n  padding: 0;\n  height: ${MIN_HEIGHT};\n  vertical-align: middle;\n\n  button {\n    min-height: ${({ theme }) =>\n      `calc(${MIN_HEIGHT} - (2 * ${theme.utilities.inputBorderWidth}))`} !important;\n  }\n`;\n\nexport const ExtraWrapper = styled.span`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n`;\n\nexport const StyledInputWrapper = styled.span<StyledInputProps>`\n  box-sizing: border-box;\n  position: relative;\n  display: block;\n  flex: 1 1;\n  &:after {\n    display: ${({ $isValidVisible, $isInvalidVisible }) =>\n      !!$isInvalidVisible || !!$isValidVisible ? \"block\" : \"none\"};\n    position: absolute;\n    width: 2em;\n    z-index: 1;\n    bottom: 0;\n    right: 0;\n    content: \"\";\n    top: 0;\n    background-repeat: no-repeat;\n    background-position: ${({ theme }) =>\n      `calc( 100% - ${theme.spacing.xxs}) 50% `};\n    ${({ $isValid, $isInvalidVisible }) =>\n      !$isValid &&\n      $isInvalidVisible &&\n      css`\n        background-image: url(\"data:image/png;base64,${crossBase64}\");\n      `}\n    ${({ $isValid, $isValidVisible }) =>\n      $isValid &&\n      $isValidVisible &&\n      css`\n        background-image: url(\"data:image/png;base64,${checkBase64}\");\n      `}\n  }\n`;\n\nexport const StyledInput = styled.input<StyledInputProps>`\n  box-sizing: border-box;\n  background-color: ${({ theme }) => theme.colors.backgroundLight};\n  background-image: none;\n  border: ${({ $hasError, theme }) =>\n    `solid ${theme.utilities.inputBorderWidth} ${\n      $hasError ? theme.colors.textError : theme.colors.textInputBorder\n    }`};\n  border-radius: 0;\n  color: ${({ theme }) => theme.colors.textDark};\n  display: block;\n  font-size: ${({ theme }) => theme.fontSizes.m};\n  line-height: ${({ theme }) => theme.typography.lineHeight};\n  min-width: 3em;\n  padding: ${({ theme }) =>\n    `calc((${MIN_HEIGHT} - (${theme.utilities.inputBorderWidth} * 2) - ${theme.typography.lineHeight} ) / 2) ${theme.spacing.xs}`};\n\n  /* Make sure text doesn't go behind the valid indicatior icon */\n  ${({ $isValidVisible, $isInvalidVisible }) =>\n    ($isValidVisible || $isInvalidVisible) &&\n    css`\n      padding-right: 3rem;\n    `}\n\n  width: 100%;\n  transition: border-color 150ms linear;\n  &:hover {\n    border-color: ${({ theme }) => theme.colors.secondary};\n  }\n  &:disabled {\n    border-color: ${({ theme }) => theme.colors.disabled};\n    color: ${({ theme }) => theme.colors.disabled};\n  }\n\n  ${({ theme }) =>\n    !theme.utilities.useDefaultFocusRect\n      ? css`\n          &:focus {\n            outline: 0;\n            border-color: ${theme.colors.tertiary};\n            ~ ${ExtraRight} {\n              border-color: ${theme.colors.tertiary};\n            }\n          }\n        `\n      : null};\n\n  ${({ $hasError, theme }) =>\n    $hasError &&\n    css`\n      ~ ${ExtraRight} {\n        border-color: ${theme.colors.textError};\n      }\n    `}\n  &:-webkit-autofill,\n    &:-webkit-autofill:focus {\n    box-shadow: 0 0 0 3em white inset !important;\n  }\n\n  // increase font size for desktop\n  @media (min-width: ${({ theme }) => theme.breakpoint.desktopLarge}) {\n    font-size: ${({ theme }) => theme.fontSizes.ml};\n  }\n`;\n"],"names":["MIN_HEIGHT","Extra","styled","span","templateObject_1","__makeTemplateObject","_a","theme","colors","textInputExtraInfo","textDark","fontSizes","m","typography","lineHeight","fontWeightLight","concat","spacing","xs","ExtraLeft","templateObject_2","utilities","inputBorderWidth","ExtraRight","templateObject_3","textInputBorder","ExtraWrapper","templateObject_4","StyledInputWrapper","templateObject_7","$isValidVisible","$isInvalidVisible","xxs","$isValid","css","templateObject_5","templateObject_6","StyledInput","input","templateObject_11","backgroundLight","$hasError","textError","templateObject_8","secondary","disabled","useDefaultFocusRect","templateObject_9","tertiary","templateObject_10","breakpoint","desktopLarge","ml"],"mappings":"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"}

package/lib/src/themes/cruk.js

@@ -1,2 +1,2 @@
-import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";var r={contentMaxWidth:"1020px",useDefaultFocusRect:!0,useDefaultFromControls:!1,useBackgroundStyleLinks:!1,inputBorderWidth:"1px"},t={assetPath:"https://rcl.assets.cancerresearchuk.org/",logoUrl:"/",logoAlt:"Cancer Research UK Giving Page",logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/cruk.svg",footerCopyText:"Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales(4325234) and the Isle of Man (5713F).",footerLogoAlt:"Registered with Fundraising Regulator",footerLogoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/fundreg.png"},a={s:"32px",m:"48px",l:"64px",xl:"128px",path:"".concat(t.assetPath,"images/avatar/cruk2/")},o={borderRadius:"0px",borderRadiusLarge:"0px",buttonBorderThickness:"2px",textDecoration:"none",textTransform:"none",horizontalPadding:"2em"},n={mobile:"576px",tablet:"768px",desktop:"992px",desktopLarge:"1200px"},i={navy_100:"#E5E5FF",navy_600:"#00007E",navy_700:"#000066",navy_800:"#00004D",magenta_100:"#FFE6F3",magenta_600:"#FF0087",magenta_700:"#E60079",magenta_800:"#CC006C",cyan_600:"#009CEE",cyan_700:"#006DA7",grey_100:"#F2F2F2",grey_200:"#E6E6E6",grey_300:"#c6c6c6",grey_600:"#666666",grey_800:"#575757",grey_900:"#2e2d2c",white:"#fff",black:"#000",red:"#D51311",yellow:"#fdc02f",green:"#3d854d"},s={primary:i.navy_600,secondary:i.magenta_700,tertiary:i.cyan_600,textOnPrimary:i.white,textOnSecondary:i.white,textOnTertiary:i.white,textHeaderDefault:i.black,disabled:i.grey_200,danger:i.red,warning:i.yellow,success:i.green,info:i.cyan_600,textError:i.red,textDark:i.black,textLight:i.white,linkColor:i.magenta_700,linkColorHover:i.magenta_800,linkColorSecondary:i.magenta_700,linkColorSecondaryHover:i.magenta_800,avatarBorder:i.navy_600,progressBar:i.navy_600,progressBarSecondary:i.magenta_700,progressBarBackground:i.grey_200,circularProgress:i.cyan_600,circularProgressSecondary:i.magenta_700,circularProgressBackground:i.grey_200,buttonPrimaryBackground:i.magenta_700,buttonPrimaryText:i.white,buttonPrimaryBorder:i.magenta_700,buttonPrimaryBackgroundHover:i.magenta_800,buttonPrimaryTextHover:i.white,buttonPrimaryBorderHover:i.magenta_800,buttonPrimaryDisabledBackground:i.grey_200,buttonPrimaryDisabledText:i.grey_600,buttonPrimaryDisabledBorder:i.grey_200,buttonSecondaryBackground:i.white,buttonSecondaryText:i.magenta_700,buttonSecondaryBorder:i.magenta_700,buttonSecondaryBackgroundHover:i.magenta_100,buttonSecondaryTextHover:i.magenta_800,buttonSecondaryBorderHover:i.magenta_100,buttonSecondaryDisabledBackground:i.grey_200,buttonSecondaryDisabledText:i.grey_600,buttonSecondaryDisabledBorder:i.grey_200,buttonTertiaryText:i.magenta_700,buttonTertiaryTextHover:i.magenta_800,buttonTertiaryDisabledText:i.grey_600,collapseHeaderColor:i.navy_600,selectionBorder:i.grey_600,textInputBorder:i.grey_900,inputBorder:i.grey_900,check:i.magenta_700,headerBackground:i.white,backgroundLight:i.white,backgroundLightColor:i.navy_100,backgroundMid:i.grey_200,backgroundMidLight:i.grey_100,loaderColor1:i.navy_600,loaderColor2:i.magenta_600,loaderColor3:i.cyan_600,paginationText:i.navy_600,paginationActive:i.grey_200,paginationBackground:i.navy_600,footerBackground:i.backgroundLight,headerBorder:i.grey_200,headerTaglineText:i.black,stepBorder:i.grey_200,stepBackground:i.white,popoverBackground:i.white,textInputExtraInfo:i.grey_200,totaliserBubbleColor:i.grey_200,totaliserBubbleTextColor:i.black,totaliserBubbleTotalColor:i.navy_600,selectBackground:i.black,modalBackdrop:i.black,userBlockExtraText:i.grey_800},g={none:"0",auto:"auto",xxs:"0.5rem",xs:"1rem",s:"1.5rem",m:"2rem",l:"2.5rem",xl:"3rem",xxl:"3.5rem"},l={xs:"0.75rem",s:"0.875rem",m:"1rem",l:"1.25rem",xl:"1.5625rem",xxl:"2rem",xxxl:"2.5rem",xxxxl:"3.125rem"},c={customFonts:[{family:"Progress",urlWoff:"".concat(t.assetPath,"fonts/Progress-Regular.woff2"),fontWeight:400},{family:"Progress",urlWoff:"".concat(t.assetPath,"fonts/Progress-SemiBold.woff2"),fontWeight:600},{family:"Poppins",urlWoff:"".concat(t.assetPath,"fonts/Poppins-Light.woff"),fontWeight:300},{family:"Poppins",urlWoff:"".concat(t.assetPath,"fonts/Poppins-Regular.woff2"),fontWeight:400},{family:"Poppins",urlWoff:"".concat(t.assetPath,"fonts/Poppins-SemiBold.woff2"),fontWeight:600},{family:"Poppins",urlWoff:"".concat(t.assetPath,"fonts/Poppins-Medium.woff"),fontWeight:500}],fontFamilyBase:"Poppins,sans-serif",fontFamilyButtons:"Poppins,sans-serif",fontFamilyLinks:"Poppins,sans-serif",fontFamilyHeadings:"Progress,Arial,Helvetica,sans-serif",fontFamilyLabel:"Poppins,sans-serif",fontSizeBase:"16px",fontWeightBase:300,fontWeightHeadings:400,fontWeightLinks:700,fontWeightButtons:400,fontWeightLabels:400,fontWeightHeavy:700,fontWeightMedium:500,fontWeightNormal:400,fontWeightLight:300,fontWeightVLight:100,linkTextDecoration:"underline",LinkLetterSpacing:"0px",LinkPrimaryTextDecoration:"underline",lineHeight:"1.5em",headerLineHeight:"1.25em",headerTextTransform:"none"},d={s:"0px 0px 2px 1px ".concat(i.grey_300),m:"0px 0px 4px 1px ".concat(i.grey_300),l:"0px 0px 7px 1px ".concat(i.grey_300)},y={name:"cruk",avatar:e({},a),breakpoint:e({},n),button:e({},o),tokenColors:e({},i),colors:e({},s),spacing:e({},g),fontSizes:e({},l),siteConfig:e({},t),typography:e({},c),shadows:e({},d),utilities:e({},r)};export{a as AVATAR,n as BREAKPOINT,o as BUTTON,s as COLORS,l as FONT_SIZES,d as SHADOWS,t as SITE_CONFIG,g as SPACING,i as TOKEN_COLORS,c as TYPOGRAPHY,r as UTILITIES,y as crukTheme,y as default};
+import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";var r={contentMaxWidth:"1020px",useDefaultFocusRect:!0,useDefaultFromControls:!1,useBackgroundStyleLinks:!1,inputBorderWidth:"1px"},t={assetPath:"https://rcl.assets.cancerresearchuk.org/",logoUrl:"/",logoAlt:"Cancer Research UK Giving Page",logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/cruk.svg",footerCopyText:"Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales(4325234) and the Isle of Man (5713F).",footerLogoAlt:"Registered with Fundraising Regulator",footerLogoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/fundreg.png"},a={s:"32px",m:"48px",l:"64px",xl:"128px",path:"".concat(t.assetPath,"images/avatar/cruk2/")},o={borderRadius:"0px",borderRadiusLarge:"0px",buttonBorderThickness:"2px",textDecoration:"none",textTransform:"none",horizontalPadding:"2em"},n={mobile:"576px",tablet:"768px",desktop:"992px",desktopLarge:"1200px"},i={navy_100:"#E5E5FF",navy_600:"#00007E",navy_700:"#000066",navy_800:"#00004D",magenta_100:"#FFE6F3",magenta_600:"#FF0087",magenta_700:"#E60079",magenta_800:"#CC006C",cyan_600:"#009CEE",cyan_700:"#006DA7",grey_100:"#F2F2F2",grey_200:"#E6E6E6",grey_300:"#c6c6c6",grey_600:"#666666",grey_800:"#575757",grey_900:"#2e2d2c",white:"#fff",black:"#000",red:"#D51311",yellow:"#fdc02f",green:"#3d854d"},s={primary:i.navy_600,secondary:i.magenta_700,tertiary:i.cyan_600,textOnPrimary:i.white,textOnSecondary:i.white,textOnTertiary:i.white,textHeaderDefault:i.black,disabled:i.grey_200,danger:i.red,warning:i.yellow,success:i.green,info:i.cyan_600,textError:i.red,textDark:i.black,textLight:i.white,textMid:i.grey_600,linkColor:i.magenta_700,linkColorHover:i.magenta_800,linkColorSecondary:i.magenta_700,linkColorSecondaryHover:i.magenta_800,avatarBorder:i.navy_600,progressBar:i.navy_600,progressBarSecondary:i.magenta_700,progressBarBackground:i.grey_200,circularProgress:i.cyan_600,circularProgressSecondary:i.magenta_700,circularProgressBackground:i.grey_200,buttonPrimaryBackground:i.magenta_700,buttonPrimaryText:i.white,buttonPrimaryBorder:i.magenta_700,buttonPrimaryBackgroundHover:i.magenta_800,buttonPrimaryTextHover:i.white,buttonPrimaryBorderHover:i.magenta_800,buttonPrimaryDisabledBackground:i.grey_200,buttonPrimaryDisabledText:i.grey_600,buttonPrimaryDisabledBorder:i.grey_200,buttonSecondaryBackground:i.white,buttonSecondaryText:i.magenta_700,buttonSecondaryBorder:i.magenta_700,buttonSecondaryBackgroundHover:i.magenta_100,buttonSecondaryTextHover:i.magenta_800,buttonSecondaryBorderHover:i.magenta_100,buttonSecondaryDisabledBackground:i.grey_200,buttonSecondaryDisabledText:i.grey_600,buttonSecondaryDisabledBorder:i.grey_200,buttonTertiaryText:i.magenta_700,buttonTertiaryTextHover:i.magenta_800,buttonTertiaryDisabledText:i.grey_600,collapseHeaderColor:i.navy_600,selectionBorder:i.grey_600,textInputBorder:i.grey_900,inputBorder:i.grey_900,check:i.magenta_700,headerBackground:i.white,backgroundLight:i.white,backgroundLightColor:i.navy_100,backgroundMid:i.grey_200,backgroundMidLight:i.grey_100,loaderColor1:i.navy_600,loaderColor2:i.magenta_600,loaderColor3:i.cyan_600,paginationText:i.navy_600,paginationActive:i.grey_200,paginationBackground:i.navy_600,footerBackground:i.backgroundLight,headerBorder:i.grey_200,headerTaglineText:i.black,stepBorder:i.grey_200,stepBackground:i.white,popoverBackground:i.white,textInputExtraInfo:i.grey_200,totaliserBubbleColor:i.grey_200,totaliserBubbleTextColor:i.black,totaliserBubbleTotalColor:i.navy_600,selectBackground:i.black,modalBackdrop:i.black,userBlockExtraText:i.grey_800},g={none:"0",auto:"auto",xxxs:"0.25rem",xxs:"0.5rem",xs:"1rem",s:"1.5rem",m:"2rem",l:"2.5rem",xl:"3rem",xxl:"3.5rem"},l={xs:"0.75rem",s:"0.875rem",m:"1rem",ml:"1.125rem",l:"1.25rem",xl:"1.5625rem",xxl:"2rem",xxxl:"2.5rem",xxxxl:"3.125rem"},c={customFonts:[{family:"Progress",urlWoff2:"".concat(t.assetPath,"fonts/Progress-Regular.woff2"),fontWeight:400},{family:"Progress",urlWoff2:"".concat(t.assetPath,"fonts/Progress-SemiBold.woff2"),fontWeight:600},{family:"Poppins",urlWoff:"".concat(t.assetPath,"fonts/Poppins-Light.woff"),fontWeight:300},{family:"Poppins",urlWoff2:"".concat(t.assetPath,"fonts/Poppins-Regular.woff2"),fontWeight:400},{family:"Poppins",urlWoff2:"".concat(t.assetPath,"fonts/Poppins-SemiBold.woff2"),fontWeight:600},{family:"Poppins",urlWoff:"".concat(t.assetPath,"fonts/Poppins-Medium.woff"),fontWeight:500}],fontFamilyBase:"Poppins,sans-serif",fontFamilyButtons:"Poppins,sans-serif",fontFamilyLinks:"Poppins,sans-serif",fontFamilyHeadings:"Progress,Arial,Helvetica,sans-serif",fontFamilyLabel:"Poppins,sans-serif",fontSizeBase:"16px",fontWeightBase:300,fontWeightHeadings:400,fontWeightLinks:700,fontWeightButtons:400,fontWeightLabels:500,fontWeightHeavy:700,fontWeightMedium:500,fontWeightNormal:400,fontWeightLight:300,fontWeightVLight:100,linkTextDecoration:"underline",LinkLetterSpacing:"0px",LinkPrimaryTextDecoration:"underline",lineHeight:"1.5em",headerLineHeight:"1.25em",headerTextTransform:"none"},d={s:"0px 0px 2px 1px ".concat(i.grey_300),m:"0px 0px 4px 1px ".concat(i.grey_300),l:"0px 0px 7px 1px ".concat(i.grey_300)},y={name:"cruk",avatar:e({},a),breakpoint:e({},n),button:e({},o),tokenColors:e({},i),colors:e({},s),spacing:e({},g),fontSizes:e({},l),siteConfig:e({},t),typography:e({},c),shadows:e({},d),utilities:e({},r)};export{a as AVATAR,n as BREAKPOINT,o as BUTTON,s as COLORS,l as FONT_SIZES,d as SHADOWS,t as SITE_CONFIG,g as SPACING,i as TOKEN_COLORS,c as TYPOGRAPHY,r as UTILITIES,y as crukTheme,y as default};
 //# sourceMappingURL=cruk.js.map

package/lib/src/themes/cruk.js.map

@@ -1 +1 @@
-{"version":3,"file":"cruk.js","sources":["../../../src/themes/cruk.ts"],"sourcesContent":["import {\n  type UtilitiesType,\n  type SiteConfigType,\n  type AvatarType,\n  type ButtonType,\n  type BreakPointType,\n  type TokenColorsType,\n  type ColorsType,\n  type SpacingType,\n  type FontSizesType,\n  type ShadowsType,\n  type TypographyType,\n  type ThemeType,\n} from \"../types\";\n\nexport const UTILITIES: UtilitiesType = {\n  contentMaxWidth: \"1020px\",\n  useDefaultFocusRect: true,\n  useDefaultFromControls: false,\n  useBackgroundStyleLinks: false,\n  inputBorderWidth: \"1px\",\n};\n\nexport const SITE_CONFIG: SiteConfigType = {\n  assetPath: \"https://rcl.assets.cancerresearchuk.org/\",\n  logoUrl: \"/\",\n  logoAlt: \"Cancer Research UK Giving Page\",\n  logoSrc: \"https://rcl.assets.cancerresearchuk.org/images/logos/cruk.svg\",\n  footerCopyText:\n    \"Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales(4325234) and the Isle of Man (5713F).\",\n  footerLogoAlt: \"Registered with Fundraising Regulator\",\n  footerLogoSrc:\n    \"https://rcl.assets.cancerresearchuk.org/images/logos/fundreg.png\",\n};\n\nexport const AVATAR: AvatarType = {\n  s: \"32px\",\n  m: \"48px\",\n  l: \"64px\",\n  xl: \"128px\",\n  path: `${SITE_CONFIG.assetPath}images/avatar/cruk2/`,\n};\n\nexport const BUTTON: ButtonType = {\n  borderRadius: \"0px\",\n  borderRadiusLarge: \"0px\",\n  buttonBorderThickness: \"2px\",\n  textDecoration: \"none\",\n  textTransform: \"none\",\n  horizontalPadding: \"2em\",\n};\n\nexport const BREAKPOINT: BreakPointType = {\n  mobile: \"576px\",\n  tablet: \"768px\",\n  desktop: \"992px\",\n  desktopLarge: \"1200px\",\n};\n\nexport const TOKEN_COLORS: TokenColorsType = {\n  navy_100: \"#E5E5FF\",\n  navy_600: \"#00007E\",\n  navy_700: \"#000066\",\n  navy_800: \"#00004D\",\n\n  magenta_100: \"#FFE6F3\",\n  magenta_600: \"#FF0087\",\n  magenta_700: \"#E60079\",\n  magenta_800: \"#CC006C\",\n\n  cyan_600: \"#009CEE\",\n  cyan_700: \"#006DA7\",\n\n  grey_100: \"#F2F2F2\",\n  grey_200: \"#E6E6E6\",\n  grey_300: \"#c6c6c6\", // used for shadows\n\n  grey_600: \"#666666\",\n  grey_800: \"#575757\",\n  grey_900: \"#2e2d2c\",\n\n  white: \"#fff\",\n  black: \"#000\",\n\n  red: \"#D51311\",\n  yellow: \"#fdc02f\",\n  green: \"#3d854d\",\n};\n\nexport const COLORS: ColorsType = {\n  primary: TOKEN_COLORS.navy_600,\n  secondary: TOKEN_COLORS.magenta_700,\n  tertiary: TOKEN_COLORS.cyan_600,\n\n  textOnPrimary: TOKEN_COLORS.white,\n  textOnSecondary: TOKEN_COLORS.white,\n  textOnTertiary: TOKEN_COLORS.white,\n  textHeaderDefault: TOKEN_COLORS.black,\n\n  disabled: TOKEN_COLORS.grey_200,\n  danger: TOKEN_COLORS.red,\n  warning: TOKEN_COLORS.yellow,\n  success: TOKEN_COLORS.green,\n  info: TOKEN_COLORS.cyan_600,\n  textError: TOKEN_COLORS.red,\n\n  textDark: TOKEN_COLORS.black,\n  textLight: TOKEN_COLORS.white,\n  linkColor: TOKEN_COLORS.magenta_700,\n  linkColorHover: TOKEN_COLORS.magenta_800,\n  linkColorSecondary: TOKEN_COLORS.magenta_700,\n  linkColorSecondaryHover: TOKEN_COLORS.magenta_800,\n\n  avatarBorder: TOKEN_COLORS.navy_600,\n  progressBar: TOKEN_COLORS.navy_600,\n  progressBarSecondary: TOKEN_COLORS.magenta_700,\n  progressBarBackground: TOKEN_COLORS.grey_200,\n  circularProgress: TOKEN_COLORS.cyan_600,\n  circularProgressSecondary: TOKEN_COLORS.magenta_700,\n  circularProgressBackground: TOKEN_COLORS.grey_200,\n\n  buttonPrimaryBackground: TOKEN_COLORS.magenta_700,\n  buttonPrimaryText: TOKEN_COLORS.white,\n  buttonPrimaryBorder: TOKEN_COLORS.magenta_700,\n  buttonPrimaryBackgroundHover: TOKEN_COLORS.magenta_800,\n  buttonPrimaryTextHover: TOKEN_COLORS.white,\n  buttonPrimaryBorderHover: TOKEN_COLORS.magenta_800,\n  buttonPrimaryDisabledBackground: TOKEN_COLORS.grey_200,\n  buttonPrimaryDisabledText: TOKEN_COLORS.grey_600,\n  buttonPrimaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n  buttonSecondaryBackground: TOKEN_COLORS.white,\n  buttonSecondaryText: TOKEN_COLORS.magenta_700,\n  buttonSecondaryBorder: TOKEN_COLORS.magenta_700,\n  buttonSecondaryBackgroundHover: TOKEN_COLORS.magenta_100,\n  buttonSecondaryTextHover: TOKEN_COLORS.magenta_800,\n  buttonSecondaryBorderHover: TOKEN_COLORS.magenta_100,\n  buttonSecondaryDisabledBackground: TOKEN_COLORS.grey_200,\n  buttonSecondaryDisabledText: TOKEN_COLORS.grey_600,\n  buttonSecondaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n  buttonTertiaryText: TOKEN_COLORS.magenta_700,\n  buttonTertiaryTextHover: TOKEN_COLORS.magenta_800,\n  buttonTertiaryDisabledText: TOKEN_COLORS.grey_600,\n\n  collapseHeaderColor: TOKEN_COLORS.navy_600,\n\n  selectionBorder: TOKEN_COLORS.grey_600,\n\n  textInputBorder: TOKEN_COLORS.grey_900,\n  inputBorder: TOKEN_COLORS.grey_900,\n  check: TOKEN_COLORS.magenta_700,\n\n  headerBackground: TOKEN_COLORS.white,\n  backgroundLight: TOKEN_COLORS.white,\n  backgroundLightColor: TOKEN_COLORS.navy_100,\n  backgroundMid: TOKEN_COLORS.grey_200,\n  backgroundMidLight: TOKEN_COLORS.grey_100,\n\n  loaderColor1: TOKEN_COLORS.navy_600,\n  loaderColor2: TOKEN_COLORS.magenta_600,\n  loaderColor3: TOKEN_COLORS.cyan_600,\n\n  paginationText: TOKEN_COLORS.navy_600,\n  paginationActive: TOKEN_COLORS.grey_200,\n  paginationBackground: TOKEN_COLORS.navy_600,\n\n  footerBackground: TOKEN_COLORS.backgroundLight,\n\n  headerBorder: TOKEN_COLORS.grey_200,\n  headerTaglineText: TOKEN_COLORS.black,\n\n  stepBorder: TOKEN_COLORS.grey_200,\n  stepBackground: TOKEN_COLORS.white,\n\n  popoverBackground: TOKEN_COLORS.white,\n\n  textInputExtraInfo: TOKEN_COLORS.grey_200,\n\n  totaliserBubbleColor: TOKEN_COLORS.grey_200,\n  totaliserBubbleTextColor: TOKEN_COLORS.black,\n  totaliserBubbleTotalColor: TOKEN_COLORS.navy_600,\n\n  selectBackground: TOKEN_COLORS.black,\n\n  modalBackdrop: TOKEN_COLORS.black,\n\n  userBlockExtraText: TOKEN_COLORS.grey_800,\n};\n\n// TODO: possibly convert to REMS, once a base font size has been agreed.\nexport const SPACING: SpacingType = {\n  none: \"0\",\n  auto: \"auto\",\n  xxs: \"0.5rem\", // 8px\n  xs: \"1rem\", // 16px\n  s: \"1.5rem\", // 24px\n  m: \"2rem\", // 32px\n  l: \"2.5rem\", // 40px\n  xl: \"3rem\", // 48px\n  xxl: \"3.5rem\", // 56px\n};\n\nexport const FONT_SIZES: FontSizesType = {\n  xs: \"0.75rem\", // 12px\n  s: \"0.875rem\", // 14px\n  m: \"1rem\", // 16px\n  l: \"1.25rem\", // 20px\n  xl: \"1.5625rem\", // 25px\n  xxl: \"2rem\", // 32px\n  xxxl: \"2.5rem\", // 40px\n  xxxxl: \"3.125rem\", // 45px\n};\n\nexport const TYPOGRAPHY: TypographyType = {\n  customFonts: [\n    {\n      family: \"Progress\",\n      urlWoff: `${SITE_CONFIG.assetPath}fonts/Progress-Regular.woff2`,\n      fontWeight: 400,\n    },\n    {\n      family: \"Progress\",\n      urlWoff: `${SITE_CONFIG.assetPath}fonts/Progress-SemiBold.woff2`,\n      fontWeight: 600,\n    },\n    {\n      family: \"Poppins\",\n      urlWoff: `${SITE_CONFIG.assetPath}fonts/Poppins-Light.woff`,\n      fontWeight: 300,\n    },\n    {\n      family: \"Poppins\",\n      urlWoff: `${SITE_CONFIG.assetPath}fonts/Poppins-Regular.woff2`,\n      fontWeight: 400,\n    },\n    {\n      family: \"Poppins\",\n      urlWoff: `${SITE_CONFIG.assetPath}fonts/Poppins-SemiBold.woff2`,\n      fontWeight: 600,\n    },\n    {\n      family: \"Poppins\",\n      urlWoff: `${SITE_CONFIG.assetPath}fonts/Poppins-Medium.woff`,\n      fontWeight: 500,\n    },\n  ],\n  fontFamilyBase: \"Poppins,sans-serif\",\n  fontFamilyButtons: \"Poppins,sans-serif\",\n  fontFamilyLinks: \"Poppins,sans-serif\",\n  fontFamilyHeadings: \"Progress,Arial,Helvetica,sans-serif\",\n  fontFamilyLabel: \"Poppins,sans-serif\",\n  fontSizeBase: \"16px\",\n  fontWeightBase: 300,\n  fontWeightHeadings: 400,\n  fontWeightLinks: 700,\n  fontWeightButtons: 400,\n  fontWeightLabels: 400,\n  fontWeightHeavy: 700,\n  fontWeightMedium: 500,\n  fontWeightNormal: 400,\n  fontWeightLight: 300,\n  fontWeightVLight: 100,\n  linkTextDecoration: \"underline\",\n  LinkLetterSpacing: \"0px\",\n  LinkPrimaryTextDecoration: \"underline\",\n  lineHeight: \"1.5em\",\n  headerLineHeight: \"1.25em\",\n  headerTextTransform: \"none\",\n};\n\nexport const SHADOWS: ShadowsType = {\n  s: `0px 0px 2px 1px ${TOKEN_COLORS.grey_300}`,\n  m: `0px 0px 4px 1px ${TOKEN_COLORS.grey_300}`,\n  l: `0px 0px 7px 1px ${TOKEN_COLORS.grey_300}`,\n};\n\nexport const crukTheme: ThemeType = {\n  name: \"cruk\",\n  avatar: { ...AVATAR },\n  breakpoint: { ...BREAKPOINT },\n  button: { ...BUTTON },\n  tokenColors: { ...TOKEN_COLORS },\n  colors: { ...COLORS },\n  spacing: { ...SPACING },\n  fontSizes: { ...FONT_SIZES },\n  siteConfig: { ...SITE_CONFIG },\n  typography: { ...TYPOGRAPHY },\n  shadows: { ...SHADOWS },\n  utilities: { ...UTILITIES },\n};\n\nexport default crukTheme;\n"],"names":["UTILITIES","contentMaxWidth","useDefaultFocusRect","useDefaultFromControls","useBackgroundStyleLinks","inputBorderWidth","SITE_CONFIG","assetPath","logoUrl","logoAlt","logoSrc","footerCopyText","footerLogoAlt","footerLogoSrc","AVATAR","s","m","l","xl","path","concat","BUTTON","borderRadius","borderRadiusLarge","buttonBorderThickness","textDecoration","textTransform","horizontalPadding","BREAKPOINT","mobile","tablet","desktop","desktopLarge","TOKEN_COLORS","navy_100","navy_600","navy_700","navy_800","magenta_100","magenta_600","magenta_700","magenta_800","cyan_600","cyan_700","grey_100","grey_200","grey_300","grey_600","grey_800","grey_900","white","black","red","yellow","green","COLORS","primary","secondary","tertiary","textOnPrimary","textOnSecondary","textOnTertiary","textHeaderDefault","disabled","danger","warning","success","info","textError","textDark","textLight","linkColor","linkColorHover","linkColorSecondary","linkColorSecondaryHover","avatarBorder","progressBar","progressBarSecondary","progressBarBackground","circularProgress","circularProgressSecondary","circularProgressBackground","buttonPrimaryBackground","buttonPrimaryText","buttonPrimaryBorder","buttonPrimaryBackgroundHover","buttonPrimaryTextHover","buttonPrimaryBorderHover","buttonPrimaryDisabledBackground","buttonPrimaryDisabledText","buttonPrimaryDisabledBorder","buttonSecondaryBackground","buttonSecondaryText","buttonSecondaryBorder","buttonSecondaryBackgroundHover","buttonSecondaryTextHover","buttonSecondaryBorderHover","buttonSecondaryDisabledBackground","buttonSecondaryDisabledText","buttonSecondaryDisabledBorder","buttonTertiaryText","buttonTertiaryTextHover","buttonTertiaryDisabledText","collapseHeaderColor","selectionBorder","textInputBorder","inputBorder","check","headerBackground","backgroundLight","backgroundLightColor","backgroundMid","backgroundMidLight","loaderColor1","loaderColor2","loaderColor3","paginationText","paginationActive","paginationBackground","footerBackground","headerBorder","headerTaglineText","stepBorder","stepBackground","popoverBackground","textInputExtraInfo","totaliserBubbleColor","totaliserBubbleTextColor","totaliserBubbleTotalColor","selectBackground","modalBackdrop","userBlockExtraText","SPACING","none","auto","xxs","xs","xxl","FONT_SIZES","xxxl","xxxxl","TYPOGRAPHY","customFonts","family","urlWoff","fontWeight","fontFamilyBase","fontFamilyButtons","fontFamilyLinks","fontFamilyHeadings","fontFamilyLabel","fontSizeBase","fontWeightBase","fontWeightHeadings","fontWeightLinks","fontWeightButtons","fontWeightLabels","fontWeightHeavy","fontWeightMedium","fontWeightNormal","fontWeightLight","fontWeightVLight","linkTextDecoration","LinkLetterSpacing","LinkPrimaryTextDecoration","lineHeight","headerLineHeight","headerTextTransform","SHADOWS","crukTheme","name","avatar","__assign","breakpoint","button","tokenColors","colors","spacing","fontSizes","siteConfig","typography","shadows","utilities"],"mappings":"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"}
+{"version":3,"file":"cruk.js","sources":["../../../src/themes/cruk.ts"],"sourcesContent":["import {\n  type UtilitiesType,\n  type SiteConfigType,\n  type AvatarType,\n  type ButtonType,\n  type BreakPointType,\n  type TokenColorsType,\n  type ColorsType,\n  type SpacingType,\n  type FontSizesType,\n  type ShadowsType,\n  type TypographyType,\n  type ThemeType,\n} from \"../types\";\n\nexport const UTILITIES: UtilitiesType = {\n  contentMaxWidth: \"1020px\",\n  useDefaultFocusRect: true,\n  useDefaultFromControls: false,\n  useBackgroundStyleLinks: false,\n  inputBorderWidth: \"1px\",\n};\n\nexport const SITE_CONFIG: SiteConfigType = {\n  assetPath: \"https://rcl.assets.cancerresearchuk.org/\",\n  logoUrl: \"/\",\n  logoAlt: \"Cancer Research UK Giving Page\",\n  logoSrc: \"https://rcl.assets.cancerresearchuk.org/images/logos/cruk.svg\",\n  footerCopyText:\n    \"Cancer Research UK is a registered charity in England and Wales (1089464), Scotland (SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales(4325234) and the Isle of Man (5713F).\",\n  footerLogoAlt: \"Registered with Fundraising Regulator\",\n  footerLogoSrc:\n    \"https://rcl.assets.cancerresearchuk.org/images/logos/fundreg.png\",\n};\n\nexport const AVATAR: AvatarType = {\n  s: \"32px\",\n  m: \"48px\",\n  l: \"64px\",\n  xl: \"128px\",\n  path: `${SITE_CONFIG.assetPath}images/avatar/cruk2/`,\n};\n\nexport const BUTTON: ButtonType = {\n  borderRadius: \"0px\",\n  borderRadiusLarge: \"0px\",\n  buttonBorderThickness: \"2px\",\n  textDecoration: \"none\",\n  textTransform: \"none\",\n  horizontalPadding: \"2em\",\n};\n\nexport const BREAKPOINT: BreakPointType = {\n  mobile: \"576px\",\n  tablet: \"768px\",\n  desktop: \"992px\",\n  desktopLarge: \"1200px\",\n};\n\nexport const TOKEN_COLORS: TokenColorsType = {\n  navy_100: \"#E5E5FF\",\n  navy_600: \"#00007E\",\n  navy_700: \"#000066\",\n  navy_800: \"#00004D\",\n\n  magenta_100: \"#FFE6F3\",\n  magenta_600: \"#FF0087\",\n  magenta_700: \"#E60079\",\n  magenta_800: \"#CC006C\",\n\n  cyan_600: \"#009CEE\",\n  cyan_700: \"#006DA7\",\n\n  grey_100: \"#F2F2F2\",\n  grey_200: \"#E6E6E6\",\n  grey_300: \"#c6c6c6\", // used for shadows\n\n  grey_600: \"#666666\",\n  grey_800: \"#575757\",\n  grey_900: \"#2e2d2c\",\n\n  white: \"#fff\",\n  black: \"#000\",\n\n  red: \"#D51311\",\n  yellow: \"#fdc02f\",\n  green: \"#3d854d\",\n};\n\nexport const COLORS: ColorsType = {\n  primary: TOKEN_COLORS.navy_600,\n  secondary: TOKEN_COLORS.magenta_700,\n  tertiary: TOKEN_COLORS.cyan_600,\n\n  textOnPrimary: TOKEN_COLORS.white,\n  textOnSecondary: TOKEN_COLORS.white,\n  textOnTertiary: TOKEN_COLORS.white,\n  textHeaderDefault: TOKEN_COLORS.black,\n\n  disabled: TOKEN_COLORS.grey_200,\n  danger: TOKEN_COLORS.red,\n  warning: TOKEN_COLORS.yellow,\n  success: TOKEN_COLORS.green,\n  info: TOKEN_COLORS.cyan_600,\n  textError: TOKEN_COLORS.red,\n\n  textDark: TOKEN_COLORS.black,\n  textLight: TOKEN_COLORS.white,\n  textMid: TOKEN_COLORS.grey_600,\n  linkColor: TOKEN_COLORS.magenta_700,\n  linkColorHover: TOKEN_COLORS.magenta_800,\n  linkColorSecondary: TOKEN_COLORS.magenta_700,\n  linkColorSecondaryHover: TOKEN_COLORS.magenta_800,\n\n  avatarBorder: TOKEN_COLORS.navy_600,\n  progressBar: TOKEN_COLORS.navy_600,\n  progressBarSecondary: TOKEN_COLORS.magenta_700,\n  progressBarBackground: TOKEN_COLORS.grey_200,\n  circularProgress: TOKEN_COLORS.cyan_600,\n  circularProgressSecondary: TOKEN_COLORS.magenta_700,\n  circularProgressBackground: TOKEN_COLORS.grey_200,\n\n  buttonPrimaryBackground: TOKEN_COLORS.magenta_700,\n  buttonPrimaryText: TOKEN_COLORS.white,\n  buttonPrimaryBorder: TOKEN_COLORS.magenta_700,\n  buttonPrimaryBackgroundHover: TOKEN_COLORS.magenta_800,\n  buttonPrimaryTextHover: TOKEN_COLORS.white,\n  buttonPrimaryBorderHover: TOKEN_COLORS.magenta_800,\n  buttonPrimaryDisabledBackground: TOKEN_COLORS.grey_200,\n  buttonPrimaryDisabledText: TOKEN_COLORS.grey_600,\n  buttonPrimaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n  buttonSecondaryBackground: TOKEN_COLORS.white,\n  buttonSecondaryText: TOKEN_COLORS.magenta_700,\n  buttonSecondaryBorder: TOKEN_COLORS.magenta_700,\n  buttonSecondaryBackgroundHover: TOKEN_COLORS.magenta_100,\n  buttonSecondaryTextHover: TOKEN_COLORS.magenta_800,\n  buttonSecondaryBorderHover: TOKEN_COLORS.magenta_100,\n  buttonSecondaryDisabledBackground: TOKEN_COLORS.grey_200,\n  buttonSecondaryDisabledText: TOKEN_COLORS.grey_600,\n  buttonSecondaryDisabledBorder: TOKEN_COLORS.grey_200,\n\n  buttonTertiaryText: TOKEN_COLORS.magenta_700,\n  buttonTertiaryTextHover: TOKEN_COLORS.magenta_800,\n  buttonTertiaryDisabledText: TOKEN_COLORS.grey_600,\n\n  collapseHeaderColor: TOKEN_COLORS.navy_600,\n\n  selectionBorder: TOKEN_COLORS.grey_600,\n\n  textInputBorder: TOKEN_COLORS.grey_900,\n  inputBorder: TOKEN_COLORS.grey_900,\n  check: TOKEN_COLORS.magenta_700,\n\n  headerBackground: TOKEN_COLORS.white,\n  backgroundLight: TOKEN_COLORS.white,\n  backgroundLightColor: TOKEN_COLORS.navy_100,\n  backgroundMid: TOKEN_COLORS.grey_200,\n  backgroundMidLight: TOKEN_COLORS.grey_100,\n\n  loaderColor1: TOKEN_COLORS.navy_600,\n  loaderColor2: TOKEN_COLORS.magenta_600,\n  loaderColor3: TOKEN_COLORS.cyan_600,\n\n  paginationText: TOKEN_COLORS.navy_600,\n  paginationActive: TOKEN_COLORS.grey_200,\n  paginationBackground: TOKEN_COLORS.navy_600,\n\n  footerBackground: TOKEN_COLORS.backgroundLight,\n\n  headerBorder: TOKEN_COLORS.grey_200,\n  headerTaglineText: TOKEN_COLORS.black,\n\n  stepBorder: TOKEN_COLORS.grey_200,\n  stepBackground: TOKEN_COLORS.white,\n\n  popoverBackground: TOKEN_COLORS.white,\n\n  textInputExtraInfo: TOKEN_COLORS.grey_200,\n\n  totaliserBubbleColor: TOKEN_COLORS.grey_200,\n  totaliserBubbleTextColor: TOKEN_COLORS.black,\n  totaliserBubbleTotalColor: TOKEN_COLORS.navy_600,\n\n  selectBackground: TOKEN_COLORS.black,\n\n  modalBackdrop: TOKEN_COLORS.black,\n\n  userBlockExtraText: TOKEN_COLORS.grey_800,\n};\n\n// TODO: possibly convert to REMS, once a base font size has been agreed.\nexport const SPACING: SpacingType = {\n  none: \"0\",\n  auto: \"auto\",\n  xxxs: \"0.25rem\", // 4px\n  xxs: \"0.5rem\", // 8px\n  xs: \"1rem\", // 16px\n  s: \"1.5rem\", // 24px\n  m: \"2rem\", // 32px\n  l: \"2.5rem\", // 40px\n  xl: \"3rem\", // 48px\n  xxl: \"3.5rem\", // 56px\n};\n\nexport const FONT_SIZES: FontSizesType = {\n  xs: \"0.75rem\", // 12px\n  s: \"0.875rem\", // 14px\n  m: \"1rem\", // 16px\n  ml: \"1.125rem\", // 18px\n  l: \"1.25rem\", // 20px\n  xl: \"1.5625rem\", // 25px\n  xxl: \"2rem\", // 32px\n  xxxl: \"2.5rem\", // 40px\n  xxxxl: \"3.125rem\", // 45px\n};\n\nexport const TYPOGRAPHY: TypographyType = {\n  customFonts: [\n    {\n      family: \"Progress\",\n      urlWoff2: `${SITE_CONFIG.assetPath}fonts/Progress-Regular.woff2`,\n      fontWeight: 400,\n    },\n    {\n      family: \"Progress\",\n      urlWoff2: `${SITE_CONFIG.assetPath}fonts/Progress-SemiBold.woff2`,\n      fontWeight: 600,\n    },\n    {\n      family: \"Poppins\",\n      urlWoff: `${SITE_CONFIG.assetPath}fonts/Poppins-Light.woff`,\n      fontWeight: 300,\n    },\n    {\n      family: \"Poppins\",\n      urlWoff2: `${SITE_CONFIG.assetPath}fonts/Poppins-Regular.woff2`,\n      fontWeight: 400,\n    },\n    {\n      family: \"Poppins\",\n      urlWoff2: `${SITE_CONFIG.assetPath}fonts/Poppins-SemiBold.woff2`,\n      fontWeight: 600,\n    },\n    {\n      family: \"Poppins\",\n      urlWoff: `${SITE_CONFIG.assetPath}fonts/Poppins-Medium.woff`,\n      fontWeight: 500,\n    },\n  ],\n  fontFamilyBase: \"Poppins,sans-serif\",\n  fontFamilyButtons: \"Poppins,sans-serif\",\n  fontFamilyLinks: \"Poppins,sans-serif\",\n  fontFamilyHeadings: \"Progress,Arial,Helvetica,sans-serif\",\n  fontFamilyLabel: \"Poppins,sans-serif\",\n  fontSizeBase: \"16px\",\n  fontWeightBase: 300,\n  fontWeightHeadings: 400,\n  fontWeightLinks: 700,\n  fontWeightButtons: 400,\n  fontWeightLabels: 500,\n  fontWeightHeavy: 700,\n  fontWeightMedium: 500,\n  fontWeightNormal: 400,\n  fontWeightLight: 300,\n  fontWeightVLight: 100,\n  linkTextDecoration: \"underline\",\n  LinkLetterSpacing: \"0px\",\n  LinkPrimaryTextDecoration: \"underline\",\n  lineHeight: \"1.5em\",\n  headerLineHeight: \"1.25em\",\n  headerTextTransform: \"none\",\n};\n\nexport const SHADOWS: ShadowsType = {\n  s: `0px 0px 2px 1px ${TOKEN_COLORS.grey_300}`,\n  m: `0px 0px 4px 1px ${TOKEN_COLORS.grey_300}`,\n  l: `0px 0px 7px 1px ${TOKEN_COLORS.grey_300}`,\n};\n\nexport const crukTheme: ThemeType = {\n  name: \"cruk\",\n  avatar: { ...AVATAR },\n  breakpoint: { ...BREAKPOINT },\n  button: { ...BUTTON },\n  tokenColors: { ...TOKEN_COLORS },\n  colors: { ...COLORS },\n  spacing: { ...SPACING },\n  fontSizes: { ...FONT_SIZES },\n  siteConfig: { ...SITE_CONFIG },\n  typography: { ...TYPOGRAPHY },\n  shadows: { ...SHADOWS },\n  utilities: { ...UTILITIES },\n};\n\nexport default crukTheme;\n"],"names":["UTILITIES","contentMaxWidth","useDefaultFocusRect","useDefaultFromControls","useBackgroundStyleLinks","inputBorderWidth","SITE_CONFIG","assetPath","logoUrl","logoAlt","logoSrc","footerCopyText","footerLogoAlt","footerLogoSrc","AVATAR","s","m","l","xl","path","concat","BUTTON","borderRadius","borderRadiusLarge","buttonBorderThickness","textDecoration","textTransform","horizontalPadding","BREAKPOINT","mobile","tablet","desktop","desktopLarge","TOKEN_COLORS","navy_100","navy_600","navy_700","navy_800","magenta_100","magenta_600","magenta_700","magenta_800","cyan_600","cyan_700","grey_100","grey_200","grey_300","grey_600","grey_800","grey_900","white","black","red","yellow","green","COLORS","primary","secondary","tertiary","textOnPrimary","textOnSecondary","textOnTertiary","textHeaderDefault","disabled","danger","warning","success","info","textError","textDark","textLight","textMid","linkColor","linkColorHover","linkColorSecondary","linkColorSecondaryHover","avatarBorder","progressBar","progressBarSecondary","progressBarBackground","circularProgress","circularProgressSecondary","circularProgressBackground","buttonPrimaryBackground","buttonPrimaryText","buttonPrimaryBorder","buttonPrimaryBackgroundHover","buttonPrimaryTextHover","buttonPrimaryBorderHover","buttonPrimaryDisabledBackground","buttonPrimaryDisabledText","buttonPrimaryDisabledBorder","buttonSecondaryBackground","buttonSecondaryText","buttonSecondaryBorder","buttonSecondaryBackgroundHover","buttonSecondaryTextHover","buttonSecondaryBorderHover","buttonSecondaryDisabledBackground","buttonSecondaryDisabledText","buttonSecondaryDisabledBorder","buttonTertiaryText","buttonTertiaryTextHover","buttonTertiaryDisabledText","collapseHeaderColor","selectionBorder","textInputBorder","inputBorder","check","headerBackground","backgroundLight","backgroundLightColor","backgroundMid","backgroundMidLight","loaderColor1","loaderColor2","loaderColor3","paginationText","paginationActive","paginationBackground","footerBackground","headerBorder","headerTaglineText","stepBorder","stepBackground","popoverBackground","textInputExtraInfo","totaliserBubbleColor","totaliserBubbleTextColor","totaliserBubbleTotalColor","selectBackground","modalBackdrop","userBlockExtraText","SPACING","none","auto","xxxs","xxs","xs","xxl","FONT_SIZES","ml","xxxl","xxxxl","TYPOGRAPHY","customFonts","family","urlWoff2","fontWeight","urlWoff","fontFamilyBase","fontFamilyButtons","fontFamilyLinks","fontFamilyHeadings","fontFamilyLabel","fontSizeBase","fontWeightBase","fontWeightHeadings","fontWeightLinks","fontWeightButtons","fontWeightLabels","fontWeightHeavy","fontWeightMedium","fontWeightNormal","fontWeightLight","fontWeightVLight","linkTextDecoration","LinkLetterSpacing","LinkPrimaryTextDecoration","lineHeight","headerLineHeight","headerTextTransform","SHADOWS","crukTheme","name","avatar","__assign","breakpoint","button","tokenColors","colors","spacing","fontSizes","siteConfig","typography","shadows","utilities"],"mappings":"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"}

package/lib/src/themes/su2c.js

@@ -1,2 +1,2 @@
-import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";import{crukTheme as a}from"./cruk.js";var r=e(e({},a.utilities),{useBackgroundStyleLinks:!0}),n=e(e({},a.siteConfig),{logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/su2c-160.png",footerCopyText:"Stand Up To Cancer and Stand Up To Cancer Brand Marks are registered trademarks of the Entertainment Industry Foundation. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland(SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales (4325234) and the Isle of Man (5713F). Registered address: 2 Redman Place, London, E20 1JQ. Donations will be made to Cancer Research UK in support of the Stand Up To Cancer campaign."}),t=e(e({},a.avatar),{path:"".concat(n.assetPath,"images/avatar/su2c/")}),o=e(e({},a.button),{borderRadius:"1.5rem",borderRadiusLarge:"2rem",textTransform:"uppercase"}),s=e({},a.breakpoint),c=e(e({},a.tokenColors),{su2cOrange5:"#FF8E00",su2cOrange3:"#FFB04D",su2cOrange2:"#FFDAAD",su2cOrange1:"#FFF6EB",su2cBlack:"#231F20",su2cGrey1:"#555759",su2cGrey2:"#A5A5A9",su2cRed:"#EF4135",su2cYellow:"#FFC325"}),i=e(e({},a.colors),{primary:c.su2cOrange5,secondary:c.su2cOrange5,tertiary:c.su2cBlack,textHeaderDefault:c.su2cBlack,textOnPrimary:c.su2cBlack,textOnSecondary:c.su2cBlack,avatarBorder:c.su2cBlack,progressBar:c.su2cOrange5,progressBarSecondary:c.su2cRed,circularProgress:c.su2cOrange3,circularProgressSecondary:c.su2cRed,linkColor:c.su2cOrange5,linkColorHover:c.su2cRed,linkColorSecondary:c.su2cOrange5,linkColorSecondaryHover:c.su2cRed,backgroundLightColor:c.su2cOrange2,loaderColor1:c.su2cOrange5,loaderColor2:c.su2cRed,loaderColor3:c.su2cBlack,paginationText:c.su2cBlack,paginationBackground:c.su2cBlack,totaliserBubbleColor:c.su2cBlack,totaliserBubbleTextColor:c.white,totaliserBubbleTotalColor:c.white,collapseHeaderColor:c.su2cOrange5,check:c.su2cBlack,headerTaglineText:c.su2cBlack,buttonPrimaryBackground:c.su2cOrange5,buttonPrimaryText:c.su2cBlack,buttonPrimaryBorder:c.su2cOrange5,buttonPrimaryBackgroundHover:c.su2cOrange3,buttonPrimaryTextHover:c.su2cBlack,buttonPrimaryBorderHover:c.su2cOrange3,buttonPrimaryDisabledBackground:c.grey_200,buttonPrimaryDisabledText:c.grey_600,buttonPrimaryDisabledBorder:c.grey_200,buttonSecondaryBackground:c.white,buttonSecondaryText:c.su2cOrange5,buttonSecondaryBorder:c.su2cOrange5,buttonSecondaryBackgroundHover:c.su2cOrange1,buttonSecondaryTextHover:c.su2cOrange5,buttonSecondaryBorderHover:c.su2cOrange5,buttonSecondaryDisabledBackground:c.white,buttonSecondaryDisabledText:c.grey_200,buttonSecondaryDisabledBorder:c.grey_200,buttonTertiaryText:c.su2cOrange5,buttonTertiaryTextHover:c.su2cOrange5,buttonTertiaryDisabledText:c.grey_200}),u=e({},a.spacing),l=e({},a.shadows),d=e({},a.fontSizes),g=e(e({},a.typography),{customFonts:[{family:"ITCAvantGarde",urlWoff:"".concat(n.assetPath,"fonts/itc_-_itcavantgardepro-bold-webfont.woff"),fontWeight:700},{family:"ITCAvantGarde",urlWoff:"".concat(n.assetPath,"fonts/ITCAvantGardeStd-Bk.woff"),fontWeight:400}],fontFamilyHeadings:"ITCAvantGarde,Arial,sans-serif",fontFamilyLinks:"ITCAvantGarde,Arial,sans-serif",fontFamilyButtons:"ITCAvantGarde,Arial,sans-serif",fontFamilyBase:"ITCAvantGarde, Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontFamilyLabel:"ITCAvantGarde, Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",linkTextDecoration:"none",headerLineHeight:"1.5em",headerTextTransform:"uppercase",fontWeightBase:400,fontWeightLinks:700,fontWeightButtons:700,fontWeightLabels:700,fontWeightHeadings:700,LinkPrimaryTextDecoration:"none",LinkLetterSpacing:"0px"}),y={name:"su2c",avatar:e({},t),breakpoint:e({},s),button:e({},o),tokenColors:e({},c),colors:e({},i),spacing:e({},u),fontSizes:e({},d),siteConfig:e({},n),typography:e({},g),shadows:e({},l),utilities:e({},r)};export{t as AVATAR,s as BREAKPOINT,o as BUTTON,i as COLORS,d as FONT_SIZES,l as SHADOWS,n as SITE_CONFIG,u as SPACING,c as TOKEN_COLORS,g as TYPOGRAPHY,r as UTILITIES,y as default,y as su2cTheme};
+import{__assign as e}from"../../node_modules/tslib/tslib.es6.js";import{crukTheme as a}from"./cruk.js";var r=e(e({},a.utilities),{useBackgroundStyleLinks:!0}),t=e(e({},a.siteConfig),{logoSrc:"https://rcl.assets.cancerresearchuk.org/images/logos/su2c-160.png",footerCopyText:"Stand Up To Cancer and Stand Up To Cancer Brand Marks are registered trademarks of the Entertainment Industry Foundation. Cancer Research UK is a registered charity in England and Wales (1089464), Scotland(SC041666), the Isle of Man (1103) and Jersey (247). A company limited by guarantee. Registered company in England and Wales (4325234) and the Isle of Man (5713F). Registered address: 2 Redman Place, London, E20 1JQ. Donations will be made to Cancer Research UK in support of the Stand Up To Cancer campaign."}),n=e(e({},a.avatar),{path:"".concat(t.assetPath,"images/avatar/su2c/")}),o=e(e({},a.button),{borderRadius:"1.5rem",borderRadiusLarge:"2rem",textTransform:"uppercase"}),s=e({},a.breakpoint),c=e(e({},a.tokenColors),{su2cOrange5:"#FF8E00",su2cOrange3:"#FFB04D",su2cOrange2:"#FFDAAD",su2cOrange1:"#FFF6EB",su2cBlack:"#231F20",su2cGrey1:"#555759",su2cGrey2:"#A5A5A9",su2cRed:"#EF4135",su2cYellow:"#FFC325"}),i=e(e({},a.colors),{primary:c.su2cOrange5,secondary:c.su2cOrange5,tertiary:c.su2cBlack,textHeaderDefault:c.su2cBlack,textOnPrimary:c.su2cBlack,textOnSecondary:c.su2cBlack,avatarBorder:c.su2cBlack,progressBar:c.su2cOrange5,progressBarSecondary:c.su2cRed,circularProgress:c.su2cOrange3,circularProgressSecondary:c.su2cRed,linkColor:c.su2cOrange5,linkColorHover:c.su2cRed,linkColorSecondary:c.su2cOrange5,linkColorSecondaryHover:c.su2cRed,backgroundLightColor:c.su2cOrange2,loaderColor1:c.su2cOrange5,loaderColor2:c.su2cRed,loaderColor3:c.su2cBlack,paginationText:c.su2cBlack,paginationBackground:c.su2cBlack,totaliserBubbleColor:c.su2cBlack,totaliserBubbleTextColor:c.white,totaliserBubbleTotalColor:c.white,collapseHeaderColor:c.su2cOrange5,check:c.su2cBlack,headerTaglineText:c.su2cBlack,buttonPrimaryBackground:c.su2cOrange5,buttonPrimaryText:c.su2cBlack,buttonPrimaryBorder:c.su2cOrange5,buttonPrimaryBackgroundHover:c.su2cOrange3,buttonPrimaryTextHover:c.su2cBlack,buttonPrimaryBorderHover:c.su2cOrange3,buttonPrimaryDisabledBackground:c.grey_200,buttonPrimaryDisabledText:c.grey_600,buttonPrimaryDisabledBorder:c.grey_200,buttonSecondaryBackground:c.white,buttonSecondaryText:c.su2cOrange5,buttonSecondaryBorder:c.su2cOrange5,buttonSecondaryBackgroundHover:c.su2cOrange1,buttonSecondaryTextHover:c.su2cOrange5,buttonSecondaryBorderHover:c.su2cOrange5,buttonSecondaryDisabledBackground:c.white,buttonSecondaryDisabledText:c.grey_200,buttonSecondaryDisabledBorder:c.grey_200,buttonTertiaryText:c.su2cOrange5,buttonTertiaryTextHover:c.su2cOrange5,buttonTertiaryDisabledText:c.grey_200}),u=e({},a.spacing),l=e({},a.shadows),d=e({},a.fontSizes),g=e(e({},a.typography),{customFonts:[{family:"ITCAvantGarde",urlWoff:"".concat(t.assetPath,"fonts/itc_-_itcavantgardepro-bold-webfont.woff"),fontWeight:700},{family:"ITCAvantGarde",urlWoff:"".concat(t.assetPath,"fonts/ITCAvantGardePro-Demi.woff"),fontWeight:600},{family:"ITCAvantGarde",urlWoff:"".concat(t.assetPath,"fonts/ITCAvantGardeStd-Bk.woff"),fontWeight:400}],fontFamilyHeadings:"ITCAvantGarde,Arial,sans-serif",fontFamilyLinks:"ITCAvantGarde,Arial,sans-serif",fontFamilyButtons:"ITCAvantGarde,Arial,sans-serif",fontFamilyBase:"ITCAvantGarde, Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",fontFamilyLabel:"ITCAvantGarde, Arial, Calibri, nimbussansl, liberationsans, freesans, clean, sans-serif",linkTextDecoration:"none",headerLineHeight:"1.5em",headerTextTransform:"uppercase",fontWeightBase:400,fontWeightLinks:700,fontWeightButtons:700,fontWeightLabels:600,fontWeightHeadings:700,LinkPrimaryTextDecoration:"none",LinkLetterSpacing:"0px"}),y={name:"su2c",avatar:e({},n),breakpoint:e({},s),button:e({},o),tokenColors:e({},c),colors:e({},i),spacing:e({},u),fontSizes:e({},d),siteConfig:e({},t),typography:e({},g),shadows:e({},l),utilities:e({},r)};export{n as AVATAR,s as BREAKPOINT,o as BUTTON,i as COLORS,d as FONT_SIZES,l as SHADOWS,t as SITE_CONFIG,u as SPACING,c as TOKEN_COLORS,g as TYPOGRAPHY,r as UTILITIES,y as default,y as su2cTheme};
 //# sourceMappingURL=su2c.js.map