@cruk/cruk-react-components 7.0.0 → 7.1.0

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cruk/cruk-react-components",
-  "version": "7.0.0",
+  "version": "7.1.0",
   "description": "React components implementing CRUK, RFL, SU2C & Bowelbabe designs",
   "license": "MIT",
   "publishConfig": {
@@ -54,6 +54,7 @@
     "@rollup/plugin-node-resolve": "^15.2.3",
     "@rollup/plugin-terser": "^0.4.4",
     "@rollup/plugin-typescript": "^11.1.6",
+    "@swc/core": "1.9.3",
     "@storybook/addon-a11y": "^10",
     "@storybook/addon-docs": "^10",
     "@storybook/addon-links": "^10",
@@ -89,19 +90,15 @@
   },
   "peerDependencies": {
     "react": "^19",
-    "react-dom": "^19",
-    "styled-components": "^6.1.11"
+    "react-dom": "^19"
   },
   "dependencies": {
     "@fortawesome/fontawesome-common-types": "^7",
     "@fortawesome/free-brands-svg-icons": "^7",
     "@fortawesome/free-solid-svg-icons": "^7",
-    "@swc/core": "1.9.3",
-    "@swc/plugin-styled-components": "^10",
     "react-focus-lock": "^2.13.6",
     "react-intersection-observer": "^10.0.0",
     "react-is": "^19",
-    "styled-components": "^6.1.11",
     "vite": "^7"
   }
 }

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

@@ -1,12 +0,0 @@
-interface ListWrapperProps extends React.HTMLProps<HTMLDivElement> {
-    tabIndex?: number;
-}
-export declare const ListWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, ListWrapperProps>> & string;
-export declare const List: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
-    $isActive?: boolean;
-}>> & string;
-export declare const ListItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
-    $isActive?: boolean;
-}>> & string;
-export declare const ScreenReaderOnly: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export {};

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import o from"styled-components";var r,i,e,t,p=o.div(r||(r=n(["\n  position: relative;\n"],["\n  position: relative;\n"]))),d=o.ul(i||(i=n(["\n  background-color: var(--clr-background-light, #ffffff);\n  border-radius: 3px;\n  border: 2px solid #ccc;\n  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);\n  list-style: none;\n  margin-top: 0;\n  max-height: 400px;\n  overflow-y: auto;\n  padding: 0;\n  position: absolute;\n  width: 100%;\n  z-index: 999;\n"],["\n  background-color: var(--clr-background-light, #ffffff);\n  border-radius: 3px;\n  border: 2px solid #ccc;\n  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);\n  list-style: none;\n  margin-top: 0;\n  max-height: 400px;\n  overflow-y: auto;\n  padding: 0;\n  position: absolute;\n  width: 100%;\n  z-index: 999;\n"]))),a=o.li(e||(e=n(["\n  align-items: center;\n  background-color: ",";\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  padding: 5px;\n  &:hover,\n  &:focus {\n    background-color: #ddd;\n  }\n"],["\n  align-items: center;\n  background-color: ",";\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  padding: 5px;\n  &:hover,\n  &:focus {\n    background-color: #ddd;\n  }\n"])),function(n){return n.$isActive?"var(--clr-background-mid, #f0f0f0)":"var(--clr-background-light, #ffffff)"}),c=o.div(t||(t=n(["\n  border: 0px;\n  clip: rect(0px, 0px, 0px, 0px);\n  height: 1px;\n  margin-bottom: -1px;\n  margin-right: -1px;\n  overflow: hidden;\n  padding: 0px;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n"],["\n  border: 0px;\n  clip: rect(0px, 0px, 0px, 0px);\n  height: 1px;\n  margin-bottom: -1px;\n  margin-right: -1px;\n  overflow: hidden;\n  padding: 0px;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n"])));export{d as List,a as ListItem,p as ListWrapper,c as ScreenReaderOnly};
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/AddressLookup/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\ninterface ListWrapperProps extends React.HTMLProps<HTMLDivElement> {\n  tabIndex?: number;\n}\n\ntype ListProps = {\n  $isActive?: boolean;\n};\n\nexport const ListWrapper = styled.div<ListWrapperProps>`\n  position: relative;\n`;\n\nexport const List = styled.ul<{\n  $isActive?: boolean;\n}>`\n  background-color: var(--clr-background-light, #ffffff);\n  border-radius: 3px;\n  border: 2px solid #ccc;\n  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.2);\n  list-style: none;\n  margin-top: 0;\n  max-height: 400px;\n  overflow-y: auto;\n  padding: 0;\n  position: absolute;\n  width: 100%;\n  z-index: 999;\n`;\n\nexport const ListItem = styled.li<{\n  $isActive?: boolean;\n}>`\n  align-items: center;\n  background-color: ${({ $isActive }: ListProps) =>\n    $isActive\n      ? \"var(--clr-background-mid, #f0f0f0)\"\n      : \"var(--clr-background-light, #ffffff)\"};\n  cursor: pointer;\n  display: flex;\n  justify-content: space-between;\n  padding: 5px;\n  &:hover,\n  &:focus {\n    background-color: #ddd;\n  }\n`;\n\n// TODO move to its own component\nexport const ScreenReaderOnly = styled.div`\n  border: 0px;\n  clip: rect(0px, 0px, 0px, 0px);\n  height: 1px;\n  margin-bottom: -1px;\n  margin-right: -1px;\n  overflow: hidden;\n  padding: 0px;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n`;\n"],"names":["ListWrapper","styled","div","templateObject_1","__makeTemplateObject","List","ul","templateObject_2","ListItem","li","templateObject_3","_a","$isActive","ScreenReaderOnly","templateObject_4"],"mappings":"iHAUO,YAAMA,EAAcC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,6BAAA,CAAkB,gCAI1CC,EAAOJ,EAAOK,GAAEC,IAAAA,EAAAH,EAAA,CAAA,4TAAA,CAE3B,+TAeWI,EAAWP,EAAOQ,GAAEC,IAAAA,EAAAN,EAAA,CAAA,iDAAA,4JAAA,CAE/B,iDAK4C,8JAHxB,SAACO,GACnB,OAD8BA,EAAAC,UAE1B,qCACA,sCAFJ,GAcSC,EAAmBZ,EAAOC,IAAGY,IAAAA,EAAAV,EAAA,CAAA,4NAAA,CAAA"}

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

@@ -1,4 +0,0 @@
-export declare const StyledAvatar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {
-    $size: "s" | "m" | "l" | "xl";
-}>> & string;
-export default StyledAvatar;

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as a}from"../../../node_modules/tslib/tslib.es6.js";import r from"styled-components";var e,t=r.img(e||(e=a(["\n  --avatar-size-s: 32px;\n  --avatar-size-m: 48px;\n  --avatar-size-l: 64px;\n  --avatar-size-xl: 128px;\n\n  --_avatar-size: var(--avatar-size-m);\n  --_avatar-size: var(--avatar-size-",");\n\n  height: var(--_avatar-size);\n  width: var(--_avatar-size);\n  box-sizing: border-box;\n  border-radius: 50%;\n  object-fit: cover;\n  border-style: solid;\n  border-width: 2px;\n  border-color: var(--clr-avatar-border, #cccccc);\n"],["\n  --avatar-size-s: 32px;\n  --avatar-size-m: 48px;\n  --avatar-size-l: 64px;\n  --avatar-size-xl: 128px;\n\n  --_avatar-size: var(--avatar-size-m);\n  --_avatar-size: var(--avatar-size-",");\n\n  height: var(--_avatar-size);\n  width: var(--_avatar-size);\n  box-sizing: border-box;\n  border-radius: 50%;\n  object-fit: cover;\n  border-style: solid;\n  border-width: 2px;\n  border-color: var(--clr-avatar-border, #cccccc);\n"])),function(a){return a.$size});export{t as StyledAvatar,t as default};
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Avatar/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledAvatar = styled.img<{\n  $size: \"s\" | \"m\" | \"l\" | \"xl\";\n}>`\n  --avatar-size-s: 32px;\n  --avatar-size-m: 48px;\n  --avatar-size-l: 64px;\n  --avatar-size-xl: 128px;\n\n  --_avatar-size: var(--avatar-size-m);\n  --_avatar-size: var(--avatar-size-${({ $size }) => $size});\n\n  height: var(--_avatar-size);\n  width: var(--_avatar-size);\n  box-sizing: border-box;\n  border-radius: 50%;\n  object-fit: cover;\n  border-style: solid;\n  border-width: 2px;\n  border-color: var(--clr-avatar-border, #cccccc);\n`;\n\nexport default StyledAvatar;\n"],"names":["StyledAvatar","styled","img","templateObject_1","__makeTemplateObject","_a","$size"],"mappings":"iHAEO,MAAMA,EAAeC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,8LAAA,mPAAA,CAEpC,8LAOwD,qPAApB,SAACC,GAAc,OAAPA,EAAAC,KAAO"}

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

@@ -1,9 +0,0 @@
-import { type SpaceType } from "../../types";
-export declare const StyledBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $backgroundColor: string;
-    $borderColor: string;
-    $textColor: string;
-    $isSquare: boolean;
-    $size: SpaceType;
-}>> & string;
-export default StyledBadge;

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import r from"styled-components";var i,e=r.span(i||(i=n(['\n  --_border-width: 1px;\n\n  display: inline-block;\n  border-width: var(--_border-width, 1px);\n  border-style: solid;\n  text-align: center;\n  font-size: var(--font-size-m, 1rem);\n  font-family: var(--typ-font-family-base, "Poppins", Arial, sans-serif);\n  padding: ',";\n  border-radius: ",";\n  height: ",";\n  width: ",";\n  line-height: ",";\n  min-width: ",";\n  background-color: ",";\n  border-color: ",";\n  color: ",";\n"],['\n  --_border-width: 1px;\n\n  display: inline-block;\n  border-width: var(--_border-width, 1px);\n  border-style: solid;\n  text-align: center;\n  font-size: var(--font-size-m, 1rem);\n  font-family: var(--typ-font-family-base, "Poppins", Arial, sans-serif);\n  padding: ',";\n  border-radius: ",";\n  height: ",";\n  width: ",";\n  line-height: ",";\n  min-width: ",";\n  background-color: ",";\n  border-color: ",";\n  color: ",";\n"])),function(n){return n.$isSquare?0:"var(--spacing-xxs, 0.5rem)"},function(n){return n.$isSquare?"50%":" 1.5rem"},function(n){var r=n.$isSquare,i=n.$size;return r?"calc(var(--spacing-".concat(i,") + var(--spacing-xs, 1rem) + var(--_border-width, 1px) * 2)"):"auto"},function(n){var r=n.$isSquare,i=n.$size;return r?"calc(var(--spacing-".concat(i,") + var(--spacing-xs, 1rem) + var(--_border-width, 1px) * 2)"):"auto"},function(n){var r=n.$isSquare,i=n.$size;return r?"calc(var(--spacing-".concat(i,") + var(--spacing-xs, 1rem))"):" 1rem"},function(n){var r=n.$size;return"calc(var(--spacing-".concat(r,") + var(--spacing-xs, 1rem))")},function(n){return n.$backgroundColor},function(n){return n.$borderColor},function(n){return n.$textColor});export{e as StyledBadge,e as default};
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Badge/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { type SpaceType } from \"../../types\";\n\nexport const StyledBadge = styled.span<{\n  $backgroundColor: string;\n  $borderColor: string;\n  $textColor: string;\n  $isSquare: boolean;\n  $size: SpaceType;\n}>`\n  --_border-width: 1px;\n\n  display: inline-block;\n  border-width: var(--_border-width, 1px);\n  border-style: solid;\n  text-align: center;\n  font-size: var(--font-size-m, 1rem);\n  font-family: var(--typ-font-family-base, \"Poppins\", Arial, sans-serif);\n  padding: ${({ $isSquare }) => ($isSquare ? 0 : `var(--spacing-xxs, 0.5rem)`)};\n  border-radius: ${({ $isSquare }) => ($isSquare ? \"50%\" : ` 1.5rem`)};\n  height: ${({ $isSquare, $size }) =>\n    $isSquare\n      ? `calc(var(--spacing-${$size}) + var(--spacing-xs, 1rem) + var(--_border-width, 1px) * 2)`\n      : `auto`};\n  width: ${({ $isSquare, $size }) =>\n    $isSquare\n      ? `calc(var(--spacing-${$size}) + var(--spacing-xs, 1rem) + var(--_border-width, 1px) * 2)`\n      : `auto`};\n  line-height: ${({ $isSquare, $size }) =>\n    $isSquare\n      ? `calc(var(--spacing-${$size}) + var(--spacing-xs, 1rem))`\n      : ` 1rem`};\n  min-width: ${({ $size }) =>\n    `calc(var(--spacing-${$size}) + var(--spacing-xs, 1rem))`};\n  background-color: ${({ $backgroundColor }) => $backgroundColor};\n  border-color: ${({ $borderColor }) => $borderColor};\n  color: ${({ $textColor }) => $textColor};\n`;\n\nexport default StyledBadge;\n"],"names":["StyledBadge","styled","span","templateObject_1","__makeTemplateObject","_a","$isSquare","$size","concat","$backgroundColor","$borderColor","$textColor"],"mappings":"iHAIO,MAAMA,EAAcC,EAAOC,KAAIC,IAAAA,EAAAC,EAAA,CAAA,mRAAA,uBAAA,gBAAA,eAAA,qBAAA,mBAAA,0BAAA,sBAAA,eAAA,OAAA,CAMpC,mRAS4E,uBACT,gBAIvD,eAIA,qBAIC,mBAE8C,0BACG,sBACZ,eACX,SAlB5B,SAACC,GAAkB,OAAPA,EAAAC,UAAoB,EAAI,4BAAjB,EACb,SAACD,GAAkB,OAAPA,EAAAC,UAAoB,MAAQ,SAArB,EAC1B,SAACD,OAAEC,EAASD,EAAAC,UAAEC,EAAKF,EAAAE,MAC3B,OAAAD,EACI,sBAAAE,OAAsBD,EAAK,gEAC3B,MAFJ,EAGO,SAACF,OAAEC,EAASD,EAAAC,UAAEC,EAAKF,EAAAE,MAC1B,OAAAD,EACI,sBAAAE,OAAsBD,EAAK,gEAC3B,MAFJ,EAGa,SAACF,OAAEC,EAASD,EAAAC,UAAEC,EAAKF,EAAAE,MAChC,OAAAD,EACI,sBAAAE,OAAsBD,EAAK,gCAC3B,OAFJ,EAGW,SAACF,GAAE,IAAAE,EAAKF,EAAAE,MACnB,MAAA,sBAAAC,OAAsBD,EAAK,+BAA3B,EACkB,SAACF,GAAyB,OAAPA,EAAAI,gBAAO,EAC9B,SAACJ,GAAqB,OAAPA,EAAAK,YAAO,EAC7B,SAACL,GAAmB,OAAPA,EAAAM,UAAO"}

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

@@ -1,8 +0,0 @@
-import { type SpacingPropsInternal } from "../Spacing";
-import { type colours } from "../../types";
-type StyledBoxProps = SpacingPropsInternal & {
-    $backgroundColor?: (typeof colours)[number] | string;
-    $css?: string;
-};
-export declare const StyledBox: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, StyledBoxProps>> & string;
-export default StyledBox;

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import r from"styled-components";import{spacing as o}from"../Spacing/index.js";var a,d=r.div(a||(a=n(["\n  background-color: ",";\n  // if we set a background color, add padding\n  padding: ",";\n  margin: 0 0 var(--spacing-m, 2rem) 0;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n\n  ","\n"],["\n  background-color: ",";\n  // if we set a background color, add padding\n  padding: ",";\n  margin: 0 0 var(--spacing-m, 2rem) 0;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n\n  ","\n"])),function(n){var r=n.$backgroundColor;return r||"transparent"},function(n){return n.$backgroundColor?"var(--spacing-s, 1.5rem)":0},function(n){return o(n)});export{d as StyledBox,d as default};
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Box/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { spacing, type SpacingPropsInternal } from \"../Spacing\";\nimport { type colours } from \"../../types\";\n\ntype StyledBoxProps = SpacingPropsInternal & {\n  $backgroundColor?: (typeof colours)[number] | string;\n  $css?: string;\n};\n\nexport const StyledBox = styled.div<StyledBoxProps>`\n  background-color: ${({ $backgroundColor }) =>\n    $backgroundColor ? $backgroundColor : \"transparent\"};\n  // if we set a background color, add padding\n  padding: ${({ $backgroundColor }) =>\n    $backgroundColor ? \"var(--spacing-s, 1.5rem)\" : 0};\n  margin: 0 0 var(--spacing-m, 2rem) 0;\n\n  &:last-child {\n    margin-bottom: 0;\n  }\n\n  ${(props) => spacing(props)}\n`;\n\nexport default StyledBox;\n"],"names":["StyledBox","styled","div","templateObject_1","__makeTemplateObject","_a","$backgroundColor","props","spacing"],"mappings":"+JAUO,MAAMA,EAAYC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,yBAAA,iEAAA,mGAAA,MAAA,CAAgB,yBAEI,iEAGF,mGAOxB,QAXP,SAACC,GAAE,IAAAC,EAAgBD,EAAAC,iBACrC,OAAAA,GAAsC,aAAtC,EAES,SAACD,GACV,OAD4BA,EAAAC,iBACT,2BAA6B,CAAhD,EAOA,SAACC,GAAU,OAAAC,EAAQD,EAAR"}

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

@@ -1,10 +0,0 @@
-import { type ButtonAppearanceType } from "../../types";
-export declare const Spacer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const StyledButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    href?: string;
-    $isIconButton: boolean;
-    $appearance?: ButtonAppearanceType;
-    $full?: boolean;
-    $size?: "m" | "l";
-    $css?: string;
-}>> & string;

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as r}from"../../../node_modules/tslib/tslib.es6.js";import n,{css as o}from"styled-components";var t,e,a,c,i,d,l,b,s=n.span(t||(t=r(["\n  margin-left: var(--spacing-xxs, 1rem);\n  &:first-of-type {\n    margin-left: 0;\n  }\n"],["\n  margin-left: var(--spacing-xxs, 1rem);\n  &:first-of-type {\n    margin-left: 0;\n  }\n"]))),u=n.button(b||(b=r(["\n  --_button-height: 3rem;\n  --_button-height-large: 4rem;\n\n  box-sizing: border-box;\n  min-height: var(--_button-height, 3rem);\n  height: min-content;\n  display: inline-block;\n  vertical-align: middle;\n\n  padding: ",";\n  width: ",";\n  min-width: ",';\n  border-radius: var(--btn-border-radius, 0px);\n  border-style: solid;\n  border-width: var(--btn-border-thickness, 2px);\n\n  transition:\n    color 0.2s ease,\n    background-color 0.2s ease,\n    border-color 0.2s ease;\n\n  cursor: pointer;\n  font-size: var(--font-size-m, 1rem);\n  font-family: var(--typ-font-family-buttons, "Poppins", Arial, sans-serif);\n  font-weight: var(--typ-font-weight-buttons, 400);\n  text-align: center;\n  text-transform: var(--btn-text-transform, none);\n  text-decoration: var(--btn-text-decoration, none);\n\n  &:focus-visible {\n    outline: auto;\n  }\n\n  ',"\n\n  ","\n\n  ","\n  \n  ","\n\n  ","\n\n  ","\n"],["\n  --_button-height: 3rem;\n  --_button-height-large: 4rem;\n\n  box-sizing: border-box;\n  min-height: var(--_button-height, 3rem);\n  height: min-content;\n  display: inline-block;\n  vertical-align: middle;\n\n  padding: ",";\n  width: ",";\n  min-width: ",';\n  border-radius: var(--btn-border-radius, 0px);\n  border-style: solid;\n  border-width: var(--btn-border-thickness, 2px);\n\n  transition:\n    color 0.2s ease,\n    background-color 0.2s ease,\n    border-color 0.2s ease;\n\n  cursor: pointer;\n  font-size: var(--font-size-m, 1rem);\n  font-family: var(--typ-font-family-buttons, "Poppins", Arial, sans-serif);\n  font-weight: var(--typ-font-weight-buttons, 400);\n  text-align: center;\n  text-transform: var(--btn-text-transform, none);\n  text-decoration: var(--btn-text-decoration, none);\n\n  &:focus-visible {\n    outline: auto;\n  }\n\n  ',"\n\n  ","\n\n  ","\n  \n  ","\n\n  ","\n\n  ","\n"])),function(r){return r.$isIconButton?"0":"calc( (var(--_button-height, 3rem) - ( var(--btn-border-thickness, 2px) * 2) - var(--typ-line-height, 1.5em) ) / 2) var(--btn-horizontal-padding, 1.5em)"},function(r){return r.$isIconButton?"var(--_button-height, 3rem)":"auto"},function(r){return r.$isIconButton?"var(--_button-height, 3rem)":"auto"},function(n){return"primary"===n.$appearance&&o(e||(e=r(["\n      background-color: var(--clr-button-primary-background, #e60079);\n      border-color: var(--clr-button-primary-border, #e60079);\n      color: var(--clr-button-primary-text, #ffffff) !important;\n      &:focus,\n      &:hover {\n        background-color: var(--clr-button-primary-background-hover, #cc006c);\n        border-color: var(--clr-button-primary-border-hover, #cc006c);\n        color: var(--clr-button-primary-text-hover, #ffffff) !important;\n      }\n      &:disabled {\n        cursor: not-allowed;\n        background-color: var(\n          --clr-button-primary-disabled-background,\n          #e6e6e6\n        );\n        color: var(--clr-button-primary-disabled-text, #666666) !important;\n        border-color: var(--clr-button-primary-disabled-border, #e6e6e6);\n      }\n    "],["\n      background-color: var(--clr-button-primary-background, #e60079);\n      border-color: var(--clr-button-primary-border, #e60079);\n      color: var(--clr-button-primary-text, #ffffff) !important;\n      &:focus,\n      &:hover {\n        background-color: var(--clr-button-primary-background-hover, #cc006c);\n        border-color: var(--clr-button-primary-border-hover, #cc006c);\n        color: var(--clr-button-primary-text-hover, #ffffff) !important;\n      }\n      &:disabled {\n        cursor: not-allowed;\n        background-color: var(\n          --clr-button-primary-disabled-background,\n          #e6e6e6\n        );\n        color: var(--clr-button-primary-disabled-text, #666666) !important;\n        border-color: var(--clr-button-primary-disabled-border, #e6e6e6);\n      }\n    "])))},function(n){return"secondary"===n.$appearance&&o(a||(a=r(["\n      background-color: var(--clr-button-secondary-background, #ffffff);\n      border-color: var(--clr-button-secondary-border, #e60079);\n      color: var(--clr-button-secondary-text, #e60079) !important;\n      &:focus,\n      &:hover {\n        background-color: var(--clr-button-secondary-background-hover, #ffe6f3);\n        border-color: var(--clr-button-secondary-border-hover, #ffe6f3);\n        color: var(--clr-button-secondary-text-hover, #e60079) !important;\n      }\n      &:disabled {\n        cursor: not-allowed;\n        background-color: var(\n          --clr-button-secondary-disabled-background,\n          #e6e6e6\n        );\n        color: var(--clr-button-secondary-disabled-text, #666666) !important;\n        border-color: var(--clr-button-secondary-disabled-border, #e6e6e6);\n      }\n    "],["\n      background-color: var(--clr-button-secondary-background, #ffffff);\n      border-color: var(--clr-button-secondary-border, #e60079);\n      color: var(--clr-button-secondary-text, #e60079) !important;\n      &:focus,\n      &:hover {\n        background-color: var(--clr-button-secondary-background-hover, #ffe6f3);\n        border-color: var(--clr-button-secondary-border-hover, #ffe6f3);\n        color: var(--clr-button-secondary-text-hover, #e60079) !important;\n      }\n      &:disabled {\n        cursor: not-allowed;\n        background-color: var(\n          --clr-button-secondary-disabled-background,\n          #e6e6e6\n        );\n        color: var(--clr-button-secondary-disabled-text, #666666) !important;\n        border-color: var(--clr-button-secondary-disabled-border, #e6e6e6);\n      }\n    "])))},function(n){return"tertiary"===n.$appearance&&o(c||(c=r(["\n      display: inline-block;\n      padding: 0;\n      border: 0px;\n      background-color: rgba(255, 255, 255, 0);\n      transition: color 0.2s ease;\n      color: var(--clr-button-tertiary-text, #e60079);\n      &:focus,\n      &:hover {\n        color: var(--clr-button-tertiary-text-hover, #cc006c);\n      }\n      &:disabled {\n        cursor: not-allowed;\n        background-color: transparent;\n        color: var(--clr-button-tertiary-disabled-text, #666666) !important;\n        border-color: transparent;\n      }\n    "],["\n      display: inline-block;\n      padding: 0;\n      border: 0px;\n      background-color: rgba(255, 255, 255, 0);\n      transition: color 0.2s ease;\n      color: var(--clr-button-tertiary-text, #e60079);\n      &:focus,\n      &:hover {\n        color: var(--clr-button-tertiary-text-hover, #cc006c);\n      }\n      &:disabled {\n        cursor: not-allowed;\n        background-color: transparent;\n        color: var(--clr-button-tertiary-disabled-text, #666666) !important;\n        border-color: transparent;\n      }\n    "])))},function(n){var t=n.$size,e=n.$isIconButton;return"l"===t&&o(i||(i=r(["\n      min-height: var(--_button-height-large, 4rem);\n      border-radius: var(--btn-border-radius-large, 0px);\n      padding: ",";\n      min-width: ",";\n      height: ",";\n    "],["\n      min-height: var(--_button-height-large, 4rem);\n      border-radius: var(--btn-border-radius-large, 0px);\n      padding: ",";\n      min-width: ",";\n      height: ",";\n    "])),e?"0":"calc( (var(--_button-height-large, 4rem) - ( var(--btn-border-thickness, 2px) * 2) - var(--typ-line-height, 1.5em) ) / 2) var(--btn-horizontal-padding, 2rem)",e?"var(--_button-height-large, 4rem)":"auto",e?"var(--_button-height-large, 4rem)":"min-content")},function(n){return n.$full&&o(d||(d=r(["\n      width: 100%;\n    "],["\n      width: 100%;\n    "])))},function(n){return n.$css&&o(l||(l=r(["\n      ","\n    "],["\n      ","\n    "])),n.$css)});export{s as Spacer,u as StyledButton};
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Button/styles.ts"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { type ButtonAppearanceType } from \"../../types\";\n\nexport const Spacer = styled.span`\n  margin-left: var(--spacing-xxs, 1rem);\n  &:first-of-type {\n    margin-left: 0;\n  }\n`;\n\nexport const StyledButton = styled.button<{\n  href?: string;\n  $isIconButton: boolean;\n  $appearance?: ButtonAppearanceType;\n  $full?: boolean;\n  $size?: \"m\" | \"l\";\n  $css?: string;\n}>`\n  --_button-height: 3rem;\n  --_button-height-large: 4rem;\n\n  box-sizing: border-box;\n  min-height: var(--_button-height, 3rem);\n  height: min-content;\n  display: inline-block;\n  vertical-align: middle;\n\n  padding: ${({ $isIconButton }) =>\n    $isIconButton\n      ? \"0\"\n      : `calc( (var(--_button-height, 3rem) - ( var(--btn-border-thickness, 2px) * 2) - var(--typ-line-height, 1.5em) ) / 2) var(--btn-horizontal-padding, 1.5em)`};\n  width: ${({ $isIconButton }) =>\n    $isIconButton ? `var(--_button-height, 3rem)` : \"auto\"};\n  min-width: ${({ $isIconButton }) =>\n    $isIconButton ? `var(--_button-height, 3rem)` : \"auto\"};\n  border-radius: var(--btn-border-radius, 0px);\n  border-style: solid;\n  border-width: var(--btn-border-thickness, 2px);\n\n  transition:\n    color 0.2s ease,\n    background-color 0.2s ease,\n    border-color 0.2s ease;\n\n  cursor: pointer;\n  font-size: var(--font-size-m, 1rem);\n  font-family: var(--typ-font-family-buttons, \"Poppins\", Arial, sans-serif);\n  font-weight: var(--typ-font-weight-buttons, 400);\n  text-align: center;\n  text-transform: var(--btn-text-transform, none);\n  text-decoration: var(--btn-text-decoration, none);\n\n  &:focus-visible {\n    outline: auto;\n  }\n\n  ${(props) =>\n    props.$appearance === \"primary\" &&\n    css`\n      background-color: var(--clr-button-primary-background, #e60079);\n      border-color: var(--clr-button-primary-border, #e60079);\n      color: var(--clr-button-primary-text, #ffffff) !important;\n      &:focus,\n      &:hover {\n        background-color: var(--clr-button-primary-background-hover, #cc006c);\n        border-color: var(--clr-button-primary-border-hover, #cc006c);\n        color: var(--clr-button-primary-text-hover, #ffffff) !important;\n      }\n      &:disabled {\n        cursor: not-allowed;\n        background-color: var(\n          --clr-button-primary-disabled-background,\n          #e6e6e6\n        );\n        color: var(--clr-button-primary-disabled-text, #666666) !important;\n        border-color: var(--clr-button-primary-disabled-border, #e6e6e6);\n      }\n    `}\n\n  ${(props) =>\n    props.$appearance === \"secondary\" &&\n    css`\n      background-color: var(--clr-button-secondary-background, #ffffff);\n      border-color: var(--clr-button-secondary-border, #e60079);\n      color: var(--clr-button-secondary-text, #e60079) !important;\n      &:focus,\n      &:hover {\n        background-color: var(--clr-button-secondary-background-hover, #ffe6f3);\n        border-color: var(--clr-button-secondary-border-hover, #ffe6f3);\n        color: var(--clr-button-secondary-text-hover, #e60079) !important;\n      }\n      &:disabled {\n        cursor: not-allowed;\n        background-color: var(\n          --clr-button-secondary-disabled-background,\n          #e6e6e6\n        );\n        color: var(--clr-button-secondary-disabled-text, #666666) !important;\n        border-color: var(--clr-button-secondary-disabled-border, #e6e6e6);\n      }\n    `}\n\n  ${(props) =>\n    props.$appearance === \"tertiary\" &&\n    css`\n      display: inline-block;\n      padding: 0;\n      border: 0px;\n      background-color: rgba(255, 255, 255, 0);\n      transition: color 0.2s ease;\n      color: var(--clr-button-tertiary-text, #e60079);\n      &:focus,\n      &:hover {\n        color: var(--clr-button-tertiary-text-hover, #cc006c);\n      }\n      &:disabled {\n        cursor: not-allowed;\n        background-color: transparent;\n        color: var(--clr-button-tertiary-disabled-text, #666666) !important;\n        border-color: transparent;\n      }\n    `}\n  \n  ${({ $size, $isIconButton }) =>\n    $size === \"l\" &&\n    css`\n      min-height: var(--_button-height-large, 4rem);\n      border-radius: var(--btn-border-radius-large, 0px);\n      padding: ${$isIconButton\n        ? \"0\"\n        : `calc( (var(--_button-height-large, 4rem) - ( var(--btn-border-thickness, 2px) * 2) - var(--typ-line-height, 1.5em) ) / 2) var(--btn-horizontal-padding, 2rem)`};\n      min-width: ${$isIconButton\n        ? `var(--_button-height-large, 4rem)`\n        : \"auto\"};\n      height: ${$isIconButton\n        ? `var(--_button-height-large, 4rem)`\n        : \"min-content\"};\n    `}\n\n  ${(props) =>\n    props.$full &&\n    css`\n      width: 100%;\n    `}\n\n  ${(props) =>\n    props.$css &&\n    css`\n      ${props.$css}\n    `}\n`;\n"],"names":["Spacer","styled","span","templateObject_1","__makeTemplateObject","StyledButton","button","templateObject_8","_a","$isIconButton","props","$appearance","css","templateObject_2","templateObject_3","templateObject_4","$size","templateObject_5","$full","templateObject_6","$css","templateObject_7"],"mappings":"2HAIO,oBAAMA,EAASC,EAAOC,KAAIC,IAAAA,EAAAC,EAAA,CAAA,+FAAA,CAAA,kGAOpBC,EAAeJ,EAAOK,OAAMC,IAAAA,EAAAH,EAAA,CAAA,oOAAA,eAAA,mBAAA,6lBAAA,SAAA,SAAA,WAAA,SAAA,SAAA,MAAA,CAOvC,oOAagK,eAExG,mBAEA,6lBA2CrD,SAuBA,SAqBA,WAgBA,SAMA,SAMA,QA1HQ,SAACI,GACV,OADyBA,EAAAC,cAErB,IACA,0JAFJ,EAGO,SAACD,GACR,OADuBA,EAAAC,cACP,8BAAgC,MAAhD,EACW,SAACD,GACZ,OAD2BA,EAAAC,cACX,8BAAgC,MAAhD,EAsBA,SAACC,GACD,MAAsB,YAAtBA,EAAMC,aACNC,EAAGC,IAAAA,EAAAT,EAAA,CAAA,uyBAAA,CAAA,yyBADH,EAsBA,SAACM,GACD,MAAsB,cAAtBA,EAAMC,aACNC,EAAGE,IAAAA,EAAAV,EAAA,CAAA,yzBAAA,CAAA,2zBADH,EAsBA,SAACM,GACD,MAAsB,aAAtBA,EAAMC,aACNC,EAAGG,IAAAA,EAAAX,EAAA,CAAA,2hBAAA,CAAA,6hBADH,EAoBA,SAACI,OAAEQ,EAAKR,EAAAQ,MAAEP,EAAaD,EAAAC,cACvB,MAAU,MAAVO,GACAJ,EAAGK,IAAAA,EAAAb,EAAA,CAAA,qIAAA,uBAAA,oBAAA,WAAA,CAAA,qIAKkK,uBAGzJ,oBAGO,aARNK,EACP,IACA,gKACSA,EACT,oCACA,OACMA,EACN,oCACA,cAZN,EAeA,SAACC,GACD,OAAAA,EAAMQ,OACNN,EAAGO,IAAAA,EAAAf,EAAA,CAAA,8BAAA,CAAA,gCADH,EAKA,SAACM,GACD,OAAAA,EAAMU,MACNR,EAAGS,IAAAA,EAAAjB,EAAA,CAAA,WAAA,UAAA,CAAA,WACW,YAAVM,EAAMU,KAFV"}

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

@@ -1,24 +0,0 @@
-export declare const CarouselWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const CarouselScrollArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, {
-    $smoothScrolling: boolean;
-}>> & string;
-export declare const CarouselCard: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {
-    $onlyChild: boolean;
-    $fullWidthChild: boolean;
-}>> & string;
-export declare const CarouselCardInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isSelected: boolean;
-    $shrinkUnselectedPages: boolean;
-    $onlyChild: boolean;
-    $fullWidthChild: boolean;
-}>> & string;
-export declare const ButtonWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const VerticalAlign: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const CarouselButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, never>> & string;
-export declare const DotContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $count: number;
-}>> & string;
-export declare const Dot: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
-    $selected: boolean;
-}>> & string;
-export declare const ScreenReaderOnly: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var o,r,t,i,a,s,l,d,c,p,m=e.div(o||(o=n(["\n  position: relative;\n  width: 100%;\n  overflow-y: hidden;\n"],["\n  position: relative;\n  width: 100%;\n  overflow-y: hidden;\n"]))),f=e.ul(r||(r=n(["\n  position: relative;\n  overflow-x: scroll;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: ",";\n  -webkit-overflow-scrolling: touch;\n  white-space: nowrap;\n  padding-left: 0;\n  padding-right: 0;\n  padding-bottom: 20px;\n  margin-bottom: -20px;\n  height: 100%;\n"],["\n  position: relative;\n  overflow-x: scroll;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: ",";\n  -webkit-overflow-scrolling: touch;\n  white-space: nowrap;\n  padding-left: 0;\n  padding-right: 0;\n  padding-bottom: 20px;\n  margin-bottom: -20px;\n  height: 100%;\n"])),function(n){return n.$smoothScrolling?"smooth":"auto"}),h=e.li(t||(t=n(["\n  scroll-snap-align: center;\n  display: inline-block;\n  width: ",";\n"],["\n  scroll-snap-align: center;\n  display: inline-block;\n  width: ",";\n"])),function(n){var e=n.$onlyChild,o=n.$fullWidthChild;return e||o?"100%":"80%"}),u=e.div(i||(i=n(["\n  transition: transform 0.2s linear;\n  transform: ",";\n"],["\n  transition: transform 0.2s linear;\n  transform: ",";\n"])),function(n){var e=n.$isSelected,o=n.$shrinkUnselectedPages,r=n.$onlyChild,t=n.$fullWidthChild;return r||e&&o||t?"scale(1)":"scale(0.9)"}),g=e.div(a||(a=n(["\n  display: flex;\n  justify-content: center;\n  font-size: 1em;\n"],["\n  display: flex;\n  justify-content: center;\n  font-size: 1em;\n"]))),x=e.span(s||(s=n(["\n  display: block;\n  margin: auto;\n  height: 1.25em; // should be same size a icon size\n"],["\n  display: block;\n  margin: auto;\n  height: 1.25em; // should be same size a icon size\n"]))),b=e.button(l||(l=n(["\n  height: 100%;\n  cursor: pointer;\n  background-color: rgba(255, 255, 255, 0);\n  border: none;\n  /* TODO if this makes it into the component library carouselButtonColor should be a theme prop */\n  color: var(--clr-carousel-button, #e60079);\n  font-size: var(--font-size-xxxl, 2rem);\n  font-weight: 600;\n  transition:\n    color 0.3s ease,\n    transform 0.3s ease;\n  max-width: 3rem;\n  padding: 0;\n  vertical-align: middle;\n  user-select: none;\n\n  transform: scale(0.8);\n  &:hover {\n    transform: scale(1);\n\n    &:disabled {\n      transform: scale(0.8);\n    }\n  }\n\n  &:disabled {\n    color: var(--clr-disabled, #e6e6e6);\n  }\n"],["\n  height: 100%;\n  cursor: pointer;\n  background-color: rgba(255, 255, 255, 0);\n  border: none;\n  /* TODO if this makes it into the component library carouselButtonColor should be a theme prop */\n  color: var(--clr-carousel-button, #e60079);\n  font-size: var(--font-size-xxxl, 2rem);\n  font-weight: 600;\n  transition:\n    color 0.3s ease,\n    transform 0.3s ease;\n  max-width: 3rem;\n  padding: 0;\n  vertical-align: middle;\n  user-select: none;\n\n  transform: scale(0.8);\n  &:hover {\n    transform: scale(1);\n\n    &:disabled {\n      transform: scale(0.8);\n    }\n  }\n\n  &:disabled {\n    color: var(--clr-disabled, #e6e6e6);\n  }\n"]))),v=e.div(d||(d=n(["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  display: ",";\n\n  @media (min-width: 768px) {\n    display: ",";\n  }\n\n  @media (min-width: 1024px) {\n    display: ",";\n  }\n"],["\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  display: ",";\n\n  @media (min-width: 768px) {\n    display: ",";\n  }\n\n  @media (min-width: 1024px) {\n    display: ",";\n  }\n"])),function(n){return n.$count>6?"none":"flex"},function(n){return n.$count>10?"none":"flex"},function(n){return n.$count>20?"none":"flex"}),w=e.button(c||(c=n(["\n  border: none;\n  outline-offset: var(--spacing-xxs, 1rem);\n  padding: 0;\n  margin: auto var(--spacing-xxs, 1rem);\n  width: var(--font-size-l, 1.25rem);\n  height: var(--font-size-l, 1.25rem);\n  border-radius: 50%;\n\n  border: solid 1px var(--clr-carousel-button, #000000);\n  background-color: ",";\n  user-select: none;\n  transition:\n    background-color 0.3s ease,\n    transform 0.3s ease;\n  transform: scale(0.8);\n  &:hover {\n    transform: scale(1);\n  }\n"],["\n  border: none;\n  outline-offset: var(--spacing-xxs, 1rem);\n  padding: 0;\n  margin: auto var(--spacing-xxs, 1rem);\n  width: var(--font-size-l, 1.25rem);\n  height: var(--font-size-l, 1.25rem);\n  border-radius: 50%;\n\n  border: solid 1px var(--clr-carousel-button, #000000);\n  background-color: ",";\n  user-select: none;\n  transition:\n    background-color 0.3s ease,\n    transform 0.3s ease;\n  transform: scale(0.8);\n  &:hover {\n    transform: scale(1);\n  }\n"])),function(n){return n.$selected?"var(--clr-carousel-button, #000000)":"var(--clr-background-light, #ffffff)"}),y=e.span(p||(p=n(["\n  border: 0px;\n  clip: rect(0px, 0px, 0px, 0px);\n  height: 1px;\n  margin-bottom: -1px;\n  margin-right: -1px;\n  overflow: hidden;\n  padding: 0px;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n"],["\n  border: 0px;\n  clip: rect(0px, 0px, 0px, 0px);\n  height: 1px;\n  margin-bottom: -1px;\n  margin-right: -1px;\n  overflow: hidden;\n  padding: 0px;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n"])));export{g as ButtonWrapper,b as CarouselButton,h as CarouselCard,u as CarouselCardInner,f as CarouselScrollArea,m as CarouselWrapper,w as Dot,v as DotContainer,y as ScreenReaderOnly,x as VerticalAlign};
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Carousel/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const CarouselWrapper = styled.div`\n  position: relative;\n  width: 100%;\n  overflow-y: hidden;\n`;\n\nexport const CarouselScrollArea = styled.ul<{\n  $smoothScrolling: boolean;\n}>`\n  position: relative;\n  overflow-x: scroll;\n  scroll-snap-type: x mandatory;\n  scroll-behavior: ${({ $smoothScrolling }) =>\n    $smoothScrolling ? \"smooth\" : \"auto\"};\n  -webkit-overflow-scrolling: touch;\n  white-space: nowrap;\n  padding-left: 0;\n  padding-right: 0;\n  padding-bottom: 20px;\n  margin-bottom: -20px;\n  height: 100%;\n`;\n\nexport const CarouselCard = styled.li<{\n  $onlyChild: boolean;\n  $fullWidthChild: boolean;\n}>`\n  scroll-snap-align: center;\n  display: inline-block;\n  width: ${({ $onlyChild, $fullWidthChild }) =>\n    $onlyChild || $fullWidthChild ? \"100%\" : \"80%\"};\n`;\n\nexport const CarouselCardInner = styled.div<{\n  $isSelected: boolean;\n  $shrinkUnselectedPages: boolean;\n  $onlyChild: boolean;\n  $fullWidthChild: boolean;\n}>`\n  transition: transform 0.2s linear;\n  transform: ${({\n    $isSelected,\n    $shrinkUnselectedPages,\n    $onlyChild,\n    $fullWidthChild,\n  }) =>\n    $onlyChild || ($isSelected && $shrinkUnselectedPages) || $fullWidthChild\n      ? \"scale(1)\"\n      : \"scale(0.9)\"};\n`;\n\nexport const ButtonWrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  font-size: 1em;\n`;\n\nexport const VerticalAlign = styled.span`\n  display: block;\n  margin: auto;\n  height: 1.25em; // should be same size a icon size\n`;\n\nexport const CarouselButton = styled.button`\n  height: 100%;\n  cursor: pointer;\n  background-color: rgba(255, 255, 255, 0);\n  border: none;\n  /* TODO if this makes it into the component library carouselButtonColor should be a theme prop */\n  color: var(--clr-carousel-button, #e60079);\n  font-size: var(--font-size-xxxl, 2rem);\n  font-weight: 600;\n  transition:\n    color 0.3s ease,\n    transform 0.3s ease;\n  max-width: 3rem;\n  padding: 0;\n  vertical-align: middle;\n  user-select: none;\n\n  transform: scale(0.8);\n  &:hover {\n    transform: scale(1);\n\n    &:disabled {\n      transform: scale(0.8);\n    }\n  }\n\n  &:disabled {\n    color: var(--clr-disabled, #e6e6e6);\n  }\n`;\n\nexport const DotContainer = styled.div<{ $count: number }>`\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  display: ${({ $count }) => ($count > 6 ? \"none\" : \"flex\")};\n\n  @media (min-width: 768px) {\n    display: ${({ $count }) => ($count > 10 ? \"none\" : \"flex\")};\n  }\n\n  @media (min-width: 1024px) {\n    display: ${({ $count }) => ($count > 20 ? \"none\" : \"flex\")};\n  }\n`;\n\nexport const Dot = styled.button<{ $selected: boolean }>`\n  border: none;\n  outline-offset: var(--spacing-xxs, 1rem);\n  padding: 0;\n  margin: auto var(--spacing-xxs, 1rem);\n  width: var(--font-size-l, 1.25rem);\n  height: var(--font-size-l, 1.25rem);\n  border-radius: 50%;\n\n  border: solid 1px var(--clr-carousel-button, #000000);\n  background-color: ${({ $selected }) =>\n    $selected\n      ? \"var(--clr-carousel-button, #000000)\"\n      : \"var(--clr-background-light, #ffffff)\"};\n  user-select: none;\n  transition:\n    background-color 0.3s ease,\n    transform 0.3s ease;\n  transform: scale(0.8);\n  &:hover {\n    transform: scale(1);\n  }\n`;\n\n// TODO move to its own component\nexport const ScreenReaderOnly = styled.span`\n  border: 0px;\n  clip: rect(0px, 0px, 0px, 0px);\n  height: 1px;\n  margin-bottom: -1px;\n  margin-right: -1px;\n  overflow: hidden;\n  padding: 0px;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n`;\n"],"names":["CarouselWrapper","styled","div","templateObject_1","__makeTemplateObject","CarouselScrollArea","ul","templateObject_2","_a","$smoothScrolling","CarouselCard","li","templateObject_3","$onlyChild","$fullWidthChild","CarouselCardInner","templateObject_4","$isSelected","$shrinkUnselectedPages","ButtonWrapper","templateObject_5","VerticalAlign","span","templateObject_6","CarouselButton","button","templateObject_7","DotContainer","templateObject_8","$count","Dot","templateObject_9","$selected","ScreenReaderOnly","templateObject_10"],"mappings":"iHAEO,wBAAMA,EAAkBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,oEAAA,CAAA,uEAM5BC,EAAqBJ,EAAOK,GAAEC,IAAAA,EAAAH,EAAA,CAAA,wGAAA,iLAAA,CAEzC,wGAKsC,mLADnB,SAACI,GAClB,OADoCA,EAAAC,iBACjB,SAAW,MAA9B,GAUSC,EAAeT,EAAOU,GAAEC,IAAAA,EAAAR,EAAA,CAAA,sEAAA,OAAA,CAGnC,sEAIgD,SADvC,SAACI,OAAEK,EAAUL,EAAAK,WAAEC,EAAeN,EAAAM,gBACrC,OAAAD,GAAcC,EAAkB,OAAS,KAAzC,GAGSC,EAAoBd,EAAOC,IAAGc,IAAAA,EAAAZ,EAAA,CAAA,wDAAA,OAAA,CAKzC,wDAUkB,SARL,SAACI,OACZS,EAAWT,EAAAS,YACXC,EAAsBV,EAAAU,uBACtBL,EAAUL,EAAAK,WACVC,EAAeN,EAAAM,gBAEf,OAAAD,GAAeI,GAAeC,GAA2BJ,EACrD,WACA,YAFJ,GAKSK,EAAgBlB,EAAOC,IAAGkB,IAAAA,EAAAhB,EAAA,CAAA,uEAAA,CAAA,0EAM1BiB,EAAgBpB,EAAOqB,KAAIC,IAAAA,EAAAnB,EAAA,CAAA,gGAAA,CAAA,mGAM3BoB,EAAiBvB,EAAOwB,OAAMC,IAAAA,EAAAtB,EAAA,CAAA,kpBAAA,CAAA,qpBA+B9BuB,EAAe1B,EAAOC,IAAG0B,IAAAA,EAAAxB,EAAA,CAAA,sFAAA,oDAAA,0DAAA,YAAA,CAAoB,sFAIC,oDAGG,0DAIA,cAPjD,SAACI,GAAe,OAAPA,EAAAqB,OAAiB,EAAI,OAAS,MAAvB,EAGd,SAACrB,GAAe,OAAPA,EAAAqB,OAAiB,GAAK,OAAS,MAAxB,EAIhB,SAACrB,GAAe,OAAPA,EAAAqB,OAAiB,GAAK,OAAS,MAAxB,GAIlBC,EAAM7B,EAAOwB,OAAMM,IAAAA,EAAA3B,EAAA,CAAA,kTAAA,6KAAA,CAAwB,kTAaV,+KAHxB,SAACI,GACnB,OAD8BA,EAAAwB,UAE1B,sCACA,sCAFJ,GAcSC,EAAmBhC,EAAOqB,KAAIY,IAAAA,EAAA9B,EAAA,CAAA,4NAAA,CAAA"}

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

@@ -1,9 +0,0 @@
-export declare const CheckWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const Check: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
-export declare const StyledLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, {
-    $checked: boolean;
-    $disabled: boolean;
-    $hasError: boolean;
-}>> & string;
-export declare const SelectedBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledInput: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, never>> & string;

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var r,i,o,t,a,s=e.div(r||(r=n(["\n  --_check-box-size: 1.5rem;\n  --_button-height: 3em;\n  --_border-width: 2px;\n\n  display: inline-block;\n  height: var(--_check-box-size, 1.5rem);\n  width: var(--_check-box-size, 1.5rem);\n  position: absolute;\n  top: calc(50% - (var(--_check-box-size, 1.5rem) / 2));\n  left: var(--spacing-xs, 0.5rem);\n"],["\n  --_check-box-size: 1.5rem;\n  --_button-height: 3em;\n  --_border-width: 2px;\n\n  display: inline-block;\n  height: var(--_check-box-size, 1.5rem);\n  width: var(--_check-box-size, 1.5rem);\n  position: absolute;\n  top: calc(50% - (var(--_check-box-size, 1.5rem) / 2));\n  left: var(--spacing-xs, 0.5rem);\n"]))),d=e.span(i||(i=n(["\n  display: block;\n  position: relative;\n  border: 2px solid var(--clr-selection-border, #666);\n  height: var(--_check-box-size, 1.5rem);\n  width: var(--_check-box-size, 1.5rem);\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 5;\n  transition: border 0.25s ease;\n  overflow: hidden;\n  // do not increase font size of check icon at this breakpoint\n  @media (min-width: 1200px) {\n    font-size: var(--font-size-m, 1rem);\n  }\n\n  svg {\n    vertical-align: baseline;\n    path {\n      transition: transform 0.25s ease;\n      transform: rotateY(90deg);\n      transform-origin: center;\n    }\n  }\n"],["\n  display: block;\n  position: relative;\n  border: 2px solid var(--clr-selection-border, #666);\n  height: var(--_check-box-size, 1.5rem);\n  width: var(--_check-box-size, 1.5rem);\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 5;\n  transition: border 0.25s ease;\n  overflow: hidden;\n  // do not increase font size of check icon at this breakpoint\n  @media (min-width: 1200px) {\n    font-size: var(--font-size-m, 1rem);\n  }\n\n  svg {\n    vertical-align: baseline;\n    path {\n      transition: transform 0.25s ease;\n      transform: rotateY(90deg);\n      transform-origin: center;\n    }\n  }\n"]))),l=e.label(o||(o=n(['\n  box-sizing: border-box;\n  *,\n  *:after,\n  *:before {\n    box-sizing: border-box;\n  }\n  line-height: var(--typ-line-height, 1.5rem);\n  font-size: var(--font-size-base, 1rem);\n  font-family: var(--typ-font-family-base, "Poppins", Arial, sans-serif);\n\n  // increase font size for desktop\n  @media (min-width: 1200px) {\n    font-size: var(--font-size-ml, 1.125rem);\n  }\n\n  background-color: var(--clr-background-light, #fff);\n  position: relative;\n\n  cursor: ',";\n  display: block;\n\n  color: ",";\n  padding: calc(\n      (\n          var(--_button-height, 3em) -\n            (var(--size-border-width, 1px) * 2) - var(--typ-line-height, 1.5em)\n        ) /\n        2\n    )\n    var(--spacing-m, 2rem)\n    calc(\n      (\n          var(--_button-height, 3em) -\n            (var(--size-border-width, 1px) * 2) - var(--typ-line-height, 1.5em)\n        ) /\n        2\n    )\n    var(--spacing-xl, 3rem);\n  &:focus ~ "," "," {\n    outline: 2px solid #7aacfe; /* for non-webkit browsers */\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n\n  svg {\n    path {\n      fill: ",";\n    }\n  }\n\n  min-height: 2rem;\n\n  "," "," {\n    border-style: solid;\n    border-width: var(--_border-width, 2px);\n    border-color: ",";\n  }\n  &:hover "," "," {\n    border-style: solid;\n    border-width: var(--_border-width, 2px);\n    border-color: ",";\n  }\n"],['\n  box-sizing: border-box;\n  *,\n  *:after,\n  *:before {\n    box-sizing: border-box;\n  }\n  line-height: var(--typ-line-height, 1.5rem);\n  font-size: var(--font-size-base, 1rem);\n  font-family: var(--typ-font-family-base, "Poppins", Arial, sans-serif);\n\n  // increase font size for desktop\n  @media (min-width: 1200px) {\n    font-size: var(--font-size-ml, 1.125rem);\n  }\n\n  background-color: var(--clr-background-light, #fff);\n  position: relative;\n\n  cursor: ',";\n  display: block;\n\n  color: ",";\n  padding: calc(\n      (\n          var(--_button-height, 3em) -\n            (var(--size-border-width, 1px) * 2) - var(--typ-line-height, 1.5em)\n        ) /\n        2\n    )\n    var(--spacing-m, 2rem)\n    calc(\n      (\n          var(--_button-height, 3em) -\n            (var(--size-border-width, 1px) * 2) - var(--typ-line-height, 1.5em)\n        ) /\n        2\n    )\n    var(--spacing-xl, 3rem);\n  &:focus ~ "," "," {\n    outline: 2px solid #7aacfe; /* for non-webkit browsers */\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n\n  svg {\n    path {\n      fill: ",";\n    }\n  }\n\n  min-height: 2rem;\n\n  "," "," {\n    border-style: solid;\n    border-width: var(--_border-width, 2px);\n    border-color: ",";\n  }\n  &:hover "," "," {\n    border-style: solid;\n    border-width: var(--_border-width, 2px);\n    border-color: ",";\n  }\n"])),function(n){return n.$disabled?"not-allowed":"pointer"},function(n){return n.$disabled?"var(--clr-disabled, #e6e6e6)":"var(--clr-text-dark, #000)"},s,d,function(n){return n.$disabled?"var(--clr-disabled, #e6e6e6)":"var(--clr-check, #e60079)"},s,d,function(n){var e=n.$disabled,r=n.$hasError,i=n.$checked;return e?"var(--clr-disabled, #e6e6e6)":r?"var(--clr-danger, #ff0000)":i?"var(--clr-check, #e60079)":"var(--clr-input-border, #2e2d2c)"},s,d,function(n){var e=n.$disabled,r=n.$hasError,i=n.$checked;return e?"var(--clr-disabled, #e6e6e6)":r?"var(--clr-danger, #ff0000)":i?"var(--clr-check, #e60079)":"var(--clr-input-border, #2e2d2c)"}),c=e.div(t||(t=n(["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"],["\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n"]))),h=e.input(a||(a=n(["\n  margin-right: 5px !important;\n\n  /* This hides the original input */\n  position: absolute;\n  left: var(--spacing-xxs, 0.5rem);\n  opacity: 0;\n\n  &:focus ~ "," {\n    outline: none !important;\n    box-shadow: inset 0 0 0 2px var(--clr-input-border, #2e2d2c);\n    box-shadow: inset 0 0 0 2px -webkit-focus-ring-color;\n  }\n\n  &:checked ~ "," svg path {\n    transform: rotateY(0deg);\n  }\n"],["\n  margin-right: 5px !important;\n\n  /* This hides the original input */\n  position: absolute;\n  left: var(--spacing-xxs, 0.5rem);\n  opacity: 0;\n\n  &:focus ~ "," {\n    outline: none !important;\n    box-shadow: inset 0 0 0 2px var(--clr-input-border, #2e2d2c);\n    box-shadow: inset 0 0 0 2px -webkit-focus-ring-color;\n  }\n\n  &:checked ~ "," svg path {\n    transform: rotateY(0deg);\n  }\n"])),c,s);export{d as Check,s as CheckWrapper,c as SelectedBorder,h as StyledInput,l as StyledLabel};
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Checkbox/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const CheckWrapper = styled.div`\n  --_check-box-size: 1.5rem;\n  --_button-height: 3em;\n  --_border-width: 2px;\n\n  display: inline-block;\n  height: var(--_check-box-size, 1.5rem);\n  width: var(--_check-box-size, 1.5rem);\n  position: absolute;\n  top: calc(50% - (var(--_check-box-size, 1.5rem) / 2));\n  left: var(--spacing-xs, 0.5rem);\n`;\n\nexport const Check = styled.span`\n  display: block;\n  position: relative;\n  border: 2px solid var(--clr-selection-border, #666);\n  height: var(--_check-box-size, 1.5rem);\n  width: var(--_check-box-size, 1.5rem);\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  z-index: 5;\n  transition: border 0.25s ease;\n  overflow: hidden;\n  // do not increase font size of check icon at this breakpoint\n  @media (min-width: 1200px) {\n    font-size: var(--font-size-m, 1rem);\n  }\n\n  svg {\n    vertical-align: baseline;\n    path {\n      transition: transform 0.25s ease;\n      transform: rotateY(90deg);\n      transform-origin: center;\n    }\n  }\n`;\n\nexport const StyledLabel = styled.label<{\n  $checked: boolean;\n  $disabled: boolean;\n  $hasError: boolean;\n}>`\n  box-sizing: border-box;\n  *,\n  *:after,\n  *:before {\n    box-sizing: border-box;\n  }\n  line-height: var(--typ-line-height, 1.5rem);\n  font-size: var(--font-size-base, 1rem);\n  font-family: var(--typ-font-family-base, \"Poppins\", Arial, sans-serif);\n\n  // increase font size for desktop\n  @media (min-width: 1200px) {\n    font-size: var(--font-size-ml, 1.125rem);\n  }\n\n  background-color: var(--clr-background-light, #fff);\n  position: relative;\n\n  cursor: ${({ $disabled }) => ($disabled ? \"not-allowed\" : \"pointer\")};\n  display: block;\n\n  color: ${({ $disabled }) =>\n    $disabled ? \"var(--clr-disabled, #e6e6e6)\" : \"var(--clr-text-dark, #000)\"};\n  padding: calc(\n      (\n          var(--_button-height, 3em) -\n            (var(--size-border-width, 1px) * 2) - var(--typ-line-height, 1.5em)\n        ) /\n        2\n    )\n    var(--spacing-m, 2rem)\n    calc(\n      (\n          var(--_button-height, 3em) -\n            (var(--size-border-width, 1px) * 2) - var(--typ-line-height, 1.5em)\n        ) /\n        2\n    )\n    var(--spacing-xl, 3rem);\n  &:focus ~ ${CheckWrapper} ${Check} {\n    outline: 2px solid #7aacfe; /* for non-webkit browsers */\n    outline: 5px auto -webkit-focus-ring-color;\n  }\n\n  svg {\n    path {\n      fill: ${({ $disabled }) =>\n        $disabled\n          ? \"var(--clr-disabled, #e6e6e6)\"\n          : \"var(--clr-check, #e60079)\"};\n    }\n  }\n\n  min-height: 2rem;\n\n  ${CheckWrapper} ${Check} {\n    border-style: solid;\n    border-width: var(--_border-width, 2px);\n    border-color: ${({ $disabled, $hasError, $checked }) =>\n      $disabled\n        ? \"var(--clr-disabled, #e6e6e6)\"\n        : $hasError\n          ? \"var(--clr-danger, #ff0000)\"\n          : $checked\n            ? \"var(--clr-check, #e60079)\"\n            : \"var(--clr-input-border, #2e2d2c)\"};\n  }\n  &:hover ${CheckWrapper} ${Check} {\n    border-style: solid;\n    border-width: var(--_border-width, 2px);\n    border-color: ${({ $disabled, $hasError, $checked }) =>\n      $disabled\n        ? \"var(--clr-disabled, #e6e6e6)\"\n        : $hasError\n          ? \"var(--clr-danger, #ff0000)\"\n          : $checked\n            ? \"var(--clr-check, #e60079)\"\n            : \"var(--clr-input-border, #2e2d2c)\"};\n  }\n`;\n\nexport const SelectedBorder = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n`;\n\n// TODO when we get rid of bootstrap remove !important.\nexport const StyledInput = styled.input`\n  margin-right: 5px !important;\n\n  /* This hides the original input */\n  position: absolute;\n  left: var(--spacing-xxs, 0.5rem);\n  opacity: 0;\n\n  &:focus ~ ${SelectedBorder} {\n    outline: none !important;\n    box-shadow: inset 0 0 0 2px var(--clr-input-border, #2e2d2c);\n    box-shadow: inset 0 0 0 2px -webkit-focus-ring-color;\n  }\n\n  &:checked ~ ${CheckWrapper} svg path {\n    transform: rotateY(0deg);\n  }\n`;\n"],"names":["CheckWrapper","styled","div","templateObject_1","__makeTemplateObject","Check","span","templateObject_2","StyledLabel","label","templateObject_3","_a","$disabled","$hasError","$checked","SelectedBorder","templateObject_4","StyledInput","input","templateObject_5"],"mappings":"iHAEO,cAAMA,EAAeC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,6TAAA,CAAA,gUAazBC,EAAQJ,EAAOK,KAAIC,IAAAA,EAAAH,EAAA,CAAA,mnBAAA,CAAA,snBA4BnBI,EAAcP,EAAOQ,MAAKC,IAAAA,EAAAN,EAAA,CAAA,geAAA,oCAAA,2aAAA,IAAA,+JAAA,6CAAA,IAAA,iGAAA,qBAAA,IAAA,iGAAA,YAAA,CAIrC,geAmBoE,oCAIO,2aAiBnD,IAAS,+JAUI,6CAMvB,IAAS,iGAUuB,qBAExB,IAAS,iGAUe,cA3DpC,SAACO,GAAkB,OAAPA,EAAAC,UAAoB,cAAgB,SAA7B,EAGpB,SAACD,GACR,OADmBA,EAAAC,UACP,+BAAiC,4BAA7C,EAiBUZ,EAAgBK,EAOhB,SAACM,GACP,OADkBA,EAAAC,UAEd,+BACA,2BAFJ,EAQJZ,EAAgBK,EAGA,SAACM,GAAE,IAAAC,cAAWC,EAASF,EAAAE,UAAEC,EAAQH,EAAAG,SAC/C,OAAAF,EACI,+BACAC,EACE,6BACAC,EACE,4BACA,kCANR,EAQMd,EAAgBK,EAGR,SAACM,GAAE,IAAAC,cAAWC,EAASF,EAAAE,UAAEC,EAAQH,EAAAG,SAC/C,OAAAF,EACI,+BACAC,EACE,6BACAC,EACE,4BACA,kCANR,GAUOC,EAAiBd,EAAOC,IAAGc,IAAAA,EAAAZ,EAAA,CAAA,qFAAA,CAAA,wFAS3Ba,EAAchB,EAAOiB,MAAKC,IAAAA,EAAAf,EAAA,CAAA,wKAAA,yLAAA,qDAAA,CAAA,wKAQX,yLAMA,uDANdW,EAMEf"}

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

@@ -1,24 +0,0 @@
-export declare const transitionDurationSeconds = 0.5;
-export declare const FlippingIcon: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
-    $open: boolean;
-}>> & string;
-export declare const DefaultHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").ButtonHTMLAttributes<HTMLElement> & {
-    appearance?: import("..").ButtonAppearanceType;
-    full?: boolean;
-    href?: string;
-    size?: "m" | "l";
-    css?: unknown;
-    as?: import("react").ElementType;
-    isIconButton?: boolean;
-    ref?: import("react").Ref<HTMLElement>;
-    children?: import("react").ReactNode;
-}, {
-    $textColor?: string;
-    $textSize?: string;
-    $textFontFamily?: string;
-}>> & string & Omit<(props: import("../Button").ButtonProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export declare const CollapseContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $contentHeight: string;
-    $openStatus: boolean;
-}>> & string;
-export declare const CustomHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import t from"styled-components";import{Button as i}from"../Button/index.js";var o,r,e,a,s=.5,l=t.span(o||(o=n(["\n  display: inline-block;\n  transform: ",";\n  transition-duration: ","s;\n"],["\n  display: inline-block;\n  transform: ",";\n  transition-duration: ","s;\n"])),function(n){return n.$open?"translateY(0.1em) scaleY(-1)":"initial"},.5),f=t(i)(r||(r=n(["\n  display: flex;\n  color: ",";\n  font-size: ",";\n  font-family: ",";\n  font-weight: normal;\n  margin-bottom: 0;\n  height: initial;\n  text-decoration: none;\n  text-align: left;\n  border-radius: 0;\n  &:hover,\n  &:focus {\n    color: ",";\n  }\n"],["\n  display: flex;\n  color: ",";\n  font-size: ",";\n  font-family: ",";\n  font-weight: normal;\n  margin-bottom: 0;\n  height: initial;\n  text-decoration: none;\n  text-align: left;\n  border-radius: 0;\n  &:hover,\n  &:focus {\n    color: ",";\n  }\n"])),function(n){return n.$textColor},function(n){return n.$textSize},function(n){return n.$textFontFamily||'var(--typ-font-family-base, "Poppins", Arial, sans-serif)'},function(n){return n.$textColor}),m=t.div(e||(e=n(["\n  margin: 0;\n  transition: ","s ease;\n  height: ",";\n  visibility: ",";\n  overflow: hidden;\n  & > p {\n    margin-top: 0;\n  }\n"],["\n  margin: 0;\n  transition: ","s ease;\n  height: ",";\n  visibility: ",";\n  overflow: hidden;\n  & > p {\n    margin-top: 0;\n  }\n"])),.5,function(n){return n.$contentHeight},function(n){return n.$openStatus?"visible":"hidden"}),u=t.div(a||(a=n(["\n  cursor: pointer;\n"],["\n  cursor: pointer;\n"])));export{m as CollapseContent,u as CustomHeader,f as DefaultHeader,l as FlippingIcon,s as transitionDurationSeconds};
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Collapse/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nimport Button from \"../Button\";\n\nexport const transitionDurationSeconds = 0.5;\n\nexport const FlippingIcon = styled.span<{ $open: boolean }>`\n  display: inline-block;\n  transform: ${({ $open }) =>\n    $open ? \"translateY(0.1em) scaleY(-1)\" : \"initial\"};\n  transition-duration: ${transitionDurationSeconds}s;\n`;\n\nexport const DefaultHeader = styled(Button)<{\n  $textColor?: string;\n  $textSize?: string;\n  $textFontFamily?: string;\n}>`\n  display: flex;\n  color: ${({ $textColor }) => $textColor};\n  font-size: ${({ $textSize }) => $textSize};\n  font-family: ${({ $textFontFamily }) =>\n    $textFontFamily ||\n    `var(--typ-font-family-base, \"Poppins\", Arial, sans-serif)`};\n  font-weight: normal;\n  margin-bottom: 0;\n  height: initial;\n  text-decoration: none;\n  text-align: left;\n  border-radius: 0;\n  &:hover,\n  &:focus {\n    color: ${({ $textColor }) => $textColor};\n  }\n`;\n\nexport const CollapseContent = styled.div<{\n  $contentHeight: string;\n  $openStatus: boolean;\n}>`\n  margin: 0;\n  transition: ${transitionDurationSeconds}s ease;\n  height: ${({ $contentHeight }: { $contentHeight: string }) => $contentHeight};\n  visibility: ${({ $openStatus }: { $openStatus: boolean }) =>\n    $openStatus ? \"visible\" : \"hidden\"};\n  overflow: hidden;\n  & > p {\n    margin-top: 0;\n  }\n`;\n\nexport const CustomHeader = styled.div`\n  cursor: pointer;\n`;\n"],"names":["transitionDurationSeconds","FlippingIcon","styled","span","templateObject_1","__makeTemplateObject","_a","$open","DefaultHeader","Button","templateObject_2","$textColor","$textSize","$textFontFamily","CollapseContent","div","templateObject_3","$contentHeight","$openStatus","CustomHeader","templateObject_4"],"mappings":"6JAIO,YAAMA,EAA4B,GAE5BC,EAAeC,EAAOC,KAAIC,IAAAA,EAAAC,EAAA,CAAA,4CAAA,6BAAA,QAAA,CAAoB,4CAGL,6BACJ,UAFnC,SAACC,GACZ,OADmBA,EAAAC,MACX,+BAAiC,SAAzC,EALqC,IAS5BC,EAAgBN,EAAOO,EAAPP,CAAcQ,IAAAA,EAAAL,EAAA,CAAA,gCAAA,mBAAA,qBAAA,+KAAA,YAAA,CAIzC,gCAEuC,mBACE,qBAGoB,+KASpB,cAbhC,SAACC,GAAmB,OAAPA,EAAAK,UAAO,EAChB,SAACL,GAAkB,OAAPA,EAAAM,SAAO,EACjB,SAACN,GACd,OAD+BA,EAAAO,iBAE/B,2DADA,EAUS,SAACP,GAAmB,OAAPA,EAAAK,UAAO,GAIpBG,EAAkBZ,EAAOa,IAAGC,IAAAA,EAAAX,EAAA,CAAA,iCAAA,sBAAA,oBAAA,gEAAA,CAGvC,iCAEuC,sBACqC,oBAExC,kEAxCG,GAsC7B,SAACC,GAAmD,OAAnCA,EAAAW,cAAmC,EAChD,SAACX,GACb,OAD0BA,EAAAY,YACZ,UAAY,QAA1B,GAOSC,EAAejB,EAAOa,IAAGK,IAAAA,EAAAf,EAAA,CAAA,0BAAA,CAAA"}

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

@@ -1,16 +0,0 @@
-export declare const Fieldset: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").FieldsetHTMLAttributes<HTMLFieldSetElement>, HTMLFieldSetElement>, never>> & string;
-export declare const LegendText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLLegendElement>, HTMLLegendElement>, never>> & string;
-export declare const TextAsLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Spacing").SpacingProps & import("react").HTMLAttributes<HTMLElement> & {
-    textColor?: typeof import("..").colours[number] | string;
-    textAlign?: "left" | "right" | "center" | "justify";
-    textSize?: import("..").FontSizeType;
-    textWeight?: number | string;
-    textFontFamily?: string;
-    as?: import("react").ElementType;
-    wordBreak?: import("..").WordBreakType;
-    overflowWrap?: import("..").OverflowWrapType;
-    ref?: import("react").Ref<HTMLElement>;
-}, never>> & string & Omit<(props: import("../Text").TextProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export declare const DateTextFieldWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const LargeDateTextFieldWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ErrorTextWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import i from"styled-components";import{Text as t}from"../Text/index.js";var a=i.fieldset(r||(r=n(["\n  margin: 0;\n  padding: 0;\n  border: 0;\n  *,\n  *:after,\n  *:before {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n  }\n"],["\n  margin: 0;\n  padding: 0;\n  border: 0;\n  *,\n  *:after,\n  *:before {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n  }\n"]))),e=i.legend(o||(o=n(['\n  font-family: var(--typ-font-family-label, "Poppins", Arial, sans-serif);\n  font-weight: var(--typ-font-weight-labels, 500);\n  margin-bottom: var(--spacing-xxs, 1rem);\n\n  // do not increase font size of check icon at this breakpoint\n  @media (min-width: 1200px) {\n    font-size: var(--font-size-ml, 1.125rem);\n  }\n'],['\n  font-family: var(--typ-font-family-label, "Poppins", Arial, sans-serif);\n  font-weight: var(--typ-font-weight-labels, 500);\n  margin-bottom: var(--spacing-xxs, 1rem);\n\n  // do not increase font size of check icon at this breakpoint\n  @media (min-width: 1200px) {\n    font-size: var(--font-size-ml, 1.125rem);\n  }\n'])));i(t)(s||(s=n(['\n  font-family: var(--typ-font-family-label, "Poppins", Arial, sans-serif);\n'],['\n  font-family: var(--typ-font-family-label, "Poppins", Arial, sans-serif);\n'])));var r,o,s,m,l,p,f=i.div(m||(m=n(["\n  display: inline-block;\n  width: 60px;\n  margin-right: var(--spacing-xs, 1rem);\n  span {\n    margin-bottom: 0.25rem; // this is smaller than xxs spacing\n    font-weight: var(--typ-font-weight-base, 300);\n  }\n"],["\n  display: inline-block;\n  width: 60px;\n  margin-right: var(--spacing-xs, 1rem);\n  span {\n    margin-bottom: 0.25rem; // this is smaller than xxs spacing\n    font-weight: var(--typ-font-weight-base, 300);\n  }\n"]))),b=i.div(l||(l=n(["\n  display: inline-block;\n  width: 80px;\n  margin-right: var(--spacing-xs, 1rem);\n  span {\n    margin-bottom: 0.25rem; // this is smaller than xxs spacing\n    font-weight: var(--typ-font-weight-base, 300);\n  }\n"],["\n  display: inline-block;\n  width: 80px;\n  margin-right: var(--spacing-xs, 1rem);\n  span {\n    margin-bottom: 0.25rem; // this is smaller than xxs spacing\n    font-weight: var(--typ-font-weight-base, 300);\n  }\n"]))),g=i.div(p||(p=n(["\n  clear: left;\n"],["\n  clear: left;\n"])));export{f as DateTextFieldWrapper,g as ErrorTextWrapper,a as Fieldset,b as LargeDateTextFieldWrapper,e as LegendText};
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/DateField/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport Text from \"../Text\";\n\nexport const Fieldset = styled.fieldset`\n  margin: 0;\n  padding: 0;\n  border: 0;\n  *,\n  *:after,\n  *:before {\n    -webkit-box-sizing: border-box;\n    -moz-box-sizing: border-box;\n    box-sizing: border-box;\n  }\n`;\n\nexport const LegendText = styled.legend`\n  font-family: var(--typ-font-family-label, \"Poppins\", Arial, sans-serif);\n  font-weight: var(--typ-font-weight-labels, 500);\n  margin-bottom: var(--spacing-xxs, 1rem);\n\n  // do not increase font size of check icon at this breakpoint\n  @media (min-width: 1200px) {\n    font-size: var(--font-size-ml, 1.125rem);\n  }\n`;\n\nexport const TextAsLabel = styled(Text)`\n  font-family: var(--typ-font-family-label, \"Poppins\", Arial, sans-serif);\n`;\n\nexport const DateTextFieldWrapper = styled.div`\n  display: inline-block;\n  width: 60px;\n  margin-right: var(--spacing-xs, 1rem);\n  span {\n    margin-bottom: 0.25rem; // this is smaller than xxs spacing\n    font-weight: var(--typ-font-weight-base, 300);\n  }\n`;\n\nexport const LargeDateTextFieldWrapper = styled.div`\n  display: inline-block;\n  width: 80px;\n  margin-right: var(--spacing-xs, 1rem);\n  span {\n    margin-bottom: 0.25rem; // this is smaller than xxs spacing\n    font-weight: var(--typ-font-weight-base, 300);\n  }\n`;\n\nexport const ErrorTextWrapper = styled.div`\n  clear: left;\n`;\n"],"names":["Fieldset","styled","fieldset","templateObject_1","__makeTemplateObject","LegendText","legend","templateObject_2","Text","templateObject_3","DateTextFieldWrapper","div","templateObject_4","LargeDateTextFieldWrapper","templateObject_5","ErrorTextWrapper","templateObject_6"],"mappings":"yJAGO,IAAMA,EAAWC,EAAOC,SAAQC,IAAAA,EAAAC,EAAA,CAAA,0LAAA,CAAA,6LAa1BC,EAAaJ,EAAOK,OAAMC,IAAAA,EAAAH,EAAA,CAAA,yUAAA,CAAA,4UAWZH,EAAOO,EAAPP,CAAYQ,IAAAA,EAAAL,EAAA,CAAA,kFAAA,CAAA,qFAIhC,gBAAMM,EAAuBT,EAAOU,IAAGC,IAAAA,EAAAR,EAAA,CAAA,8NAAA,CAAA,iOAUjCS,EAA4BZ,EAAOU,IAAGG,IAAAA,EAAAV,EAAA,CAAA,8NAAA,CAAA,iOAUtCW,EAAmBd,EAAOU,IAAGK,IAAAA,EAAAZ,EAAA,CAAA,sBAAA,CAAA"}

package/lib/src/components/Divider.d.ts

@@ -1,5 +0,0 @@
-import React, { type ReactNode } from "react";
-export declare const Divider: ({ children }: {
-    children?: ReactNode;
-}) => React.JSX.Element;
-export default Divider;

package/lib/src/components/Divider.js

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as n}from"../../node_modules/tslib/tslib.es6.js";import e from"react";import t from"styled-components";var i,o=t.div(i||(i=n(['\n  align-items: center;\n  display: flex;\n  flex-basis: 100%;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  text-align: center;\n  width: 100%;\n  &:before,\n  &:after {\n    background-color: #333;\n    content: "";\n    display: inline-block;\n    flex-grow: 1;\n    height: 1px;\n  }\n'],['\n  align-items: center;\n  display: flex;\n  flex-basis: 100%;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  text-align: center;\n  width: 100%;\n  &:before,\n  &:after {\n    background-color: #333;\n    content: "";\n    display: inline-block;\n    flex-grow: 1;\n    height: 1px;\n  }\n']))),l=function(n){var t=n.children;return e.createElement(o,null,t)};export{l as Divider,l as default};
-//# sourceMappingURL=Divider.js.map

package/lib/src/components/Divider.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Divider.js","sources":["../../../src/components/Divider.tsx"],"sourcesContent":["import React, { type ReactNode } from \"react\";\nimport styled from \"styled-components\";\n\nconst StyledDivider = styled.div`\n  align-items: center;\n  display: flex;\n  flex-basis: 100%;\n  padding-bottom: 10px;\n  padding-top: 10px;\n  text-align: center;\n  width: 100%;\n  &:before,\n  &:after {\n    background-color: #333;\n    content: \"\";\n    display: inline-block;\n    flex-grow: 1;\n    height: 1px;\n  }\n`;\n\nexport const Divider = ({ children }: { children?: ReactNode }) => (\n  <StyledDivider>{children}</StyledDivider>\n);\n\nexport default Divider;\n"],"names":["StyledDivider","styled","div","templateObject_1","__makeTemplateObject","Divider","_a","children","React","createElement"],"mappings":"mIAGA,MAAMA,EAAgBC,EAAOC,IAAGC,IAAAA,EAAAC,EAAA,CAAA,0SAAA,CAAA,6SAkBnBC,EAAU,SAACC,GAAE,IAAAC,EAAQD,EAAAC,SAAiC,OACjEC,EAAAC,cAACT,EAAa,KAAEO,EADiD"}

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

@@ -1,12 +0,0 @@
-export declare const StyledErrorText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("../Spacing").SpacingProps & import("react").HTMLAttributes<HTMLElement> & {
-    textColor?: typeof import("..").colours[number] | string;
-    textAlign?: "left" | "right" | "center" | "justify";
-    textSize?: import("..").FontSizeType;
-    textWeight?: number | string;
-    textFontFamily?: string;
-    as?: import("react").ElementType;
-    wordBreak?: import("..").WordBreakType;
-    overflowWrap?: import("..").OverflowWrapType;
-    ref?: import("react").Ref<HTMLElement>;
-}, never>> & string & Omit<(props: import("../Text").TextProps) => import("react").JSX.Element, keyof import("react").Component<any, {}, any>>;
-export default StyledErrorText;

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as o}from"../../../node_modules/tslib/tslib.es6.js";import i from"styled-components";import{Text as n}from"../Text/index.js";var e,l=i(n)(e||(e=o(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"])));export{l as StyledErrorText,l as default};
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/ErrorText/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\nimport Text from \"../Text\";\n\nexport const StyledErrorText = styled(Text)`\n  display: inline-block;\n`;\n\nexport default StyledErrorText;\n"],"names":["StyledErrorText","styled","Text","templateObject_1","__makeTemplateObject"],"mappings":"yJAGO,MAAMA,EAAkBC,EAAOC,EAAPD,CAAYE,IAAAA,EAAAC,EAAA,CAAA,gCAAA,CAAA"}

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

@@ -1,9 +0,0 @@
-export declare const StyledFooter: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
-export declare const FooterContentWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const FooterSection: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const StyledNav: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
-export declare const StyledUL: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLUListElement>, HTMLUListElement>, never>> & string;
-export declare const StyledLI: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, never>> & string;
-export declare const StyledRegulatorLogo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
-export declare const StyledAddress: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
-export declare const Bar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHRElement>, HTMLHRElement>, never>> & string;

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import i from"styled-components";var o,e,a,t,r,d,l,s,p,m=i.footer(o||(o=n(["\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  width: 100%;\n  background-color: var(--clr-footer-background, #fff);\n  padding-bottom: var(--spacing-m, 2rem);\n"],["\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  width: 100%;\n  background-color: var(--clr-footer-background, #fff);\n  padding-bottom: var(--spacing-m, 2rem);\n"]))),c=i.div(e||(e=n(["\n  max-width: var(--content-max-width, 1020px);\n  display: block;\n  margin: 0 auto;\n\n  @media (min-width: 1200px) {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n"],["\n  max-width: var(--content-max-width, 1020px);\n  display: block;\n  margin: 0 auto;\n\n  @media (min-width: 1200px) {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n"]))),g=i.div(a||(a=n(["\n  box-sizing: border-box;\n  display: inline-block;\n  padding: var(--spacing-s, 1.5rem) var(--spacing-s, 1.5rem) 0;\n  position: relative;\n  width: 100%;\n  flex: 0 1 auto;\n"],["\n  box-sizing: border-box;\n  display: inline-block;\n  padding: var(--spacing-s, 1.5rem) var(--spacing-s, 1.5rem) 0;\n  position: relative;\n  width: 100%;\n  flex: 0 1 auto;\n"]))),b=i.nav(t||(t=n(["\n  display: flex;\n  flex-direction: column;\n  a {\n    font-size: var(--font-size-m, 1rem);\n    font-weight: var(--typ-font-weight-links, 700);\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  a {\n    font-size: var(--font-size-m, 1rem);\n    font-weight: var(--typ-font-weight-links, 700);\n  }\n"]))),h=i.ul(r||(r=n(["\n  padding: 0;\n  margin: 0;\n"],["\n  padding: 0;\n  margin: 0;\n"]))),x=i.li(d||(d=n(["\n  list-style-type: none;\n  display: block;\n  padding: 0;\n  margin: 0;\n  line-height: 1;\n  padding-bottom: var(--spacing-xxs, 0.5rem);\n"],["\n  list-style-type: none;\n  display: block;\n  padding: 0;\n  margin: 0;\n  line-height: 1;\n  padding-bottom: var(--spacing-xxs, 0.5rem);\n"]))),f=i.img(l||(l=n(["\n  height: 40px;\n  width: auto;\n"],["\n  height: 40px;\n  width: auto;\n"]))),v=i.address(s||(s=n(["\n  display: inline;\n  font-style: normal;\n"],["\n  display: inline;\n  font-style: normal;\n"]))),y=i.hr(p||(p=n(["\n  opacity: 1;\n  margin-top: 0;\n  margin-bottom: 0;\n  margin-right: calc(50% - 50vw);\n  margin-left: calc(\n    100% - 100vw\n  ); // to be removed when every page has a white background\n  border-width: 0px 0px 0.25rem;\n  border-image: initial;\n  border-color: var(--clr-cruk-black, #000);\n  border-style: solid;\n  width: auto;\n"],["\n  opacity: 1;\n  margin-top: 0;\n  margin-bottom: 0;\n  margin-right: calc(50% - 50vw);\n  margin-left: calc(\n    100% - 100vw\n  ); // to be removed when every page has a white background\n  border-width: 0px 0px 0.25rem;\n  border-image: initial;\n  border-color: var(--clr-cruk-black, #000);\n  border-style: solid;\n  width: auto;\n"])));export{y as Bar,c as FooterContentWrapper,g as FooterSection,v as StyledAddress,m as StyledFooter,x as StyledLI,b as StyledNav,f as StyledRegulatorLogo,h as StyledUL};
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Footer/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledFooter = styled.footer`\n  box-sizing: border-box;\n  display: block;\n  position: relative;\n  width: 100%;\n  background-color: var(--clr-footer-background, #fff);\n  padding-bottom: var(--spacing-m, 2rem);\n`;\n\nexport const FooterContentWrapper = styled.div`\n  max-width: var(--content-max-width, 1020px);\n  display: block;\n  margin: 0 auto;\n\n  @media (min-width: 1200px) {\n    display: flex;\n    flex-direction: column;\n    justify-content: space-between;\n  }\n`;\n\nexport const FooterSection = styled.div`\n  box-sizing: border-box;\n  display: inline-block;\n  padding: var(--spacing-s, 1.5rem) var(--spacing-s, 1.5rem) 0;\n  position: relative;\n  width: 100%;\n  flex: 0 1 auto;\n`;\n\nexport const StyledNav = styled.nav`\n  display: flex;\n  flex-direction: column;\n  a {\n    font-size: var(--font-size-m, 1rem);\n    font-weight: var(--typ-font-weight-links, 700);\n  }\n`;\n\nexport const StyledUL = styled.ul`\n  padding: 0;\n  margin: 0;\n`;\n\nexport const StyledLI = styled.li`\n  list-style-type: none;\n  display: block;\n  padding: 0;\n  margin: 0;\n  line-height: 1;\n  padding-bottom: var(--spacing-xxs, 0.5rem);\n`;\n\nexport const StyledRegulatorLogo = styled.img`\n  height: 40px;\n  width: auto;\n`;\n\nexport const StyledAddress = styled.address`\n  display: inline;\n  font-style: normal;\n`;\n\nexport const Bar = styled.hr`\n  opacity: 1;\n  margin-top: 0;\n  margin-bottom: 0;\n  margin-right: calc(50% - 50vw);\n  margin-left: calc(\n    100% - 100vw\n  ); // to be removed when every page has a white background\n  border-width: 0px 0px 0.25rem;\n  border-image: initial;\n  border-color: var(--clr-cruk-black, #000);\n  border-style: solid;\n  width: auto;\n`;\n"],"names":["StyledFooter","styled","footer","templateObject_1","__makeTemplateObject","FooterContentWrapper","div","templateObject_2","FooterSection","templateObject_3","StyledNav","nav","templateObject_4","StyledUL","ul","templateObject_5","StyledLI","li","templateObject_6","StyledRegulatorLogo","img","templateObject_7","StyledAddress","address","templateObject_8","Bar","hr","templateObject_9"],"mappings":"iHAEO,sBAAMA,EAAeC,EAAOC,OAAMC,IAAAA,EAAAC,EAAA,CAAA,+LAAA,CAAA,kMAS5BC,EAAuBJ,EAAOK,IAAGC,IAAAA,EAAAH,EAAA,CAAA,yNAAA,CAAA,4NAYjCI,EAAgBP,EAAOK,IAAGG,IAAAA,EAAAL,EAAA,CAAA,sLAAA,CAAA,yLAS1BM,EAAYT,EAAOU,IAAGC,IAAAA,EAAAR,EAAA,CAAA,8JAAA,CAAA,iKAStBS,EAAWZ,EAAOa,GAAEC,IAAAA,EAAAX,EAAA,CAAA,mCAAA,CAAA,sCAKpBY,EAAWf,EAAOgB,GAAEC,IAAAA,EAAAd,EAAA,CAAA,kJAAA,CAAA,qJASpBe,EAAsBlB,EAAOmB,IAAGC,IAAAA,EAAAjB,EAAA,CAAA,uCAAA,CAAA,0CAKhCkB,EAAgBrB,EAAOsB,QAAOC,IAAAA,EAAApB,EAAA,CAAA,iDAAA,CAAA,oDAK9BqB,EAAMxB,EAAOyB,GAAEC,IAAAA,EAAAvB,EAAA,CAAA,uVAAA,CAAA"}

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

@@ -1,22 +0,0 @@
-export declare const StyledHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, never>> & string;
-export declare const HeaderStickyPlaceHolder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const HeaderStickyContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isSmall?: boolean;
-    $isSticky?: boolean;
-}>> & string;
-export declare const HeaderMainContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $fullWidth?: boolean;
-}>> & string;
-export declare const Logo: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, never>> & string;
-export declare const LogoWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    $isSmall?: boolean;
-    $isSticky?: boolean;
-}>> & string;
-export declare const StyledLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
-export declare const SkipToMain: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, never>> & string;
-export declare const Tagline: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {
-    $isSmall?: boolean;
-    $isSticky?: boolean;
-}>> & string;
-export declare const ChildWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ChildInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as n}from"../../../node_modules/tslib/tslib.es6.js";import e from"styled-components";var i,t,a,o,r,h,d,s,l,g,p,x=e.header(i||(i=n(["\n  --_header-height-large: 120px;\n  --_header-height-small: 72px;\n  --_header-logo-height-large: 80px;\n  --_header-logo-height-small: 40px;\n  --_header-padding: var(--spacing-xs, 1rem);\n  --_animation-speed: 0.2s;\n\n  box-sizing: border-box;\n  position: relative;\n  width: 100%;\n  background-color: var(--clr-header-background, #ffffff);\n  z-index: 9998;\n"],["\n  --_header-height-large: 120px;\n  --_header-height-small: 72px;\n  --_header-logo-height-large: 80px;\n  --_header-logo-height-small: 40px;\n  --_header-padding: var(--spacing-xs, 1rem);\n  --_animation-speed: 0.2s;\n\n  box-sizing: border-box;\n  position: relative;\n  width: 100%;\n  background-color: var(--clr-header-background, #ffffff);\n  z-index: 9998;\n"]))),f=e.div(t||(t=n(["\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: var(--_header-height-small, 72px);\n\n  @media (min-width: 992px) {\n    height: var(--_header-height-large, 120px);\n  }\n"],["\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: var(--_header-height-small, 72px);\n\n  @media (min-width: 992px) {\n    height: var(--_header-height-large, 120px);\n  }\n"]))),c=e.div(a||(a=n(["\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  padding: 0 var(--_header-padding, 1rem);\n  background-color: var(--clr-header-background, #ffffff);\n  position: relative;\n  border-bottom: solid 1px var(--clr-header-border, #e6e6e6);\n  height: var(--_header-height-small, 72px);\n  box-shadow: ",";\n  top: ",";\n  position: ",";\n  transition: height var(--_animation-speed, 0.2s) ease;\n  @media (min-width: 992px) {\n    position: ",";\n    height: ",";\n  }\n"],["\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  padding: 0 var(--_header-padding, 1rem);\n  background-color: var(--clr-header-background, #ffffff);\n  position: relative;\n  border-bottom: solid 1px var(--clr-header-border, #e6e6e6);\n  height: var(--_header-height-small, 72px);\n  box-shadow: ",";\n  top: ",";\n  position: ",";\n  transition: height var(--_animation-speed, 0.2s) ease;\n  @media (min-width: 992px) {\n    position: ",";\n    height: ",";\n  }\n"])),function(n){return n.$isSticky?"var(--shadow-l)":"none"},function(n){return n.$isSticky?0:"auto"},function(n){return n.$isSticky?"fixed":"relative"},function(n){return n.$isSticky?"fixed":"relative"},function(n){var e=n.$isSmall,i=n.$isSticky;return e&&i?"var(--_header-height-small, 72px)":"var(--_header-height-large, 120px)"}),m=e.div(o||(o=n(["\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  margin: 0 auto;\n  max-width: ",";\n"],["\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  margin: 0 auto;\n  max-width: ",";\n"])),function(n){return n.$fullWidth?"100%":"var(--content-max-width, 1000px)"}),u=e.img(r||(r=n(["\n  height: 100%;\n  width: auto;\n  max-width: 100%;\n  max-height: 100%;\n"],["\n  height: 100%;\n  width: auto;\n  max-width: 100%;\n  max-height: 100%;\n"]))),v=e.div(h||(h=n(["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  width: auto;\n  transition: height var(--_animation-speed, 0.2s) ease;\n\n  height: var(--_header-logo-height-small, 40px);\n\n  @media (min-width: 992px) {\n    height: ",";\n  }\n"],["\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  width: auto;\n  transition: height var(--_animation-speed, 0.2s) ease;\n\n  height: var(--_header-logo-height-small, 40px);\n\n  @media (min-width: 992px) {\n    height: ",";\n  }\n"])),function(n){var e=n.$isSmall,i=n.$isSticky;return e&&i?"var(--_header-logo-height-small, 40px)":"var(--_header-logo-height-large, 80px)"}),b=e.a(d||(d=n(["\n  display: inline-block;\n"],["\n  display: inline-block;\n"]))),w=e.a(s||(s=n(["\n  left: -999px;\n  position: absolute;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  z-index: -999;\n  &:focus,\n  &:active,\n  &:focus-within {\n    left: auto;\n    top: auto;\n    width: 30%;\n    height: auto;\n    overflow: auto;\n    margin: 10px 35%;\n    padding: var(--spacing-xs, 1rem);\n    border-radius: 15px;\n    border: 4px solid yellow;\n    text-align: center;\n    font-size: 1.2em;\n    z-index: 999;\n  }\n"],["\n  left: -999px;\n  position: absolute;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  z-index: -999;\n  &:focus,\n  &:active,\n  &:focus-within {\n    left: auto;\n    top: auto;\n    width: 30%;\n    height: auto;\n    overflow: auto;\n    margin: 10px 35%;\n    padding: var(--spacing-xs, 1rem);\n    border-radius: 15px;\n    border: 4px solid yellow;\n    text-align: center;\n    font-size: 1.2em;\n    z-index: 999;\n  }\n"]))),y=e.p(l||(l=n(['\n  flex: 1 1 auto;\n  font-family: var(--typ-font-family-headings, "Progress", Arial, sans-serif);\n  font-weight: var(--typ-font-weight-headings, 400);\n  font-size: var(--font-size-xl, 1.5625rem);\n  color: var(--clr-header-tagline-text, #000000);\n  text-align: center;\n  opacity: 0;\n  transition: opacity var(--_animation-speed, 0.2s) ease;\n  display: none;\n\n  @media (min-width: 992px) {\n    display: block;\n    opacity: ',";\n  }\n"],['\n  flex: 1 1 auto;\n  font-family: var(--typ-font-family-headings, "Progress", Arial, sans-serif);\n  font-weight: var(--typ-font-weight-headings, 400);\n  font-size: var(--font-size-xl, 1.5625rem);\n  color: var(--clr-header-tagline-text, #000000);\n  text-align: center;\n  opacity: 0;\n  transition: opacity var(--_animation-speed, 0.2s) ease;\n  display: none;\n\n  @media (min-width: 992px) {\n    display: block;\n    opacity: ',";\n  }\n"])),function(n){var e=n.$isSmall,i=n.$isSticky;return e&&i?0:1}),_=e.div(g||(g=n(["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n"],["\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n"]))),z=e.div(p||(p=n(["\n  height: auto;\n  margin: auto 0;\n"],["\n  height: auto;\n  margin: auto 0;\n"])));export{z as ChildInner,_ as ChildWrapper,m as HeaderMainContent,c as HeaderStickyContainer,f as HeaderStickyPlaceHolder,u as Logo,v as LogoWrapper,w as SkipToMain,x as StyledHeader,b as StyledLink,y as Tagline};
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sources":["../../../../src/components/Header/styles.ts"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const StyledHeader = styled.header`\n  --_header-height-large: 120px;\n  --_header-height-small: 72px;\n  --_header-logo-height-large: 80px;\n  --_header-logo-height-small: 40px;\n  --_header-padding: var(--spacing-xs, 1rem);\n  --_animation-speed: 0.2s;\n\n  box-sizing: border-box;\n  position: relative;\n  width: 100%;\n  background-color: var(--clr-header-background, #ffffff);\n  z-index: 9998;\n`;\n\nexport const HeaderStickyPlaceHolder = styled.div`\n  position: relative;\n  box-sizing: border-box;\n  width: 100%;\n  height: var(--_header-height-small, 72px);\n\n  @media (min-width: 992px) {\n    height: var(--_header-height-large, 120px);\n  }\n`;\n\nexport const HeaderStickyContainer = styled.div<{\n  $isSmall?: boolean;\n  $isSticky?: boolean;\n}>`\n  box-sizing: border-box;\n  width: 100%;\n  height: 100%;\n  padding: 0 var(--_header-padding, 1rem);\n  background-color: var(--clr-header-background, #ffffff);\n  position: relative;\n  border-bottom: solid 1px var(--clr-header-border, #e6e6e6);\n  height: var(--_header-height-small, 72px);\n  box-shadow: ${({ $isSticky }) => ($isSticky ? \"var(--shadow-l)\" : \"none\")};\n  top: ${({ $isSticky }) => ($isSticky ? 0 : \"auto\")};\n  position: ${({ $isSticky }) => ($isSticky ? \"fixed\" : \"relative\")};\n  transition: height var(--_animation-speed, 0.2s) ease;\n  @media (min-width: 992px) {\n    position: ${({ $isSticky }) => ($isSticky ? \"fixed\" : \"relative\")};\n    height: ${({ $isSmall, $isSticky }) =>\n      $isSmall && $isSticky\n        ? \"var(--_header-height-small, 72px)\"\n        : \"var(--_header-height-large, 120px)\"};\n  }\n`;\n\nexport const HeaderMainContent = styled.div<{\n  $fullWidth?: boolean;\n}>`\n  box-sizing: border-box;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  width: 100%;\n  height: 100%;\n  margin: 0 auto;\n  max-width: ${({ $fullWidth }) =>\n    $fullWidth ? `100%` : `var(--content-max-width, 1000px)`};\n`;\n\nexport const Logo = styled.img`\n  height: 100%;\n  width: auto;\n  max-width: 100%;\n  max-height: 100%;\n`;\n\nexport const LogoWrapper = styled.div<{\n  $isSmall?: boolean;\n  $isSticky?: boolean;\n}>`\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n  width: auto;\n  transition: height var(--_animation-speed, 0.2s) ease;\n\n  height: var(--_header-logo-height-small, 40px);\n\n  @media (min-width: 992px) {\n    height: ${({ $isSmall, $isSticky }) =>\n      $isSmall && $isSticky\n        ? \"var(--_header-logo-height-small, 40px)\"\n        : \"var(--_header-logo-height-large, 80px)\"};\n  }\n`;\n\nexport const StyledLink = styled.a`\n  display: inline-block;\n`;\n\nexport const SkipToMain = styled.a`\n  left: -999px;\n  position: absolute;\n  top: auto;\n  width: 1px;\n  height: 1px;\n  overflow: hidden;\n  z-index: -999;\n  &:focus,\n  &:active,\n  &:focus-within {\n    left: auto;\n    top: auto;\n    width: 30%;\n    height: auto;\n    overflow: auto;\n    margin: 10px 35%;\n    padding: var(--spacing-xs, 1rem);\n    border-radius: 15px;\n    border: 4px solid yellow;\n    text-align: center;\n    font-size: 1.2em;\n    z-index: 999;\n  }\n`;\n\nexport const Tagline = styled.p<{\n  $isSmall?: boolean;\n  $isSticky?: boolean;\n}>`\n  flex: 1 1 auto;\n  font-family: var(--typ-font-family-headings, \"Progress\", Arial, sans-serif);\n  font-weight: var(--typ-font-weight-headings, 400);\n  font-size: var(--font-size-xl, 1.5625rem);\n  color: var(--clr-header-tagline-text, #000000);\n  text-align: center;\n  opacity: 0;\n  transition: opacity var(--_animation-speed, 0.2s) ease;\n  display: none;\n\n  @media (min-width: 992px) {\n    display: block;\n    opacity: ${({ $isSmall, $isSticky }) => ($isSmall && $isSticky ? 0 : 1)};\n  }\n`;\n\nexport const ChildWrapper = styled.div`\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-around;\n`;\n\nexport const ChildInner = styled.div`\n  height: auto;\n  margin: auto 0;\n`;\n"],"names":["StyledHeader","styled","header","templateObject_1","__makeTemplateObject","HeaderStickyPlaceHolder","div","templateObject_2","HeaderStickyContainer","_a","$isSticky","$isSmall","HeaderMainContent","templateObject_4","$fullWidth","Logo","img","templateObject_5","LogoWrapper","templateObject_6","StyledLink","a","templateObject_7","SkipToMain","templateObject_8","Tagline","p","templateObject_9","ChildWrapper","templateObject_10","ChildInner","templateObject_11"],"mappings":"iHAEO,0BAAMA,EAAeC,EAAOC,OAAMC,IAAAA,EAAAC,EAAA,CAAA,mXAAA,CAAA,sXAe5BC,EAA0BJ,EAAOK,IAAGC,IAAAA,EAAAH,EAAA,CAAA,6MAAA,CAAA,gNAWpCI,EAAwBP,EAAOK,mfAG1C,2TASyE,aACvB,kBACe,6GAGE,kBAIvB,cAT9B,SAACG,GAAkB,OAAPA,EAAAC,UAAoB,kBAAoB,MAAjC,EAC1B,SAACD,GAAkB,OAAPA,EAAAC,UAAoB,EAAI,MAAjB,EACd,SAACD,GAAkB,OAAPA,EAAAC,UAAoB,QAAU,UAAvB,EAGjB,SAACD,GAAkB,OAAPA,EAAAC,UAAoB,QAAU,UAAvB,EACrB,SAACD,OAAEE,EAAQF,EAAAE,SAAED,EAASD,EAAAC,UAC9B,OAAAC,GAAYD,EACR,oCACA,oCAFJ,GAMOE,EAAoBX,EAAOK,IAAGO,IAAAA,EAAAT,EAAA,CAAA,8KAAA,OAAA,CAEzC,8KAS0D,SAD7C,SAACK,GACZ,OADwBA,EAAAK,WACX,OAAS,kCAAtB,GAGSC,EAAOd,EAAOe,IAAGC,IAAAA,EAAAb,EAAA,CAAA,gFAAA,CAAA,mFAOjBc,EAAcjB,EAAOK,IAAGa,IAAAA,EAAAf,EAAA,CAAA,gQAAA,YAAA,CAGnC,gQAagD,cAHpC,SAACK,OAAEE,EAAQF,EAAAE,SAAED,EAASD,EAAAC,UAC9B,OAAAC,GAAYD,EACR,yCACA,wCAFJ,GAMOU,EAAanB,EAAOoB,EAACC,IAAAA,EAAAlB,EAAA,CAAA,gCAAA,CAAA,mCAIrBmB,EAAatB,EAAOoB,EAACG,IAAAA,EAAApB,EAAA,CAAA,wcAAA,CAAA,2cA0BrBqB,EAAUxB,EAAOyB,EAACC,IAAAA,EAAAvB,EAAA,CAAA,qbAAA,YAAA,CAG7B,qbAayE,cAA5D,SAACK,OAAEE,EAAQF,EAAAE,SAAED,EAASD,EAAAC,UAAO,OAACC,GAAYD,EAAY,EAAI,CAA7B,GAI/BkB,EAAe3B,EAAOK,IAAGuB,IAAAA,EAAAzB,EAAA,CAAA,sGAAA,CAAA,yGAOzB0B,EAAa7B,EAAOK,IAAGyB,IAAAA,EAAA3B,EAAA,CAAA,0CAAA,CAAA"}

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

@@ -1,16 +0,0 @@
-import { type SpacingPropsInternal } from "../Spacing";
-import { type FontSizeType, type WordBreakType, type OverflowWrapType } from "../../types";
-type StyledHeadingProps = SpacingPropsInternal & {
-    $textSize?: FontSizeType;
-    $textAlign?: "left" | "right" | "center";
-    $textColor?: string;
-    $wordBreak?: WordBreakType;
-    $overflowWrap?: OverflowWrapType;
-};
-export declare const H1: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, StyledHeadingProps>> & string;
-export declare const H2: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, StyledHeadingProps>> & string;
-export declare const H3: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, StyledHeadingProps>> & string;
-export declare const H4: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, StyledHeadingProps>> & string;
-export declare const H5: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, StyledHeadingProps>> & string;
-export declare const H6: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, StyledHeadingProps>> & string;
-export {};

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

@@ -1,2 +0,0 @@
-import{__makeTemplateObject as n,__rest as e}from"../../../node_modules/tslib/tslib.es6.js";import t,{css as r}from"styled-components";import{spacing as i}from"../Spacing/index.js";var a,o,f,m,s,x,l,u=function(t){return r(a||(a=n(['\n  font-family: var(--typ-font-family-headings, "Progress", Arial, sans-serif);\n  font-weight: var(--typ-font-weight-headings, 400);\n  word-break: ',";\n  overflow-wrap: ",";\n  color: ",";\n  line-height: var(--typ-header-line-height, 1.25em);\n  text-transform: var(--typ-header-text-transform, none);\n  margin-top: var(--spacing-m, 2rem);\n  margin-bottom: var(--spacing-s, 1.5rem);\n  max-width: 100%;\n  text-align: ",";\n\n  &:first-child {\n    margin-top: 0;\n  }\n\n  ","\n"],['\n  font-family: var(--typ-font-family-headings, "Progress", Arial, sans-serif);\n  font-weight: var(--typ-font-weight-headings, 400);\n  word-break: ',";\n  overflow-wrap: ",";\n  color: ",";\n  line-height: var(--typ-header-line-height, 1.25em);\n  text-transform: var(--typ-header-text-transform, none);\n  margin-top: var(--spacing-m, 2rem);\n  margin-bottom: var(--spacing-s, 1.5rem);\n  max-width: 100%;\n  text-align: ",";\n\n  &:first-child {\n    margin-top: 0;\n  }\n\n  ","\n"])),t.$wordBreak||"normal",t.$overflowWrap||"break-word",t.$textColor?t.$textColor:"var(--clr-text-header-default, #000)",t.$textAlign||"left",function(){var n=e(t,[]);return i(n)})},z=function(n,e){switch(n){case"m":return"var(--font-size-m, 1rem)";case"l":return"var(--font-size-l, 1.25rem)";case"xl":return"var(--font-size-xl, 1.5rem)";case"xxl":return"var(--font-size-xxl, 1.75rem)";case"xxxl":return"var(--font-size-xxxl, 2rem)";case"xxxxl":return"var(--font-size-xxxxl, 2.25rem)";default:return e}},d=function(n,e){switch(n){case"m":return"var(--font-size-m, 1rem)";case"l":case"xl":return"var(--font-size-l, 1.25rem)";case"xxl":return"var(--font-size-xl, 1.5rem)";case"xxxl":return"var(--font-size-xxl, 1.75rem)";case"xxxxl":return"var(--font-size-xxxl, 2rem)";default:return e}},v=function(n,e){switch(n){case"m":return"var(--font-size-m, 1rem)";case"l":case"xl":case"xxl":return"var(--font-size-l, 1.25rem)";case"xxxl":return"var(--font-size-xl, 1.5rem)";case"xxxxl":return"var(--font-size-xxl, 1.75rem)";default:return e}},c=t.h1(o||(o=n(["\n  ","\n  font-size: ",";\n  @media (min-width: 768px) {\n    font-size: ",";\n  }\n  @media (min-width: 992px) {\n    font-size: ",";\n  }\n"],["\n  ","\n  font-size: ",";\n  @media (min-width: 768px) {\n    font-size: ",";\n  }\n  @media (min-width: 992px) {\n    font-size: ",";\n  }\n"])),function(n){return u(n)},function(n){var e=n.$textSize;return v(e||null,"var(--font-size-xxl, 1.75rem)")},function(n){var e=n.$textSize;return d(e||null,"var(--font-size-xxxl, 2rem)")},function(n){var e=n.$textSize;return z(e||null,"var(--font-size-xxxxl, 2.25rem)")}),h=t.h2(f||(f=n(["\n  ","\n  font-size: ",";\n\n  @media (min-width: 768px) {\n    font-size: ",";\n  }\n  @media (min-width: 992px) {\n    font-size: ",";\n  }\n"],["\n  ","\n  font-size: ",";\n\n  @media (min-width: 768px) {\n    font-size: ",";\n  }\n  @media (min-width: 992px) {\n    font-size: ",";\n  }\n"])),function(n){return u(n)},function(n){var e=n.$textSize;return v(e||null,"var(--font-size-xl, 1.5rem)")},function(n){var e=n.$textSize;return d(e||null,"var(--font-size-xxl, 1.75rem)")},function(n){var e=n.$textSize;return z(e||null,"var(--font-size-xxxl, 2rem)")}),p=t.h3(m||(m=n(["\n  ","\n  font-size: ",";\n  @media (min-width: 768px) {\n    font-size: ",";\n  }\n  @media (min-width: 992px) {\n    font-size: ",";\n  }\n"],["\n  ","\n  font-size: ",";\n  @media (min-width: 768px) {\n    font-size: ",";\n  }\n  @media (min-width: 992px) {\n    font-size: ",";\n  }\n"])),function(n){return u(n)},function(n){var e=n.$textSize;return v(e||null,"var(--font-size-l, 1.25rem)")},function(n){var e=n.$textSize;return d(e||null,"var(--font-size-xl, 1.5rem)")},function(n){var e=n.$textSize;return z(e||null,"var(--font-size-xxl, 1.75rem)")}),w=t.h4(s||(s=n(["\n  ","\n  font-size: ",";\n  @media (min-width: 768px) {\n    font-size: ",";\n  }\n  @media (min-width: 992px) {\n    font-size: ",";\n  }\n"],["\n  ","\n  font-size: ",";\n  @media (min-width: 768px) {\n    font-size: ",";\n  }\n  @media (min-width: 992px) {\n    font-size: ",";\n  }\n"])),function(n){return u(n)},function(n){var e=n.$textSize;return v(e||null,"var(--font-size-l, 1.25rem)")},function(n){var e=n.$textSize;return d(e||null,"var(--font-size-l, 1.25rem)")},function(n){var e=n.$textSize;return z(e||null,"var(--font-size-xl, 1.5rem)")}),g=t.h5(x||(x=n(["\n  ","\n\n  font-size: ",";\n  @media (min-width: 768px) {\n    font-size: ",";\n  }\n  @media (min-width: 992px) {\n    font-size: ",";\n  }\n"],["\n  ","\n\n  font-size: ",";\n  @media (min-width: 768px) {\n    font-size: ",";\n  }\n  @media (min-width: 992px) {\n    font-size: ",";\n  }\n"])),function(n){return u(n)},function(n){var e=n.$textSize;return v(e||null,"var(--font-size-l, 1.25rem)")},function(n){var e=n.$textSize;return d(e||null,"var(--font-size-l, 1.25rem)")},function(n){var e=n.$textSize;return z(e||null,"var(--font-size-l, 1.25rem)")}),$=t.h6(l||(l=n(["\n  ","\n\n  font-size: ",";\n  @media (min-width: 768px) {\n    font-size: ",";\n  }\n  @media (min-width: 992px) {\n    font-size: ",";\n  }\n"],["\n  ","\n\n  font-size: ",";\n  @media (min-width: 768px) {\n    font-size: ",";\n  }\n  @media (min-width: 992px) {\n    font-size: ",";\n  }\n"])),function(n){return u(n)},function(n){var e=n.$textSize;return v(e||null,"var(--font-size-m, 1rem)")},function(n){var e=n.$textSize;return d(e||null,"var(--font-size-m, 1rem)")},function(n){var e=n.$textSize;return z(e||null,"var(--font-size-m, 1rem)")});export{c as H1,h as H2,p as H3,w as H4,g as H5,$ as H6};
-//# sourceMappingURL=styles.js.map