npm - fictoan-react - Versions diffs - 0.41.13 → 0.41.16 - Mend

fictoan-react 0.41.13 → 0.41.16

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (142) hide show

package/dist/es/components/Badge/Badge.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Badge.styled.js","sources":["../../../../src/components/Badge/Badge.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BadgeProps } from \"./Badge\";\n\nexport const BadgeStyled = styled.mark`\n position : relative;\n font-family : ${(props : BadgeProps) => props.theme.button.font};\n font-weight : bold;\n font-size : 92%;\n text-align : center;\n text-decoration : none;\n transition : all 0.2s ease-in-out;\n background-position : center;\n user-select : none;\n width : fit-content;\n height : fit-content;\n\n // To make sure a button’s children\n // don’t style themselves like a douchebag\n > * {\n all : unset;\n }\n\n &.shape-rounded {\n border-radius : 4px;\n }\n\n &.shape-curved {\n border-radius : 5000px\n }\n\n &[class=\"border-\"] {\n border-width : ${(props : BadgeProps) => props.theme.globals.borderWidth};\n }\n\n &.border-none {\n border-width : 0 !important;\n }\n\n // DIFFERENT SIZES //////////////////////////////////////////////////////\n &.size-tiny {\n padding : 2px 8px;\n font-size : ${(props : BadgeProps) => props.theme.text.paras.size Math.pow(props.theme.text.headings.multiplier, -2)}em;\n }\n\n &.size-small {\n padding : 3px 10px;\n font-size : ${(props : BadgeProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, -1)}em;\n }\n\n &.size-medium {\n padding : 4px 12px;\n font-size : ${(props : BadgeProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 1)}em;\n }\n\n &.size-large {\n padding : 6px 16px;\n font-size : ${(props : BadgeProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 2)}em;\n }\n\n &.size-huge {\n padding : 8px 20px;\n font-size : ${(props : BadgeProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 4)}em;\n }\n`;\n"],"names":["BadgeStyled","styled","mark","props","theme","button","font","globals","borderWidth","text","paras","size","Math","pow","headings","multiplier"],"mappings":"uCAIaA,EAAcC,EAAOC,~~oGAELC~~,GAAuBA,EAAMC,MAAMC,OAAOC,sTA0B7CH,GAAuBA,EAAMC,MAAMG,QAAQC,+FAU9CL,GAAuBA,EAAMC,MAAMK,KAAKC,MAAMC,KAAOC,KAAKC,IAAIV,EAAMC,MAAMK,KAAKK,SAASC,YAAa,iDAKrGZ,GAAuBA,EAAMC,MAAMK,KAAKC,MAAMC,KAAOC,KAAKC,IAAIV,EAAMC,MAAMK,KAAKK,SAASC,YAAa,kDAKrGZ,GAAuBA,EAAMC,MAAMK,KAAKC,MAAMC,KAAOC,KAAKC,IAAIV,EAAMC,MAAMK,KAAKK,SAASC,WAAY,iDAKpGZ,GAAuBA,EAAMC,MAAMK,KAAKC,MAAMC,KAAOC,KAAKC,IAAIV,EAAMC,MAAMK,KAAKK,SAASC,WAAY,gDAKpGZ,GAAuBA,EAAMC,MAAMK,KAAKC,MAAMC,KAAOC,KAAKC,IAAIV,EAAMC,MAAMK,KAAKK,SAASC,WAAY"}
1	+ {"version":3,"file":"Badge.styled.js","sources":["../../../../src/components/Badge/Badge.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BadgeProps } from \"./Badge\";\n\nexport const BadgeStyled = styled.mark`\n position : relative;\n font-family : ${(props : BadgeProps) => props.theme.button.font};\n font-weight : bold;\n font-size : 92%;\n text-align : center;\n text-decoration : none;\n transition : all 0.2s ease-in-out;\n background-position : center;\n user-select : none;\n width : fit-content;\n height : fit-content;\n\n // To make sure a button’s children\n // don’t style themselves like a douchebag\n > * {\n all : unset;\n }\n\n &.shape-rounded {\n border-radius : 4px;\n }\n\n &.shape-curved {\n border-radius : 5000px\n }\n\n &[class=\"border-\"] {\n border-width : ${(props : BadgeProps) => props.theme.globals.borderWidth};\n }\n\n &.border-none {\n border-width : 0 !important;\n }\n\n // DIFFERENT SIZES //////////////////////////////////////////////////////\n &.size-tiny {\n padding : 2px 8px;\n font-size : ${(props : BadgeProps) => props.theme.text.paras.size Math.pow(props.theme.text.headings.multiplier, -2)}em;\n }\n\n &.size-small {\n padding : 3px 10px;\n font-size : ${(props : BadgeProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, -1)}em;\n }\n\n &.size-medium {\n padding : 4px 12px;\n font-size : ${(props : BadgeProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 1)}em;\n }\n\n &.size-large {\n padding : 6px 16px;\n font-size : ${(props : BadgeProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 2)}em;\n }\n\n &.size-huge {\n padding : 8px 20px;\n font-size : ${(props : BadgeProps) => props.theme.text.paras.size * Math.pow(props.theme.text.headings.multiplier, 4)}em;\n }\n`;\n"],"names":["BadgeStyled","styled","mark","props","theme","button","font","globals","borderWidth","text","paras","size","Math","pow","headings","multiplier"],"mappings":"uCAIaA,EAAcC,EAAOC,mGAELC,GAAuBA,EAAMC,MAAMC,OAAOC,sTA0B7CH,GAAuBA,EAAMC,MAAMG,QAAQC,+FAU9CL,GAAuBA,EAAMC,MAAMK,KAAKC,MAAMC,KAAOC,KAAKC,IAAIV,EAAMC,MAAMK,KAAKK,SAASC,YAAa,iDAKrGZ,GAAuBA,EAAMC,MAAMK,KAAKC,MAAMC,KAAOC,KAAKC,IAAIV,EAAMC,MAAMK,KAAKK,SAASC,YAAa,kDAKrGZ,GAAuBA,EAAMC,MAAMK,KAAKC,MAAMC,KAAOC,KAAKC,IAAIV,EAAMC,MAAMK,KAAKK,SAASC,WAAY,iDAKpGZ,GAAuBA,EAAMC,MAAMK,KAAKC,MAAMC,KAAOC,KAAKC,IAAIV,EAAMC,MAAMK,KAAKK,SAASC,WAAY,gDAKpGZ,GAAuBA,EAAMC,MAAMK,KAAKC,MAAMC,KAAOC,KAAKC,IAAIV,EAAMC,MAAMK,KAAKK,SAASC,WAAY"}

package/dist/es/components/BottomDrawer/BottomDrawer.d.ts CHANGED Viewed

@@ -1,8 +1,11 @@
 import React from "react";
-import { CommonAndHTMLProps } from "../Element/constants";
+import { ColourPropTypes, CommonAndHTMLProps } from "../Element/constants";
 export interface BottomDrawerCustomProps {
     isOpen?: boolean;
     onCloseCallback?: () => void;
+    overlayOpacity?: number;
+    overlayColour?: ColourPropTypes;
+    overlayColor?: ColourPropTypes;
 }
 export declare type BottomDrawerElementType = HTMLDivElement;
 export declare type BottomDrawerProps = Omit<CommonAndHTMLProps<BottomDrawerElementType>, keyof BottomDrawerCustomProps> & BottomDrawerCustomProps;

package/dist/es/components/BottomDrawer/BottomDrawer.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{_ as e,E as t}from"../../external/Element.js";import s from"react";import{BottomDrawerStyled as n}from"./BottomDrawer.styled.js";import"styled-components";const a=/*#__PURE__*/s.forwardRef(((a,o)=>{var{isOpen:r,children:l,onCloseCallback:i,padding:m}=a,c=e(a,["isOpen","children","onCloseCallback","padding"]);let d=[];r&&d.push("open");return!!r&&/*#__PURE__*/s.createElement(t,Object.assign({as:n,ref:o,classNames:d,padding:null!=m?m:"tiny"},c),/*#__PURE__*/s.createElement(t,{as:"div",className:"dismiss-button",onClick:()=>{i&&i()},role:"button"}),l)}));export{a as BottomDrawer};
+import{_ as e,E as o}from"../../external/Element.js";import r from"react";import{BottomDrawerStyled as t}from"./BottomDrawer.styled.js";import"styled-components";import"../../external/helpers.js";import"../../external/DefaultColours.js";const a=/*#__PURE__*/r.forwardRef(((a,l)=>{var{isOpen:s,children:n,onCloseCallback:m,padding:c,bgColor:i,bgColour:p}=a,d=e(a,["isOpen","children","onCloseCallback","padding","bgColor","bgColour"]);let C=[];s&&C.push("open");const b=()=>{m&&m()};return!!s&&/*#__PURE__*/r.createElement(r.Fragment,null,/*#__PURE__*/r.createElement(o,Object.assign({as:t,ref:l,classNames:C},d),/*#__PURE__*/r.createElement(o,{as:"div",classNames:[...C,"rest-of-page-overlay"],onClick:b}),/*#__PURE__*/r.createElement(o,{as:"div",className:"bottom-drawer-content-wrapper",padding:c,bgColor:i,bgColour:p},/*#__PURE__*/r.createElement(o,{as:"div",className:"dismiss-button",onClick:b,role:"button"}),n)))}));export{a as BottomDrawer};
 //# sourceMappingURL=BottomDrawer.js.map

package/dist/es/components/BottomDrawer/BottomDrawer.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BottomDrawer.js","sources":["../../../../src/components/BottomDrawer/BottomDrawer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Element } from \"../Element/Element\";\nimport { CommonAndHTMLProps } from \"../Element/constants\";\n\nimport { BottomDrawerStyled } from \"./BottomDrawer.styled\";\n\n// prettier-ignore\nexport interface BottomDrawerCustomProps {\n isOpen ? : boolean;\n onCloseCallback ? : () => void;\n}\n\nexport type BottomDrawerElementType = HTMLDivElement;\nexport type BottomDrawerProps = Omit<CommonAndHTMLProps<BottomDrawerElementType>, keyof BottomDrawerCustomProps> & BottomDrawerCustomProps;\n\nexport const BottomDrawer = React.forwardRef(\n (\n { isOpen, children, onCloseCallback, padding, ...props }: BottomDrawerProps,\n ref: React.Ref<BottomDrawerElementType>\n ) => {\n let classNames = [];\n\n if (isOpen) {\n classNames.push(\"open\");\n }\n\n const closeBottomDrawer = () => {\n if (onCloseCallback) {\n onCloseCallback();\n }\n };\n\n return (\n !!isOpen && (\n <Element<BottomDrawerElementType>\n as={BottomDrawerStyled}\n ref={ref}\n classNames={classNames}\n ~~padding~~={~~padding~~ ?? \"~~tiny~~\"}\n {~~...props~~}\n >\n <Element as=\"div\" className=\"dismiss-button\" onClick={closeBottomDrawer} role=\"button\" />\n {children}\n </Element>\n )\n );\n }\n);\n"],"names":["BottomDrawer","React","forwardRef","_a","ref","isOpen","children","onCloseCallback","padding","props","classNames","push","Element","as","BottomDrawerStyled","~~className~~","~~onClick~~","role"],"mappings":"~~wKAgBaA~~,eAAeC,EAAMC,YAC9B,CACIC,EACAC,SADAC,OAAEA,EAAFC,SAAUA,EAAVC,gBAAoBA,EAApBC,QAAqCA,~~KAAYC~~,~~MAAjD~~,~~uDAGIC~~,EAAa,~~GAEbL~~,~~GACAK~~,EAAWC,KAAK,~~gBAUdN~~,gBACEJ,~~gBAACW~~,iBACGC,GAAIC,~~EACJV~~,IAAKA,~~EACLM~~,WAAYA,~~EACZF~~,QAASA,~~MAAAA~~,~~EAAAA~~,~~EAAW~~,~~QAChBC~~,~~gBAEJR~~,~~gBAACW~~,GAAQC,GAAG,~~MAAME~~,UAAU,~~iBAAiBC~~,~~QAf/B~~,~~KAClBT~~,~~GACAA,KAa6EU,~~KAAK,~~WAC7EX~~"}
1	+ {"version":3,"file":"BottomDrawer.js","sources":["../../../../src/components/BottomDrawer/BottomDrawer.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Element } from \"../Element/Element\";\nimport { ColourPropTypes, CommonAndHTMLProps } from \"../Element/constants\";\n\nimport { BottomDrawerStyled } from \"./BottomDrawer.styled\";\n\n// prettier-ignore\nexport interface BottomDrawerCustomProps {\n isOpen ? : boolean;\n onCloseCallback ? : () => void;\n overlayOpacity ? : number;\n overlayColour ? : ColourPropTypes;\n overlayColor ? : ColourPropTypes;\n}\n\nexport type BottomDrawerElementType = HTMLDivElement;\nexport type BottomDrawerProps = Omit<CommonAndHTMLProps<BottomDrawerElementType>, keyof BottomDrawerCustomProps> &\n BottomDrawerCustomProps;\n\nexport const BottomDrawer = React.forwardRef(\n (\n { isOpen, children, onCloseCallback, padding, bgColor, bgColour, ...props }: BottomDrawerProps,\n ref: React.Ref<BottomDrawerElementType>\n ) => {\n let classNames = [];\n\n if (isOpen) {\n classNames.push(\"open\");\n }\n\n const closeBottomDrawer = () => {\n if (onCloseCallback) {\n onCloseCallback();\n }\n };\n\n return (\n !!isOpen && (\n <>\n <Element<BottomDrawerElementType>\n as={BottomDrawerStyled}\n ref={ref}\n classNames={classNames}\n {...props}\n >\n <Element\n as=\"div\"\n classNames={[...classNames, `rest-of-page-overlay`]}\n onClick={closeBottomDrawer}\n />\n\n <Element\n as=\"div\"\n className=\"bottom-drawer-content-wrapper\"\n padding={padding}\n bgColor={bgColor}\n bgColour={bgColour}\n >\n <Element as=\"div\" className=\"dismiss-button\" onClick={closeBottomDrawer} role=\"button\" />\n {children}\n </Element>\n </Element>\n </>\n )\n );\n }\n);\n"],"names":["BottomDrawer","React","forwardRef","_a","ref","isOpen","children","onCloseCallback","padding","bgColor","bgColour","props","classNames","push","closeBottomDrawer","Element","as","BottomDrawerStyled","onClick","className","role"],"mappings":"mPAoBaA,eAAeC,EAAMC,YAC9B,CACIC,EACAC,SADAC,OAAEA,EAAFC,SAAUA,EAAVC,gBAAoBA,EAApBC,QAAqCA,EAArCC,QAA8CA,EAA9CC,SAAuDA,KAAaC,MAApE,4EAGIC,EAAa,GAEbP,GACAO,EAAWC,KAAK,cAGdC,EAAoB,KAClBP,GACAA,aAKFF,gBACEJ,6CACIA,gBAACc,iBACGC,GAAIC,EACJb,IAAKA,EACLQ,WAAYA,GACRD,gBAEJV,gBAACc,GACGC,GAAG,MACHJ,WAAY,IAAIA,0BAChBM,QAASJ,iBAGbb,gBAACc,GACGC,GAAG,MACHG,UAAU,gCACVX,QAASA,EACTC,QAASA,EACTC,SAAUA,gBAEVT,gBAACc,GAAQC,GAAG,MAAMG,UAAU,iBAAiBD,QAASJ,EAAmBM,KAAK,WAC7Ed"}

package/dist/es/components/BottomDrawer/BottomDrawer.styled.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare const BottomDrawerStyled: import("styled-components").StyledComponent<"~~aside~~", any, {}, never>;
1	+ export declare const BottomDrawerStyled: import("styled-components").StyledComponent<"div", any, {}, never>;

package/dist/es/components/BottomDrawer/BottomDrawer.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"styled-components";const o=t.aside.withConfig({displayName:"BottomDrawerStyled",componentId:"-eoqdi6"})`position:fixed;bottom:0;transform:translateY(120%);height:fit-content;transition:all 0.4s ease-in-out;transition-delay:0.2s;box-shadow:4px 0 24px -16px rgba(0, 0, 0, 0.92);z-index:100000;width:100%;border-radius:24px 24px 0 0;&.open{transform:translateY(0);}&:not([class*="bg-"]){background-color:${t=>t.theme.bottomDrawer.bg};}& .dismiss-button{position:absolute;display:flex;width:32px;height:32px;background-color:${t=>t.theme.bottomDrawer.bg};top:-36px;right:36px;z-index:100001;color:${t=>t.theme.bottomDrawer.dismissButton.color};cursor:pointer;place-content:center;backdrop-filter:blur(2px);border:solid ${t=>t.theme.bottomDrawer.border};border-width:1px 0 1px 1px;border-radius:50%;box-shadow:-4px 0 4px -1px rgba(0, 0, 0, 8%);&::before{display:grid;content:"\\00D7";place-self:center;color:${t=>t.theme.bottomDrawer.dismissButton.color};-webkit-transition:all 0.2s;transition:all 0.2s;cursor:pointer;align-self:center;text-align:center;margin-bottom:5px;line-height:1;font-size:24px;}}`;export{o as BottomDrawerStyled};
+import o from"styled-components";import{c as t}from"../../external/helpers.js";import"../../external/DefaultColours.js";const r=o.div.withConfig({displayName:"BottomDrawerStyled",componentId:"-i82ubv"})`.rest-of-page-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;z-index:5000;backdrop-filter:blur(${o=>o.theme.bottomDrawer.overlay.blur});background-color:${o=>{var r,e;return`${(null!==(r=t(o.overlayColour||o.overlayColor))&&void 0!==r?r:o.theme.bottomDrawer.overlay.bg).replace(/(^hsla\(.*,.*,.*,)(.*)(\))$/,`$1${(null!==(e=o.overlayOpacity)&&void 0!==e?e:o.theme.bottomDrawer.overlay.opacity).toString()}$3`)}`}};}.bottom-drawer-content-wrapper{position:fixed;bottom:0;transform:translateY(120%);height:fit-content;max-height:90vh;transition:all 0.4s ease-in-out;transition-delay:0.2s;box-shadow:4px 0 24px -16px rgba(0, 0, 0, 0.92);z-index:100000;width:100%;border-top-left-radius:${o=>o.theme.bottomDrawer.borderRadius};border-top-right-radius:${o=>o.theme.bottomDrawer.borderRadius};border-bottom-left-radius:0;border-bottom-right-radius:0;&.padding-all-nano{padding:8px;}&.padding-all-micro{padding:24px;}&.padding-all-tiny{padding:02vw;}&.padding-all-small{padding:04vw;}&.padding-all-medium{padding:06vw;}&.padding-all-large{padding:08vw;}&.padding-all-huge{padding:12vw;}&:not([class*="bg-"]){background-color:${o=>o.theme.bottomDrawer.bg};}}&.open .bottom-drawer-content-wrapper{transform:translateY(0);}& .dismiss-button{position:absolute;display:flex;width:32px;height:32px;background-color:${o=>o.theme.bottomDrawer.bg};top:-36px;right:24px;z-index:100001;color:${o=>o.theme.bottomDrawer.dismissButton.color};cursor:pointer;place-content:center;backdrop-filter:blur(2px);border:solid ${o=>o.theme.bottomDrawer.border};border-width:1px 0 1px 1px;border-radius:50%;box-shadow:-4px 0 4px -1px rgba(0, 0, 0, 8%);&::before{display:grid;content:"\\00D7";place-self:center;color:${o=>o.theme.bottomDrawer.dismissButton.color};-webkit-transition:all 0.2s;transition:all 0.2s;cursor:pointer;align-self:center;text-align:center;margin-bottom:5px;line-height:1;font-size:24px;}}`;export{r as BottomDrawerStyled};
 //# sourceMappingURL=BottomDrawer.styled.js.map

package/dist/es/components/BottomDrawer/BottomDrawer.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"BottomDrawer.styled.js","sources":["../../../../src/components/BottomDrawer/BottomDrawer.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { BottomDrawerProps } from \"./BottomDrawer\";\n\n\nexport const BottomDrawerStyled = styled.~~aside~~`\n position : fixed;\n bottom : 0;\n transform : translateY(120%);\n height : fit-content;\n transition : all 0.4s ease-in-out;\n transition-delay : 0.2s;\n box-shadow : 4px 0 24px -16px rgba(0, 0, 0, 0.92);\n z-index : 100000;\n width : 100%;\n border-radius : ~~24px~~ ~~24px~~ 0 0;\n\n &.~~open~~ { ~~transform~~ : ~~translateY(0)~~; }\n\n &:not([class*=\"bg-\"]) {\n background-color : ${(props: BottomDrawerProps) => props.theme.bottomDrawer.bg};\n }\n\n & .dismiss-button {\n position : absolute;\n display : flex;\n width : 32px;\n height : 32px;\n background-color : ${(props : BottomDrawerProps) => props.theme.bottomDrawer.bg};\n top : -36px;\n right : ~~36px~~;\n z-index : 100001;\n color : ${(props : BottomDrawerProps) => props.theme.bottomDrawer.dismissButton.color};\n cursor : pointer;\n place-content : center;\n backdrop-filter : blur(2px);\n border : solid ${(props : BottomDrawerProps) => props.theme.bottomDrawer.border};\n border-width : 1px 0 1px 1px;\n border-radius : 50%;\n box-shadow : -4px 0 4px -1px rgba(0, 0, 0, 8%);\n\n &::before {\n display : grid;\n content : \"\\\\00D7\";\n place-self : center;\n color : ${(props: BottomDrawerProps) => props.theme.bottomDrawer.dismissButton.color};\n -webkit-transition : all 0.2s;\n transition : all 0.2s;\n cursor : pointer;\n align-self : center;\n text-align : center;\n margin-bottom : 5px;\n line-height : 1;\n font-size : 24px;\n }\n }\n`;\n"],"names":["BottomDrawerStyled","styled","~~aside~~","props","theme","bottomDrawer","bg","dismissButton","color","border"],"mappings":"~~uCAKaA~~,EAAqBC,EAAOC,~~sXAeXC~~,GAA6BA,EAAMC,MAAMC,aAAaC,~~gGAQtDH~~,~~GAA8BA~~,EAAMC,MAAMC,aAAaC,~~gDAIvDH~~,~~GAA8BA~~,EAAMC,MAAMC,~~aAAaE~~,cAAcC,~~oFAI/DL~~,~~GAA8BA~~,EAAMC,MAAMC,~~aAAaI~~,~~oKASvDN~~,GAA6BA,EAAMC,MAAMC,~~aAAaE~~,cAAcC"}
1	+ {"version":3,"file":"BottomDrawer.styled.js","sources":["../../../../src/components/BottomDrawer/BottomDrawer.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { convertToFictoanColor } from \"../../utils/helpers\";\nimport { BottomDrawerProps } from \"./BottomDrawer\";\n\n\nexport const BottomDrawerStyled = styled.div`\n .rest-of-page-overlay {\n position : fixed;\n top : 0;\n left : 0;\n width : 100vw;\n height : 100vh;\n z-index : 5000;\n backdrop-filter : blur(${(props: BottomDrawerProps) => props.theme.bottomDrawer.overlay.blur});\n background-color : ${(props: BottomDrawerProps) =>\n `${(convertToFictoanColor(props.overlayColour \|\| props.overlayColor)\n ?? props.theme.bottomDrawer.overlay.bg)\n .replace(/(^hsla\$.,.,.,)(.)(\$)$/,\n `$1${(props.overlayOpacity ?? props.theme.bottomDrawer.overlay.opacity).toString()}$3`)}`\n };\n }\n\n .bottom-drawer-content-wrapper {\n position : fixed;\n bottom : 0;\n transform : translateY(120%);\n height : fit-content;\n max-height : 90vh;\n transition : all 0.4s ease-in-out;\n transition-delay : 0.2s;\n box-shadow : 4px 0 24px -16px rgba(0, 0, 0, 0.92);\n z-index : 100000;\n width : 100%;\n border-top-left-radius : ${(props: BottomDrawerProps) => props.theme.bottomDrawer.borderRadius};\n border-top-right-radius : ${(props: BottomDrawerProps) => props.theme.bottomDrawer.borderRadius};\n border-bottom-left-radius : 0;\n border-bottom-right-radius : 0;\n\n &.padding-all-nano { padding : 8px; }\n &.padding-all-micro { padding : 24px; }\n &.padding-all-tiny { padding : 02vw; }\n &.padding-all-small { padding : 04vw; }\n &.padding-all-medium { padding : 06vw; }\n &.padding-all-large { padding : 08vw; }\n &.padding-all-huge { padding : 12vw; }\n\n &:not([class*=\"bg-\"]) {\n background-color : ${(props: BottomDrawerProps) => props.theme.bottomDrawer.bg};\n }\n }\n\n &.open .bottom-drawer-content-wrapper { transform : translateY(0); }\n\n & .dismiss-button {\n position : absolute;\n display : flex;\n width : 32px;\n height : 32px;\n background-color : ${(props: BottomDrawerProps) => props.theme.bottomDrawer.bg};\n top : -36px;\n right : 24px;\n z-index : 100001;\n color : ${(props: BottomDrawerProps) => props.theme.bottomDrawer.dismissButton.color};\n cursor : pointer;\n place-content : center;\n backdrop-filter : blur(2px);\n border : solid ${(props: BottomDrawerProps) => props.theme.bottomDrawer.border};\n border-width : 1px 0 1px 1px;\n border-radius : 50%;\n box-shadow : -4px 0 4px -1px rgba(0, 0, 0, 8%);\n\n &::before {\n display : grid;\n content : \"\\\\00D7\";\n place-self : center;\n color : ${(props: BottomDrawerProps) => props.theme.bottomDrawer.dismissButton.color};\n -webkit-transition : all 0.2s;\n transition : all 0.2s;\n cursor : pointer;\n align-self : center;\n text-align : center;\n margin-bottom : 5px;\n line-height : 1;\n font-size : 24px;\n }\n }\n`;\n"],"names":["BottomDrawerStyled","styled","div","props","theme","bottomDrawer","overlay","blur","convertToFictoanColor","overlayColour","overlayColor","bg","replace","overlayOpacity","opacity","toString","borderRadius","dismissButton","color","border"],"mappings":"8HAMaA,EAAqBC,EAAOC,wLAQNC,GAA6BA,EAAMC,MAAMC,aAAaC,QAAQC,0BACnEJ,gCACVK,EAAsBL,EAAMM,eAAiBN,EAAMO,6BAC5CP,EAAMC,MAAMC,aAAaC,QAAQK,IACnCC,QAAQ,8CACKT,EAAMU,8BAAkBV,EAAMC,MAAMC,aAAaC,QAAQQ,SAASC,mSAehEZ,GAA6BA,EAAMC,MAAMC,aAAaW,wCACtDb,GAA6BA,EAAMC,MAAMC,aAAaW,2VAa5Db,GAA6BA,EAAMC,MAAMC,aAAaM,gKAW1DR,GAA6BA,EAAMC,MAAMC,aAAaM,gDAItDR,GAA6BA,EAAMC,MAAMC,aAAaY,cAAcC,oFAI9Df,GAA6BA,EAAMC,MAAMC,aAAac,oKAStDhB,GAA6BA,EAAMC,MAAMC,aAAaY,cAAcC"}

package/dist/es/components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"styled-components";const e=t.li.withConfig({displayName:"BreadcrumbItemStyled",componentId:"-24ul97"})`display:inline-flex;position:relative;font-size:14px;&::after{position:absolute;right:-14px;content:${t=>t.theme.breadcrumbs.separator.content};color:${t=>t.theme.breadcrumbs.separator.text};}&:last-child,&:last-child a{color:${t=>t.theme.breadcrumbs.item.active};}&:not(:last-child),&:not(:last-child)a{color:${t=>t.theme.breadcrumbs.item.inactive};}&:last-child::after{content:"";}`;export{e as BreadcrumbItemStyled};
+import t from"styled-components";const e=t.li.withConfig({displayName:"BreadcrumbItemStyled",componentId:"-ia895h"})`display:inline-flex;position:relative;font-size:14px;&::after{position:absolute;right:-14px;content:${t=>t.theme.breadcrumbs.separator.content};color:${t=>t.theme.breadcrumbs.separator.text};}&:last-child,&:last-child a{color:${t=>t.theme.breadcrumbs.item.active};}&:not(:last-child),&:not(:last-child)a{color:${t=>t.theme.breadcrumbs.item.inactive};}&:last-child::after{content:"";}`;export{e as BreadcrumbItemStyled};
 //# sourceMappingURL=BreadcrumbItem.styled.js.map

package/dist/es/components/Breadcrumbs/BreadcrumbsWrapper/BreadcrumbsWrapper.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import r from"styled-components";const a=r.nav.withConfig({displayName:"BreadcrumbsWrapperStyled",componentId:"-arfw0y"})`display:flex;flex-wrap:wrap;align-items:flex-start;box-shadow:0 1px 1px -1px rgba(0, 0, 0, 0.08);&:not([class*="bg-"]){background-color:${r=>r.theme.breadcrumbs.wrapper.bg};}`;export{a as BreadcrumbsWrapperStyled};
+import e from"styled-components";const r=e.nav.withConfig({displayName:"BreadcrumbsWrapperStyled",componentId:"-smice7"})`display:flex;flex-wrap:wrap;align-items:flex-start;box-shadow:0 1px 1px -1px rgba(0, 0, 0, 0.08);&:not([class*="bg-"]){background-color:${e=>e.theme.breadcrumbs.wrapper.bg};}`;export{r as BreadcrumbsWrapperStyled};
 //# sourceMappingURL=BreadcrumbsWrapper.styled.js.map

package/dist/es/components/Button/Button.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{c as e}from"../../external/helpers.js";import t from"styled-components";import"../../external/DefaultColours.js";const r=t.button.withConfig({displayName:"ButtonStyled",componentId:"-1g0qody"})`position:relative;cursor:pointer;font-family:${e=>e.theme.button.font};font-weight:bold;font-size:92%;text-align:center;text-decoration:none;line-height:1;transition:all 0.2s ease-in-out;background-position:center;user-select:none;&:not([class*="padding-"]){padding:12px 24px;}> *{all:unset;}&:active{box-shadow:none;opacity:0.72;}&.is-loading::after{border:3px solid;border-top-color:transparent;border-right-color:transparent;}&[disabled]{box-shadow:none;user-select:none;pointer-events:none;opacity:0.32;filter:grayscale(100%);cursor:not-allowed;}&.primary{background-color:${e=>e.theme.button.primary.default.bg};color:${e=>e.theme.button.primary.default.text};border:solid ${e=>e.theme.button.primary.default.border};border-width:${e=>e.theme.globals.borderWidth};border-radius:${e=>e.theme.button.primary.default.borderRadius};:hover{background-color:${e=>e.theme.button.primary.onHover.bg};color:${e=>e.theme.button.primary.onHover.text};border:solid ${e=>e.theme.button.primary.onHover.border};border-width:${e=>e.theme.globals.borderWidth};}:active{background-color:${e=>e.theme.button.primary.isActive.bg};color:${e=>e.theme.button.primary.isActive.text};border:solid ${e=>e.theme.button.primary.isActive.border};border-width:${e=>e.theme.globals.borderWidth};}&.is-loading::after{border:3px solid ${e=>e.theme.button.primary.isLoading.spinnerBorder};border-top-color:transparent;border-right-color:transparent;}&[disabled]{background-color:${e=>e.theme.button.primary.isDisabled.bg};color:${e=>e.theme.button.primary.isDisabled.text};border:solid ${e=>e.theme.button.primary.isDisabled.border};border-width:${e=>e.theme.globals.borderWidth};}}&.secondary{background-color:${e=>e.theme.button.secondary.default.bg};color:${e=>e.theme.button.secondary.default.text};border:solid ${e=>e.theme.button.secondary.default.border};border-radius:${e=>e.theme.button.secondary.default.borderRadius};border-width:${e=>e.theme.globals.borderWidth};:hover{background-color:${e=>e.theme.button.secondary.onHover.bg};color:${e=>e.theme.button.secondary.onHover.text};border:solid ${e=>e.theme.button.secondary.onHover.border};border-width:${e=>e.theme.globals.borderWidth};}:active{background-color:${e=>e.theme.button.secondary.isActive.bg};color:${e=>e.theme.button.secondary.isActive.text};border:solid ${e=>e.theme.button.secondary.isActive.border};border-width:${e=>e.theme.globals.borderWidth};}&.is-loading::after{border:3px solid ${e=>e.theme.button.secondary.isLoading.spinnerBorder};border-top-color:transparent;border-right-color:transparent;}&[disabled]{background-color:${e=>e.theme.button.secondary.isDisabled.bg};color:${e=>e.theme.button.secondary.isDisabled.text};border:solid ${e=>e.theme.button.secondary.isDisabled.border};border-width:${e=>e.theme.globals.borderWidth};}}&.tertiary{background-color:${e=>e.theme.button.tertiary.default.bg};color:${e=>e.theme.button.tertiary.default.text};border:solid ${e=>e.theme.button.tertiary.default.border};border-radius:${e=>e.theme.button.tertiary.default.borderRadius};border-width:${e=>e.theme.globals.borderWidth};:hover{background-color:${e=>e.theme.button.tertiary.onHover.bg};color:${e=>e.theme.button.tertiary.onHover.text};border:solid ${e=>e.theme.button.tertiary.onHover.border};border-width:${e=>e.theme.globals.borderWidth};}:active{background-color:${e=>e.theme.button.tertiary.isActive.bg};color:${e=>e.theme.button.tertiary.isActive.text};border:solid ${e=>e.theme.button.tertiary.isActive.border};border-width:${e=>e.theme.globals.borderWidth};}&.is-loading::after{border:3px solid ${e=>e.theme.button.tertiary.isLoading.spinnerBorder};border-top-color:transparent;border-right-color:transparent;}&[disabled]{background-color:${e=>e.theme.button.tertiary.isDisabled.bg};color:${e=>e.theme.button.tertiary.isDisabled.text};border:solid ${e=>e.theme.button.tertiary.isDisabled.border};border-width:${e=>e.theme.globals.borderWidth};}}&.shape-circular{width:64px;height:64px;padding:0 !important;border-radius:50%;}&.shape-circular.size-tiny{width:16px;height:16px;padding:0;font-size:8px;}&.shape-circular.size-small{width:32px;height:32px;padding:0;font-size:12px;}&.shape-circular.size-medium{font-size:16px;}&.shape-circular.size-large{width:80px;height:80px;padding:0;font-size:24px;}&.shape-circular.size-huge{width:128px;height:128px;padding:0;font-size:32px;}&.shape-circular img{position:absolute;margin:auto;left:0;top:0;bottom:0;right:0;}&[class*="border-"]{border-width:${e=>e.theme.globals.borderWidth};}&.border-none{border-width:0 !important;}&.size-tiny{padding:4px 8px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,-2)}em;}&.size-small{padding:6px 12px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,-1)}em;}&.size-large{padding:16px 32px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,2)}em;}&.size-huge{padding:24px 40px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,4)}em;}&.is-loading{color:transparent !important;box-shadow:none;user-select:none;pointer-events:none;}&.is-loading::after{display:block;position:absolute;margin:auto;left:0;top:0;bottom:0;right:0;height:16px;width:16px;border-radius:50%;content:"";border:3px solid;border-color:${t=>{var r;return e(null!==(r=t.textColor)&&void 0!==r?r:t.textColour)}};border-top-color:transparent;border-right-color:transparent;-webkit-animation:spinner 0.4s infinite linear;animation:spinner 0.4s infinite linear;}&.size-tiny.is-loading::after,&.size-small.is-loading::after{height:8px;width:8px;}@-webkit-keyframes spinner{from{-webkit-transform:rotate(0deg);}to{-webkit-transform:rotate(359deg);}}@keyframes spinner{from{transform:rotate(0deg);}to{transform:rotate(359deg);}}&.has-delete{display:inline-flex;}&.has-delete::after{display:inline-flex;position:absolute;cursor:pointer;right:8px;content:"\\00d7";font-size:17px;line-height:1;align-self:center;}&.has-delete,&.size-tiny.has-delete,&.size-small.has-delete{padding-right:32px !important;}&.size-large.has-delete{padding-right:40px !important;}&.size-huge.has-delete{padding-right:48px !important;}&.size-large.has-delete::after,&.size-huge.has-delete::after{font-size:25px;right:16px;}`;export{r as ButtonStyled};
+import{c as e}from"../../external/helpers.js";import t from"styled-components";import"../../external/DefaultColours.js";const r=t.button.withConfig({displayName:"ButtonStyled",componentId:"-1vnleq1"})`position:relative;cursor:pointer;font-family:${e=>e.theme.button.font};font-weight:bold;font-size:92%;text-align:center;text-decoration:none;line-height:1;transition:all 0.2s ease-in-out;background-position:center;user-select:none;&:not([class*="padding-"]){padding:12px 24px;}> *{all:unset;}&:active{box-shadow:none;opacity:0.72;}&.is-loading::after{border:3px solid;border-top-color:transparent;border-right-color:transparent;}&[disabled]{box-shadow:none;user-select:none;pointer-events:none;opacity:0.32;filter:grayscale(100%);cursor:not-allowed;}&.primary{background-color:${e=>e.theme.button.primary.default.bg};color:${e=>e.theme.button.primary.default.text};border:solid ${e=>e.theme.button.primary.default.border};border-width:${e=>e.theme.globals.borderWidth};border-radius:${e=>e.theme.button.primary.default.borderRadius};:hover{background-color:${e=>e.theme.button.primary.onHover.bg};color:${e=>e.theme.button.primary.onHover.text};border:solid ${e=>e.theme.button.primary.onHover.border};border-width:${e=>e.theme.globals.borderWidth};}:active{background-color:${e=>e.theme.button.primary.isActive.bg};color:${e=>e.theme.button.primary.isActive.text};border:solid ${e=>e.theme.button.primary.isActive.border};border-width:${e=>e.theme.globals.borderWidth};}&.is-loading::after{border:3px solid ${e=>e.theme.button.primary.isLoading.spinnerBorder};border-top-color:transparent;border-right-color:transparent;}&[disabled]{background-color:${e=>e.theme.button.primary.isDisabled.bg};color:${e=>e.theme.button.primary.isDisabled.text};border:solid ${e=>e.theme.button.primary.isDisabled.border};border-width:${e=>e.theme.globals.borderWidth};}}&.secondary{background-color:${e=>e.theme.button.secondary.default.bg};color:${e=>e.theme.button.secondary.default.text};border:solid ${e=>e.theme.button.secondary.default.border};border-radius:${e=>e.theme.button.secondary.default.borderRadius};border-width:${e=>e.theme.globals.borderWidth};:hover{background-color:${e=>e.theme.button.secondary.onHover.bg};color:${e=>e.theme.button.secondary.onHover.text};border:solid ${e=>e.theme.button.secondary.onHover.border};border-width:${e=>e.theme.globals.borderWidth};}:active{background-color:${e=>e.theme.button.secondary.isActive.bg};color:${e=>e.theme.button.secondary.isActive.text};border:solid ${e=>e.theme.button.secondary.isActive.border};border-width:${e=>e.theme.globals.borderWidth};}&.is-loading::after{border:3px solid ${e=>e.theme.button.secondary.isLoading.spinnerBorder};border-top-color:transparent;border-right-color:transparent;}&[disabled]{background-color:${e=>e.theme.button.secondary.isDisabled.bg};color:${e=>e.theme.button.secondary.isDisabled.text};border:solid ${e=>e.theme.button.secondary.isDisabled.border};border-width:${e=>e.theme.globals.borderWidth};}}&.tertiary{background-color:${e=>e.theme.button.tertiary.default.bg};color:${e=>e.theme.button.tertiary.default.text};border:solid ${e=>e.theme.button.tertiary.default.border};border-radius:${e=>e.theme.button.tertiary.default.borderRadius};border-width:${e=>e.theme.globals.borderWidth};:hover{background-color:${e=>e.theme.button.tertiary.onHover.bg};color:${e=>e.theme.button.tertiary.onHover.text};border:solid ${e=>e.theme.button.tertiary.onHover.border};border-width:${e=>e.theme.globals.borderWidth};}:active{background-color:${e=>e.theme.button.tertiary.isActive.bg};color:${e=>e.theme.button.tertiary.isActive.text};border:solid ${e=>e.theme.button.tertiary.isActive.border};border-width:${e=>e.theme.globals.borderWidth};}&.is-loading::after{border:3px solid ${e=>e.theme.button.tertiary.isLoading.spinnerBorder};border-top-color:transparent;border-right-color:transparent;}&[disabled]{background-color:${e=>e.theme.button.tertiary.isDisabled.bg};color:${e=>e.theme.button.tertiary.isDisabled.text};border:solid ${e=>e.theme.button.tertiary.isDisabled.border};border-width:${e=>e.theme.globals.borderWidth};}}&.shape-circular{width:64px;height:64px;padding:0 !important;border-radius:50%;}&.shape-circular.size-tiny{width:16px;height:16px;padding:0;font-size:8px;}&.shape-circular.size-small{width:32px;height:32px;padding:0;font-size:12px;}&.shape-circular.size-medium{font-size:16px;}&.shape-circular.size-large{width:80px;height:80px;padding:0;font-size:24px;}&.shape-circular.size-huge{width:128px;height:128px;padding:0;font-size:32px;}&.shape-circular img{position:absolute;margin:auto;left:0;top:0;bottom:0;right:0;}&[class*="border-"]{border-width:${e=>e.theme.globals.borderWidth};}&.border-none{border-width:0 !important;}&.size-tiny{padding:4px 8px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,-2)}em;}&.size-small{padding:6px 12px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,-1)}em;}&.size-large{padding:16px 32px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,2)}em;}&.size-huge{padding:24px 40px;font-size:${e=>e.theme.text.paras.size*Math.pow(e.theme.text.headings.multiplier,4)}em;}&.is-loading{color:transparent !important;box-shadow:none;user-select:none;pointer-events:none;}&.is-loading::after{display:block;position:absolute;margin:auto;left:0;top:0;bottom:0;right:0;height:16px;width:16px;border-radius:50%;content:"";border:3px solid;border-color:${t=>{var r;return e(null!==(r=t.textColor)&&void 0!==r?r:t.textColour)}};border-top-color:transparent;border-right-color:transparent;-webkit-animation:spinner 0.4s infinite linear;animation:spinner 0.4s infinite linear;}&.size-tiny.is-loading::after,&.size-small.is-loading::after{height:8px;width:8px;}@-webkit-keyframes spinner{from{-webkit-transform:rotate(0deg);}to{-webkit-transform:rotate(359deg);}}@keyframes spinner{from{transform:rotate(0deg);}to{transform:rotate(359deg);}}&.has-delete{display:inline-flex;}&.has-delete::after{display:inline-flex;position:absolute;cursor:pointer;right:8px;content:"\\00d7";font-size:17px;line-height:1;align-self:center;}&.has-delete,&.size-tiny.has-delete,&.size-small.has-delete{padding-right:32px !important;}&.size-large.has-delete{padding-right:40px !important;}&.size-huge.has-delete{padding-right:48px !important;}&.size-large.has-delete::after,&.size-huge.has-delete::after{font-size:25px;right:16px;}`;export{r as ButtonStyled};
 //# sourceMappingURL=Button.styled.js.map

package/dist/es/components/Callout/Callout.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{g as r,_ as o,a as e,r as a,p as t}from"../../external/rgba.js";import{d as l}from"../../external/DefaultColours.js";import n from"styled-components";var d={exports:{}};!function(r,l){l.__esModule=!0,l.default=void 0;var n=/*#__PURE__*/u(o.exports),d=/*#__PURE__*/u(e.exports),s=/*#__PURE__*/u(a.exports),p=/*#__PURE__*/u(t.exports);function u(r){return r&&r.__esModule?r:{default:r}}function c(){return(c=Object.assign||function(r){for(var o=1;o<arguments.length;o++){var e=arguments[o];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a])}return r}).apply(this,arguments)}function i(r,o){if("transparent"===o)return o;var e=(0,p.default)(o),a="number"==typeof e.alpha?e.alpha:1,t=c({},e,{alpha:(0,d.default)(0,1,+(100*a-100*parseFloat(r)).toFixed(2)/100)});return(0,s.default)(t)}var f=/*#__PURE__*/(0,n.default)(i);l.default=f,r.exports=l.default}(d,d.exports);var s=/*@__PURE__*/r(d.exports);const p=n.div.withConfig({displayName:"CalloutStyled",componentId:"-gv6xic"})`display:block;border-width:0 0 0 5px;word-break:break-word;border-style:solid;padding:16px;border-radius:4px;&.info{background-color:${s(.8,l.blue)};border-color:${l.blue};}&.success{background-color:${s(.8,l.green)};border-color:${l.green};}&.warning{background-color:${s(.8,l.amber)};border-color:${l.amber};}&.error{background-color:${s(.8,l.red)};border-color:${l.red};}`;export{p as CalloutStyled};
+import{g as r,_ as o,a as e,r as a,p as t}from"../../external/rgba.js";import{d as l}from"../../external/DefaultColours.js";import n from"styled-components";var d={exports:{}};!function(r,l){l.__esModule=!0,l.default=void 0;var n=/*#__PURE__*/p(o.exports),d=/*#__PURE__*/p(e.exports),s=/*#__PURE__*/p(a.exports),u=/*#__PURE__*/p(t.exports);function p(r){return r&&r.__esModule?r:{default:r}}function c(){return(c=Object.assign||function(r){for(var o=1;o<arguments.length;o++){var e=arguments[o];for(var a in e)Object.prototype.hasOwnProperty.call(e,a)&&(r[a]=e[a])}return r}).apply(this,arguments)}function i(r,o){if("transparent"===o)return o;var e=(0,u.default)(o),a="number"==typeof e.alpha?e.alpha:1,t=c({},e,{alpha:(0,d.default)(0,1,+(100*a-100*parseFloat(r)).toFixed(2)/100)});return(0,s.default)(t)}var f=/*#__PURE__*/(0,n.default)(i);l.default=f,r.exports=l.default}(d,d.exports);var s=/*@__PURE__*/r(d.exports);const u=n.div.withConfig({displayName:"CalloutStyled",componentId:"-azju6r"})`display:block;border-width:0 0 0 5px;word-break:break-word;border-style:solid;padding:16px;border-radius:4px;&.info{background-color:${s(.8,l.blue)};border-color:${l.blue};}&.success{background-color:${s(.8,l.green)};border-color:${l.green};}&.warning{background-color:${s(.8,l.amber)};border-color:${l.amber};}&.error{background-color:${s(.8,l.red)};border-color:${l.red};}`;export{u as CalloutStyled};
 //# sourceMappingURL=Callout.styled.js.map

package/dist/es/components/Card/Card.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import d from"styled-components";const a=d.div.withConfig({displayName:"CardStyled",componentId:"-1otqjh1"})`position:relative;width:100%;&[class*="border-"]{border-width:${d=>d.theme.globals.borderWidth};}&:not([class*="border-"]){border:1px solid ${d=>d.theme.card.border};}&:not([class*="bg-"]){background-color:${d=>d.theme.card.bg};}&.shape-rounded{border-radius:${d=>d.theme.card.borderRadius};}&.padding-all-tiny{padding:8px;}&.padding-all-small{padding:16px;}&.padding-all-medium{padding:32px;}&.padding-all-large{padding:48px;}&.padding-all-huge{padding:64px;}@media all and (max-width : 600px){&[class*="padding"]{padding:4vmin;}.padding-none{padding:0 !important;}}`;export{a as CardStyled};
+import d from"styled-components";const a=d.div.withConfig({displayName:"CardStyled",componentId:"-5hj3vt"})`position:relative;width:100%;&[class*="border-"]{border-width:${d=>d.theme.globals.borderWidth};}&:not([class*="border-"]){border:1px solid ${d=>d.theme.card.border};}&:not([class*="bg-"]){background-color:${d=>d.theme.card.bg};}&.shape-rounded{border-radius:${d=>d.theme.card.borderRadius};}&.padding-all-tiny{padding:8px;}&.padding-all-small{padding:16px;}&.padding-all-medium{padding:32px;}&.padding-all-large{padding:48px;}&.padding-all-huge{padding:64px;}@media all and (max-width : 600px){&[class*="padding"]{padding:4vmin;}.padding-none{padding:0 !important;}}`;export{a as CardStyled};
 //# sourceMappingURL=Card.styled.js.map

package/dist/es/components/Card/Card.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Card.styled.js","sources":["../../../../src/components/Card/Card.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { CardProps } from \"./Card\";\n\n\nexport const CardStyled = styled.div`\n position : relative;\n width : 100%;\n\n &[class=\"border-\"] { border-width : ${(props: CardProps) => props.theme.globals.borderWidth}; }\n\n &:not([class=\"border-\"]) { border : 1px solid ${(props: CardProps) => props.theme.card.border}; }\n \n &:not([class=\"bg-\"]) { background-color : ${(props: CardProps) => props.theme.card.bg}; }\n\n &.shape-rounded { border-radius : ${(props: CardProps) => props.theme.card.borderRadius}; }\n\n &.padding-all-tiny { padding : 8px; }\n &.padding-all-small { padding : 16px; }\n &.padding-all-medium { padding : 32px; }\n &.padding-all-large { padding : 48px; }\n &.padding-all-huge { padding : 64px; }\n\n @media all and (max-width : 600px) {\n &[class=\"padding\"] { padding : 4vmin; }\n\n .padding-none { padding : 0 !important; }\n }\n`;\n"],"names":["CardStyled","styled","div","props","theme","globals","borderWidth","card","border","bg","borderRadius"],"mappings":"uCAKaA,EAAaC,EAAOC,~~kIAIWC~~,GAAqBA,EAAMC,MAAMC,QAAQC,2DAE/BH,GAAqBA,EAAMC,MAAMG,KAAKC,kDAE1CL,GAAqBA,EAAMC,MAAMG,KAAKE,qCAE/CN,GAAqBA,EAAMC,MAAMG,KAAKG"}
1	+ {"version":3,"file":"Card.styled.js","sources":["../../../../src/components/Card/Card.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { CardProps } from \"./Card\";\n\n\nexport const CardStyled = styled.div`\n position : relative;\n width : 100%;\n\n &[class=\"border-\"] { border-width : ${(props: CardProps) => props.theme.globals.borderWidth}; }\n\n &:not([class=\"border-\"]) { border : 1px solid ${(props: CardProps) => props.theme.card.border}; }\n \n &:not([class=\"bg-\"]) { background-color : ${(props: CardProps) => props.theme.card.bg}; }\n\n &.shape-rounded { border-radius : ${(props: CardProps) => props.theme.card.borderRadius}; }\n\n &.padding-all-tiny { padding : 8px; }\n &.padding-all-small { padding : 16px; }\n &.padding-all-medium { padding : 32px; }\n &.padding-all-large { padding : 48px; }\n &.padding-all-huge { padding : 64px; }\n\n @media all and (max-width : 600px) {\n &[class=\"padding\"] { padding : 4vmin; }\n\n .padding-none { padding : 0 !important; }\n }\n`;\n"],"names":["CardStyled","styled","div","props","theme","globals","borderWidth","card","border","bg","borderRadius"],"mappings":"uCAKaA,EAAaC,EAAOC,iIAIWC,GAAqBA,EAAMC,MAAMC,QAAQC,2DAE/BH,GAAqBA,EAAMC,MAAMG,KAAKC,kDAE1CL,GAAqBA,EAAMC,MAAMG,KAAKE,qCAE/CN,GAAqBA,EAAMC,MAAMG,KAAKG"}

package/dist/es/components/CodeBlock/Code.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"styled-components";const t=e.div.withConfig({displayName:"CodeStyled",componentId:"-75guoy"})`pre{display:block;width:100%;max-width:100%;font-family:${e=>e.theme.text.font.mono};color:${e=>e.theme.text.code.block.text};font-size:${e=>e.theme.text.code.block.scale}%;line-height:${e=>e.theme.text.code.block.lineHeight};font-weight:400;padding:16px 24px;background-color:${e=>e.theme.text.code.block.bg};text-align:left;overflow:auto;direction:ltr;white-space:pre;word-spacing:normal;word-break:normal;letter-spacing:-0.5px;font-variant-ligatures:none;-webkit-font-smoothing:subpixel-antialiased;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;border-radius:4px;-moz-tab-size:4;tab-size:4;}@media print{pre[class*="language-"],code[class*="language-"]{text-shadow:none;}}.token.tag{color:${e=>e.theme.text.code.prism.tokens.tag};}.token.atrule{color:${e=>e.theme.text.code.prism.tokens.atrule};}.token.attr-name{color:${e=>e.theme.text.code.prism.tokens.attrName};}.token.attr-value{color:${e=>e.theme.text.code.prism.tokens.attrValue};}.token.boolean{color:${e=>e.theme.text.code.prism.tokens.boolean};}.token.cdata{color:${e=>e.theme.text.code.prism.tokens.cdata};}.token.class-name{color:${e=>e.theme.text.code.prism.tokens.className};}.token.comment{color:${e=>e.theme.text.code.prism.tokens.comment};}.token.constant{color:${e=>e.theme.text.code.prism.tokens.constant}}.token.deleted{color:${e=>e.theme.text.code.prism.tokens.deleted};}.token.delimiter{color:${e=>e.theme.text.code.prism.tokens.delimiter};}.token.doctype{color:${e=>e.theme.text.code.prism.tokens.doctype};}.token.entity{color:${e=>e.theme.text.code.prism.tokens.entity}}.token.function{color:${e=>e.theme.text.code.prism.tokens.function};}.token.hexcode{color:${e=>e.theme.text.code.prism.tokens.hexcode};}.token.inserted{color:${e=>e.theme.text.code.prism.tokens.inserted}}.token.keyword{color:${e=>e.theme.text.code.prism.tokens.keyword};}.token.number{color:${e=>e.theme.text.code.prism.tokens.number}}.token.operator{color:${e=>e.theme.text.code.prism.tokens.operator};}.token.plain{color:${e=>e.theme.text.code.prism.tokens.plain}}.token.prolog{color:${e=>e.theme.text.code.prism.tokens.prolog};}.token.property{color:${e=>e.theme.text.code.prism.tokens.property};}.token.punctuation{color:${e=>e.theme.text.code.prism.tokens.punctuation};}.token.regex{color:${e=>e.theme.text.code.prism.tokens.regex}}.token.selector{color:${e=>e.theme.text.code.prism.tokens.selector};}.token.string{color:${e=>e.theme.text.code.prism.tokens.string};}.token.symbol{color:${e=>e.theme.text.code.prism.tokens.symbol}}.token.url{color:${e=>e.theme.text.code.prism.tokens.url}}.token.variable{color:${e=>e.theme.text.code.prism.tokens.variable};}.token.namespace{opacity:0.72;}.token.italic{font-style:italic;}pre::selection,code::selection,pre::-moz-selection,code::-moz-selection,pre[class*=language-]::selection,code[class*=language-]::selection,pre[class*=language-]::-moz-selection,code[class*=language-]::-moz-selection{text-shadow:none;color:${e=>e.theme.text.selection.text};background:${e=>e.theme.text.selection.bg} !important;}code[class*=language-css],code[class*=language-less],code[class*=language-sass]{color:${e=>e.theme.text.code.prism.languages.css.fallback};}code[class*=language-scss]{color:${e=>e.theme.text.code.prism.languages.css.fallback};}code[class*=language-html]{color:${e=>e.theme.text.code.prism.languages.html.fallback};}code[class*=language-js]{color:${e=>e.theme.text.code.prism.languages.js.fallback};}code[class*=language-json] .token.string{color:${e=>e.theme.text.code.prism.languages.json.tokens.string};}`;export{t as CodeStyled};
+import e from"styled-components";const t=e.div.withConfig({displayName:"CodeStyled",componentId:"-3p042u"})`pre{display:block;width:100%;max-width:100%;font-family:${e=>e.theme.text.font.mono};color:${e=>e.theme.text.code.block.text};font-size:${e=>e.theme.text.code.block.scale}%;line-height:${e=>e.theme.text.code.block.lineHeight};font-weight:400;padding:16px 24px;background-color:${e=>e.theme.text.code.block.bg};text-align:left;overflow:auto;direction:ltr;white-space:pre;word-spacing:normal;word-break:normal;letter-spacing:-0.5px;font-variant-ligatures:none;-webkit-font-smoothing:subpixel-antialiased;-webkit-hyphens:none;-ms-hyphens:none;hyphens:none;border-radius:4px;-moz-tab-size:4;tab-size:4;}@media print{pre[class*="language-"],code[class*="language-"]{text-shadow:none;}}.token.tag{color:${e=>e.theme.text.code.prism.tokens.tag};}.token.atrule{color:${e=>e.theme.text.code.prism.tokens.atrule};}.token.attr-name{color:${e=>e.theme.text.code.prism.tokens.attrName};}.token.attr-value{color:${e=>e.theme.text.code.prism.tokens.attrValue};}.token.boolean{color:${e=>e.theme.text.code.prism.tokens.boolean};}.token.cdata{color:${e=>e.theme.text.code.prism.tokens.cdata};}.token.class-name{color:${e=>e.theme.text.code.prism.tokens.className};}.token.comment{color:${e=>e.theme.text.code.prism.tokens.comment};}.token.constant{color:${e=>e.theme.text.code.prism.tokens.constant}}.token.deleted{color:${e=>e.theme.text.code.prism.tokens.deleted};}.token.delimiter{color:${e=>e.theme.text.code.prism.tokens.delimiter};}.token.doctype{color:${e=>e.theme.text.code.prism.tokens.doctype};}.token.entity{color:${e=>e.theme.text.code.prism.tokens.entity}}.token.function{color:${e=>e.theme.text.code.prism.tokens.function};}.token.hexcode{color:${e=>e.theme.text.code.prism.tokens.hexcode};}.token.inserted{color:${e=>e.theme.text.code.prism.tokens.inserted}}.token.keyword{color:${e=>e.theme.text.code.prism.tokens.keyword};}.token.number{color:${e=>e.theme.text.code.prism.tokens.number}}.token.operator{color:${e=>e.theme.text.code.prism.tokens.operator};}.token.plain{color:${e=>e.theme.text.code.prism.tokens.plain}}.token.prolog{color:${e=>e.theme.text.code.prism.tokens.prolog};}.token.property{color:${e=>e.theme.text.code.prism.tokens.property};}.token.punctuation{color:${e=>e.theme.text.code.prism.tokens.punctuation};}.token.regex{color:${e=>e.theme.text.code.prism.tokens.regex}}.token.selector{color:${e=>e.theme.text.code.prism.tokens.selector};}.token.string{color:${e=>e.theme.text.code.prism.tokens.string};}.token.symbol{color:${e=>e.theme.text.code.prism.tokens.symbol}}.token.url{color:${e=>e.theme.text.code.prism.tokens.url}}.token.variable{color:${e=>e.theme.text.code.prism.tokens.variable};}.token.namespace{opacity:0.72;}.token.italic{font-style:italic;}pre::selection,code::selection,pre::-moz-selection,code::-moz-selection,pre[class*=language-]::selection,code[class*=language-]::selection,pre[class*=language-]::-moz-selection,code[class*=language-]::-moz-selection{text-shadow:none;color:${e=>e.theme.text.selection.text};background:${e=>e.theme.text.selection.bg} !important;}code[class*=language-css],code[class*=language-less],code[class*=language-sass]{color:${e=>e.theme.text.code.prism.languages.css.fallback};}code[class*=language-scss]{color:${e=>e.theme.text.code.prism.languages.css.fallback};}code[class*=language-html]{color:${e=>e.theme.text.code.prism.languages.html.fallback};}code[class*=language-js]{color:${e=>e.theme.text.code.prism.languages.js.fallback};}code[class*=language-json] .token.string{color:${e=>e.theme.text.code.prism.languages.json.tokens.string};}`;export{t as CodeStyled};
 //# sourceMappingURL=Code.styled.js.map

package/dist/es/components/ContentWrapper/ContentWrapper.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"styled-components";import{SidebarWrapperStyled as i}from"../Sidebar/SidebarWrapper/SidebarWrapper.styled.js";import"../Sidebar/SidebarHeader/SidebarHeader.styled.js";import"../Sidebar/SidebarItem/SidebarItem.styled.js";import"../Sidebar/SidebarItemText/SidebarItemText.styled.js";import"../Sidebar/SidebarItemIcon/SidebarItemIcon.styled.js";import"../Sidebar/SidebarFooter/SidebarFooter.styled.js";const t=e.main.withConfig({displayName:"ContentWrapperStyled",componentId:"-1rr1h3s"})`width:100%;min-height:100vh;transition:all 0.4s ease-in-out;${i} + &{width:${e=>`calc(100% - ${e.theme.sidebar.width})`};margin-left:${e=>e.theme.sidebar.width};}${i}.collapsed + &{width:${e=>`calc(100% - ${e.theme.sidebar.isCollapsed.width})`};margin-left:${e=>e.theme.sidebar.isCollapsed.width};}@media (max-width : 900px){${i} + &{width:100%;margin-left:0;}}`;export{t as ContentWrapperStyled};
+import e from"styled-components";import{SidebarWrapperStyled as i}from"../Sidebar/SidebarWrapper/SidebarWrapper.styled.js";import"../Sidebar/SidebarHeader/SidebarHeader.styled.js";import"../Sidebar/SidebarItem/SidebarItem.styled.js";import"../Sidebar/SidebarItemText/SidebarItemText.styled.js";import"../Sidebar/SidebarItemIcon/SidebarItemIcon.styled.js";import"../Sidebar/SidebarFooter/SidebarFooter.styled.js";const t=e.main.withConfig({displayName:"ContentWrapperStyled",componentId:"-k7njwy"})`width:100%;min-height:100vh;transition:all 0.4s ease-in-out;${i} + &{width:${e=>`calc(100% - ${e.theme.sidebar.width})`};margin-left:${e=>e.theme.sidebar.width};}${i}.collapsed + &{width:${e=>`calc(100% - ${e.theme.sidebar.isCollapsed.width})`};margin-left:${e=>e.theme.sidebar.isCollapsed.width};}@media (max-width : 900px){${i} + &{width:100%;margin-left:0;}}`;export{t as ContentWrapperStyled};
 //# sourceMappingURL=ContentWrapper.styled.js.map

package/dist/es/components/ContentWrapper/ContentWrapper.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ContentWrapper.styled.js","sources":["../../../../src/components/ContentWrapper/ContentWrapper.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SidebarWrapperStyled } from \"../Sidebar/SidebarWrapper/SidebarWrapper.styled\"\nimport { ContentWrapperProps } from \"./ContentWrapper\";\n\nexport const ContentWrapperStyled = styled.main`\n width : 100%;\n min-height : 100vh;\n transition : all 0.4s ease-in-out;\n\n ${SidebarWrapperStyled} + & {\n width : ${(props: ContentWrapperProps) => `calc(100% - ${props.theme.sidebar.width})`};\n margin-left : ${(props: ContentWrapperProps) => props.theme.sidebar.width};\n }\n\n ${SidebarWrapperStyled}.collapsed + & {\n width : ${(props: ContentWrapperProps) => `calc(100% - ${props.theme.sidebar.isCollapsed.width})`};\n margin-left : ${(props: ContentWrapperProps) => props.theme.sidebar.isCollapsed.width};\n }\n\n @media (max-width : 900px) {\n ${SidebarWrapperStyled} + & {\n width : 100%;\n margin-left : 0;\n }\n }\n`;\n"],"names":["ContentWrapperStyled","styled","main","SidebarWrapperStyled","props","theme","sidebar","width","isCollapsed"],"mappings":"kaAKaA,EAAuBC,EAAOC,~~2IAKrCC~~,eACmBC,kBAA8CA,EAAMC,MAAMC,QAAQC,wBAClEH,GAA+BA,EAAMC,MAAMC,QAAQC,UAGtEJ,yBACmBC,kBAA8CA,EAAMC,MAAMC,QAAQE,YAAYD,wBAC9EH,GAA+BA,EAAMC,MAAMC,QAAQE,YAAYD,qCAI9EJ"}
1	+ {"version":3,"file":"ContentWrapper.styled.js","sources":["../../../../src/components/ContentWrapper/ContentWrapper.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SidebarWrapperStyled } from \"../Sidebar/SidebarWrapper/SidebarWrapper.styled\"\nimport { ContentWrapperProps } from \"./ContentWrapper\";\n\nexport const ContentWrapperStyled = styled.main`\n width : 100%;\n min-height : 100vh;\n transition : all 0.4s ease-in-out;\n\n ${SidebarWrapperStyled} + & {\n width : ${(props: ContentWrapperProps) => `calc(100% - ${props.theme.sidebar.width})`};\n margin-left : ${(props: ContentWrapperProps) => props.theme.sidebar.width};\n }\n\n ${SidebarWrapperStyled}.collapsed + & {\n width : ${(props: ContentWrapperProps) => `calc(100% - ${props.theme.sidebar.isCollapsed.width})`};\n margin-left : ${(props: ContentWrapperProps) => props.theme.sidebar.isCollapsed.width};\n }\n\n @media (max-width : 900px) {\n ${SidebarWrapperStyled} + & {\n width : 100%;\n margin-left : 0;\n }\n }\n`;\n"],"names":["ContentWrapperStyled","styled","main","SidebarWrapperStyled","props","theme","sidebar","width","isCollapsed"],"mappings":"kaAKaA,EAAuBC,EAAOC,0IAKrCC,eACmBC,kBAA8CA,EAAMC,MAAMC,QAAQC,wBAClEH,GAA+BA,EAAMC,MAAMC,QAAQC,UAGtEJ,yBACmBC,kBAA8CA,EAAMC,MAAMC,QAAQE,YAAYD,wBAC9EH,GAA+BA,EAAMC,MAAMC,QAAQE,YAAYD,qCAI9EJ"}

package/dist/es/components/ExpandableContent/ExpandableContent.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"styled-components";const r=t.details.withConfig({displayName:"ExpandableContentStyled",componentId:"-3gelwl"})`cursor:pointer;& > summary{position:relative;& > *{padding-right:32px;}&::after{content:"";display:inline-block;position:absolute;top:50%;right:12px;width:8px;height:8px;border-style:solid;border-width:0 2px 2px 0;transform:translateY(-50%)rotate(45deg);color:${t=>t.theme.sidebar.subLinks.chevron.border};transition:transform 0.2s linear;cursor:pointer;}}&[open] > summary::after{transform:translateY(-50%)rotate(225deg);}`;export{r as ExpandableContentStyled};
+import t from"styled-components";const r=t.details.withConfig({displayName:"ExpandableContentStyled",componentId:"-151cshk"})`cursor:pointer;& > summary{position:relative;& > *{padding-right:32px;}&::after{content:"";display:inline-block;position:absolute;top:50%;right:12px;width:8px;height:8px;border-style:solid;border-width:0 2px 2px 0;transform:translateY(-50%)rotate(45deg);color:${t=>t.theme.sidebar.subLinks.chevron.border};transition:transform 0.2s linear;cursor:pointer;}}&[open] > summary::after{transform:translateY(-50%)rotate(225deg);}`;export{r as ExpandableContentStyled};
 //# sourceMappingURL=ExpandableContent.styled.js.map

package/dist/es/components/ExpandableContent/ExpandableContent.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExpandableContent.styled.js","sources":["../../../../src/components/ExpandableContent/ExpandableContent.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { ExpandableContentProps } from \"./ExpandableContent\";\n\nexport const ExpandableContentStyled = styled.details`\n cursor: pointer;\n \n & > summary {\n position : relative;\n\n & > * {\n padding-right: 32px;\n }\n\n &::after {\n content : \"\";\n display : inline-block;\n position : absolute;\n top : 50%;\n right : 12px;\n width : 8px;\n height : 8px;\n border-style : solid;\n border-width : 0 2px 2px 0;\n transform : translateY(-50%) rotate(45deg);\n color : ${(props: ExpandableContentProps) => props.theme.sidebar.subLinks.chevron.border};\n transition : transform 0.2s linear;\n cursor : pointer;\n }\n }\n \n &[open] > summary::after {\n transform : translateY(-50%) rotate(225deg);\n }\n`;\n"],"names":["ExpandableContentStyled","styled","details","props","theme","sidebar","subLinks","chevron","border"],"mappings":"uCAGaA,EAA0BC,EAAOC,~~wVAqBhBC~~,GAAkCA,EAAMC,MAAMC,QAAQC,SAASC,QAAQC"}
1	+ {"version":3,"file":"ExpandableContent.styled.js","sources":["../../../../src/components/ExpandableContent/ExpandableContent.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { ExpandableContentProps } from \"./ExpandableContent\";\n\nexport const ExpandableContentStyled = styled.details`\n cursor: pointer;\n \n & > summary {\n position : relative;\n\n & > * {\n padding-right: 32px;\n }\n\n &::after {\n content : \"\";\n display : inline-block;\n position : absolute;\n top : 50%;\n right : 12px;\n width : 8px;\n height : 8px;\n border-style : solid;\n border-width : 0 2px 2px 0;\n transform : translateY(-50%) rotate(45deg);\n color : ${(props: ExpandableContentProps) => props.theme.sidebar.subLinks.chevron.border};\n transition : transform 0.2s linear;\n cursor : pointer;\n }\n }\n \n &[open] > summary::after {\n transform : translateY(-50%) rotate(225deg);\n }\n`;\n"],"names":["ExpandableContentStyled","styled","details","props","theme","sidebar","subLinks","chevron","border"],"mappings":"uCAGaA,EAA0BC,EAAOC,yVAqBhBC,GAAkCA,EAAMC,MAAMC,QAAQC,SAASC,QAAQC"}

package/dist/es/components/Form/CheckBox/CheckBox.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e,{css as t}from"styled-components";const o=t`display:inline-flex;flex-direction:row;align-items:center;margin-right:24px;&:only-of-type{margin-right:0;}input[type="checkbox"]{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);}label{display:inline-flex;position:relative;font-family:${e=>e.theme.text.font.sans};color:${e=>e.theme.text.paras.color};cursor:pointer;line-height:1;user-select:none;&::before,&::after{display:inline-flex;content:"";transition:all 0.1s ease-out;}}label::before,input[type="checkbox"]:disabled + label::before{user-select:none;pointer-events:none;background:${e=>e.theme.checkBox.square.default.bg};box-shadow:0 2px 4px -2px hsla(0, 0, 0, 0.24)inset;}&:hover label::before{background:${e=>e.theme.checkBox.square.onHover.bg};}label::after{opacity:0;}input[type="checkbox"]:checked + label::before{background:${e=>e.theme.checkBox.square.isChecked.bg};}input[type="checkbox"]:focus + label::before{outline:solid 2px ${e=>e.theme.checkBox.square.isChecked.bg};}`,a=e.div.withConfig({displayName:"CheckBoxStyled",componentId:"-wsb84r"})`${o} label::before{position:absolute;height:16px;width:16px;top:0;left:0;border-radius:4px;}label::after{position:absolute;height:6px;width:12px;left:2px;top:4px;border-left:2px solid ${e=>e.theme.checkBox.check.default.border};border-bottom:2px solid ${e=>e.theme.checkBox.check.default.border};transform:rotate(-45deg);}label{padding-left:24px;}input[type="checkbox"]:checked + label::after{opacity:1;}`,l=e.div.withConfig({displayName:"SwitchStyled",componentId:"-r3ooao"})`${o} label{position:relative;&::before{position:absolute;top:50%;left:0;transform:translateY(-50%);border-radius:16px;margin-right:4px;background:${e=>e.theme.toggleSwitch.case.default.bg};}&::after{content:"";position:absolute;top:50%;transform:translateY(-50%);display:inline-block;background:${e=>e.theme.toggleSwitch.actuator.default.bg};border-radius:50%;transition:all 0.1s ease-out;box-shadow:0 2px 4px -2px hsla(0, 0, 0, 0.6);opacity:1;}}input[type="checkbox"]:hover + label::before{background:${e=>e.theme.toggleSwitch.case.onHover.bg};}input[type="checkbox"]:checked + label::before{background:${e=>e.theme.toggleSwitch.case.isChecked.bg};}input[type="checkbox"]:disabled + label::before{background:${e=>e.theme.toggleSwitch.case.isDisabled.bg};}input[type="checkbox"]:hover + label::after{background:${e=>e.theme.toggleSwitch.actuator.onHover.bg};}input[type="checkbox"]:checked + label::after{background:${e=>e.theme.toggleSwitch.actuator.isChecked.bg};}input[type="checkbox"]:disabled + label::after{background:${e=>e.theme.toggleSwitch.actuator.isDisabled.bg};}&.size-small{label{padding-left:32px;&::before{width:24px;height:12px;}&::after{left:2px;width:8px;height:8px;}}input[type="checkbox"]:checked + label::after{transform:translateY(-50%)translateX(12px);}}&.size-medium{label{padding-left:44px;&::before{width:36px;height:18px;}&::after{left:3px;width:12px;height:12px;}}input[type="checkbox"]:checked + label::after{transform:translateY(-50%)translateX(18px);}}&.size-large{label{padding-left:56px;&::before{width:48px;height:24px;}&::after{left:4px;width:16px;height:16px;}}input[type="checkbox"]:checked + label::after{transform:translateY(-50%)translateX(24px);}}`;export{a as CheckBoxStyled,l as SwitchStyled};
+import e,{css as t}from"styled-components";const o=t`display:inline-flex;flex-direction:row;align-items:center;margin-right:24px;&:only-of-type{margin-right:0;}input[type="checkbox"]{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);}label{display:inline-flex;position:relative;font-family:${e=>e.theme.text.font.sans};color:${e=>e.theme.text.paras.color};cursor:pointer;line-height:1;user-select:none;&::before,&::after{display:inline-flex;content:"";transition:all 0.1s ease-out;}}label::before,input[type="checkbox"]:disabled + label::before{user-select:none;pointer-events:none;background:${e=>e.theme.checkBox.square.default.bg};box-shadow:0 2px 4px -2px hsla(0, 0, 0, 0.24)inset;}&:hover label::before{background:${e=>e.theme.checkBox.square.onHover.bg};}label::after{opacity:0;}input[type="checkbox"]:checked + label::before{background:${e=>e.theme.checkBox.square.isChecked.bg};}input[type="checkbox"]:focus + label::before{outline:solid 2px ${e=>e.theme.checkBox.square.isChecked.bg};}`,a=e.div.withConfig({displayName:"CheckBoxStyled",componentId:"-ka4hb"})`${o} label::before{position:absolute;height:16px;width:16px;top:0;left:0;border-radius:4px;}label::after{position:absolute;height:6px;width:12px;left:2px;top:4px;border-left:2px solid ${e=>e.theme.checkBox.check.default.border};border-bottom:2px solid ${e=>e.theme.checkBox.check.default.border};transform:rotate(-45deg);}label{padding-left:24px;}input[type="checkbox"]:checked + label::after{opacity:1;}`,l=e.div.withConfig({displayName:"SwitchStyled",componentId:"-t1fok5"})`${o} label{position:relative;&::before{position:absolute;top:50%;left:0;transform:translateY(-50%);border-radius:16px;margin-right:4px;background:${e=>e.theme.toggleSwitch.case.default.bg};}&::after{content:"";position:absolute;top:50%;transform:translateY(-50%);display:inline-block;background:${e=>e.theme.toggleSwitch.actuator.default.bg};border-radius:50%;transition:all 0.1s ease-out;box-shadow:0 2px 4px -2px hsla(0, 0, 0, 0.6);opacity:1;}}input[type="checkbox"]:hover + label::before{background:${e=>e.theme.toggleSwitch.case.onHover.bg};}input[type="checkbox"]:checked + label::before{background:${e=>e.theme.toggleSwitch.case.isChecked.bg};}input[type="checkbox"]:disabled + label::before{background:${e=>e.theme.toggleSwitch.case.isDisabled.bg};}input[type="checkbox"]:hover + label::after{background:${e=>e.theme.toggleSwitch.actuator.onHover.bg};}input[type="checkbox"]:checked + label::after{background:${e=>e.theme.toggleSwitch.actuator.isChecked.bg};}input[type="checkbox"]:disabled + label::after{background:${e=>e.theme.toggleSwitch.actuator.isDisabled.bg};}&.size-small{label{padding-left:32px;&::before{width:24px;height:12px;}&::after{left:2px;width:8px;height:8px;}}input[type="checkbox"]:checked + label::after{transform:translateY(-50%)translateX(12px);}}&.size-medium{label{padding-left:44px;&::before{width:36px;height:18px;}&::after{left:3px;width:12px;height:12px;}}input[type="checkbox"]:checked + label::after{transform:translateY(-50%)translateX(18px);}}&.size-large{label{padding-left:56px;&::before{width:48px;height:24px;}&::after{left:4px;width:16px;height:16px;}}input[type="checkbox"]:checked + label::after{transform:translateY(-50%)translateX(24px);}}`;export{a as CheckBoxStyled,l as SwitchStyled};
 //# sourceMappingURL=CheckBox.styled.js.map

package/dist/es/components/Form/CheckBox/CheckBox.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CheckBox.styled.js","sources":["../../../../../src/components/Form/CheckBox/CheckBox.styled.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { CheckboxProps } from \"./CheckBox\";\n\n/* COMMON STYLES ======================================================== /\nconst SharedStyling = css`\n display : inline-flex;\n flex-direction : row;\n align-items : center;\n margin-right : 24px;\n\n &:only-of-type {\n margin-right : 0;\n }\n\n input[type=\"checkbox\"] {\n position : absolute;\n height : 1px;\n width : 1px;\n overflow : hidden;\n clip : rect(1px 1px 1px 1px); / IE6, IE7 /\n clip : rect(1px, 1px, 1px, 1px);\n }\n\n label {\n display : inline-flex;\n position : relative;\n font-family : ${(props : CheckboxProps) => props.theme.text.font.sans};\n color : ${(props : CheckboxProps) => props.theme.text.paras.color};\n cursor : pointer;\n line-height : 1;\n user-select : none;\n\n &::before,\n &::after {\n display : inline-flex;\n content : \"\";\n transition : all 0.1s ease-out;\n }\n }\n\n / The grey square /\n label::before,\n input[type=\"checkbox\"]:disabled + label::before {\n user-select : none;\n pointer-events : none;\n background : ${(props : CheckboxProps) => props.theme.checkBox.square.default.bg};\n box-shadow : 0 2px 4px -2px hsla(0, 0, 0, 0.24) inset;\n }\n\n &:hover label::before {\n background : ${(props : CheckboxProps) => props.theme.checkBox.square.onHover.bg};\n }\n\n label::after {\n opacity : 0;\n }\n\n input[type=\"checkbox\"]:checked + label::before {\n background : ${(props : CheckboxProps) => props.theme.checkBox.square.isChecked.bg};\n }\n\n input[type=\"checkbox\"]:focus + label::before {\n outline : solid 2px ${(props : CheckboxProps) => props.theme.checkBox.square.isChecked.bg};\n }\n`;\n\n/ CHECKBOX ============================================================= /\nexport const CheckBoxStyled = styled.div`\n ${SharedStyling}\n\n / The square /\n label::before {\n position : absolute;\n height : 16px;\n width : 16px;\n top : 0;\n left : 0;\n border-radius : 4px;\n }\n\n / The white tick inside /\n label::after {\n position : absolute;\n height : 6px;\n width : 12px;\n left : 2px;\n top : 4px;\n border-left : 2px solid ${(props : CheckboxProps) => props.theme.checkBox.check.default.border};\n border-bottom : 2px solid ${(props : CheckboxProps) => props.theme.checkBox.check.default.border};\n transform : rotate(-45deg);\n }\n\n label {\n padding-left : 24px;\n }\n\n input[type=\"checkbox\"]:checked + label::after {\n opacity : 1;\n }\n`;\n\n/ TOGGLE SWITCH ======================================================== /\nexport const SwitchStyled = styled.div`\n ${SharedStyling}\n\n label {\n position : relative;\n\n / The grey stadium shape for the case /\n &::before {\n position : absolute;\n top : 50%;\n left : 0;\n transform : translateY(-50%);\n border-radius : 16px;\n margin-right : 4px;\n background : ${(props : CheckboxProps) => props.theme.toggleSwitch.case.default.bg};\n }\n\n / The white inner circle actuator /\n &::after {\n content : \"\";\n position : absolute;\n top : 50%;\n transform : translateY(-50%);\n display : inline-block;\n background : ${(props : CheckboxProps) => props.theme.toggleSwitch.actuator.default.bg};\n border-radius : 50%;\n transition : all 0.1s ease-out;\n box-shadow : 0 2px 4px -2px hsla(0, 0, 0, 0.6);\n opacity : 1;\n }\n }\n\n / States for the stadium /\n input[type=\"checkbox\"]:hover + label::before {\n background : ${(props : CheckboxProps) => props.theme.toggleSwitch.case.onHover.bg};\n }\n\n input[type=\"checkbox\"]:checked + label::before {\n background : ${(props : CheckboxProps) => props.theme.toggleSwitch.case.isChecked.bg};\n }\n\n input[type=\"checkbox\"]:disabled + label::before {\n background : ${(props : CheckboxProps) => props.theme.toggleSwitch.case.isDisabled.bg};\n }\n\n / States for the circle /\n input[type=\"checkbox\"]:hover + label::after {\n background : ${(props : CheckboxProps) => props.theme.toggleSwitch.actuator.onHover.bg};\n }\n\n input[type=\"checkbox\"]:checked + label::after {\n background : ${(props : CheckboxProps) => props.theme.toggleSwitch.actuator.isChecked.bg};\n }\n\n input[type=\"checkbox\"]:disabled + label::after {\n background : ${(props : CheckboxProps) => props.theme.toggleSwitch.actuator.isDisabled.bg};\n }\n\n\n / Sizes */\n &.size-small {\n label {\n padding-left : 32px;\n\n &::before {\n width : 24px;\n height : 12px;\n }\n\n &::after {\n left : 2px;\n width : 8px;\n height : 8px;\n }\n }\n\n input[type=\"checkbox\"]:checked + label::after {\n transform : translateY(-50%) translateX(12px);\n }\n }\n\n &.size-medium {\n label {\n padding-left : 44px;\n\n &::before {\n width : 36px;\n height : 18px;\n }\n\n &::after {\n left : 3px;\n width : 12px;\n height : 12px;\n }\n }\n\n input[type=\"checkbox\"]:checked + label::after {\n transform : translateY(-50%) translateX(18px);\n }\n }\n\n &.size-large {\n label {\n padding-left : 56px;\n\n &::before {\n width : 48px;\n height : 24px;\n }\n\n &::after {\n left : 4px;\n width : 16px;\n height : 16px;\n }\n }\n\n input[type=\"checkbox\"]:checked + label::after {\n transform : translateY(-50%) translateX(24px);\n }\n }\n`;\n"],"names":["SharedStyling","css","props","theme","text","font","sans","paras","color","checkBox","square","default","bg","onHover","isChecked","CheckBoxStyled","styled","div","check","border","SwitchStyled","toggleSwitch","case","actuator","isDisabled"],"mappings":"2CAKA,MAAMA,EAAgBC,+SAsBGC,GAA0BA,EAAMC,MAAMC,KAAKC,KAAKC,cAChDJ,GAA0BA,EAAMC,MAAMC,KAAKG,MAAMC,sPAkB9CN,GAA0BA,EAAMC,MAAMM,SAASC,OAAOC,QAAQC,2FAKlEV,GAA0BA,EAAMC,MAAMM,SAASC,OAAOG,QAAQD,yFAQ9DV,GAA0BA,EAAMC,MAAMM,SAASC,OAAOI,UAAUF,sEAIzDV,GAA0BA,EAAMC,MAAMM,SAASC,OAAOI,UAAUF,OAKlFG,EAAiBC,EAAOC,~~uEAC~~/BjB,wLAmB+BE,GAA0BA,EAAMC,MAAMM,SAASS,MAAMP,QAAQQ,kCAC7DjB,GAA0BA,EAAMC,MAAMM,SAASS,MAAMP,QAAQQ,sHAcrFC,EAAeJ,EAAOC,qEAC7BjB,kJAayBE,GAA0BA,EAAMC,MAAMkB,aAAaC,KAAKX,QAAQC,gHAUhEV,GAA0BA,EAAMC,MAAMkB,aAAaE,SAASZ,QAAQC,sKAU3EV,GAA0BA,EAAMC,MAAMkB,aAAaC,KAAKT,QAAQD,iEAIhEV,GAA0BA,EAAMC,MAAMkB,aAAaC,KAAKR,UAAUF,kEAIlEV,GAA0BA,EAAMC,MAAMkB,aAAaC,KAAKE,WAAWZ,8DAKnEV,GAA0BA,EAAMC,MAAMkB,aAAaE,SAASV,QAAQD,gEAIpEV,GAA0BA,EAAMC,MAAMkB,aAAaE,SAAST,UAAUF,iEAItEV,GAA0BA,EAAMC,MAAMkB,aAAaE,SAASC,WAAWZ"}
1	+ {"version":3,"file":"CheckBox.styled.js","sources":["../../../../../src/components/Form/CheckBox/CheckBox.styled.tsx"],"sourcesContent":["import styled, { css } from \"styled-components\";\n\nimport { CheckboxProps } from \"./CheckBox\";\n\n/* COMMON STYLES ======================================================== /\nconst SharedStyling = css`\n display : inline-flex;\n flex-direction : row;\n align-items : center;\n margin-right : 24px;\n\n &:only-of-type {\n margin-right : 0;\n }\n\n input[type=\"checkbox\"] {\n position : absolute;\n height : 1px;\n width : 1px;\n overflow : hidden;\n clip : rect(1px 1px 1px 1px); / IE6, IE7 /\n clip : rect(1px, 1px, 1px, 1px);\n }\n\n label {\n display : inline-flex;\n position : relative;\n font-family : ${(props : CheckboxProps) => props.theme.text.font.sans};\n color : ${(props : CheckboxProps) => props.theme.text.paras.color};\n cursor : pointer;\n line-height : 1;\n user-select : none;\n\n &::before,\n &::after {\n display : inline-flex;\n content : \"\";\n transition : all 0.1s ease-out;\n }\n }\n\n / The grey square /\n label::before,\n input[type=\"checkbox\"]:disabled + label::before {\n user-select : none;\n pointer-events : none;\n background : ${(props : CheckboxProps) => props.theme.checkBox.square.default.bg};\n box-shadow : 0 2px 4px -2px hsla(0, 0, 0, 0.24) inset;\n }\n\n &:hover label::before {\n background : ${(props : CheckboxProps) => props.theme.checkBox.square.onHover.bg};\n }\n\n label::after {\n opacity : 0;\n }\n\n input[type=\"checkbox\"]:checked + label::before {\n background : ${(props : CheckboxProps) => props.theme.checkBox.square.isChecked.bg};\n }\n\n input[type=\"checkbox\"]:focus + label::before {\n outline : solid 2px ${(props : CheckboxProps) => props.theme.checkBox.square.isChecked.bg};\n }\n`;\n\n/ CHECKBOX ============================================================= /\nexport const CheckBoxStyled = styled.div`\n ${SharedStyling}\n\n / The square /\n label::before {\n position : absolute;\n height : 16px;\n width : 16px;\n top : 0;\n left : 0;\n border-radius : 4px;\n }\n\n / The white tick inside /\n label::after {\n position : absolute;\n height : 6px;\n width : 12px;\n left : 2px;\n top : 4px;\n border-left : 2px solid ${(props : CheckboxProps) => props.theme.checkBox.check.default.border};\n border-bottom : 2px solid ${(props : CheckboxProps) => props.theme.checkBox.check.default.border};\n transform : rotate(-45deg);\n }\n\n label {\n padding-left : 24px;\n }\n\n input[type=\"checkbox\"]:checked + label::after {\n opacity : 1;\n }\n`;\n\n/ TOGGLE SWITCH ======================================================== /\nexport const SwitchStyled = styled.div`\n ${SharedStyling}\n\n label {\n position : relative;\n\n / The grey stadium shape for the case /\n &::before {\n position : absolute;\n top : 50%;\n left : 0;\n transform : translateY(-50%);\n border-radius : 16px;\n margin-right : 4px;\n background : ${(props : CheckboxProps) => props.theme.toggleSwitch.case.default.bg};\n }\n\n / The white inner circle actuator /\n &::after {\n content : \"\";\n position : absolute;\n top : 50%;\n transform : translateY(-50%);\n display : inline-block;\n background : ${(props : CheckboxProps) => props.theme.toggleSwitch.actuator.default.bg};\n border-radius : 50%;\n transition : all 0.1s ease-out;\n box-shadow : 0 2px 4px -2px hsla(0, 0, 0, 0.6);\n opacity : 1;\n }\n }\n\n / States for the stadium /\n input[type=\"checkbox\"]:hover + label::before {\n background : ${(props : CheckboxProps) => props.theme.toggleSwitch.case.onHover.bg};\n }\n\n input[type=\"checkbox\"]:checked + label::before {\n background : ${(props : CheckboxProps) => props.theme.toggleSwitch.case.isChecked.bg};\n }\n\n input[type=\"checkbox\"]:disabled + label::before {\n background : ${(props : CheckboxProps) => props.theme.toggleSwitch.case.isDisabled.bg};\n }\n\n / States for the circle /\n input[type=\"checkbox\"]:hover + label::after {\n background : ${(props : CheckboxProps) => props.theme.toggleSwitch.actuator.onHover.bg};\n }\n\n input[type=\"checkbox\"]:checked + label::after {\n background : ${(props : CheckboxProps) => props.theme.toggleSwitch.actuator.isChecked.bg};\n }\n\n input[type=\"checkbox\"]:disabled + label::after {\n background : ${(props : CheckboxProps) => props.theme.toggleSwitch.actuator.isDisabled.bg};\n }\n\n\n / Sizes */\n &.size-small {\n label {\n padding-left : 32px;\n\n &::before {\n width : 24px;\n height : 12px;\n }\n\n &::after {\n left : 2px;\n width : 8px;\n height : 8px;\n }\n }\n\n input[type=\"checkbox\"]:checked + label::after {\n transform : translateY(-50%) translateX(12px);\n }\n }\n\n &.size-medium {\n label {\n padding-left : 44px;\n\n &::before {\n width : 36px;\n height : 18px;\n }\n\n &::after {\n left : 3px;\n width : 12px;\n height : 12px;\n }\n }\n\n input[type=\"checkbox\"]:checked + label::after {\n transform : translateY(-50%) translateX(18px);\n }\n }\n\n &.size-large {\n label {\n padding-left : 56px;\n\n &::before {\n width : 48px;\n height : 24px;\n }\n\n &::after {\n left : 4px;\n width : 16px;\n height : 16px;\n }\n }\n\n input[type=\"checkbox\"]:checked + label::after {\n transform : translateY(-50%) translateX(24px);\n }\n }\n`;\n"],"names":["SharedStyling","css","props","theme","text","font","sans","paras","color","checkBox","square","default","bg","onHover","isChecked","CheckBoxStyled","styled","div","check","border","SwitchStyled","toggleSwitch","case","actuator","isDisabled"],"mappings":"2CAKA,MAAMA,EAAgBC,+SAsBGC,GAA0BA,EAAMC,MAAMC,KAAKC,KAAKC,cAChDJ,GAA0BA,EAAMC,MAAMC,KAAKG,MAAMC,sPAkB9CN,GAA0BA,EAAMC,MAAMM,SAASC,OAAOC,QAAQC,2FAKlEV,GAA0BA,EAAMC,MAAMM,SAASC,OAAOG,QAAQD,yFAQ9DV,GAA0BA,EAAMC,MAAMM,SAASC,OAAOI,UAAUF,sEAIzDV,GAA0BA,EAAMC,MAAMM,SAASC,OAAOI,UAAUF,OAKlFG,EAAiBC,EAAOC,sEAC/BjB,wLAmB+BE,GAA0BA,EAAMC,MAAMM,SAASS,MAAMP,QAAQQ,kCAC7DjB,GAA0BA,EAAMC,MAAMM,SAASS,MAAMP,QAAQQ,sHAcrFC,EAAeJ,EAAOC,qEAC7BjB,kJAayBE,GAA0BA,EAAMC,MAAMkB,aAAaC,KAAKX,QAAQC,gHAUhEV,GAA0BA,EAAMC,MAAMkB,aAAaE,SAASZ,QAAQC,sKAU3EV,GAA0BA,EAAMC,MAAMkB,aAAaC,KAAKT,QAAQD,iEAIhEV,GAA0BA,EAAMC,MAAMkB,aAAaC,KAAKR,UAAUF,kEAIlEV,GAA0BA,EAAMC,MAAMkB,aAAaC,KAAKE,WAAWZ,8DAKnEV,GAA0BA,EAAMC,MAAMkB,aAAaE,SAASV,QAAQD,gEAIpEV,GAA0BA,EAAMC,MAAMkB,aAAaE,SAAST,UAAUF,iEAItEV,GAA0BA,EAAMC,MAAMkB,aAAaE,SAASC,WAAWZ"}

package/dist/es/components/Form/FormItem/FormItem.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"styled-components";import{InputFieldStyled as t}from"../InputField/InputField.styled.js";import{SelectWrapperStyled as l}from"../Select/Select.styled.js";import{TextAreaStyled as o}from"../TextArea/TextArea.styled.js";const i=e.div.withConfig({displayName:"FormItemStyled",componentId:"-xk881l"})`display:flex;flex-direction:column;position:relative;width:100%;align-items:flex-start;& > label{position:relative;display:flex;flex:1 0 auto;align-self:flex-start;margin-bottom:4px;color:${e=>e.theme.inputField.default.label};font-family:${e=>e.theme.text.paras.font};order:-1;flex-wrap:wrap;}.info-section{flex-wrap:wrap;span.help-text,span.error-text{font-size:${e=>e.theme.inputField.default.helpText.scale};font-family:${e=>e.theme.text.paras.font};}span.help-text{color:${e=>e.theme.inputField.default.helpText.text};}span.error-text{display:none;}span:not(:last-of-type){margin-right:8px;}}&[required]{& > div,& > ${t},& > ${o},& > ${l}{& ~ label::before{position:absolute;top:-4px;bottom:0;left:-12px;margin:auto;content:"*";font-size:120%;color:${e=>e.theme.inputField.required.text};}}}input[type="radio"]:disabled + label,input[type="checkbox"]:disabled + label{pointer-events:none;user-select:none;cursor:default;opacity:0.36;}${t},${o},${l}{&:read-only{background-color:${e=>e.theme.inputField.isReadOnly.bg};color:${e=>e.theme.inputField.default.text};&:focus{border:2px solid ${e=>e.theme.inputField.default.text};}}&:disabled,&[disabled] select{background-color:${e=>e.theme.inputField.isReadOnly.bg};border-color:${e=>e.theme.inputField.isReadOnly.border};color:${e=>e.theme.inputField.isReadOnly.text};& + label{color:${e=>e.theme.inputField.isReadOnly.label};}}&:not(:disabled){&:focus ~ label{font-weight:bold;}&:invalid:not(:focus):not(:placeholder-shown)~ .info-section span.error-text{display:block;color:${e=>e.theme.inputField.isInvalid.errorText};}}}`;export{i as FormItemStyled};
+import e from"styled-components";import{InputFieldStyled as t}from"../InputField/InputField.styled.js";import{SelectWrapperStyled as l}from"../Select/Select.styled.js";import{TextAreaStyled as o}from"../TextArea/TextArea.styled.js";const i=e.div.withConfig({displayName:"FormItemStyled",componentId:"-t3no5p"})`display:flex;flex-direction:column;position:relative;width:100%;align-items:flex-start;& > label{position:relative;display:flex;flex:1 0 auto;align-self:flex-start;margin-bottom:4px;color:${e=>e.theme.inputField.default.label};font-family:${e=>e.theme.text.paras.font};order:-1;flex-wrap:wrap;}.info-section{flex-wrap:wrap;span.help-text,span.error-text{font-size:${e=>e.theme.inputField.default.helpText.scale};font-family:${e=>e.theme.text.paras.font};}span.help-text{color:${e=>e.theme.inputField.default.helpText.text};}span.error-text{display:none;}span:not(:last-of-type){margin-right:8px;}}&[required]{& > div,& > ${t},& > ${o},& > ${l}{& ~ label::before{position:absolute;top:-4px;bottom:0;left:-12px;margin:auto;content:"*";font-size:120%;color:${e=>e.theme.inputField.required.text};}}}input[type="radio"]:disabled + label,input[type="checkbox"]:disabled + label{pointer-events:none;user-select:none;cursor:default;opacity:0.36;}${t},${o},${l}{&:read-only{background-color:${e=>e.theme.inputField.isReadOnly.bg};color:${e=>e.theme.inputField.default.text};&:focus{border:2px solid ${e=>e.theme.inputField.default.text};}}&:disabled,&[disabled] select{background-color:${e=>e.theme.inputField.isReadOnly.bg};border-color:${e=>e.theme.inputField.isReadOnly.border};color:${e=>e.theme.inputField.isReadOnly.text};& + label{color:${e=>e.theme.inputField.isReadOnly.label};}}&:not(:disabled){&:focus ~ label{font-weight:bold;}&:invalid:not(:focus):not(:placeholder-shown)~ .info-section span.error-text{display:block;color:${e=>e.theme.inputField.isInvalid.errorText};}}}`;export{i as FormItemStyled};
 //# sourceMappingURL=FormItem.styled.js.map

package/dist/es/components/Form/FormItemGroup/FormItemGroup.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"styled-components";import{FormItemStyled as e}from"../FormItem/FormItem.styled.js";import"../InputField/InputField.styled.js";import"../Select/Select.styled.js";import"../TextArea/TextArea.styled.js";const i=t.div.withConfig({displayName:"FormItemGroupStyled",componentId:"-1w3ag79"})`display:flex;flex-wrap:wrap;width:100%;input{align-self:flex-end;}& > ${e}{flex:1 1 0;flex-direction:column;margin-bottom:24px;}& > label{flex:1 1 100%;order:-1;}&.spacing-none > ${e}:not(:last-of-type){margin-right:0;}&.spacing-nano > ${e}:not(:last-of-type){margin-right:8px;}&.spacing-micro > ${e}:not(:last-of-type){margin-right:12px;}&.spacing-tiny > ${e}:not(:last-of-type){margin-right:16px;}&.spacing-small > ${e}:not(:last-of-type){margin-right:24px;}&.spacing-medium > ${e}:not(:last-of-type){margin-right:32px;}&.spacing-large > ${e}:not(:last-of-type){margin-right:40px;}&.spacing-huge > ${e}:not(:last-of-type){margin-right:48px;}&.is-joint{& > ${e}{margin-right:0;&:first-of-type input,select,textarea{border-top-right-radius:0;border-bottom-right-radius:0;}&:not(:first-of-type):not(:last-of-type)input,select,textarea{border-radius:0;}&:last-of-type input,select,textarea{border-top-left-radius:0;border-bottom-left-radius:0;}}}@media screen and (max-width : 520px){&:not(.retain-layout)> ${e}{flex:1 1 auto;margin-right:0 !important;}&:not(.retain-layout)> ${e}:not(:last-child){margin-bottom:16px;}}`;export{i as FormItemGroupStyled};
+import t from"styled-components";import{FormItemStyled as e}from"../FormItem/FormItem.styled.js";import"../InputField/InputField.styled.js";import"../Select/Select.styled.js";import"../TextArea/TextArea.styled.js";const i=t.div.withConfig({displayName:"FormItemGroupStyled",componentId:"-lt3lk5"})`display:flex;flex-wrap:wrap;width:100%;input{align-self:flex-end;}& > ${e}{flex:1 1 0;flex-direction:column;margin-bottom:24px;}& > label{flex:1 1 100%;order:-1;}&.spacing-none > ${e}:not(:last-of-type){margin-right:0;}&.spacing-nano > ${e}:not(:last-of-type){margin-right:8px;}&.spacing-micro > ${e}:not(:last-of-type){margin-right:12px;}&.spacing-tiny > ${e}:not(:last-of-type){margin-right:16px;}&.spacing-small > ${e}:not(:last-of-type){margin-right:24px;}&.spacing-medium > ${e}:not(:last-of-type){margin-right:32px;}&.spacing-large > ${e}:not(:last-of-type){margin-right:40px;}&.spacing-huge > ${e}:not(:last-of-type){margin-right:48px;}&.is-joint{& > ${e}{margin-right:0;&:first-of-type input,select,textarea{border-top-right-radius:0;border-bottom-right-radius:0;}&:not(:first-of-type):not(:last-of-type)input,select,textarea{border-radius:0;}&:last-of-type input,select,textarea{border-top-left-radius:0;border-bottom-left-radius:0;}}}@media screen and (max-width : 520px){&:not(.retain-layout)> ${e}{flex:1 1 auto;margin-right:0 !important;}&:not(.retain-layout)> ${e}:not(:last-child){margin-bottom:16px;}}`;export{i as FormItemGroupStyled};
 //# sourceMappingURL=FormItemGroup.styled.js.map

package/dist/es/components/Form/FormItemGroup/FormItemGroup.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormItemGroup.styled.js","sources":["../../../../../src/components/Form/FormItemGroup/FormItemGroup.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { FormItemStyled } from \"../FormItem/FormItem.styled\";\n\n\nexport const FormItemGroupStyled = styled.div`\n display : flex;\n flex-wrap : wrap;\n width : 100%;\n\n input {\n align-self : flex-end;\n }\n\n & > ${FormItemStyled} {\n flex : 1 1 0;\n flex-direction : column;\n margin-bottom : 24px;\n }\n\n & > label {\n flex : 1 1 100%;\n order : -1;\n }\n\n &.spacing-none > ${FormItemStyled}:not(:last-of-type) { margin-right : 0; }\n &.spacing-nano > ${FormItemStyled}:not(:last-of-type) { margin-right : 8px; }\n &.spacing-micro > ${FormItemStyled}:not(:last-of-type) { margin-right : 12px; }\n &.spacing-tiny > ${FormItemStyled}:not(:last-of-type) { margin-right : 16px; }\n &.spacing-small > ${FormItemStyled}:not(:last-of-type) { margin-right : 24px; }\n &.spacing-medium > ${FormItemStyled}:not(:last-of-type) { margin-right : 32px; }\n &.spacing-large > ${FormItemStyled}:not(:last-of-type) { margin-right : 40px; }\n &.spacing-huge > ${FormItemStyled}:not(:last-of-type) { margin-right : 48px; }\n\n &.is-joint {\n & > ${FormItemStyled} {\n margin-right : 0;\n\n &:first-of-type input, select, textarea {\n border-top-right-radius : 0;\n border-bottom-right-radius : 0;\n }\n\n &:not(:first-of-type):not(:last-of-type) input, select, textarea {\n border-radius : 0;\n }\n\n &:last-of-type input, select, textarea {\n border-top-left-radius : 0;\n border-bottom-left-radius : 0;\n }\n }\n }\n\n @media screen and (max-width : 520px) {\n &:not(.retain-layout) > ${FormItemStyled} {\n flex : 1 1 auto;\n margin-right : 0 !important;\n }\n\n //TODO: Add retainLayout prop for all breakpoints\n &:not(.retain-layout) > ${FormItemStyled}:not(:last-child) {\n margin-bottom : 16px;\n }\n }\n`;\n"],"names":["FormItemGroupStyled","styled","div","FormItemStyled"],"mappings":"4NAKaA,EAAsBC,EAAOC,~~mJAShCC~~,6GAWeA,yDACAA,4DACAA,4DACAA,6DACAA,8DACAA,6DACAA,4DACAA,0DAGXA,2VAoBoBA,qEAMAA"}
1	+ {"version":3,"file":"FormItemGroup.styled.js","sources":["../../../../../src/components/Form/FormItemGroup/FormItemGroup.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { FormItemStyled } from \"../FormItem/FormItem.styled\";\n\n\nexport const FormItemGroupStyled = styled.div`\n display : flex;\n flex-wrap : wrap;\n width : 100%;\n\n input {\n align-self : flex-end;\n }\n\n & > ${FormItemStyled} {\n flex : 1 1 0;\n flex-direction : column;\n margin-bottom : 24px;\n }\n\n & > label {\n flex : 1 1 100%;\n order : -1;\n }\n\n &.spacing-none > ${FormItemStyled}:not(:last-of-type) { margin-right : 0; }\n &.spacing-nano > ${FormItemStyled}:not(:last-of-type) { margin-right : 8px; }\n &.spacing-micro > ${FormItemStyled}:not(:last-of-type) { margin-right : 12px; }\n &.spacing-tiny > ${FormItemStyled}:not(:last-of-type) { margin-right : 16px; }\n &.spacing-small > ${FormItemStyled}:not(:last-of-type) { margin-right : 24px; }\n &.spacing-medium > ${FormItemStyled}:not(:last-of-type) { margin-right : 32px; }\n &.spacing-large > ${FormItemStyled}:not(:last-of-type) { margin-right : 40px; }\n &.spacing-huge > ${FormItemStyled}:not(:last-of-type) { margin-right : 48px; }\n\n &.is-joint {\n & > ${FormItemStyled} {\n margin-right : 0;\n\n &:first-of-type input, select, textarea {\n border-top-right-radius : 0;\n border-bottom-right-radius : 0;\n }\n\n &:not(:first-of-type):not(:last-of-type) input, select, textarea {\n border-radius : 0;\n }\n\n &:last-of-type input, select, textarea {\n border-top-left-radius : 0;\n border-bottom-left-radius : 0;\n }\n }\n }\n\n @media screen and (max-width : 520px) {\n &:not(.retain-layout) > ${FormItemStyled} {\n flex : 1 1 auto;\n margin-right : 0 !important;\n }\n\n //TODO: Add retainLayout prop for all breakpoints\n &:not(.retain-layout) > ${FormItemStyled}:not(:last-child) {\n margin-bottom : 16px;\n }\n }\n`;\n"],"names":["FormItemGroupStyled","styled","div","FormItemStyled"],"mappings":"4NAKaA,EAAsBC,EAAOC,kJAShCC,6GAWeA,yDACAA,4DACAA,4DACAA,6DACAA,8DACAA,6DACAA,4DACAA,0DAGXA,2VAoBoBA,qEAMAA"}

package/dist/es/components/Form/FormWrapper/FormWrapper.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"styled-components";import{FormItemStyled as o}from"../FormItem/FormItem.styled.js";import{FormItemGroupStyled as i}from"../FormItemGroup/FormItemGroup.styled.js";import"../InputField/InputField.styled.js";import"../Select/Select.styled.js";import"../TextArea/TextArea.styled.js";const m=t.form.withConfig({displayName:"FormWrapperStyled",componentId:"-16d79nx"})`display:flex;position:relative;width:100%;flex-direction:column;&.spacing-none ${o}:not(:last-child){margin-bottom:0;}&.spacing-nano ${o}:not(:last-child){margin-bottom:8px;}&.spacing-micro ${o}:not(:last-child){margin-bottom:12px;}&.spacing-tiny ${o}:not(:last-child){margin-bottom:16px;}&.spacing-small ${o}:not(:last-child){margin-bottom:24px;}&.spacing-medium ${o}:not(:last-child){margin-bottom:32px;}&.spacing-large ${o}:not(:last-child){margin-bottom:40px;}&.spacing-huge ${o}:not(:last-child){margin-bottom:48px;}/*${i}${o}${i}${o}${i}${o}${i}${o}${i}${o}${i}${o}${i}${o}${i}${o}*/`;export{m as FormWrapperStyled};
+import t from"styled-components";import{FormItemStyled as o}from"../FormItem/FormItem.styled.js";import{FormItemGroupStyled as i}from"../FormItemGroup/FormItemGroup.styled.js";import"../InputField/InputField.styled.js";import"../Select/Select.styled.js";import"../TextArea/TextArea.styled.js";const m=t.form.withConfig({displayName:"FormWrapperStyled",componentId:"-akfemj"})`display:flex;position:relative;width:100%;flex-direction:column;&.spacing-none ${o}:not(:last-child){margin-bottom:0;}&.spacing-nano ${o}:not(:last-child){margin-bottom:8px;}&.spacing-micro ${o}:not(:last-child){margin-bottom:12px;}&.spacing-tiny ${o}:not(:last-child){margin-bottom:16px;}&.spacing-small ${o}:not(:last-child){margin-bottom:24px;}&.spacing-medium ${o}:not(:last-child){margin-bottom:32px;}&.spacing-large ${o}:not(:last-child){margin-bottom:40px;}&.spacing-huge ${o}:not(:last-child){margin-bottom:48px;}/*${i}${o}${i}${o}${i}${o}${i}${o}${i}${o}${i}${o}${i}${o}${i}${o}*/`;export{m as FormWrapperStyled};
 //# sourceMappingURL=FormWrapper.styled.js.map

package/dist/es/components/Form/FormWrapper/FormWrapper.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormWrapper.styled.js","sources":["../../../../../src/components/Form/FormWrapper/FormWrapper.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { FormItemStyled } from \"../FormItem/FormItem.styled\";\nimport { FormItemGroupStyled } from \"../FormItemGroup/FormItemGroup.styled\";\n\nexport const FormWrapperStyled = styled.form`\n display : flex;\n position : relative;\n width : 100%;\n flex-direction : column;\n\n &.spacing-none ${FormItemStyled}:not(:last-child) { margin-bottom : 0; }\n &.spacing-nano ${FormItemStyled}:not(:last-child) { margin-bottom : 8px; }\n &.spacing-micro ${FormItemStyled}:not(:last-child) { margin-bottom : 12px; }\n &.spacing-tiny ${FormItemStyled}:not(:last-child) { margin-bottom : 16px; }\n &.spacing-small ${FormItemStyled}:not(:last-child) { margin-bottom : 24px; }\n &.spacing-medium ${FormItemStyled}:not(:last-child) { margin-bottom : 32px; }\n &.spacing-large ${FormItemStyled}:not(:last-child) { margin-bottom : 40px; }\n &.spacing-huge ${FormItemStyled}:not(:last-child) { margin-bottom : 48px; }\n/* \n &.spacing-none ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 0; }\n &.spacing-nano ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 8px; }\n &.spacing-micro ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 12px; }\n &.spacing-tiny ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 16px; }\n &.spacing-small ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 24px; }\n &.spacing-medium ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 32px; }\n &.spacing-large ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 40px; }\n &.spacing-huge ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 48px; } */\n`;\n"],"names":["FormWrapperStyled","styled","form","FormItemStyled","FormItemGroupStyled"],"mappings":"2SAKaA,EAAoBC,EAAOC,~~2JAMjBC~~,sDACAA,yDACAA,yDACAA,0DACAA,2DACAA,0DACAA,yDACAA,4CAEAC,IAAuBD,IACvBC,IAAuBD,IACvBC,IAAuBD,IACvBC,IAAuBD,IACvBC,IAAuBD,IACvBC,IAAuBD,IACvBC,IAAuBD,IACvBC,IAAuBD"}
1	+ {"version":3,"file":"FormWrapper.styled.js","sources":["../../../../../src/components/Form/FormWrapper/FormWrapper.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { FormItemStyled } from \"../FormItem/FormItem.styled\";\nimport { FormItemGroupStyled } from \"../FormItemGroup/FormItemGroup.styled\";\n\nexport const FormWrapperStyled = styled.form`\n display : flex;\n position : relative;\n width : 100%;\n flex-direction : column;\n\n &.spacing-none ${FormItemStyled}:not(:last-child) { margin-bottom : 0; }\n &.spacing-nano ${FormItemStyled}:not(:last-child) { margin-bottom : 8px; }\n &.spacing-micro ${FormItemStyled}:not(:last-child) { margin-bottom : 12px; }\n &.spacing-tiny ${FormItemStyled}:not(:last-child) { margin-bottom : 16px; }\n &.spacing-small ${FormItemStyled}:not(:last-child) { margin-bottom : 24px; }\n &.spacing-medium ${FormItemStyled}:not(:last-child) { margin-bottom : 32px; }\n &.spacing-large ${FormItemStyled}:not(:last-child) { margin-bottom : 40px; }\n &.spacing-huge ${FormItemStyled}:not(:last-child) { margin-bottom : 48px; }\n/* \n &.spacing-none ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 0; }\n &.spacing-nano ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 8px; }\n &.spacing-micro ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 12px; }\n &.spacing-tiny ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 16px; }\n &.spacing-small ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 24px; }\n &.spacing-medium ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 32px; }\n &.spacing-large ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 40px; }\n &.spacing-huge ${FormItemGroupStyled} ${FormItemStyled}:last-child { margin-bottom : 48px; } */\n`;\n"],"names":["FormWrapperStyled","styled","form","FormItemStyled","FormItemGroupStyled"],"mappings":"2SAKaA,EAAoBC,EAAOC,0JAMjBC,sDACAA,yDACAA,yDACAA,0DACAA,2DACAA,0DACAA,yDACAA,4CAEAC,IAAuBD,IACvBC,IAAuBD,IACvBC,IAAuBD,IACvBC,IAAuBD,IACvBC,IAAuBD,IACvBC,IAAuBD,IACvBC,IAAuBD,IACvBC,IAAuBD"}

package/dist/es/components/Form/InputField/InputField.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import i from"styled-components";const t=i.input.withConfig({displayName:"InputFieldStyled",componentId:"-c16958"})`position:relative;width:100%;flex:1 1 auto;font-family:${i=>i.theme.text.font.sans};color:${i=>i.theme.inputField.default.text};background-color:${i=>i.theme.inputField.default.bg};border:1px solid ${i=>i.theme.inputField.default.border};border-radius:${i=>i.theme.inputField.default.borderRadius};padding:12px;line-height:1;&:active,&:focus{background-color:${i=>i.theme.inputField.onFocus.bg};border:2px solid ${i=>i.theme.inputField.onFocus.border};color:${i=>i.theme.inputField.onFocus.text};padding:11px;}&[type=password]{letter-spacing:4px;}&[type=password]:placeholder-shown{letter-spacing:unset;}&.with-icon-left{padding-left:40px;}&.with-icon-right{padding-right:40px;}span.icon-left,span.icon-right{position:absolute;bottom:12px;width:24px;height:24px;}span.icon-left svg,span.icon-right svg{fill:${i=>i.theme.inputField.icons.default.fill};transition:all 0.2s;width:24px;height:24px;}span.icon-left{left:8px;}span.icon-right{right:8px;opacity:0.24;}&.with-icon-left:focus ~ span.icon-left svg{fill:${i=>i.theme.inputField.icons.onFocus.fill};}&.validate-this{padding-right:40px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cG9seWxpbmUgcG9pbnRzPSIzLjUgMTIuNSA4LjUgMTcuNSAyMC41IDUuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTJlMmUyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:right 12px top 56%;background-size:24px;&:focus{background-position:right 11px top 56%;}}&.validate-this ~ span.icon-right{display:none;}&.validate-this:valid:not(:placeholder-shown){background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cG9seWxpbmUgcG9pbnRzPSIzLjUgMTIuNSA4LjUgMTcuNSAyMC41IDUuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMGVjMDVjIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);}&:invalid:not(:focus):not(:placeholder-shown){border:1px solid ${i=>i.theme.inputField.icons.isValid.border};background-color:${i=>i.theme.inputField.isInvalid.bg};background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8bGluZSB4MT0iNi41IiB5MT0iMTcuNSIgeDI9IjE4LjUiIHkyPSI1LjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2VmNDM0MyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz4gIDxsaW5lIHgxPSI2LjUiIHkxPSI1LjUiIHgyPSIxOC41IiB5Mj0iMTcuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZWY0MzQzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:98%;background-size:24px;}`;export{t as InputFieldStyled};
+import i from"styled-components";const t=i.input.withConfig({displayName:"InputFieldStyled",componentId:"-y1gxko"})`position:relative;width:100%;flex:1 1 auto;font-family:${i=>i.theme.text.font.sans};color:${i=>i.theme.inputField.default.text};background-color:${i=>i.theme.inputField.default.bg};border:1px solid ${i=>i.theme.inputField.default.border};border-radius:${i=>i.theme.inputField.default.borderRadius};padding:12px;line-height:1;&:active,&:focus{background-color:${i=>i.theme.inputField.onFocus.bg};border:2px solid ${i=>i.theme.inputField.onFocus.border};color:${i=>i.theme.inputField.onFocus.text};padding:11px;}&[type=password]{letter-spacing:4px;}&[type=password]:placeholder-shown{letter-spacing:unset;}&.with-icon-left{padding-left:40px;}&.with-icon-right{padding-right:40px;}span.icon-left,span.icon-right{position:absolute;bottom:12px;width:24px;height:24px;}span.icon-left svg,span.icon-right svg{fill:${i=>i.theme.inputField.icons.default.fill};transition:all 0.2s;width:24px;height:24px;}span.icon-left{left:8px;}span.icon-right{right:8px;opacity:0.24;}&.with-icon-left:focus ~ span.icon-left svg{fill:${i=>i.theme.inputField.icons.onFocus.fill};}&.validate-this{padding-right:40px;background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cG9seWxpbmUgcG9pbnRzPSIzLjUgMTIuNSA4LjUgMTcuNSAyMC41IDUuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTJlMmUyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:right 12px top 56%;background-size:24px;&:focus{background-position:right 11px top 56%;}}&.validate-this ~ span.icon-right{display:none;}&.validate-this:valid:not(:placeholder-shown){background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cG9seWxpbmUgcG9pbnRzPSIzLjUgMTIuNSA4LjUgMTcuNSAyMC41IDUuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMGVjMDVjIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);}&:invalid:not(:focus):not(:placeholder-shown){border:1px solid ${i=>i.theme.inputField.icons.isValid.border};background-color:${i=>i.theme.inputField.isInvalid.bg};background-image:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8bGluZSB4MT0iNi41IiB5MT0iMTcuNSIgeDI9IjE4LjUiIHkyPSI1LjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2VmNDM0MyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz4gIDxsaW5lIHgxPSI2LjUiIHkxPSI1LjUiIHgyPSIxOC41IiB5Mj0iMTcuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZWY0MzQzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);background-repeat:no-repeat;background-position:98%;background-size:24px;}`;export{t as InputFieldStyled};
 //# sourceMappingURL=InputField.styled.js.map

package/dist/es/components/Form/RadioButton/RadioButton.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"styled-components";const t=e.div.withConfig({displayName:"RadioButtonStyled",componentId:"-wr3y3o"})`display:inline-flex;margin-right:24px;input[type="radio"]{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);}& label::before{width:16px;height:16px;left:0;border-radius:50%;background:${e=>e.theme.radioButton.inset.default.bg};}&:hover label::before{background:${e=>e.theme.radioButton.inset.onHover.bg};}& label::after{opacity:0;left:4px;top:4px;width:8px;height:8px;background:${e=>e.theme.radioButton.circle.default.bg};border-radius:50%;}&:checked + label::before,input[type="radio"]:checked + label::before{background:${e=>e.theme.radioButton.inset.isSelected.bg};}&:checked + label::after,input[type="radio"]:checked + label::after{opacity:1;}&:focus + label::before,input[type="radio"]:focus + label::before{outline:solid 2px ${e=>e.theme.radioButton.inset.isSelected.bg};}&:only-of-type{margin-right:0;}& label{display:inline-block;position:relative;font-family:${e=>e.theme.text.font.sans};color:${e=>e.theme.text.paras.color};cursor:pointer;vertical-align:middle;line-height:1.1;padding-left:24px;&::before,&::after{display:inline-block;position:absolute;content:"";transition:all 0.1s ease-out;}}&:disabled + label::before{background:${e=>e.theme.radioButton.inset.isDisabled.bg};box-shadow:inset 0 2px 8px -2px rgba(0, 0, 0, 0.24);}`;export{t as RadioButtonStyled};
+import e from"styled-components";const t=e.div.withConfig({displayName:"RadioButtonStyled",componentId:"-fp8tkp"})`display:inline-flex;margin-right:24px;input[type="radio"]{position:absolute;height:1px;width:1px;overflow:hidden;clip:rect(1px 1px 1px 1px);clip:rect(1px, 1px, 1px, 1px);}& label::before{width:16px;height:16px;left:0;border-radius:50%;background:${e=>e.theme.radioButton.inset.default.bg};}&:hover label::before{background:${e=>e.theme.radioButton.inset.onHover.bg};}& label::after{opacity:0;left:4px;top:4px;width:8px;height:8px;background:${e=>e.theme.radioButton.circle.default.bg};border-radius:50%;}&:checked + label::before,input[type="radio"]:checked + label::before{background:${e=>e.theme.radioButton.inset.isSelected.bg};}&:checked + label::after,input[type="radio"]:checked + label::after{opacity:1;}&:focus + label::before,input[type="radio"]:focus + label::before{outline:solid 2px ${e=>e.theme.radioButton.inset.isSelected.bg};}&:only-of-type{margin-right:0;}& label{display:inline-block;position:relative;font-family:${e=>e.theme.text.font.sans};color:${e=>e.theme.text.paras.color};cursor:pointer;vertical-align:middle;line-height:1.1;padding-left:24px;&::before,&::after{display:inline-block;position:absolute;content:"";transition:all 0.1s ease-out;}}&:disabled + label::before{background:${e=>e.theme.radioButton.inset.isDisabled.bg};box-shadow:inset 0 2px 8px -2px rgba(0, 0, 0, 0.24);}`;export{t as RadioButtonStyled};
 //# sourceMappingURL=RadioButton.styled.js.map

package/dist/es/components/Form/Select/Select.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"styled-components";const t=e.div.withConfig({displayName:"SelectWrapperStyled",componentId:"-1ia8gjs"})`position:relative;width:max-content;align-self:flex-start;border-radius:${e=>e.theme.inputField.default.borderRadius};&::after{content:"";display:inline-block;position:absolute;top:50%;right:12px;width:10px;height:10px;border-style:solid;border-width:0 2px 2px 0;transform:translateY(-50%)rotate(45deg);color:${e=>e.theme.select.chevron};transition:transform 0.2s linear;z-index:500;pointer-events:none;}&[disabled]::after{color:${e=>e.theme.inputField.isReadOnly.text};}`,i=e.select.withConfig({displayName:"SelectStyled",componentId:"-o94950"})`display:flex;height:100%;padding:12px 36px 12px 8px;font-family:${e=>e.theme.text.font.sans};background-color:${e=>e.theme.inputField.default.bg};border-radius:${e=>e.theme.inputField.default.borderRadius};align-items:center;border:1px solid ${e=>e.theme.inputField.default.border};width:100%;&:focus{background-color:${e=>e.theme.inputField.onFocus.bg};border:2px solid ${e=>e.theme.inputField.onFocus.border};padding:11px 35px 11px 7px;}`;export{i as SelectStyled,t as SelectWrapperStyled};
+import e from"styled-components";const t=e.div.withConfig({displayName:"SelectWrapperStyled",componentId:"-uugogi"})`position:relative;width:max-content;align-self:flex-start;border-radius:${e=>e.theme.inputField.default.borderRadius};&::after{content:"";display:inline-block;position:absolute;top:50%;right:12px;width:10px;height:10px;border-style:solid;border-width:0 2px 2px 0;transform:translateY(-50%)rotate(45deg);color:${e=>e.theme.select.chevron};transition:transform 0.2s linear;z-index:500;pointer-events:none;}&[disabled]::after{color:${e=>e.theme.inputField.isReadOnly.text};}`,o=e.select.withConfig({displayName:"SelectStyled",componentId:"-1ckg8yo"})`display:flex;height:100%;padding:12px 36px 12px 8px;font-family:${e=>e.theme.text.font.sans};background-color:${e=>e.theme.inputField.default.bg};border-radius:${e=>e.theme.inputField.default.borderRadius};align-items:center;border:1px solid ${e=>e.theme.inputField.default.border};width:100%;&:focus{background-color:${e=>e.theme.inputField.onFocus.bg};border:2px solid ${e=>e.theme.inputField.onFocus.border};padding:11px 35px 11px 7px;}`;export{o as SelectStyled,t as SelectWrapperStyled};
 //# sourceMappingURL=Select.styled.js.map

package/dist/es/components/Form/Select/Select.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Select.styled.js","sources":["../../../../../src/components/Form/Select/Select.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SelectProps } from \"./Select\";\n\n\nexport const SelectWrapperStyled = styled.div`\n position : relative;\n width : max-content;\n align-self : flex-start;\n border-radius : ${(props : SelectProps) => props.theme.inputField.default.borderRadius};\n\n &::after {\n content : \"\";\n display : inline-block;\n position : absolute;\n top : 50%;\n right : 12px;\n width : 10px;\n height : 10px;\n border-style : solid;\n border-width : 0 2px 2px 0;\n transform : translateY(-50%) rotate(45deg);\n color : ${(props : SelectProps) => props.theme.select.chevron};\n transition : transform 0.2s linear;\n z-index : 500;\n pointer-events : none;\n }\n\n &[disabled]::after {\n color : ${(props : SelectProps) => props.theme.inputField.isReadOnly.text};\n }\n`;\n\nexport const SelectStyled = styled.select`\n display : flex;\n height : 100%;\n padding : 12px 36px 12px 8px;\n font-family : ${(props : SelectProps) => props.theme.text.font.sans};\n background-color : ${(props : SelectProps) => props.theme.inputField.default.bg};\n border-radius : ${(props : SelectProps) => props.theme.inputField.default.borderRadius};\n align-items : center;\n border : 1px solid ${(props : SelectProps) => props.theme.inputField.default.border};\n width : 100%;\n\n &:focus {\n background-color : ${(props : SelectProps) => props.theme.inputField.onFocus.bg};\n border : 2px solid ${(props : SelectProps) => props.theme.inputField.onFocus.border};\n padding : 11px 35px 11px 7px;\n }\n`;\n"],"names":["SelectWrapperStyled","styled","div","props","theme","inputField","default","borderRadius","select","chevron","isReadOnly","text","SelectStyled","font","sans","bg","border","onFocus"],"mappings":"uCAKaA,EAAsBC,EAAOC,~~qJAInBC~~,GAAwBA,EAAMC,MAAMC,WAAWC,QAAQC,+MAalDJ,GAAwBA,EAAMC,MAAMI,OAAOC,sGAOpDN,GAAwBA,EAAMC,MAAMC,WAAWK,WAAWC,SAIhEC,EAAeX,EAAOO,~~wIAITL~~,GAAwBA,EAAMC,MAAMO,KAAKE,KAAKC,yBAC9CX,GAAwBA,EAAMC,MAAMC,WAAWC,QAAQS,oBACvDZ,GAAwBA,EAAMC,MAAMC,WAAWC,QAAQC,oDAE7CJ,GAAwBA,EAAMC,MAAMC,WAAWC,QAAQU,8CAI7Db,GAAwBA,EAAMC,MAAMC,WAAWY,QAAQF,uBAC7CZ,GAAwBA,EAAMC,MAAMC,WAAWY,QAAQD"}
1	+ {"version":3,"file":"Select.styled.js","sources":["../../../../../src/components/Form/Select/Select.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SelectProps } from \"./Select\";\n\n\nexport const SelectWrapperStyled = styled.div`\n position : relative;\n width : max-content;\n align-self : flex-start;\n border-radius : ${(props : SelectProps) => props.theme.inputField.default.borderRadius};\n\n &::after {\n content : \"\";\n display : inline-block;\n position : absolute;\n top : 50%;\n right : 12px;\n width : 10px;\n height : 10px;\n border-style : solid;\n border-width : 0 2px 2px 0;\n transform : translateY(-50%) rotate(45deg);\n color : ${(props : SelectProps) => props.theme.select.chevron};\n transition : transform 0.2s linear;\n z-index : 500;\n pointer-events : none;\n }\n\n &[disabled]::after {\n color : ${(props : SelectProps) => props.theme.inputField.isReadOnly.text};\n }\n`;\n\nexport const SelectStyled = styled.select`\n display : flex;\n height : 100%;\n padding : 12px 36px 12px 8px;\n font-family : ${(props : SelectProps) => props.theme.text.font.sans};\n background-color : ${(props : SelectProps) => props.theme.inputField.default.bg};\n border-radius : ${(props : SelectProps) => props.theme.inputField.default.borderRadius};\n align-items : center;\n border : 1px solid ${(props : SelectProps) => props.theme.inputField.default.border};\n width : 100%;\n\n &:focus {\n background-color : ${(props : SelectProps) => props.theme.inputField.onFocus.bg};\n border : 2px solid ${(props : SelectProps) => props.theme.inputField.onFocus.border};\n padding : 11px 35px 11px 7px;\n }\n`;\n"],"names":["SelectWrapperStyled","styled","div","props","theme","inputField","default","borderRadius","select","chevron","isReadOnly","text","SelectStyled","font","sans","bg","border","onFocus"],"mappings":"uCAKaA,EAAsBC,EAAOC,oJAInBC,GAAwBA,EAAMC,MAAMC,WAAWC,QAAQC,+MAalDJ,GAAwBA,EAAMC,MAAMI,OAAOC,sGAOpDN,GAAwBA,EAAMC,MAAMC,WAAWK,WAAWC,SAIhEC,EAAeX,EAAOO,yIAITL,GAAwBA,EAAMC,MAAMO,KAAKE,KAAKC,yBAC9CX,GAAwBA,EAAMC,MAAMC,WAAWC,QAAQS,oBACvDZ,GAAwBA,EAAMC,MAAMC,WAAWC,QAAQC,oDAE7CJ,GAAwBA,EAAMC,MAAMC,WAAWC,QAAQU,8CAI7Db,GAAwBA,EAAMC,MAAMC,WAAWY,QAAQF,uBAC7CZ,GAAwBA,EAAMC,MAAMC,WAAWY,QAAQD"}

package/dist/es/components/Form/TextArea/TextArea.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"styled-components";const t=e.textarea.withConfig({displayName:"TextAreaStyled",componentId:"-er8wt4"})`position:relative;width:100%;flex:1 1 auto;font-family:${e=>e.theme.text.font.sans};background-color:${e=>e.theme.inputField.default.bg};border:1px solid ${e=>e.theme.inputField.default.border};border-radius:4px;padding:12px;line-height:1;max-width:100%;min-width:100%;resize:vertical;&:active,&:focus{background-color:${e=>e.theme.inputField.onFocus.bg};border:2px solid ${e=>e.theme.inputField.onFocus.border};padding:11px;}`;export{t as TextAreaStyled};
+import e from"styled-components";const t=e.textarea.withConfig({displayName:"TextAreaStyled",componentId:"-3r9g7c"})`position:relative;width:100%;flex:1 1 auto;font-family:${e=>e.theme.text.font.sans};background-color:${e=>e.theme.inputField.default.bg};border:1px solid ${e=>e.theme.inputField.default.border};border-radius:4px;padding:12px;line-height:1;max-width:100%;min-width:100%;resize:vertical;&:active,&:focus{background-color:${e=>e.theme.inputField.onFocus.bg};border:2px solid ${e=>e.theme.inputField.onFocus.border};padding:11px;}`;export{t as TextAreaStyled};
 //# sourceMappingURL=TextArea.styled.js.map

package/dist/es/components/HRule/HRule.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import i from"styled-components";const a=i.hr.withConfig({displayName:"HRStyled",componentId:"-12chwf8"})`border:0;width:100%;height:${i=>i.theme.hr.default.height};&:not([class*="bg-"]){background-color:${i=>i.theme.hr.default.bg};}&.side-margin-nano{width:calc(100% -  2vw);}&.side-margin-micro{width:calc(100% -  4vw);}&.side-margin-tiny{width:calc(100% -  8vw);}&.side-margin-small{width:calc(100% - 16vw);}&.side-margin-medium{width:calc(100% - 24vw);}&.side-margin-large{width:calc(100% - 36vw);}&.side-margin-huge{width:calc(100% - 48vw);}@media all and (min-width : 2400px){&.side-margin-tiny{width:calc(100% -  16vw);}&.side-margin-small{width:calc(100% -  24vw);}&.side-margin-medium{width:calc(100% - 32vw);}&.side-margin-large{width:calc(100% - 48vw);}&.side-margin-huge{width:calc(100% - 64vw);}}@media all and (max-width : 1600px){&.side-margin-tiny{width:calc(100% -  4vw);}&.side-margin-small{width:calc(100% -  8vw);}&.side-margin-medium{width:calc(100% - 16vw);}&.side-margin-large{width:calc(100% - 24vw);}&.side-margin-huge{width:calc(100% - 32vw);}}@media all and (max-width : 1200px){&.side-margin-tiny{width:calc(100% -  4vw);}&.side-margin-small{width:calc(100% -  8vw);}&.side-margin-medium{width:calc(100% - 12vw);}&.side-margin-large{width:calc(100% - 16vw);}&.side-margin-huge{width:calc(100% - 20vw);}}@media all and (max-width : 600px){&[class*="side-margin-"]{width:calc(100% - 12vw);}}&.primary{background-color:${i=>i.theme.hr.primary.bg};height:${i=>i.theme.hr.primary.height};}&.secondary{background-color:${i=>i.theme.hr.secondary.bg};height:${i=>i.theme.hr.secondary.height};}&.tertiary{background-color:${i=>i.theme.hr.tertiary.bg};height:${i=>i.theme.hr.tertiary.height};}`;export{a as HRStyled};
+import i from"styled-components";const a=i.hr.withConfig({displayName:"HRStyled",componentId:"-1s572nw"})`border:0;width:100%;height:${i=>i.theme.hr.default.height};&:not([class*="bg-"]){background-color:${i=>i.theme.hr.default.bg};}&.side-margin-nano{width:calc(100% -  2vw);}&.side-margin-micro{width:calc(100% -  4vw);}&.side-margin-tiny{width:calc(100% -  8vw);}&.side-margin-small{width:calc(100% - 16vw);}&.side-margin-medium{width:calc(100% - 24vw);}&.side-margin-large{width:calc(100% - 36vw);}&.side-margin-huge{width:calc(100% - 48vw);}@media all and (min-width : 2400px){&.side-margin-tiny{width:calc(100% -  16vw);}&.side-margin-small{width:calc(100% -  24vw);}&.side-margin-medium{width:calc(100% - 32vw);}&.side-margin-large{width:calc(100% - 48vw);}&.side-margin-huge{width:calc(100% - 64vw);}}@media all and (max-width : 1600px){&.side-margin-tiny{width:calc(100% -  4vw);}&.side-margin-small{width:calc(100% -  8vw);}&.side-margin-medium{width:calc(100% - 16vw);}&.side-margin-large{width:calc(100% - 24vw);}&.side-margin-huge{width:calc(100% - 32vw);}}@media all and (max-width : 1200px){&.side-margin-tiny{width:calc(100% -  4vw);}&.side-margin-small{width:calc(100% -  8vw);}&.side-margin-medium{width:calc(100% - 12vw);}&.side-margin-large{width:calc(100% - 16vw);}&.side-margin-huge{width:calc(100% - 20vw);}}@media all and (max-width : 600px){&[class*="side-margin-"]{width:calc(100% - 12vw);}}&.primary{background-color:${i=>i.theme.hr.primary.bg};height:${i=>i.theme.hr.primary.height};}&.secondary{background-color:${i=>i.theme.hr.secondary.bg};height:${i=>i.theme.hr.secondary.height};}&.tertiary{background-color:${i=>i.theme.hr.tertiary.bg};height:${i=>i.theme.hr.tertiary.height};}`;export{a as HRStyled};
 //# sourceMappingURL=HRule.styled.js.map

package/dist/es/components/InfoPanel/InfoPanel.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import i from"styled-components";const o=i.aside.withConfig({displayName:"InfoPanelStyled",componentId:"-6fg5j4"})`position:fixed;top:0;right:0;bottom:0;transform:translateX(-42vw);min-height:100vh;transition:all 0.4s ease-in-out;box-shadow:4px 0 24px -16px rgba(0, 0, 0, 0.92);z-index:100000;border-left:1px solid ${i=>i.theme.infoPanel.border};&.open{transform:translateX(0);}&:not([class*="bg-"]){background-color:${i=>i.theme.infoPanel.bg};}&.tiny{width:12vw;}&.small{width:16vw;}&.medium{width:24vw;}&.large{width:32vw;}&.huge{width:40vw;}&.padding-all-nano{padding:8px;}&.padding-all-micro{padding:24px;}&.padding-all-tiny{padding:2vw;}&.padding-all-small{padding:4vw;}&.padding-all-medium{padding:6vw;}&.padding-all-large{padding:8vw;}&.padding-all-huge{padding:12vw;}@media all and (max-width : 1400px){&.tiny{width:12vw;}&.small{width:24vw;}&.medium{width:32vw;}&.large{width:40vw;}&.huge{width:48vw;}}& .dismiss-button{position:absolute;display:flex;width:32px;height:32px;background-color:${i=>i.theme.infoPanel.bg};top:16px;left:-32px;z-index:100001;color:${i=>i.theme.infoPanel.dismissButton.color};cursor:pointer;place-content:center;backdrop-filter:blur(2px);border:solid ${i=>i.theme.infoPanel.border};border-width:1px 0 1px 1px;border-radius:4px 0 0 4px;box-shadow:-4px 0 4px -1px rgba(0, 0, 0, 8%);&::before{display:block;content:"";width:12px;height:12px;place-self:center;margin-right:4px;border-style:solid;border-width:2px 2px 0 0;transform:rotate(45deg);color:${i=>i.theme.infoPanel.dismissButton.color};transition:all 0.2s;cursor:pointer;}}.info-panel-content-wrapper{width:100%;height:100%;overflow-y:auto;}`;export{o as InfoPanelStyled};
+import i from"styled-components";const o=i.aside.withConfig({displayName:"InfoPanelStyled",componentId:"-aji1cv"})`position:fixed;top:0;right:0;bottom:0;transform:translateX(-42vw);min-height:100vh;transition:all 0.4s ease-in-out;box-shadow:4px 0 24px -16px rgba(0, 0, 0, 0.92);z-index:100000;border-left:1px solid ${i=>i.theme.infoPanel.border};&.open{transform:translateX(0);}&:not([class*="bg-"]){background-color:${i=>i.theme.infoPanel.bg};}&.tiny{width:12vw;}&.small{width:16vw;}&.medium{width:24vw;}&.large{width:32vw;}&.huge{width:40vw;}&.padding-all-nano{padding:8px;}&.padding-all-micro{padding:24px;}&.padding-all-tiny{padding:2vw;}&.padding-all-small{padding:4vw;}&.padding-all-medium{padding:6vw;}&.padding-all-large{padding:8vw;}&.padding-all-huge{padding:12vw;}@media all and (max-width : 1400px){&.tiny{width:12vw;}&.small{width:24vw;}&.medium{width:32vw;}&.large{width:40vw;}&.huge{width:48vw;}}& .dismiss-button{position:absolute;display:flex;width:32px;height:32px;background-color:${i=>i.theme.infoPanel.bg};top:16px;left:-32px;z-index:100001;color:${i=>i.theme.infoPanel.dismissButton.color};cursor:pointer;place-content:center;backdrop-filter:blur(2px);border:solid ${i=>i.theme.infoPanel.border};border-width:1px 0 1px 1px;border-radius:4px 0 0 4px;box-shadow:-4px 0 4px -1px rgba(0, 0, 0, 8%);&::before{display:block;content:"";width:12px;height:12px;place-self:center;margin-right:4px;border-style:solid;border-width:2px 2px 0 0;transform:rotate(45deg);color:${i=>i.theme.infoPanel.dismissButton.color};transition:all 0.2s;cursor:pointer;}}.info-panel-content-wrapper{width:100%;height:100%;overflow-y:auto;}`;export{o as InfoPanelStyled};
 //# sourceMappingURL=InfoPanel.styled.js.map

package/dist/es/components/Notifications/NotificationsItem/NotificationItem.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import o from"styled-components";import{l as i}from"../../../external/lighten.js";import"../../../external/rgba.js";const r=o.div.withConfig({displayName:"NotificationsItemStyled",componentId:"-1pf6i16"})`position:relative;display:flex;width:100%;background-color:${o=>o.theme.notification.default.bg};border-radius:4px;border:1px solid hsla(0, 0%, 0%, 0.04);transition:all 0.4s;box-shadow:0 2px 0.2px rgba(0,0,0,0.016),0 4px 0.8px rgba(0,0,0,0.024),0 6px 2.4px rgba(0,0,0,0.032),0 8px 4.8px rgba(0,0,0,0.040),0 16px 8.0px rgba(0,0,0,0.056),0 24px 16.0px rgba(0,0,0,0.064);&::before{position:absolute;left:0;top:0;width:8px;height:100%;content:"";border-radius:2px 0 0 2px;}&.info{background-color:${o=>o.theme.notification.kinds.info.border&&i(.32,o.theme.notification.kinds.info.border)};border:1px solid ${o=>o.theme.notification.kinds.info.border};::before{background-color:${o=>o.theme.notification.kinds.info.border};}}&.warning{background-color:${o=>o.theme.notification.kinds.warning.border&&i(.32,o.theme.notification.kinds.warning.border)};border:1px solid ${o=>o.theme.notification.kinds.warning.border};::before{background-color:${o=>o.theme.notification.kinds.warning.border};}}&.error{background-color:${o=>o.theme.notification.kinds.error.border&&i(.32,o.theme.notification.kinds.error.border)};border:1px solid ${o=>o.theme.notification.kinds.error.border};::before{background-color:${o=>o.theme.notification.kinds.error.border};}}&.success{background-color:${o=>o.theme.notification.kinds.success.border&&i(.32,o.theme.notification.kinds.success.border)};border:1px solid ${o=>o.theme.notification.kinds.success.border};::before{background-color:${o=>o.theme.notification.kinds.success.border};}}& .notification-content{color:${o=>o.theme.notification.default.text};font-size:14px;line-height:1.1;word-break:break-word;margin:0 8px;}&.dismissible .notification-content{margin:0 24px 0 8px;}& .dismiss-button{position:absolute;top:6px;right:8px;width:16px;height:16px;opacity:0.24;cursor:pointer;}& .dismiss-button:hover{opacity:1;}& .dismiss-button:before{content:"\\d7";font-size:24px;line-height:0;}&.dismissed{transform:translateX(560px);}`;export{r as NotificationsItemStyled};
+import o from"styled-components";import{l as i}from"../../../external/lighten.js";import"../../../external/rgba.js";const r=o.div.withConfig({displayName:"NotificationsItemStyled",componentId:"-1xlbxon"})`position:relative;display:flex;width:100%;background-color:${o=>o.theme.notification.default.bg};border-radius:4px;border:1px solid hsla(0, 0%, 0%, 0.04);transition:all 0.4s;box-shadow:0 2px 0.2px rgba(0,0,0,0.016),0 4px 0.8px rgba(0,0,0,0.024),0 6px 2.4px rgba(0,0,0,0.032),0 8px 4.8px rgba(0,0,0,0.040),0 16px 8.0px rgba(0,0,0,0.056),0 24px 16.0px rgba(0,0,0,0.064);&::before{position:absolute;left:0;top:0;width:8px;height:100%;content:"";border-radius:2px 0 0 2px;}&.info{background-color:${o=>o.theme.notification.kinds.info.border&&i(.32,o.theme.notification.kinds.info.border)};border:1px solid ${o=>o.theme.notification.kinds.info.border};::before{background-color:${o=>o.theme.notification.kinds.info.border};}}&.warning{background-color:${o=>o.theme.notification.kinds.warning.border&&i(.32,o.theme.notification.kinds.warning.border)};border:1px solid ${o=>o.theme.notification.kinds.warning.border};::before{background-color:${o=>o.theme.notification.kinds.warning.border};}}&.error{background-color:${o=>o.theme.notification.kinds.error.border&&i(.32,o.theme.notification.kinds.error.border)};border:1px solid ${o=>o.theme.notification.kinds.error.border};::before{background-color:${o=>o.theme.notification.kinds.error.border};}}&.success{background-color:${o=>o.theme.notification.kinds.success.border&&i(.32,o.theme.notification.kinds.success.border)};border:1px solid ${o=>o.theme.notification.kinds.success.border};::before{background-color:${o=>o.theme.notification.kinds.success.border};}}& .notification-content{color:${o=>o.theme.notification.default.text};font-size:14px;line-height:1.1;word-break:break-word;margin:0 8px;}&.dismissible .notification-content{margin:0 24px 0 8px;}& .dismiss-button{position:absolute;top:6px;right:8px;width:16px;height:16px;opacity:0.24;cursor:pointer;}& .dismiss-button:hover{opacity:1;}& .dismiss-button:before{content:"\\d7";font-size:24px;line-height:0;}&.dismissed{transform:translateX(560px);}`;export{r as NotificationsItemStyled};
 //# sourceMappingURL=NotificationItem.styled.js.map

package/dist/es/components/Notifications/NotificationsWrapper/NotificationsWrapper.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import t from"styled-components";import{NotificationsItemStyled as o}from"../NotificationsItem/NotificationItem.styled.js";import"../../../external/lighten.js";import"../../../external/rgba.js";const e=t.div.withConfig({displayName:"NotificationsWrapperStyled",componentId:"-kwb5yx"})`position:fixed;display:flex;width:400px;z-index:5000000;padding:2vw;overflow-y:auto;overflow-x:hidden;&.left{left:0;}&.right{right:0;}&.top{top:0;}&.bottom{bottom:0;}&.top.new-on-top{flex-direction:column-reverse;${o}:first-of-type{margin-bottom:0;}${o}:last-of-type{margin-top:0;}}&.top.new-on-bottom{flex-direction:column;${o}:first-of-type{margin-top:0;}${o}:last-of-type{margin-bottom:0;}}&.bottom.new-on-top{flex-direction:column-reverse;${o}:first-of-type{margin-bottom:0;}${o}:last-of-type{margin-top:0;}}&.bottom.new-on-bottom{flex-direction:column;${o}:first-of-type{margin-top:0;}${o}:last-of-type{margin-bottom:0;}}`;export{e as NotificationsWrapperStyled};
+import t from"styled-components";import{NotificationsItemStyled as o}from"../NotificationsItem/NotificationItem.styled.js";import"../../../external/lighten.js";import"../../../external/rgba.js";const e=t.div.withConfig({displayName:"NotificationsWrapperStyled",componentId:"-4rdai"})`position:fixed;display:flex;width:400px;z-index:5000000;padding:2vw;overflow-y:auto;overflow-x:hidden;&.left{left:0;}&.right{right:0;}&.top{top:0;}&.bottom{bottom:0;}&.top.new-on-top{flex-direction:column-reverse;${o}:first-of-type{margin-bottom:0;}${o}:last-of-type{margin-top:0;}}&.top.new-on-bottom{flex-direction:column;${o}:first-of-type{margin-top:0;}${o}:last-of-type{margin-bottom:0;}}&.bottom.new-on-top{flex-direction:column-reverse;${o}:first-of-type{margin-bottom:0;}${o}:last-of-type{margin-top:0;}}&.bottom.new-on-bottom{flex-direction:column;${o}:first-of-type{margin-top:0;}${o}:last-of-type{margin-bottom:0;}}`;export{e as NotificationsWrapperStyled};
 //# sourceMappingURL=NotificationsWrapper.styled.js.map

package/dist/es/components/Notifications/NotificationsWrapper/NotificationsWrapper.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"NotificationsWrapper.styled.js","sources":["../../../../../src/components/Notifications/NotificationsWrapper/NotificationsWrapper.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { NotificationsItemStyled } from \"../NotificationsItem/NotificationItem.styled\";\n\n\nexport const NotificationsWrapperStyled = styled.div`\n position : fixed;\n display : flex;\n width : 400px;\n z-index : 5000000;\n padding : 2vw;\n overflow-y : auto;\n overflow-x : hidden;\n\n &.left { left : 0; }\n \n &.right { right : 0; }\n\n &.top { top : 0; }\n\n &.bottom { bottom : 0; }\n\n &.top.new-on-top {\n flex-direction : column-reverse;\n\n ${NotificationsItemStyled}:first-of-type { margin-bottom : 0; }\n ${NotificationsItemStyled}:last-of-type { margin-top : 0; }\n }\n\n &.top.new-on-bottom {\n flex-direction : column;\n\n ${NotificationsItemStyled}:first-of-type { margin-top : 0; }\n ${NotificationsItemStyled}:last-of-type { margin-bottom : 0; }\n }\n\n &.bottom.new-on-top {\n flex-direction : column-reverse;\n\n ${NotificationsItemStyled}:first-of-type { margin-bottom : 0; }\n ${NotificationsItemStyled}:last-of-type { margin-top : 0; }\n }\n\n &.bottom.new-on-bottom {\n flex-direction : column;\n\n ${NotificationsItemStyled}:first-of-type { margin-top : 0; }\n ${NotificationsItemStyled}:last-of-type { margin-bottom : 0; }\n }\n`;\n"],"names":["NotificationsWrapperStyled","styled","div","NotificationsItemStyled"],"mappings":"wMAKaA,EAA6BC,EAAOC,~~wSAoBvCC~~,oCACAA,2EAMAA,iCACAA,sFAMAA,oCACAA,8EAMAA,iCACAA"}
1	+ {"version":3,"file":"NotificationsWrapper.styled.js","sources":["../../../../../src/components/Notifications/NotificationsWrapper/NotificationsWrapper.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { NotificationsItemStyled } from \"../NotificationsItem/NotificationItem.styled\";\n\n\nexport const NotificationsWrapperStyled = styled.div`\n position : fixed;\n display : flex;\n width : 400px;\n z-index : 5000000;\n padding : 2vw;\n overflow-y : auto;\n overflow-x : hidden;\n\n &.left { left : 0; }\n \n &.right { right : 0; }\n\n &.top { top : 0; }\n\n &.bottom { bottom : 0; }\n\n &.top.new-on-top {\n flex-direction : column-reverse;\n\n ${NotificationsItemStyled}:first-of-type { margin-bottom : 0; }\n ${NotificationsItemStyled}:last-of-type { margin-top : 0; }\n }\n\n &.top.new-on-bottom {\n flex-direction : column;\n\n ${NotificationsItemStyled}:first-of-type { margin-top : 0; }\n ${NotificationsItemStyled}:last-of-type { margin-bottom : 0; }\n }\n\n &.bottom.new-on-top {\n flex-direction : column-reverse;\n\n ${NotificationsItemStyled}:first-of-type { margin-bottom : 0; }\n ${NotificationsItemStyled}:last-of-type { margin-top : 0; }\n }\n\n &.bottom.new-on-bottom {\n flex-direction : column;\n\n ${NotificationsItemStyled}:first-of-type { margin-top : 0; }\n ${NotificationsItemStyled}:last-of-type { margin-bottom : 0; }\n }\n`;\n"],"names":["NotificationsWrapperStyled","styled","div","NotificationsItemStyled"],"mappings":"wMAKaA,EAA6BC,EAAOC,uSAoBvCC,oCACAA,2EAMAA,iCACAA,sFAMAA,oCACAA,8EAMAA,iCACAA"}

package/dist/es/components/PinInputField/PinInputField.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import p from"styled-components";const n=p.div.withConfig({displayName:"PinInputStyled",componentId:"-1jn78bt"})`display:flex;flex-direction:row;&.spacing-none{gap:0;}&.spacing-nano{gap:2px;}&.spacing-micro{gap:4px;}&.spacing-tiny{gap:6px;}&.spacing-small{gap:8px;}&.spacing-medium{gap:12px;}&.spacing-large{gap:16px;}&.spacing-huge{gap:24px;}input{font-weight:bold;}& > div{margin-bottom:0 !important;align-items:center;}.pin-input-field{text-align:center;}`;export{n as PinInputStyled};
+import p from"styled-components";const n=p.div.withConfig({displayName:"PinInputStyled",componentId:"-608mo2"})`display:flex;flex-direction:row;&.spacing-none{gap:0;}&.spacing-nano{gap:2px;}&.spacing-micro{gap:4px;}&.spacing-tiny{gap:6px;}&.spacing-small{gap:8px;}&.spacing-medium{gap:12px;}&.spacing-large{gap:16px;}&.spacing-huge{gap:24px;}input{font-weight:bold;}& > div{margin-bottom:0 !important;align-items:center;}.pin-input-field{text-align:center;}`;export{n as PinInputStyled};
 //# sourceMappingURL=PinInputField.styled.js.map

package/dist/es/components/Portion/Portion.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import n from"styled-components";const o=n.div.withConfig({displayName:"PortionStyled",componentId:"-1gw31bb"})`&.horizontal{display:flex;flex-direction:row;}&.\\31{grid-column:span 1;}&.one-twelfth,&.\\32{grid-column:span 2;}&.one-eighth,&.\\33{grid-column:span 3;}&.one-sixth,&.\\34{grid-column:span 4;}&.\\35{grid-column:span 5;}&.one-fourth,&.\\36{grid-column:span 6;}&.\\37{grid-column:span 7;}&.one-third,&.\\38{grid-column:span 8;}&.\\39{grid-column:span 9;}&.five-twelfth,&.\\31 0{grid-column:span 10;}&.\\31 1{grid-column:span 11;}&.half,&.\\31 2{grid-column:span 12;}&.\\31 3{grid-column:span 13;}&.seven-twelfth,&.\\31 4{grid-column:span 14;}&.\\31 5{grid-column:span 15;}&.two-third,&.\\31 6{grid-column:span 16;}&.\\31 7{grid-column:span 17;}&.three-fourth,&.\\31 8{grid-column:span 18;}&.\\31 9{grid-column:span 19;}&.five-sixth,&.\\32 0{grid-column:span 20;}&.seven-eighth,&.\\32 1{grid-column:span 21;}&.eleven-twelfth,&.\\32 2{grid-column:span 22;}&.\\32 3{grid-column:span 23;}&.whole,&.\\32 4{grid-column:span 24;}@media all and (max-width : 600px){&.\\31 -on-mobile{grid-column:span 1;}&.one-twelfth-on-mobile,&.\\32 -on-mobile{grid-column:span 2;}&.one-eighth-on-mobile,&.\\33 -on-mobile{grid-column:span 3;}&.one-sixth-on-mobile,&.\\34 -on-mobile{grid-column:span 4;}&.\\35 -on-mobile{grid-column:span 5;}&.one-fourth-on-mobile,&.\\36 -on-mobile{grid-column:span 6;}&.\\37 -on-mobile{grid-column:span 7;}&.one-third-on-mobile,&.\\38 -on-mobile{grid-column:span 8;}&.\\39 -on-mobile{grid-column:span 9;}&.five-twelfth-on-mobile,&.\\31 0-on-mobile{grid-column:span 10;}&.\\31 1-on-mobile{grid-column:span 11;}&.half-on-mobile,&.\\31 2-on-mobile{grid-column:span 12;}&.\\31 3-on-mobile{grid-column:span 13;}&.seven-twelfth-on-mobile,&.\\31 4-on-mobile{grid-column:span 14;}&.\\31 5-on-mobile{grid-column:span 15;}&.two-third-on-mobile,&.\\31 6-on-mobile{grid-column:span 16;}&.\\31 7-on-mobile{grid-column:span 17;}&.three-fourth-on-mobile,&.\\31 8-on-mobile{grid-column:span 18;}&.\\31 9-on-mobile{grid-column:span 19;}&.five-sixth-on-mobile,&.\\32 0-on-mobile{grid-column:span 20;}&.seven-eighth-on-mobile,&.\\32 1-on-mobile{grid-column:span 21;}&.eleven-twelfth-on-mobile,&.\\32 2-on-mobile{grid-column:span 22;}&.\\32 3-on-mobile{grid-column:span 23;}&.whole-on-mobile,&.\\32 4-on-mobile{grid-column:span 24;}}@media all and (min-width : 601px)and (max-width : 900px){&.\\31 -on-tablet-portrait{grid-column:span 1;}&.one-twelfth-on-tablet-portrait,&.\\32 -on-tablet-portrait{grid-column:span 2;}&.one-eighth-on-tablet-portrait,&.\\33 -on-tablet-portrait{grid-column:span 3;}&.one-sixth-on-tablet-portrait,&.\\34 -on-tablet-portrait{grid-column:span 4;}&.\\35 -on-tablet-portrait{grid-column:span 5;}&.one-fourth-on-tablet-portrait,&.\\36 -on-tablet-portrait{grid-column:span 6;}&.\\37 -on-tablet-portrait{grid-column:span 7;}&.one-third-on-tablet-portrait,&.\\38 -on-tablet-portrait{grid-column:span 8;}&.\\39 -on-tablet-portrait{grid-column:span 9;}&.five-twelfth-on-tablet-portrait,&.\\31 0-on-tablet-portrait{grid-column:span 10;}&.\\31 1-on-tablet-portrait{grid-column:span 11;}&.half-on-tablet-portrait,&.\\31 2-on-tablet-portrait{grid-column:span 12;}&.\\31 3-on-tablet-portrait{grid-column:span 13;}&.seven-twelfth-on-tablet-portrait,&.\\31 4-on-tablet-portrait{grid-column:span 14;}&.\\31 5-on-tablet-portrait{grid-column:span 15;}&.two-third-on-tablet-portrait,&.\\31 6-on-tablet-portrait{grid-column:span 16;}&.\\31 7-on-tablet-portrait{grid-column:span 17;}&.three-fourth-on-tablet-portrait,&.\\31 8-on-tablet-portrait{grid-column:span 18;}&.\\31 9-on-tablet-portrait{grid-column:span 19;}&.five-sixth-on-tablet-portrait,&.\\32 0-on-tablet-portrait{grid-column:span 20;}&.seven-eighth-on-tablet-portrait,&.\\32 1-on-tablet-portrait{grid-column:span 21;}&.eleven-twelfth-on-tablet-portrait,&.\\32 2-on-tablet-portrait{grid-column:span 22;}&.\\32 3-on-tablet-portrait{grid-column:span 23;}&.whole-on-tablet-portrait,&.\\32 4-on-tablet-portrait{grid-column:span 24;}}@media all and (min-width : 901px)and (max-width : 1200px){&.\\31 -on-tablet-landscape{grid-column:span 1;}&.one-twelfth-on-tablet-landscape,&.\\32 -on-tablet-landscape{grid-column:span 2;}&.one-eighth-on-tablet-landscape,&.\\33 -on-tablet-landscape{grid-column:span 3;}&.one-sixth-on-tablet-landscape,&.\\34 -on-tablet-landscape{grid-column:span 4;}&.\\35 -on-tablet-landscape{grid-column:span 5;}&.one-fourth-on-tablet-landscape,&.\\36 -on-tablet-landscape{grid-column:span 6;}&.\\37 -on-tablet-landscape{grid-column:span 7;}&.one-third-on-tablet-landscape,&.\\38 -on-tablet-landscape{grid-column:span 8;}&.\\39 -on-tablet-landscape{grid-column:span 9;}&.five-twelfth-on-tablet-landscape,&.\\31 0-on-tablet-landscape{grid-column:span 10;}&.\\31 1-on-tablet-landscape{grid-column:span 11;}&.half-on-tablet-landscape,&.\\31 2-on-tablet-landscape{grid-column:span 12;}&.\\31 3-on-tablet-landscape{grid-column:span 13;}&.seven-twelfth-on-tablet-landscape,&.\\31 4-on-tablet-landscape{grid-column:span 14;}&.\\31 5-on-tablet-landscape{grid-column:span 15;}&.two-third-on-tablet-landscape,&.\\31 6-on-tablet-landscape{grid-column:span 16;}&.\\31 7-on-tablet-landscape{grid-column:span 17;}&.three-fourth-on-tablet-landscape,&.\\31 8-on-tablet-landscape{grid-column:span 18;}&.\\31 9-on-tablet-landscape{grid-column:span 19;}&.five-sixth-on-tablet-landscape,&.\\32 0-on-tablet-landscape{grid-column:span 20;}&.seven-eighth-on-tablet-landscape,&.\\32 1-on-tablet-landscape{grid-column:span 21;}&.eleven-twelfth-on-tablet-landscape,&.\\32 2-on-tablet-landscape{grid-column:span 22;}&.\\32 3-on-tablet-landscape{grid-column:span 23;}&.whole-on-tablet-landscape,&.\\32 4-on-tablet-landscape{grid-column:span 24;}}`;export{o as PortionStyled};
+import n from"styled-components";const o=n.div.withConfig({displayName:"PortionStyled",componentId:"-1izsoja"})`&.horizontal{display:flex;flex-direction:row;}&.\\31{grid-column:span 1;}&.one-twelfth,&.\\32{grid-column:span 2;}&.one-eighth,&.\\33{grid-column:span 3;}&.one-sixth,&.\\34{grid-column:span 4;}&.\\35{grid-column:span 5;}&.one-fourth,&.\\36{grid-column:span 6;}&.\\37{grid-column:span 7;}&.one-third,&.\\38{grid-column:span 8;}&.\\39{grid-column:span 9;}&.five-twelfth,&.\\31 0{grid-column:span 10;}&.\\31 1{grid-column:span 11;}&.half,&.\\31 2{grid-column:span 12;}&.\\31 3{grid-column:span 13;}&.seven-twelfth,&.\\31 4{grid-column:span 14;}&.\\31 5{grid-column:span 15;}&.two-third,&.\\31 6{grid-column:span 16;}&.\\31 7{grid-column:span 17;}&.three-fourth,&.\\31 8{grid-column:span 18;}&.\\31 9{grid-column:span 19;}&.five-sixth,&.\\32 0{grid-column:span 20;}&.seven-eighth,&.\\32 1{grid-column:span 21;}&.eleven-twelfth,&.\\32 2{grid-column:span 22;}&.\\32 3{grid-column:span 23;}&.whole,&.\\32 4{grid-column:span 24;}@media all and (max-width : 600px){&.\\31 -on-mobile{grid-column:span 1;}&.one-twelfth-on-mobile,&.\\32 -on-mobile{grid-column:span 2;}&.one-eighth-on-mobile,&.\\33 -on-mobile{grid-column:span 3;}&.one-sixth-on-mobile,&.\\34 -on-mobile{grid-column:span 4;}&.\\35 -on-mobile{grid-column:span 5;}&.one-fourth-on-mobile,&.\\36 -on-mobile{grid-column:span 6;}&.\\37 -on-mobile{grid-column:span 7;}&.one-third-on-mobile,&.\\38 -on-mobile{grid-column:span 8;}&.\\39 -on-mobile{grid-column:span 9;}&.five-twelfth-on-mobile,&.\\31 0-on-mobile{grid-column:span 10;}&.\\31 1-on-mobile{grid-column:span 11;}&.half-on-mobile,&.\\31 2-on-mobile{grid-column:span 12;}&.\\31 3-on-mobile{grid-column:span 13;}&.seven-twelfth-on-mobile,&.\\31 4-on-mobile{grid-column:span 14;}&.\\31 5-on-mobile{grid-column:span 15;}&.two-third-on-mobile,&.\\31 6-on-mobile{grid-column:span 16;}&.\\31 7-on-mobile{grid-column:span 17;}&.three-fourth-on-mobile,&.\\31 8-on-mobile{grid-column:span 18;}&.\\31 9-on-mobile{grid-column:span 19;}&.five-sixth-on-mobile,&.\\32 0-on-mobile{grid-column:span 20;}&.seven-eighth-on-mobile,&.\\32 1-on-mobile{grid-column:span 21;}&.eleven-twelfth-on-mobile,&.\\32 2-on-mobile{grid-column:span 22;}&.\\32 3-on-mobile{grid-column:span 23;}&.whole-on-mobile,&.\\32 4-on-mobile{grid-column:span 24;}}@media all and (min-width : 601px)and (max-width : 900px){&.\\31 -on-tablet-portrait{grid-column:span 1;}&.one-twelfth-on-tablet-portrait,&.\\32 -on-tablet-portrait{grid-column:span 2;}&.one-eighth-on-tablet-portrait,&.\\33 -on-tablet-portrait{grid-column:span 3;}&.one-sixth-on-tablet-portrait,&.\\34 -on-tablet-portrait{grid-column:span 4;}&.\\35 -on-tablet-portrait{grid-column:span 5;}&.one-fourth-on-tablet-portrait,&.\\36 -on-tablet-portrait{grid-column:span 6;}&.\\37 -on-tablet-portrait{grid-column:span 7;}&.one-third-on-tablet-portrait,&.\\38 -on-tablet-portrait{grid-column:span 8;}&.\\39 -on-tablet-portrait{grid-column:span 9;}&.five-twelfth-on-tablet-portrait,&.\\31 0-on-tablet-portrait{grid-column:span 10;}&.\\31 1-on-tablet-portrait{grid-column:span 11;}&.half-on-tablet-portrait,&.\\31 2-on-tablet-portrait{grid-column:span 12;}&.\\31 3-on-tablet-portrait{grid-column:span 13;}&.seven-twelfth-on-tablet-portrait,&.\\31 4-on-tablet-portrait{grid-column:span 14;}&.\\31 5-on-tablet-portrait{grid-column:span 15;}&.two-third-on-tablet-portrait,&.\\31 6-on-tablet-portrait{grid-column:span 16;}&.\\31 7-on-tablet-portrait{grid-column:span 17;}&.three-fourth-on-tablet-portrait,&.\\31 8-on-tablet-portrait{grid-column:span 18;}&.\\31 9-on-tablet-portrait{grid-column:span 19;}&.five-sixth-on-tablet-portrait,&.\\32 0-on-tablet-portrait{grid-column:span 20;}&.seven-eighth-on-tablet-portrait,&.\\32 1-on-tablet-portrait{grid-column:span 21;}&.eleven-twelfth-on-tablet-portrait,&.\\32 2-on-tablet-portrait{grid-column:span 22;}&.\\32 3-on-tablet-portrait{grid-column:span 23;}&.whole-on-tablet-portrait,&.\\32 4-on-tablet-portrait{grid-column:span 24;}}@media all and (min-width : 901px)and (max-width : 1200px){&.\\31 -on-tablet-landscape{grid-column:span 1;}&.one-twelfth-on-tablet-landscape,&.\\32 -on-tablet-landscape{grid-column:span 2;}&.one-eighth-on-tablet-landscape,&.\\33 -on-tablet-landscape{grid-column:span 3;}&.one-sixth-on-tablet-landscape,&.\\34 -on-tablet-landscape{grid-column:span 4;}&.\\35 -on-tablet-landscape{grid-column:span 5;}&.one-fourth-on-tablet-landscape,&.\\36 -on-tablet-landscape{grid-column:span 6;}&.\\37 -on-tablet-landscape{grid-column:span 7;}&.one-third-on-tablet-landscape,&.\\38 -on-tablet-landscape{grid-column:span 8;}&.\\39 -on-tablet-landscape{grid-column:span 9;}&.five-twelfth-on-tablet-landscape,&.\\31 0-on-tablet-landscape{grid-column:span 10;}&.\\31 1-on-tablet-landscape{grid-column:span 11;}&.half-on-tablet-landscape,&.\\31 2-on-tablet-landscape{grid-column:span 12;}&.\\31 3-on-tablet-landscape{grid-column:span 13;}&.seven-twelfth-on-tablet-landscape,&.\\31 4-on-tablet-landscape{grid-column:span 14;}&.\\31 5-on-tablet-landscape{grid-column:span 15;}&.two-third-on-tablet-landscape,&.\\31 6-on-tablet-landscape{grid-column:span 16;}&.\\31 7-on-tablet-landscape{grid-column:span 17;}&.three-fourth-on-tablet-landscape,&.\\31 8-on-tablet-landscape{grid-column:span 18;}&.\\31 9-on-tablet-landscape{grid-column:span 19;}&.five-sixth-on-tablet-landscape,&.\\32 0-on-tablet-landscape{grid-column:span 20;}&.seven-eighth-on-tablet-landscape,&.\\32 1-on-tablet-landscape{grid-column:span 21;}&.eleven-twelfth-on-tablet-landscape,&.\\32 2-on-tablet-landscape{grid-column:span 22;}&.\\32 3-on-tablet-landscape{grid-column:span 23;}&.whole-on-tablet-landscape,&.\\32 4-on-tablet-landscape{grid-column:span 24;}}`;export{o as PortionStyled};
 //# sourceMappingURL=Portion.styled.js.map

package/dist/es/components/ProgressBar/ProgressBar.styled.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import e from"styled-components";import{c as r}from"../../external/helpers.js";import"../../external/DefaultColours.js";const s=e.div.withConfig({displayName:"ProgressBarMetaStyled",componentId:"-1xyz78u"})`display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;p:first-of-type{display:inline-flex;font-weight:bold;margin:0;color:${e=>e.theme.progressBar.label};}p:last-of-type{display:inline-flex;text-align:right;margin:0;color:${e=>e.theme.progressBar.value};}`,a=e.progress.withConfig({displayName:"ProgressBarStyled",componentId:"-n8xxbh"})`display:flex;flex-wrap:wrap;flex-direction:row;width:100%;&[value]{position:relative;flex:1 1 100%;height:${e=>e.height};background:${e=>r(e.barBg)||e.theme.progressBar.bg};box-shadow:0 2px 8px -2px hsla(0, 0, 0, 0.24)inset;}&[value]::-webkit-progress-bar{background:${e=>r(e.barBg)||e.theme.progressBar.bg};box-shadow:0 2px 8px -2px hsla(0, 0, 0, 0.24)inset;}&::-webkit-progress-value{background:${e=>r(e.barFill)||e.theme.progressBar.fill};}&[value]::-moz-progress-bar{background:${e=>r(e.barFill)||e.theme.progressBar.fill};}&.shape-rounded::-webkit-progress-value,&.shape-rounded,&.shape-rounded::-webkit-progress-bar{border-radius:${e=>e.theme.progressBar.borderRadius};}&.shape-rounded::-moz-progress-bar{border-radius:${e=>e.theme.progressBar.borderRadius};}&.shape-curved::-webkit-progress-value,&.shape-curved,&.shape-curved::-webkit-progress-bar{border-radius:8000px;}&.shape-curved::-moz-progress-bar{border-radius:8000px;}`;export{s as ProgressBarMetaStyled,a as ProgressBarStyled};
+import e from"styled-components";import{c as r}from"../../external/helpers.js";import"../../external/DefaultColours.js";const s=e.div.withConfig({displayName:"ProgressBarMetaStyled",componentId:"-1jxnme"})`display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;p:first-of-type{display:inline-flex;font-weight:bold;margin:0;color:${e=>e.theme.progressBar.label};}p:last-of-type{display:inline-flex;text-align:right;margin:0;color:${e=>e.theme.progressBar.value};}`,a=e.progress.withConfig({displayName:"ProgressBarStyled",componentId:"-1l3eetg"})`display:flex;flex-wrap:wrap;flex-direction:row;width:100%;&[value]{position:relative;flex:1 1 100%;height:${e=>e.height};background:${e=>r(e.barBg)||e.theme.progressBar.bg};box-shadow:0 2px 8px -2px hsla(0, 0, 0, 0.24)inset;}&[value]::-webkit-progress-bar{background:${e=>r(e.barBg)||e.theme.progressBar.bg};box-shadow:0 2px 8px -2px hsla(0, 0, 0, 0.24)inset;}&::-webkit-progress-value{background:${e=>r(e.barFill)||e.theme.progressBar.fill};}&[value]::-moz-progress-bar{background:${e=>r(e.barFill)||e.theme.progressBar.fill};}&.shape-rounded::-webkit-progress-value,&.shape-rounded,&.shape-rounded::-webkit-progress-bar{border-radius:${e=>e.theme.progressBar.borderRadius};}&.shape-rounded::-moz-progress-bar{border-radius:${e=>e.theme.progressBar.borderRadius};}&.shape-curved::-webkit-progress-value,&.shape-curved,&.shape-curved::-webkit-progress-bar{border-radius:8000px;}&.shape-curved::-moz-progress-bar{border-radius:8000px;}`;export{s as ProgressBarMetaStyled,a as ProgressBarStyled};
 //# sourceMappingURL=ProgressBar.styled.js.map