fictoan-react 0.35.3 → 0.36.2

package/CHANGELOG.md

@@ -1,3 +1,18 @@
+### 0.36.2
+- Fix inconsistent `tabLS` and `tabPT` props
+
+### 0.36.1
+- Add types for `Element`’s `as` attribute
+
+### 0.36.0
+- Fix text colour for nested links in sidebar for better differentiation
+- Fix typo in `portionProps`
+- Refactor sidebar theme object hierarchy for links and sublinks, remove `linksWrapper` object
+- Mention `styled-components` requirement in the README
+
+### 0.35.4
+- Rename `tabLS` to `tabletLandscape` and `tabPT` to `tabletPortrait` for more consistency with the naming scheme and less ambiguity.
+
 ### 0.35.3
 - Fix focus states for checkbox, switch, radio and select
 
@@ -15,8 +30,8 @@
 - Remove `as` from RadioButton and CheckBox props
 - Make `shadow` a global prop
 - Make `shape` a global prop
-- Add ExpandableContent component which implements details and summary tags
-- Add Tag component
+- Add `ExpandableContent` component which implements details and summary tags
+- Add `Tag` component
 - Add `opacity` as a global prop
 - HRule now supports custom background colors
   - Add `hr.default` to theme
@@ -36,9 +51,9 @@
 - Add sizes to Switch component
 - Make Select chevron consistent with ExpandableContent
 - Make required and disabled states consistent in form fields
+- Remove `name` props from RadioGroup `options` type; Add `label` and `id`
 
 **Sidebar improvements**
-- Remove `name` props from RadioGroup `options` type; Add `label` and `id`
 - Remove `isSticky` from Sidebar footer
 - `sidebar.body.bg` is now `sidebar.bg` in theme
 - Add sidebar width properties to theme; SidebarHeader, SidebarFooter and SidebarItem span 100% automatically

package/README.md

@@ -13,7 +13,7 @@ Fictoan is an intuitive framework for designers looking to code interfaces.
 
 ## Features
 - Simple, straight-forward React custom props, exactly like setting properties in a design app.
-- All Attributes are intuitive and in plain English.
+- All attributes are intuitive and in plain English.
 - Most attributes are also the same across different components.
 
 ## Getting Started
@@ -39,6 +39,8 @@ const MyComponent = props => {
 }
 ```
 
+Just note, you’d need to install `styled-components` too, which is a peer-dependency for Fictoan.
+
 ## Storybook
 Start development server for storybook
 ```sh

package/dist/cjs/components/Element/constants.d.ts

@@ -1,4 +1,4 @@
-import { HTMLProps } from "react";
+import { ElementType, HTMLProps } from "react";
 import { defaultColourProps } from "../../styles/DefaultColourProps";
 import { customColours, FictoanTheme } from "../../styles/theme";
 declare type DeepPartial<T> = {
@@ -26,10 +26,10 @@ export interface CommonProps extends ThemeProps {
     strokeColour?: ColourPropTypes;
     hideOnMobile?: boolean;
     showOnlyOnMobile?: boolean;
-    hideOnTabPT?: boolean;
-    showOnlyOnTabPT?: boolean;
-    hideOnTabLS?: boolean;
-    showOnlyOnTabLS?: boolean;
+    hideOnTabletPortrait?: boolean;
+    showOnlyOnTabletPortrait?: boolean;
+    hideOnTabletLandscape?: boolean;
+    showOnlyOnTabletLandscape?: boolean;
     hideOnDesktop?: boolean;
     showOnlyOnDesktop?: boolean;
     isFullWidth?: boolean;
@@ -49,10 +49,10 @@ export interface CommonProps extends ThemeProps {
     opacity?: OpacityTypes;
     classNames?: any[];
 }
-export interface CommonAndHTMLProps<T extends {}> extends CommonProps, Omit<HTMLProps<T>, "size" | "ref" | "shape"> {
+export interface CommonAndHTMLProps<T extends {}> extends CommonProps, Omit<HTMLProps<T>, "as" | "size" | "ref" | "shape"> {
 }
 export interface ElementProps<T extends {}> extends CommonProps, Omit<HTMLProps<T>, "as" | "ref" | "shape"> {
-    as: any;
+    as: ElementType;
     className?: string;
 }
 export {};

package/dist/cjs/components/ExpandableContent/ExpandableContent.styled.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=/*#__PURE__*/e(require("styled-components")).default.details.withConfig({displayName:"ExpandableContentStyled",componentId:"-13hve17"})`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:${e=>e.theme.sidebar.linksWrapper.subLinks.chevron.border};transition:transform 0.2s linear;cursor:pointer;}}&[open] > summary::after{transform:translateY(-50%)rotate(225deg);}`;exports.ExpandableContentStyled=t;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=/*#__PURE__*/e(require("styled-components")).default.details.withConfig({displayName:"ExpandableContentStyled",componentId:"-13hve17"})`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:${e=>e.theme.sidebar.subLinks.chevron.border};transition:transform 0.2s linear;cursor:pointer;}}&[open] > summary::after{transform:translateY(-50%)rotate(225deg);}`;exports.ExpandableContentStyled=t;
 //# sourceMappingURL=ExpandableContent.styled.js.map

package/dist/cjs/components/ExpandableContent/ExpandableContent.styled.js.map

@@ -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.linksWrapper.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","details","props","theme","sidebar","linksWrapper","subLinks","chevron","border"],"mappings":"kJAGaA,uDAAiCC,yVAqBhBC,GAAkCA,EAAMC,MAAMC,QAAQC,aAAaC,SAASC,QAAQC"}
+{"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","details","props","theme","sidebar","subLinks","chevron","border"],"mappings":"kJAGaA,uDAAiCC,yVAqBhBC,GAAkCA,EAAMC,MAAMC,QAAQC,SAASC,QAAQC"}

package/dist/cjs/components/Form/FormWrapper/FormGenerator.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import React, { ElementType, ReactNode } from "react";
 import { ElementProps, SpacingTypes } from "../../Element/constants";
 import { PortionProps } from "../../Portion/Portion";
 import { InputLabelCustomProps } from "../InputLabel/InputLabel";
@@ -12,7 +12,7 @@ interface FormFieldOptionsType extends RadioGroupOption {
     value: string;
 }
 export interface FormFieldsConfig extends FormFieldsConfigBase {
-    as: string;
+    as: ElementType;
     options?: FormFieldOptionsType[];
 }
 export declare const generateFormThroughConfig: (fields: FormFieldsConfig[], onFieldsChange: React.FormEventHandler | null, spacing: SpacingTypes) => ReactNode;

package/dist/cjs/components/Form/FormWrapper/FormGenerator.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../external/Element.js"),t=require("react"),r=require("../../Row/Row.js"),o=require("../../Portion/Portion.js"),i=require("../InputField/InputField.js"),n=require("../InputField/FileUpload.js"),a=require("../InputLabel/InputLabel.js"),u=require("../CheckBox/CheckBox.js"),s=require("../CheckBox/Switch.js"),l=require("../RadioButton/RadioButton.js"),p=require("../RadioButton/RadioGroup.js"),d=require("../Select/Select.js"),c=require("../TextArea/TextArea.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../Row/Row.styled.js"),require("styled-components"),require("../../Portion/Portion.styled.js"),require("../BaseInputComponent/BaseInputComponent.js"),require("../FormItem/FormItem.js"),require("../FormItem/FormItem.styled.js"),require("../InputField/InputField.styled.js"),require("../Select/Select.styled.js"),require("../TextArea/TextArea.styled.js"),require("../CheckBox/CheckBox.styled.js"),require("../RadioButton/RadioButton.styled.js");var q=/*#__PURE__*/j(t);const S={CheckBox:u.CheckBox,Switch:s.Switch,InputField:i.InputField,FileUpload:n.FileUpload,InputLabel:a.InputLabel,RadioButton:l.RadioButton,RadioGroup:p.RadioGroup,Select:d.Select,TextArea:c.TextArea,Empty:"div"},m=(t,r)=>{const{as:o}=t,n=e.__rest(t,["as"]);return q.default.createElement(e.Element,Object.assign({as:S[o]||i.InputField},n,{isFullWidth:!0,onChange:r}))};exports.generateFormThroughConfig=(t,i,n)=>{let a=[];for(const r in t){const n=t[r],{desktopSpan:u,tabLSSpan:s,tabPTSpan:l,mobileSpan:p,isHorizontal:d}=n,c=e.__rest(n,["desktopSpan","tabLSSpan","tabPTSpan","mobileSpan","isHorizontal"]),j={desktopSpan:u,tabLSSpan:s,tabPTSpan:l,mobileSpan:p,isHorizontal:d};a.push(q.default.createElement(o.Portion,Object.assign({},j,{key:`fields-${r}`}),m(c,i)))}return q.default.createElement(r.Row,{gutters:n},a)};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../external/Element.js"),t=require("react"),r=require("../../Row/Row.js"),o=require("../../Portion/Portion.js"),i=require("../InputLabel/InputLabel.js"),a=require("../InputField/InputField.js"),n=require("../InputField/FileUpload.js"),s=require("../CheckBox/CheckBox.js"),u=require("../CheckBox/Switch.js"),l=require("../RadioButton/RadioButton.js"),d=require("../RadioButton/RadioGroup.js"),p=require("../Select/Select.js"),c=require("../TextArea/TextArea.js");function j(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../Row/Row.styled.js"),require("styled-components"),require("../../Portion/Portion.styled.js"),require("../BaseInputComponent/BaseInputComponent.js"),require("../FormItem/FormItem.js"),require("../FormItem/FormItem.styled.js"),require("../InputField/InputField.styled.js"),require("../Select/Select.styled.js"),require("../TextArea/TextArea.styled.js"),require("../CheckBox/CheckBox.styled.js"),require("../RadioButton/RadioButton.styled.js");var q=/*#__PURE__*/j(t);const m={CheckBox:s.CheckBox,Switch:u.Switch,InputField:a.InputField,FileUpload:n.FileUpload,InputLabel:i.InputLabel,RadioButton:l.RadioButton,RadioGroup:d.RadioGroup,Select:p.Select,TextArea:c.TextArea,Empty:"div"},I=(t,r)=>{const{as:o}=t,i=e.__rest(t,["as"]);return q.default.createElement(e.Element,Object.assign({as:m[o]||a.InputField},i,{isFullWidth:!0,onChange:r}))};exports.generateFormThroughConfig=(t,i,a)=>{let n=[];for(const r in t){const a=t[r],{desktopSpan:s,tabletLandscape:u,tabletPortraitSpan:l,mobileSpan:d,isHorizontal:p}=a,c=e.__rest(a,["desktopSpan","tabletLandscape","tabletPortraitSpan","mobileSpan","isHorizontal"]),j={desktopSpan:s,tabletLandscape:u,tabletPortraitSpan:l,mobileSpan:d,isHorizontal:p};n.push(q.default.createElement(o.Portion,Object.assign({},j,{key:`fields-${r}`}),I(c,i)))}return q.default.createElement(r.Row,{gutters:a},n)};
 //# sourceMappingURL=FormGenerator.js.map

package/dist/cjs/components/Form/FormWrapper/FormGenerator.js.map

@@ -1 +1 @@
-{"version":3,"file":"FormGenerator.js","sources":["../../../../../src/components/Form/FormWrapper/FormGenerator.tsx"],"sourcesContent":["import React, { ReactNode } from \"react\";\n\nimport { Element } from \"../../Element/Element\";\nimport { ElementProps, SpacingTypes } from \"../../Element/constants\";\n\nimport { Row } from \"../../Row/Row\";\nimport { PortionProps, Portion } from \"../../Portion/Portion\";\nimport { InputLabelCustomProps } from \"../InputLabel/InputLabel\";\nimport { InputCommonProps } from \"../BaseInputComponent/constants\";\nimport { InputField } from \"../InputField/InputField\";\nimport { FileUpload } from \"../InputField/FileUpload\";\nimport { InputLabel } from \"../InputLabel/InputLabel\";\nimport { CheckBox } from \"../CheckBox/CheckBox\";\nimport { Switch } from \"../CheckBox/Switch\";\nimport { RadioButton } from \"../RadioButton/RadioButton\";\nimport { RadioGroup } from \"../RadioButton/RadioGroup\";\nimport { Select } from \"../Select/Select\";\nimport { TextArea } from \"../TextArea/TextArea\";\nimport { RadioGroupOption } from \"../RadioButton/constants\";\n\n// Types\nexport type FormFieldsType = ElementProps<HTMLInputElement> &\n    ElementProps<HTMLSelectElement> &\n    ElementProps<HTMLTextAreaElement> &\n    InputLabelCustomProps &\n    InputCommonProps;\nexport type FormFieldsConfigBase = PortionProps & FormFieldsType;\n\ninterface FormFieldOptionsType extends RadioGroupOption {\n    id: string;\n    label: string;\n    value: string;\n}\n\nexport interface FormFieldsConfig extends FormFieldsConfigBase {\n    as: string;\n    options?: FormFieldOptionsType[];\n}\n\n// Supported Form elements for \"as\" prop in config\nconst FormElements: Record<string, ReactNode | string> = {\n    CheckBox: CheckBox,\n    Switch: Switch,\n    InputField: InputField,\n    FileUpload: FileUpload,\n    InputLabel: InputLabel,\n    RadioButton: RadioButton,\n    RadioGroup: RadioGroup,\n    Select: Select,\n    TextArea: TextArea,\n    Empty: \"div\",\n};\n\nconst getFormItem = (formField: FormFieldsType, onFieldsChange: React.FormEventHandler | null): ReactNode => {\n    const { as: elementName, ...formFieldProps } = formField;\n\n    return (\n        <Element\n            as={FormElements[elementName] || InputField}\n            {...formFieldProps}\n            isFullWidth\n            // disabled={disabledIds.includes(formFieldProps.id)}\n            onChange={onFieldsChange}\n        ></Element>\n    );\n};\n\nexport const generateFormThroughConfig = (\n    fields: FormFieldsConfig[],\n    onFieldsChange: React.FormEventHandler | null,\n    spacing: SpacingTypes\n): ReactNode => {\n    let formChildren: ReactNode[] = [];\n\n    for (const i in fields) {\n        const { desktopSpan, tabLSSpan, tabPTSpan, mobileSpan, isHorizontal, ...formField } = fields[i];\n\n        const portionPorps = {\n            desktopSpan,\n            tabLSSpan,\n            tabPTSpan,\n            mobileSpan,\n            isHorizontal,\n        };\n\n        formChildren.push(<Portion {...portionPorps} key={`fields-${i}`}>{getFormItem(formField, onFieldsChange)}</Portion>);\n    }\n    return <Row gutters={spacing}>{formChildren}</Row>;\n};\n"],"names":["FormElements","CheckBox","Switch","InputField","FileUpload","InputLabel","RadioButton","RadioGroup","Select","TextArea","Empty","getFormItem","formField","onFieldsChange","as","elementName","formFieldProps","React","Element","isFullWidth","onChange","fields","spacing","formChildren","i","_a","desktopSpan","tabLSSpan","tabPTSpan","mobileSpan","isHorizontal","portionPorps","push","Portion","key","Row","gutters"],"mappings":"8kCAwCA,MAAMA,EAAmD,CACrDC,SAAUA,WACVC,OAAQA,SACRC,WAAYA,aACZC,WAAYA,aACZC,WAAYA,aACZC,YAAaA,cACbC,WAAYA,aACZC,OAAQA,SACRC,SAAUA,WACVC,MAAO,OAGLC,EAAc,CAACC,EAA2BC,WACpCC,GAAIC,GAAmCH,EAAnBI,WAAmBJ,EAAzC,eAGFK,wBAACC,yBACGJ,GAAId,EAAae,IAAgBZ,cAC7Ba,GACJG,eAEAC,SAAUP,wCAKmB,CACrCQ,EACAR,EACAS,SAEIC,EAA4B,OAE3B,MAAMC,KAAKH,EAAQ,OACdI,EAAgFJ,EAAOG,IAAvFE,YAAEA,EAAFC,UAAeA,EAAfC,UAA0BA,EAA1BC,WAAqCA,EAArCC,aAAiDA,KAAiBlB,aAAlE,qEAEAmB,EAAe,CACjBL,YAAAA,EACAC,UAAAA,EACAC,UAAAA,EACAC,WAAAA,EACAC,aAAAA,GAGJP,EAAaS,KAAKf,wBAACgB,2BAAYF,GAAcG,cAAeV,MAAMb,EAAYC,EAAWC,YAEtFI,wBAACkB,OAAIC,QAASd,GAAUC"}
+{"version":3,"file":"FormGenerator.js","sources":["../../../../../src/components/Form/FormWrapper/FormGenerator.tsx"],"sourcesContent":["import React, { ElementType, ReactNode } from \"react\";\n\nimport { Element } from \"../../Element/Element\";\nimport { ElementProps, SpacingTypes } from \"../../Element/constants\";\n\nimport { Row } from \"../../Row/Row\";\nimport { PortionProps, Portion } from \"../../Portion/Portion\";\nimport { InputLabel, InputLabelCustomProps } from \"../InputLabel/InputLabel\";\nimport { InputCommonProps } from \"../BaseInputComponent/constants\";\nimport { InputField } from \"../InputField/InputField\";\nimport { FileUpload } from \"../InputField/FileUpload\";\nimport { CheckBox } from \"../CheckBox/CheckBox\";\nimport { Switch } from \"../CheckBox/Switch\";\nimport { RadioButton } from \"../RadioButton/RadioButton\";\nimport { RadioGroup } from \"../RadioButton/RadioGroup\";\nimport { Select } from \"../Select/Select\";\nimport { TextArea } from \"../TextArea/TextArea\";\nimport { RadioGroupOption } from \"../RadioButton/constants\";\n\n// Types\nexport type FormFieldsType = ElementProps<HTMLInputElement> &\n    ElementProps<HTMLSelectElement> &\n    ElementProps<HTMLTextAreaElement> &\n    InputLabelCustomProps &\n    InputCommonProps;\nexport type FormFieldsConfigBase = PortionProps & FormFieldsType;\n\ninterface FormFieldOptionsType extends RadioGroupOption {\n    id: string;\n    label: string;\n    value: string;\n}\n\nexport interface FormFieldsConfig extends FormFieldsConfigBase {\n    as: ElementType;\n    options?: FormFieldOptionsType[];\n}\n\n// Supported Form elements for \"as\" prop in config\nconst FormElements: Record<string, ElementType> = {\n    CheckBox: CheckBox,\n    Switch: Switch,\n    InputField: InputField,\n    FileUpload: FileUpload,\n    InputLabel: InputLabel,\n    RadioButton: RadioButton,\n    RadioGroup: RadioGroup,\n    Select: Select,\n    TextArea: TextArea,\n    Empty: \"div\",\n};\n\nconst getFormItem = (formField: FormFieldsType, onFieldsChange: React.FormEventHandler | null): ReactNode => {\n    const { as: elementName, ...formFieldProps } = formField;\n\n    return (\n        <Element\n            as={FormElements[elementName as keyof typeof FormElements] || InputField}\n            {...formFieldProps}\n            isFullWidth\n            // disabled={disabledIds.includes(formFieldProps.id)}\n            onChange={onFieldsChange}\n        />\n    );\n};\n\nexport const generateFormThroughConfig = (\n    fields: FormFieldsConfig[],\n    onFieldsChange: React.FormEventHandler | null,\n    spacing: SpacingTypes\n): ReactNode => {\n    let formChildren: ReactNode[] = [];\n\n    for (const i in fields) {\n        const { desktopSpan, tabletLandscape, tabletPortraitSpan, mobileSpan, isHorizontal, ...formField } = fields[i];\n\n        const portionProps = {\n            desktopSpan,\n            tabletLandscape,\n            tabletPortraitSpan,\n            mobileSpan,\n            isHorizontal,\n        };\n\n        formChildren.push(<Portion {...portionProps} key={`fields-${i}`}>{getFormItem(formField, onFieldsChange)}</Portion>);\n    }\n    return <Row gutters={spacing}>{formChildren}</Row>;\n};\n"],"names":["FormElements","CheckBox","Switch","InputField","FileUpload","InputLabel","RadioButton","RadioGroup","Select","TextArea","Empty","getFormItem","formField","onFieldsChange","as","elementName","formFieldProps","React","Element","isFullWidth","onChange","fields","spacing","formChildren","i","_a","desktopSpan","tabletLandscape","tabletPortraitSpan","mobileSpan","isHorizontal","portionProps","push","Portion","key","Row","gutters"],"mappings":"8kCAuCA,MAAMA,EAA4C,CAC9CC,SAAUA,WACVC,OAAQA,SACRC,WAAYA,aACZC,WAAYA,aACZC,WAAYA,aACZC,YAAaA,cACbC,WAAYA,aACZC,OAAQA,SACRC,SAAUA,WACVC,MAAO,OAGLC,EAAc,CAACC,EAA2BC,WACpCC,GAAIC,GAAmCH,EAAnBI,WAAmBJ,EAAzC,eAGFK,wBAACC,yBACGJ,GAAId,EAAae,IAA6CZ,cAC1Da,GACJG,eAEAC,SAAUP,wCAKmB,CACrCQ,EACAR,EACAS,SAEIC,EAA4B,OAE3B,MAAMC,KAAKH,EAAQ,OACdI,EAA+FJ,EAAOG,IAAtGE,YAAEA,EAAFC,gBAAeA,EAAfC,mBAAgCA,EAAhCC,WAAoDA,EAApDC,aAAgEA,KAAiBlB,aAAjF,oFAEAmB,EAAe,CACjBL,YAAAA,EACAC,gBAAAA,EACAC,mBAAAA,EACAC,WAAAA,EACAC,aAAAA,GAGJP,EAAaS,KAAKf,wBAACgB,2BAAYF,GAAcG,cAAeV,MAAMb,EAAYC,EAAWC,YAEtFI,wBAACkB,OAAIC,QAASd,GAAUC"}

package/dist/cjs/components/Form/FormWrapper/FormWrapper.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../external/Element.js"),r=require("react"),t=require("../../Callout/Callout.js"),o=require("./FormWrapper.styled.js"),s=require("./FormGenerator.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../Typography/Text.js"),require("../../Callout/Callout.styled.js"),require("../../../external/transparentize.js"),require("../../../external/rgba.js"),require("../../../external/DefaultColours.js"),require("styled-components"),require("../FormItem/FormItem.styled.js"),require("../InputField/InputField.styled.js"),require("../Select/Select.styled.js"),require("../TextArea/TextArea.styled.js"),require("../FormItemGroup/FormItemGroup.styled.js"),require("../../Row/Row.js"),require("../../Row/Row.styled.js"),require("../../Portion/Portion.styled.js"),require("../../Portion/Portion.js"),require("../InputField/InputField.js"),require("../BaseInputComponent/BaseInputComponent.js"),require("../InputLabel/InputLabel.js"),require("../FormItem/FormItem.js"),require("../InputField/FileUpload.js"),require("../CheckBox/CheckBox.js"),require("../CheckBox/CheckBox.styled.js"),require("../CheckBox/Switch.js"),require("../RadioButton/RadioButton.js"),require("../RadioButton/RadioButton.styled.js"),require("../RadioButton/RadioGroup.js"),require("../Select/Select.js"),require("../TextArea/TextArea.js");var i=/*#__PURE__*/u(r);const l=i.default.forwardRef(((r,u)=>{var{spacing:l="small",fields:a,onFieldsChange:n,children:d,errorText:j}=r,p=e.__rest(r,["spacing","fields","onFieldsChange","children","errorText"]);let q=[];return l&&q.push(`spacing-${l}`),a&&a.length>0&&(d=[s.generateFormThroughConfig(a,n,l),d]),i.default.createElement(e.Element,Object.assign({as:o.FormWrapperStyled,ref:u,classNames:q},p),d,j&&i.default.createElement(t.Callout,{kind:"error"},j))}));exports.FormWrapper=l;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../external/Element.js"),r=require("react"),t=require("../../Callout/Callout.js"),o=require("./FormWrapper.styled.js"),s=require("./FormGenerator.js");function u(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("../../Typography/Text.js"),require("../../Callout/Callout.styled.js"),require("../../../external/transparentize.js"),require("../../../external/rgba.js"),require("../../../external/DefaultColours.js"),require("styled-components"),require("../FormItem/FormItem.styled.js"),require("../InputField/InputField.styled.js"),require("../Select/Select.styled.js"),require("../TextArea/TextArea.styled.js"),require("../FormItemGroup/FormItemGroup.styled.js"),require("../../Row/Row.js"),require("../../Row/Row.styled.js"),require("../../Portion/Portion.styled.js"),require("../../Portion/Portion.js"),require("../InputLabel/InputLabel.js"),require("../InputField/InputField.js"),require("../BaseInputComponent/BaseInputComponent.js"),require("../FormItem/FormItem.js"),require("../InputField/FileUpload.js"),require("../CheckBox/CheckBox.js"),require("../CheckBox/CheckBox.styled.js"),require("../CheckBox/Switch.js"),require("../RadioButton/RadioButton.js"),require("../RadioButton/RadioButton.styled.js"),require("../RadioButton/RadioGroup.js"),require("../Select/Select.js"),require("../TextArea/TextArea.js");var i=/*#__PURE__*/u(r);const l=i.default.forwardRef(((r,u)=>{var{spacing:l="small",fields:a,onFieldsChange:n,children:d,errorText:j}=r,p=e.__rest(r,["spacing","fields","onFieldsChange","children","errorText"]);let q=[];return l&&q.push(`spacing-${l}`),a&&a.length>0&&(d=[s.generateFormThroughConfig(a,n,l),d]),i.default.createElement(e.Element,Object.assign({as:o.FormWrapperStyled,ref:u,classNames:q},p),d,j&&i.default.createElement(t.Callout,{kind:"error"},j))}));exports.FormWrapper=l;
 //# sourceMappingURL=FormWrapper.js.map

package/dist/cjs/components/Form/InputField/InputField.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"InputField.styled.js","sources":["../../../../../src/components/Form/InputField/InputField.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { InputFieldProps } from \"./InputField\";\n\n\nexport const InputFieldStyled = styled.input`\n    position         : relative;\n    width            : 100%;\n    flex             : 1 1 auto;\n    font-family      : ${(props: InputFieldProps) => props.theme.text.font.sans};\n    color            : ${(props: InputFieldProps) => props.theme.inputField.default.text};\n    background-color : ${(props: InputFieldProps) => props.theme.inputField.default.bg};\n    border           : 1px solid ${(props: InputFieldProps) => props.theme.inputField.default.border};\n    border-radius    : ${(props: InputFieldProps) => props.theme.inputField.default.borderRadius};\n    padding          : 12px;\n    line-height      : 1;\n\n    &:active,\n    &:focus {\n        background-color : ${(props: InputFieldProps) => props.theme.inputField.onFocus.bg};\n        border           : 2px solid ${(props: InputFieldProps) => props.theme.inputField.onFocus.border};\n        padding          : 11px;\n    }\n\n    &[type=password] { letter-spacing : 4px; }\n\n    /*  LEFT AND  RIGHT ICONS  ============================================  */\n    &.with-icon-left  { padding-left : 40px; }\n    &.with-icon-right { padding-right : 40px; }\n\n    span.icon-left,\n    span.icon-right {\n        position : absolute;\n        bottom   : 12px;\n        width    : 24px;\n        height   : 24px;\n    }\n\n    span.icon-left svg,\n    span.icon-right svg {\n        fill       : ${(props: InputFieldProps) => props.theme.inputField.icons.default.fill};\n        transition : all 0.2s;\n        width      : 24px;\n        height     : 24px;\n    }\n\n    span.icon-left { left : 8px; }\n\n    span.icon-right {\n        right   : 8px;\n        opacity : 0.24;\n    }\n\n    &.with-icon-left:focus ~ span.icon-left svg {\n        fill : ${(props: InputFieldProps) => props.theme.inputField.icons.onFocus.fill};\n    }\n\n    /*  Grey check mark  */\n    &.validate-this {\n        padding-right       : 40px;\n        background-image    : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cG9seWxpbmUgcG9pbnRzPSIzLjUgMTIuNSA4LjUgMTcuNSAyMC41IDUuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTJlMmUyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);\n        background-repeat   : no-repeat;\n        background-position : right 12px top 56%;\n        background-size     : 24px;\n\n        &:focus {\n            background-position : right 11px top 56%;\n        }\n    }\n\n    &.validate-this ~ span.icon-right { display : none; }\n\n    /*  Green check mark  */\n    &.validate-this:valid:not(:placeholder-shown) {\n        background-image : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cG9seWxpbmUgcG9pbnRzPSIzLjUgMTIuNSA4LjUgMTcuNSAyMC41IDUuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMGVjMDVjIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);\n    }\n\n    /*  Red check mark  */\n    &:invalid:not(:focus):not(:placeholder-shown) {\n        border              : 1px solid ${(props: InputFieldProps) => props.theme.inputField.icons.isValid.border};\n        background-color    : ${(props: InputFieldProps) => props.theme.inputField.isInvalid.bg};\n        background-image    : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8bGluZSB4MT0iNi41IiB5MT0iMTcuNSIgeDI9IjE4LjUiIHkyPSI1LjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2VmNDM0MyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz4gIDxsaW5lIHgxPSI2LjUiIHkxPSI1LjUiIHgyPSIxOC41IiB5Mj0iMTcuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZWY0MzQzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);\n        background-repeat   : no-repeat;\n        background-position : 98%;\n        background-size     : 24px;\n    }\n`;\n"],"names":["InputFieldStyled","input","props","theme","text","font","sans","inputField","default","bg","border","borderRadius","onFocus","icons","fill","isValid","isInvalid"],"mappings":"kJAKaA,uDAA0BC,mIAIbC,GAA2BA,EAAMC,MAAMC,KAAKC,KAAKC,cACjDJ,GAA2BA,EAAMC,MAAMI,WAAWC,QAAQJ,yBAC1DF,GAA2BA,EAAMC,MAAMI,WAAWC,QAAQC,uBAChDP,GAA2BA,EAAMC,MAAMI,WAAWC,QAAQE,wBACpER,GAA2BA,EAAMC,MAAMI,WAAWC,QAAQG,6EAMtDT,GAA2BA,EAAMC,MAAMI,WAAWK,QAAQH,uBAChDP,GAA2BA,EAAMC,MAAMI,WAAWK,QAAQF,wQAoB1ER,GAA2BA,EAAMC,MAAMI,WAAWM,MAAML,QAAQM,sKActEZ,GAA2BA,EAAMC,MAAMI,WAAWM,MAAMD,QAAQE,q6BAyBvCZ,GAA2BA,EAAMC,MAAMI,WAAWM,MAAME,QAAQL,2BAC1ER,GAA2BA,EAAMC,MAAMI,WAAWS,UAAUP"}
+{"version":3,"file":"InputField.styled.js","sources":["../../../../../src/components/Form/InputField/InputField.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { InputFieldProps } from \"./InputField\";\n\n\nexport const InputFieldStyled = styled.input`\n    position         : relative;\n    width            : 100%;\n    flex             : 1 1 auto;\n    font-family      : ${(props: InputFieldProps) => props.theme.text.font.sans};\n    color            : ${(props: InputFieldProps) => props.theme.inputField.default.text};\n    background-color : ${(props: InputFieldProps) => props.theme.inputField.default.bg};\n    border           : 1px solid ${(props: InputFieldProps) => props.theme.inputField.default.border};\n    border-radius    : ${(props: InputFieldProps) => props.theme.inputField.default.borderRadius};\n    padding          : 12px;\n    line-height      : 1;\n\n    &:active,\n    &:focus {\n        background-color : ${(props: InputFieldProps) => props.theme.inputField.onFocus.bg};\n        border           : 2px solid ${(props: InputFieldProps) => props.theme.inputField.onFocus.border};\n        padding          : 11px;\n    }\n\n    &[type=password] { letter-spacing : 4px; }\n\n    /*  LEFT AND  RIGHT ICONS  ============================================  */\n    &.with-icon-left  { padding-left : 40px; }\n    &.with-icon-right { padding-right : 40px; }\n\n    span.icon-left,\n    span.icon-right {\n        position : absolute;\n        bottom   : 12px;\n        width    : 24px;\n        height   : 24px;\n    }\n\n    span.icon-left svg,\n    span.icon-right svg {\n        fill       : ${(props: InputFieldProps) => props.theme.inputField.icons.default.fill};\n        transition : all 0.2s;\n        width      : 24px;\n        height     : 24px;\n    }\n\n    span.icon-left { left : 8px; }\n\n    span.icon-right {\n        right   : 8px;\n        opacity : 0.24;\n    }\n\n    &.with-icon-left:focus ~ span.icon-left svg {\n        fill : ${(props: InputFieldProps) => props.theme.inputField.icons.onFocus.fill};\n    }\n\n    /*  Grey check mark  */\n    &.validate-this {\n        padding-right       : 40px;\n        background-image    : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cG9seWxpbmUgcG9pbnRzPSIzLjUgMTIuNSA4LjUgMTcuNSAyMC41IDUuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZTJlMmUyIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);\n        background-repeat   : no-repeat;\n        background-position : right 12px top 56%;\n        background-size     : 24px;\n\n        &:focus {\n            background-position : right 11px top 56%;\n        }\n    }\n\n    &.validate-this ~ span.icon-right { display : none; }\n\n    /*  Green check mark  */\n    &.validate-this:valid:not(:placeholder-shown) {\n        background-image : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8cG9seWxpbmUgcG9pbnRzPSIzLjUgMTIuNSA4LjUgMTcuNSAyMC41IDUuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjMGVjMDVjIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);\n    }\n\n    /*  Red cross  */\n    &:invalid:not(:focus):not(:placeholder-shown) {\n        border              : 1px solid ${(props: InputFieldProps) => props.theme.inputField.icons.isValid.border};\n        background-color    : ${(props: InputFieldProps) => props.theme.inputField.isInvalid.bg};\n        background-image    : url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAyNCAyNCI+ICA8bGluZSB4MT0iNi41IiB5MT0iMTcuNSIgeDI9IjE4LjUiIHkyPSI1LjUiIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2VmNDM0MyIgc3Ryb2tlLW1pdGVybGltaXQ9IjEwIiBzdHJva2Utd2lkdGg9IjIiLz4gIDxsaW5lIHgxPSI2LjUiIHkxPSI1LjUiIHgyPSIxOC41IiB5Mj0iMTcuNSIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZWY0MzQzIiBzdHJva2UtbWl0ZXJsaW1pdD0iMTAiIHN0cm9rZS13aWR0aD0iMiIvPjwvc3ZnPg==);\n        background-repeat   : no-repeat;\n        background-position : 98%;\n        background-size     : 24px;\n    }\n`;\n"],"names":["InputFieldStyled","input","props","theme","text","font","sans","inputField","default","bg","border","borderRadius","onFocus","icons","fill","isValid","isInvalid"],"mappings":"kJAKaA,uDAA0BC,mIAIbC,GAA2BA,EAAMC,MAAMC,KAAKC,KAAKC,cACjDJ,GAA2BA,EAAMC,MAAMI,WAAWC,QAAQJ,yBAC1DF,GAA2BA,EAAMC,MAAMI,WAAWC,QAAQC,uBAChDP,GAA2BA,EAAMC,MAAMI,WAAWC,QAAQE,wBACpER,GAA2BA,EAAMC,MAAMI,WAAWC,QAAQG,6EAMtDT,GAA2BA,EAAMC,MAAMI,WAAWK,QAAQH,uBAChDP,GAA2BA,EAAMC,MAAMI,WAAWK,QAAQF,wQAoB1ER,GAA2BA,EAAMC,MAAMI,WAAWM,MAAML,QAAQM,sKActEZ,GAA2BA,EAAMC,MAAMI,WAAWM,MAAMD,QAAQE,q6BAyBvCZ,GAA2BA,EAAMC,MAAMI,WAAWM,MAAME,QAAQL,2BAC1ER,GAA2BA,EAAMC,MAAMI,WAAWS,UAAUP"}

package/dist/cjs/components/Portion/Portion.d.ts

@@ -2,8 +2,8 @@ import React from "react";
 import { CommonAndHTMLProps } from "../Element/constants";
 export interface PortionCustomProps {
     desktopSpan?: string;
-    tabPTSpan?: string;
-    tabLSSpan?: string;
+    tabletLandscape?: string;
+    tabletPortraitSpan?: string;
     mobileSpan?: string;
     isHorizontal?: boolean;
 }

package/dist/cjs/components/Portion/Portion.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../external/Element.js"),t=require("react"),a=require("./Portion.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("styled-components");var o=/*#__PURE__*/r(t);const n=o.default.forwardRef(((t,r)=>{var{desktopSpan:n,mobileSpan:s,tabLSSpan:l,tabPTSpan:i,isHorizontal:p}=t,u=e.__rest(t,["desktopSpan","mobileSpan","tabLSSpan","tabPTSpan","isHorizontal"]);let d=[];return n||l||i||s?(n&&d.push(`${n}`),l&&d.push(`${l}-on-tab-ls`),i&&d.push(`${i}-on-tab-pt`),s&&d.push(`${s}-on-mobile`)):d.push("whole"),p&&d.push("horizontal"),o.default.createElement(e.Element,Object.assign({as:a.PortionStyled,ref:r,classNames:d,isFullWidth:!0},u))}));exports.Portion=n;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../external/Element.js"),t=require("react"),a=require("./Portion.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("styled-components");var o=/*#__PURE__*/r(t);const n=o.default.forwardRef(((t,r)=>{var{desktopSpan:n,mobileSpan:s,tabletLandscape:l,tabletPortraitSpan:i,isHorizontal:p}=t,u=e.__rest(t,["desktopSpan","mobileSpan","tabletLandscape","tabletPortraitSpan","isHorizontal"]);let d=[];return n||l||i||s?(n&&d.push(`${n}`),l&&d.push(`${l}-on-tablet-landscape`),i&&d.push(`${i}-on-tablet-portrait`),s&&d.push(`${s}-on-mobile`)):d.push("whole"),p&&d.push("horizontal"),o.default.createElement(e.Element,Object.assign({as:a.PortionStyled,ref:r,classNames:d,isFullWidth:!0},u))}));exports.Portion=n;
 //# sourceMappingURL=Portion.js.map

package/dist/cjs/components/Portion/Portion.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portion.js","sources":["../../../../src/components/Portion/Portion.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Element } from \"../Element/Element\";\nimport { CommonAndHTMLProps } from \"../Element/constants\";\n\nimport { PortionStyled } from \"./Portion.styled\";\n\n// prettier-ignore\nexport interface PortionCustomProps {\n    desktopSpan  ? : string;\n    tabPTSpan    ? : string;\n    tabLSSpan    ? : string;\n    mobileSpan   ? : string;\n    isHorizontal ? : boolean;\n}\n\nexport type PortionElementType = HTMLDivElement;\nexport type PortionProps = Omit<CommonAndHTMLProps<PortionElementType>, keyof PortionCustomProps> & PortionCustomProps;\n\nexport const Portion = React.forwardRef(\n    (\n        { desktopSpan, mobileSpan, tabLSSpan, tabPTSpan, isHorizontal, ...props }: PortionProps,\n        ref: React.Ref<PortionElementType>\n    ) => {\n        let classNames = [];\n\n        if (desktopSpan || tabLSSpan || tabPTSpan || mobileSpan) {\n            if (desktopSpan) {\n                classNames.push(`${desktopSpan}`);\n            }\n\n            if (tabLSSpan) {\n                classNames.push(`${tabLSSpan}-on-tab-ls`);\n            }\n\n            if (tabPTSpan) {\n                classNames.push(`${tabPTSpan}-on-tab-pt`);\n            }\n\n            if (mobileSpan) {\n                classNames.push(`${mobileSpan}-on-mobile`);\n            }\n        } else {\n            classNames.push(\"whole\");\n        }\n\n        if (isHorizontal) {\n            classNames.push(\"horizontal\");\n        }\n\n        return (\n            <Element<PortionElementType> as={PortionStyled} ref={ref} classNames={classNames} isFullWidth {...props} />\n        );\n    }\n);\n"],"names":["Portion","React","forwardRef","_a","ref","desktopSpan","mobileSpan","tabLSSpan","tabPTSpan","isHorizontal","props","classNames","push","Element","as","PortionStyled","isFullWidth"],"mappings":"sSAmBaA,EAAUC,UAAMC,YACzB,CACIC,EACAC,SADAC,YAAEA,EAAFC,WAAeA,EAAfC,UAA2BA,EAA3BC,UAAsCA,EAAtCC,aAAiDA,KAAiBC,aAAlE,yEAGIC,EAAa,UAEbN,GAAeE,GAAaC,GAAaF,GACrCD,GACAM,EAAWC,QAAQP,KAGnBE,GACAI,EAAWC,QAAQL,eAGnBC,GACAG,EAAWC,QAAQJ,eAGnBF,GACAK,EAAWC,QAAQN,gBAGvBK,EAAWC,KAAK,SAGhBH,GACAE,EAAWC,KAAK,cAIhBX,wBAACY,yBAA4BC,GAAIC,gBAAeX,IAAKA,EAAKO,WAAYA,EAAYK,gBAAgBN"}
+{"version":3,"file":"Portion.js","sources":["../../../../src/components/Portion/Portion.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Element } from \"../Element/Element\";\nimport { CommonAndHTMLProps } from \"../Element/constants\";\n\nimport { PortionStyled } from \"./Portion.styled\";\n\n// prettier-ignore\nexport interface PortionCustomProps {\n    desktopSpan        ? : string;\n    tabletLandscape    ? : string;\n    tabletPortraitSpan ? : string;\n    mobileSpan         ? : string;\n    isHorizontal       ? : boolean;\n}\n\nexport type PortionElementType = HTMLDivElement;\nexport type PortionProps = Omit<CommonAndHTMLProps<PortionElementType>, keyof PortionCustomProps> & PortionCustomProps;\n\nexport const Portion = React.forwardRef(\n    (\n        { desktopSpan, mobileSpan, tabletLandscape, tabletPortraitSpan, isHorizontal, ...props }: PortionProps,\n        ref: React.Ref<PortionElementType>\n    ) => {\n        let classNames = [];\n\n        if (desktopSpan || tabletLandscape || tabletPortraitSpan || mobileSpan) {\n            if (desktopSpan) {\n                classNames.push(`${desktopSpan}`);\n            }\n\n            if (tabletLandscape) {\n                classNames.push(`${tabletLandscape}-on-tablet-landscape`);\n            }\n\n            if (tabletPortraitSpan) {\n                classNames.push(`${tabletPortraitSpan}-on-tablet-portrait`);\n            }\n\n            if (mobileSpan) {\n                classNames.push(`${mobileSpan}-on-mobile`);\n            }\n        } else {\n            classNames.push(\"whole\");\n        }\n\n        if (isHorizontal) {\n            classNames.push(\"horizontal\");\n        }\n\n        return (\n            <Element<PortionElementType> as={PortionStyled} ref={ref} classNames={classNames} isFullWidth {...props} />\n        );\n    }\n);\n"],"names":["Portion","React","forwardRef","_a","ref","desktopSpan","mobileSpan","tabletLandscape","tabletPortraitSpan","isHorizontal","props","classNames","push","Element","as","PortionStyled","isFullWidth"],"mappings":"sSAmBaA,EAAUC,UAAMC,YACzB,CACIC,EACAC,SADAC,YAAEA,EAAFC,WAAeA,EAAfC,gBAA2BA,EAA3BC,mBAA4CA,EAA5CC,aAAgEA,KAAiBC,aAAjF,wFAGIC,EAAa,UAEbN,GAAeE,GAAmBC,GAAsBF,GACpDD,GACAM,EAAWC,QAAQP,KAGnBE,GACAI,EAAWC,QAAQL,yBAGnBC,GACAG,EAAWC,QAAQJ,wBAGnBF,GACAK,EAAWC,QAAQN,gBAGvBK,EAAWC,KAAK,SAGhBH,GACAE,EAAWC,KAAK,cAIhBX,wBAACY,yBAA4BC,GAAIC,gBAAeX,IAAKA,EAAKO,WAAYA,EAAYK,gBAAgBN"}

package/dist/cjs/components/Portion/Portion.styled.js

@@ -1,2 +1,2 @@
-"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}Object.defineProperty(exports,"__esModule",{value:!0});const o=/*#__PURE__*/n(require("styled-components")).default.div.withConfig({displayName:"PortionStyled",componentId:"-17bdbfa"})`&.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-tab-pt{grid-column:span 1;}&.one-twelfth-on-tab-pt,&.\\32 -on-tab-pt{grid-column:span 2;}&.one-eighth-on-tab-pt,&.\\33 -on-tab-pt{grid-column:span 3;}&.one-sixth-on-tab-pt,&.\\34 -on-tab-pt{grid-column:span 4;}&.\\35 -on-tab-pt{grid-column:span 5;}&.one-fourth-on-tab-pt,&.\\36 -on-tab-pt{grid-column:span 6;}&.\\37 -on-tab-pt{grid-column:span 7;}&.one-third-on-tab-pt,&.\\38 -on-tab-pt{grid-column:span 8;}&.\\39 -on-tab-pt{grid-column:span 9;}&.five-twelfth-on-tab-pt,&.\\31 0-on-tab-pt{grid-column:span 10;}&.\\31 1-on-tab-pt{grid-column:span 11;}&.half-on-tab-pt,&.\\31 2-on-tab-pt{grid-column:span 12;}&.\\31 3-on-tab-pt{grid-column:span 13;}&.seven-twelfth-on-tab-pt,&.\\31 4-on-tab-pt{grid-column:span 14;}&.\\31 5-on-tab-pt{grid-column:span 15;}&.two-third-on-tab-pt,&.\\31 6-on-tab-pt{grid-column:span 16;}&.\\31 7-on-tab-pt{grid-column:span 17;}&.three-fourth-on-tab-pt,&.\\31 8-on-tab-pt{grid-column:span 18;}&.\\31 9-on-tab-pt{grid-column:span 19;}&.five-sixth-on-tab-pt,&.\\32 0-on-tab-pt{grid-column:span 20;}&.seven-eighth-on-tab-pt,&.\\32 1-on-tab-pt{grid-column:span 21;}&.eleven-twelfth-on-tab-pt,&.\\32 2-on-tab-pt{grid-column:span 22;}&.\\32 3-on-tab-pt{grid-column:span 23;}&.whole-on-tab-pt,&.\\32 4-on-tab-pt{grid-column:span 24;}}@media all and (min-width : 901px)and (max-width : 1200px){&.\\31 -on-tab-ls{grid-column:span 1;}&.one-twelfth-on-tab-ls,&.\\32 -on-tab-ls{grid-column:span 2;}&.one-eighth-on-tab-ls,&.\\33 -on-tab-ls{grid-column:span 3;}&.one-sixth-on-tab-ls,&.\\34 -on-tab-ls{grid-column:span 4;}&.\\35 -on-tab-ls{grid-column:span 5;}&.one-fourth-on-tab-ls,&.\\36 -on-tab-ls{grid-column:span 6;}&.\\37 -on-tab-ls{grid-column:span 7;}&.one-third-on-tab-ls,&.\\38 -on-tab-ls{grid-column:span 8;}&.\\39 -on-tab-ls{grid-column:span 9;}&.five-twelfth-on-tab-ls,&.\\31 0-on-tab-ls{grid-column:span 10;}&.\\31 1-on-tab-ls{grid-column:span 11;}&.half-on-tab-ls,&.\\31 2-on-tab-ls{grid-column:span 12;}&.\\31 3-on-tab-ls{grid-column:span 13;}&.seven-twelfth-on-tab-ls,&.\\31 4-on-tab-ls{grid-column:span 14;}&.\\31 5-on-tab-ls{grid-column:span 15;}&.two-third-on-tab-ls,&.\\31 6-on-tab-ls{grid-column:span 16;}&.\\31 7-on-tab-ls{grid-column:span 17;}&.three-fourth-on-tab-ls,&.\\31 8-on-tab-ls{grid-column:span 18;}&.\\31 9-on-tab-ls{grid-column:span 19;}&.five-sixth-on-tab-ls,&.\\32 0-on-tab-ls{grid-column:span 20;}&.seven-eighth-on-tab-ls,&.\\32 1-on-tab-ls{grid-column:span 21;}&.eleven-twelfth-on-tab-ls,&.\\32 2-on-tab-ls{grid-column:span 22;}&.\\32 3-on-tab-ls{grid-column:span 23;}&.whole-on-tab-ls,&.\\32 4-on-tab-ls{grid-column:span 24;}}`;exports.PortionStyled=o;
+"use strict";function n(n){return n&&"object"==typeof n&&"default"in n?n:{default:n}}Object.defineProperty(exports,"__esModule",{value:!0});const o=/*#__PURE__*/n(require("styled-components")).default.div.withConfig({displayName:"PortionStyled",componentId:"-17bdbfa"})`&.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;}}`;exports.PortionStyled=o;
 //# sourceMappingURL=Portion.styled.js.map

package/dist/cjs/components/Portion/Portion.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Portion.styled.js","sources":["../../../../src/components/Portion/Portion.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const PortionStyled = styled.div`\n    &.horizontal { \n        display        : flex;\n        flex-direction : row;\n    }\n\n    &.\\\\31 { grid-column : span 1; }\n\n    &.one-twelfth,\n    &.\\\\32 { grid-column : span 2; }\n\n    &.one-eighth,\n    &.\\\\33 { grid-column : span 3; }\n\n    &.one-sixth,\n    &.\\\\34 { grid-column : span 4; }\n\n    &.\\\\35 { grid-column : span 5; }\n\n    &.one-fourth,\n    &.\\\\36 { grid-column : span 6; }\n\n    &.\\\\37 { grid-column : span 7; }\n\n    &.one-third,\n    &.\\\\38 { grid-column : span 8; }\n\n    &.\\\\39 { grid-column : span 9; }\n\n    &.five-twelfth,\n    &.\\\\31 0 { grid-column : span 10; }\n\n    &.\\\\31 1 { grid-column : span 11; }\n\n    &.half,\n    &.\\\\31 2 { grid-column : span 12; }\n\n    &.\\\\31 3 { grid-column : span 13; }\n\n    &.seven-twelfth,\n    &.\\\\31 4 { grid-column : span 14; }\n\n    &.\\\\31 5 { grid-column : span 15; }\n\n    &.two-third,\n    &.\\\\31 6 { grid-column : span 16; }\n\n    &.\\\\31 7 { grid-column : span 17; }\n\n    &.three-fourth,\n    &.\\\\31 8 { grid-column : span 18; }\n\n    &.\\\\31 9 { grid-column : span 19; }\n\n    &.five-sixth,\n    &.\\\\32 0 { grid-column : span 20; }\n\n    &.seven-eighth,\n    &.\\\\32 1 { grid-column : span 21; }\n\n    &.eleven-twelfth,\n    &.\\\\32 2 { grid-column : span 22; }\n\n    &.\\\\32 3 { grid-column : span 23; }\n\n    &.whole,\n    &.\\\\32 4 { grid-column : span 24; }\n\n\n\n    @media all and (max-width : 600px) {\n\n        &.\\\\31 -on-mobile { grid-column : span 1; }\n\n        &.one-twelfth-on-mobile,\n        &.\\\\32 -on-mobile { grid-column : span 2; }\n\n        &.one-eighth-on-mobile,\n        &.\\\\33 -on-mobile { grid-column : span 3; }\n\n        &.one-sixth-on-mobile,\n        &.\\\\34 -on-mobile { grid-column : span 4; }\n\n        &.\\\\35 -on-mobile { grid-column : span 5; }\n\n        &.one-fourth-on-mobile,\n        &.\\\\36 -on-mobile { grid-column : span 6; }\n\n        &.\\\\37 -on-mobile { grid-column : span 7; }\n\n        &.one-third-on-mobile,\n        &.\\\\38 -on-mobile { grid-column : span 8; }\n\n        &.\\\\39 -on-mobile { grid-column : span 9; }\n\n        &.five-twelfth-on-mobile,\n        &.\\\\31 0-on-mobile { grid-column : span 10; }\n\n        &.\\\\31 1-on-mobile { grid-column : span 11; }\n\n        &.half-on-mobile,\n        &.\\\\31 2-on-mobile { grid-column : span 12; }\n\n        &.\\\\31 3-on-mobile { grid-column : span 13; }\n\n        &.seven-twelfth-on-mobile,\n        &.\\\\31 4-on-mobile { grid-column : span 14; }\n\n        &.\\\\31 5-on-mobile { grid-column : span 15; }\n\n        &.two-third-on-mobile,\n        &.\\\\31 6-on-mobile { grid-column : span 16; }\n\n        &.\\\\31 7-on-mobile { grid-column : span 17; }\n\n        &.three-fourth-on-mobile,\n        &.\\\\31 8-on-mobile { grid-column : span 18; }\n\n        &.\\\\31 9-on-mobile { grid-column : span 19; }\n\n        &.five-sixth-on-mobile,\n        &.\\\\32 0-on-mobile { grid-column : span 20; }\n\n        &.seven-eighth-on-mobile,\n        &.\\\\32 1-on-mobile { grid-column : span 21; }\n\n        &.eleven-twelfth-on-mobile,\n        &.\\\\32 2-on-mobile { grid-column : span 22; }\n\n        &.\\\\32 3-on-mobile { grid-column : span 23; }\n\n        &.whole-on-mobile,\n        &.\\\\32 4-on-mobile { grid-column : span 24; }\n    }\n\n\n\n    @media all and (min-width : 601px) and (max-width : 900px) {\n\n        &.\\\\31 -on-tab-pt { grid-column : span 1; }\n\n        &.one-twelfth-on-tab-pt,\n        &.\\\\32 -on-tab-pt { grid-column : span 2; }\n\n        &.one-eighth-on-tab-pt,\n        &.\\\\33 -on-tab-pt { grid-column : span 3; }\n\n        &.one-sixth-on-tab-pt,\n        &.\\\\34 -on-tab-pt { grid-column : span 4; }\n\n        &.\\\\35 -on-tab-pt { grid-column : span 5; }\n\n        &.one-fourth-on-tab-pt,\n        &.\\\\36 -on-tab-pt { grid-column : span 6; }\n\n        &.\\\\37 -on-tab-pt { grid-column : span 7; }\n\n        &.one-third-on-tab-pt,\n        &.\\\\38 -on-tab-pt { grid-column : span 8; }\n\n        &.\\\\39 -on-tab-pt { grid-column : span 9; }\n\n        &.five-twelfth-on-tab-pt,\n        &.\\\\31 0-on-tab-pt { grid-column : span 10; }\n\n        &.\\\\31 1-on-tab-pt { grid-column : span 11; }\n\n        &.half-on-tab-pt,\n        &.\\\\31 2-on-tab-pt { grid-column : span 12; }\n\n        &.\\\\31 3-on-tab-pt { grid-column : span 13; }\n\n        &.seven-twelfth-on-tab-pt,\n        &.\\\\31 4-on-tab-pt { grid-column : span 14; }\n\n        &.\\\\31 5-on-tab-pt { grid-column : span 15; }\n\n        &.two-third-on-tab-pt,\n        &.\\\\31 6-on-tab-pt { grid-column : span 16; }\n\n        &.\\\\31 7-on-tab-pt { grid-column : span 17; }\n\n        &.three-fourth-on-tab-pt,\n        &.\\\\31 8-on-tab-pt { grid-column : span 18; }\n\n        &.\\\\31 9-on-tab-pt { grid-column : span 19; }\n\n        &.five-sixth-on-tab-pt,\n        &.\\\\32 0-on-tab-pt { grid-column : span 20; }\n\n        &.seven-eighth-on-tab-pt,\n        &.\\\\32 1-on-tab-pt { grid-column : span 21; }\n\n        &.eleven-twelfth-on-tab-pt,\n        &.\\\\32 2-on-tab-pt { grid-column : span 22; }\n\n        &.\\\\32 3-on-tab-pt { grid-column : span 23; }\n\n        &.whole-on-tab-pt,\n        &.\\\\32 4-on-tab-pt { grid-column : span 24; }\n    }\n\n\n\n    @media all and (min-width : 901px) and (max-width : 1200px) {\n        /* .row:not(.retain-layout-on-tab-ls) > &:not([class*='on-tab-ls']) { grid-column : span 24; } */\n\n        &.\\\\31 -on-tab-ls { grid-column : span 1; }\n\n        &.one-twelfth-on-tab-ls,\n        &.\\\\32 -on-tab-ls { grid-column : span 2; }\n\n        &.one-eighth-on-tab-ls,\n        &.\\\\33 -on-tab-ls { grid-column : span 3; }\n\n        &.one-sixth-on-tab-ls,\n        &.\\\\34 -on-tab-ls { grid-column : span 4; }\n\n        &.\\\\35 -on-tab-ls { grid-column : span 5; }\n\n        &.one-fourth-on-tab-ls,\n        &.\\\\36 -on-tab-ls { grid-column : span 6; }\n\n        &.\\\\37 -on-tab-ls { grid-column : span 7; }\n\n        &.one-third-on-tab-ls,\n        &.\\\\38 -on-tab-ls { grid-column : span 8; }\n\n        &.\\\\39 -on-tab-ls { grid-column : span 9; }\n\n        &.five-twelfth-on-tab-ls,\n        &.\\\\31 0-on-tab-ls { grid-column : span 10; }\n\n        &.\\\\31 1-on-tab-ls { grid-column : span 11; }\n\n        &.half-on-tab-ls,\n        &.\\\\31 2-on-tab-ls { grid-column : span 12; }\n\n        &.\\\\31 3-on-tab-ls { grid-column : span 13; }\n\n        &.seven-twelfth-on-tab-ls,\n        &.\\\\31 4-on-tab-ls { grid-column : span 14; }\n\n        &.\\\\31 5-on-tab-ls { grid-column : span 15; }\n\n        &.two-third-on-tab-ls,\n        &.\\\\31 6-on-tab-ls { grid-column : span 16; }\n\n        &.\\\\31 7-on-tab-ls { grid-column : span 17; }\n\n        &.three-fourth-on-tab-ls,\n        &.\\\\31 8-on-tab-ls { grid-column : span 18; }\n\n        &.\\\\31 9-on-tab-ls { grid-column : span 19; }\n\n        &.five-sixth-on-tab-ls,\n        &.\\\\32 0-on-tab-ls { grid-column : span 20; }\n\n        &.seven-eighth-on-tab-ls,\n        &.\\\\32 1-on-tab-ls { grid-column : span 21; }\n\n        &.eleven-twelfth-on-tab-ls,\n        &.\\\\32 2-on-tab-ls { grid-column : span 22; }\n\n        &.\\\\32 3-on-tab-ls { grid-column : span 23; }\n\n        &.whole-on-tab-ls,\n        &.\\\\32 4-on-tab-ls { grid-column : span 24; }\n    }\n`;\n"],"names":["PortionStyled","div"],"mappings":"kJAEaA,uDAAuBC"}
+{"version":3,"file":"Portion.styled.js","sources":["../../../../src/components/Portion/Portion.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const PortionStyled = styled.div`\n    &.horizontal { \n        display        : flex;\n        flex-direction : row;\n    }\n\n    &.\\\\31 { grid-column : span 1; }\n\n    &.one-twelfth,\n    &.\\\\32 { grid-column : span 2; }\n\n    &.one-eighth,\n    &.\\\\33 { grid-column : span 3; }\n\n    &.one-sixth,\n    &.\\\\34 { grid-column : span 4; }\n\n    &.\\\\35 { grid-column : span 5; }\n\n    &.one-fourth,\n    &.\\\\36 { grid-column : span 6; }\n\n    &.\\\\37 { grid-column : span 7; }\n\n    &.one-third,\n    &.\\\\38 { grid-column : span 8; }\n\n    &.\\\\39 { grid-column : span 9; }\n\n    &.five-twelfth,\n    &.\\\\31 0 { grid-column : span 10; }\n\n    &.\\\\31 1 { grid-column : span 11; }\n\n    &.half,\n    &.\\\\31 2 { grid-column : span 12; }\n\n    &.\\\\31 3 { grid-column : span 13; }\n\n    &.seven-twelfth,\n    &.\\\\31 4 { grid-column : span 14; }\n\n    &.\\\\31 5 { grid-column : span 15; }\n\n    &.two-third,\n    &.\\\\31 6 { grid-column : span 16; }\n\n    &.\\\\31 7 { grid-column : span 17; }\n\n    &.three-fourth,\n    &.\\\\31 8 { grid-column : span 18; }\n\n    &.\\\\31 9 { grid-column : span 19; }\n\n    &.five-sixth,\n    &.\\\\32 0 { grid-column : span 20; }\n\n    &.seven-eighth,\n    &.\\\\32 1 { grid-column : span 21; }\n\n    &.eleven-twelfth,\n    &.\\\\32 2 { grid-column : span 22; }\n\n    &.\\\\32 3 { grid-column : span 23; }\n\n    &.whole,\n    &.\\\\32 4 { grid-column : span 24; }\n\n\n\n    @media all and (max-width : 600px) {\n\n        &.\\\\31 -on-mobile { grid-column : span 1; }\n\n        &.one-twelfth-on-mobile,\n        &.\\\\32 -on-mobile { grid-column : span 2; }\n\n        &.one-eighth-on-mobile,\n        &.\\\\33 -on-mobile { grid-column : span 3; }\n\n        &.one-sixth-on-mobile,\n        &.\\\\34 -on-mobile { grid-column : span 4; }\n\n        &.\\\\35 -on-mobile { grid-column : span 5; }\n\n        &.one-fourth-on-mobile,\n        &.\\\\36 -on-mobile { grid-column : span 6; }\n\n        &.\\\\37 -on-mobile { grid-column : span 7; }\n\n        &.one-third-on-mobile,\n        &.\\\\38 -on-mobile { grid-column : span 8; }\n\n        &.\\\\39 -on-mobile { grid-column : span 9; }\n\n        &.five-twelfth-on-mobile,\n        &.\\\\31 0-on-mobile { grid-column : span 10; }\n\n        &.\\\\31 1-on-mobile { grid-column : span 11; }\n\n        &.half-on-mobile,\n        &.\\\\31 2-on-mobile { grid-column : span 12; }\n\n        &.\\\\31 3-on-mobile { grid-column : span 13; }\n\n        &.seven-twelfth-on-mobile,\n        &.\\\\31 4-on-mobile { grid-column : span 14; }\n\n        &.\\\\31 5-on-mobile { grid-column : span 15; }\n\n        &.two-third-on-mobile,\n        &.\\\\31 6-on-mobile { grid-column : span 16; }\n\n        &.\\\\31 7-on-mobile { grid-column : span 17; }\n\n        &.three-fourth-on-mobile,\n        &.\\\\31 8-on-mobile { grid-column : span 18; }\n\n        &.\\\\31 9-on-mobile { grid-column : span 19; }\n\n        &.five-sixth-on-mobile,\n        &.\\\\32 0-on-mobile { grid-column : span 20; }\n\n        &.seven-eighth-on-mobile,\n        &.\\\\32 1-on-mobile { grid-column : span 21; }\n\n        &.eleven-twelfth-on-mobile,\n        &.\\\\32 2-on-mobile { grid-column : span 22; }\n\n        &.\\\\32 3-on-mobile { grid-column : span 23; }\n\n        &.whole-on-mobile,\n        &.\\\\32 4-on-mobile { grid-column : span 24; }\n    }\n\n\n\n    @media all and (min-width : 601px) and (max-width : 900px) {\n\n        &.\\\\31 -on-tablet-portrait { grid-column : span 1; }\n\n        &.one-twelfth-on-tablet-portrait,\n        &.\\\\32 -on-tablet-portrait { grid-column : span 2; }\n\n        &.one-eighth-on-tablet-portrait,\n        &.\\\\33 -on-tablet-portrait { grid-column : span 3; }\n\n        &.one-sixth-on-tablet-portrait,\n        &.\\\\34 -on-tablet-portrait { grid-column : span 4; }\n\n        &.\\\\35 -on-tablet-portrait { grid-column : span 5; }\n\n        &.one-fourth-on-tablet-portrait,\n        &.\\\\36 -on-tablet-portrait { grid-column : span 6; }\n\n        &.\\\\37 -on-tablet-portrait { grid-column : span 7; }\n\n        &.one-third-on-tablet-portrait,\n        &.\\\\38 -on-tablet-portrait { grid-column : span 8; }\n\n        &.\\\\39 -on-tablet-portrait { grid-column : span 9; }\n\n        &.five-twelfth-on-tablet-portrait,\n        &.\\\\31 0-on-tablet-portrait { grid-column : span 10; }\n\n        &.\\\\31 1-on-tablet-portrait { grid-column : span 11; }\n\n        &.half-on-tablet-portrait,\n        &.\\\\31 2-on-tablet-portrait { grid-column : span 12; }\n\n        &.\\\\31 3-on-tablet-portrait { grid-column : span 13; }\n\n        &.seven-twelfth-on-tablet-portrait,\n        &.\\\\31 4-on-tablet-portrait { grid-column : span 14; }\n\n        &.\\\\31 5-on-tablet-portrait { grid-column : span 15; }\n\n        &.two-third-on-tablet-portrait,\n        &.\\\\31 6-on-tablet-portrait { grid-column : span 16; }\n\n        &.\\\\31 7-on-tablet-portrait { grid-column : span 17; }\n\n        &.three-fourth-on-tablet-portrait,\n        &.\\\\31 8-on-tablet-portrait { grid-column : span 18; }\n\n        &.\\\\31 9-on-tablet-portrait { grid-column : span 19; }\n\n        &.five-sixth-on-tablet-portrait,\n        &.\\\\32 0-on-tablet-portrait { grid-column : span 20; }\n\n        &.seven-eighth-on-tablet-portrait,\n        &.\\\\32 1-on-tablet-portrait { grid-column : span 21; }\n\n        &.eleven-twelfth-on-tablet-portrait,\n        &.\\\\32 2-on-tablet-portrait { grid-column : span 22; }\n\n        &.\\\\32 3-on-tablet-portrait { grid-column : span 23; }\n\n        &.whole-on-tablet-portrait,\n        &.\\\\32 4-on-tablet-portrait { grid-column : span 24; }\n    }\n\n\n\n    @media all and (min-width : 901px) and (max-width : 1200px) {\n        /* .row:not(.retain-layout-on-tablet-landscape) > &:not([class*='on-tablet-landscape']) { grid-column : span 24; } */\n\n        &.\\\\31 -on-tablet-landscape { grid-column : span 1; }\n\n        &.one-twelfth-on-tablet-landscape,\n        &.\\\\32 -on-tablet-landscape { grid-column : span 2; }\n\n        &.one-eighth-on-tablet-landscape,\n        &.\\\\33 -on-tablet-landscape { grid-column : span 3; }\n\n        &.one-sixth-on-tablet-landscape,\n        &.\\\\34 -on-tablet-landscape { grid-column : span 4; }\n\n        &.\\\\35 -on-tablet-landscape { grid-column : span 5; }\n\n        &.one-fourth-on-tablet-landscape,\n        &.\\\\36 -on-tablet-landscape { grid-column : span 6; }\n\n        &.\\\\37 -on-tablet-landscape { grid-column : span 7; }\n\n        &.one-third-on-tablet-landscape,\n        &.\\\\38 -on-tablet-landscape { grid-column : span 8; }\n\n        &.\\\\39 -on-tablet-landscape { grid-column : span 9; }\n\n        &.five-twelfth-on-tablet-landscape,\n        &.\\\\31 0-on-tablet-landscape { grid-column : span 10; }\n\n        &.\\\\31 1-on-tablet-landscape { grid-column : span 11; }\n\n        &.half-on-tablet-landscape,\n        &.\\\\31 2-on-tablet-landscape { grid-column : span 12; }\n\n        &.\\\\31 3-on-tablet-landscape { grid-column : span 13; }\n\n        &.seven-twelfth-on-tablet-landscape,\n        &.\\\\31 4-on-tablet-landscape { grid-column : span 14; }\n\n        &.\\\\31 5-on-tablet-landscape { grid-column : span 15; }\n\n        &.two-third-on-tablet-landscape,\n        &.\\\\31 6-on-tablet-landscape { grid-column : span 16; }\n\n        &.\\\\31 7-on-tablet-landscape { grid-column : span 17; }\n\n        &.three-fourth-on-tablet-landscape,\n        &.\\\\31 8-on-tablet-landscape { grid-column : span 18; }\n\n        &.\\\\31 9-on-tablet-landscape { grid-column : span 19; }\n\n        &.five-sixth-on-tablet-landscape,\n        &.\\\\32 0-on-tablet-landscape { grid-column : span 20; }\n\n        &.seven-eighth-on-tablet-landscape,\n        &.\\\\32 1-on-tablet-landscape { grid-column : span 21; }\n\n        &.eleven-twelfth-on-tablet-landscape,\n        &.\\\\32 2-on-tablet-landscape { grid-column : span 22; }\n\n        &.\\\\32 3-on-tablet-landscape { grid-column : span 23; }\n\n        &.whole-on-tablet-landscape,\n        &.\\\\32 4-on-tablet-landscape { grid-column : span 24; }\n    }\n`;\n"],"names":["PortionStyled","div"],"mappings":"kJAEaA,uDAAuBC"}

package/dist/cjs/components/Row/Row.d.ts

@@ -3,8 +3,8 @@ import { CommonAndHTMLProps, SpacingTypes } from "../Element/constants";
 export interface RowCustomProps {
     sidePadding?: "nano" | "micro" | "tiny" | "small" | "medium" | "large" | "huge";
     gutters?: SpacingTypes;
-    retainLayoutOnTabLS?: boolean;
-    retainLayoutOnTabPT?: boolean;
+    retainLayoutOnTabletLandscape?: boolean;
+    retainLayoutOnTabletPortrait?: boolean;
     retainLayoutOnMobile?: boolean;
     retainLayoutAlways?: boolean;
 }

package/dist/cjs/components/Row/Row.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../external/Element.js"),e=require("react"),a=require("./Row.styled.js");function n(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}require("styled-components"),require("../Portion/Portion.styled.js");var r=/*#__PURE__*/n(e);const o=r.default.forwardRef(((e,n)=>{var{sidePadding:o,gutters:i="medium",retainLayoutOnTabLS:u,retainLayoutOnTabPT:s,retainLayoutOnMobile:l,retainLayoutAlways:y}=e,d=t.__rest(e,["sidePadding","gutters","retainLayoutOnTabLS","retainLayoutOnTabPT","retainLayoutOnMobile","retainLayoutAlways"]);let b=[];return o&&b.push(`side-padding-${o}`),i&&b.push("none"===i?"no-gutters":`${i}-gutters`),u&&b.push("retain-layout-on-tab-ls"),s&&b.push("retain-layout-on-tab-pt"),l&&b.push("retain-layout-on-mobile"),y&&b.push("retain-layout-on-tab-ls retain-layout-on-tab-pt retain-layout-on-mobile"),r.default.createElement(t.Element,Object.assign({as:a.RowStyled,ref:n,classNames:b,marginBottom:"tiny",isFullWidth:!0},d))}));exports.Row=o;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t=require("../../external/Element.js"),e=require("react"),a=require("./Row.styled.js");function r(t){return t&&"object"==typeof t&&"default"in t?t:{default:t}}require("styled-components"),require("../Portion/Portion.styled.js");var n=/*#__PURE__*/r(e);const o=n.default.forwardRef(((e,r)=>{var{sidePadding:o,gutters:i="medium",retainLayoutOnTabletLandscape:u,retainLayoutOnTabletPortrait:l,retainLayoutOnMobile:s,retainLayoutAlways:d}=e,y=t.__rest(e,["sidePadding","gutters","retainLayoutOnTabletLandscape","retainLayoutOnTabletPortrait","retainLayoutOnMobile","retainLayoutAlways"]);let p=[];return o&&p.push(`side-padding-${o}`),i&&p.push("none"===i?"no-gutters":`${i}-gutters`),u&&p.push("retain-layout-on-tablet-landscape"),l&&p.push("retain-layout-on-tablet-portrait"),s&&p.push("retain-layout-on-mobile"),d&&p.push("retain-layout-on-tablet-landscape retain-layout-on-tablet-portrait retain-layout-on-mobile"),n.default.createElement(t.Element,Object.assign({as:a.RowStyled,ref:r,classNames:p,marginBottom:"tiny",isFullWidth:!0},y))}));exports.Row=o;
 //# sourceMappingURL=Row.js.map

package/dist/cjs/components/Row/Row.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.js","sources":["../../../../src/components/Row/Row.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Element } from \"../Element/Element\";\nimport { CommonAndHTMLProps, SpacingTypes } from \"../Element/constants\";\n\nimport { RowStyled } from \"./Row.styled\";\n\n// prettier-ignore\nexport interface RowCustomProps {\n    sidePadding          ? : \"nano\" | \"micro\" | \"tiny\" | \"small\" | \"medium\" | \"large\" | \"huge\";\n    gutters              ? : SpacingTypes;\n    retainLayoutOnTabLS  ? : boolean;\n    retainLayoutOnTabPT  ? : boolean;\n    retainLayoutOnMobile ? : boolean;\n    retainLayoutAlways   ? : boolean;\n}\n\nexport type RowElementType = HTMLDivElement;\nexport type RowProps = Omit<CommonAndHTMLProps<RowElementType>, keyof RowCustomProps> & RowCustomProps;\n\nexport const Row = React.forwardRef(\n    (\n        {\n            sidePadding,\n            gutters = \"medium\",\n            retainLayoutOnTabLS,\n            retainLayoutOnTabPT,\n            retainLayoutOnMobile,\n            retainLayoutAlways,\n            ...props\n        }: RowProps,\n        ref: React.Ref<RowElementType>\n    ) => {\n        let classNames = [];\n\n        if (sidePadding) {\n            classNames.push(`side-padding-${sidePadding}`);\n        }\n\n        if (gutters) {\n            classNames.push(gutters === \"none\" ? \"no-gutters\" : `${gutters}-gutters`);\n        }\n\n        if (retainLayoutOnTabLS) {\n            classNames.push(\"retain-layout-on-tab-ls\");\n        }\n\n        if (retainLayoutOnTabPT) {\n            classNames.push(\"retain-layout-on-tab-pt\");\n        }\n\n        if (retainLayoutOnMobile) {\n            classNames.push(\"retain-layout-on-mobile\");\n        }\n\n        if (retainLayoutAlways) {\n            classNames.push(\"retain-layout-on-tab-ls retain-layout-on-tab-pt retain-layout-on-mobile\");\n        }\n\n        return (\n            <Element<RowElementType>\n                as={RowStyled}\n                ref={ref}\n                classNames={classNames}\n                marginBottom=\"tiny\"\n                isFullWidth\n                {...props}\n            />\n        );\n    }\n);\n"],"names":["Row","React","forwardRef","_a","ref","sidePadding","gutters","retainLayoutOnTabLS","retainLayoutOnTabPT","retainLayoutOnMobile","retainLayoutAlways","props","classNames","push","Element","as","RowStyled","marginBottom","isFullWidth"],"mappings":"0UAoBaA,EAAMC,UAAMC,YACrB,CACIC,EASAC,SATAC,YACIA,EADJC,QAEIA,EAAU,SAFdC,oBAGIA,EAHJC,oBAIIA,EAJJC,qBAKIA,EALJC,mBAMIA,KACGC,aAPP,uHAWIC,EAAa,UAEbP,GACAO,EAAWC,qBAAqBR,KAGhCC,GACAM,EAAWC,KAAiB,SAAZP,EAAqB,gBAAkBA,aAGvDC,GACAK,EAAWC,KAAK,2BAGhBL,GACAI,EAAWC,KAAK,2BAGhBJ,GACAG,EAAWC,KAAK,2BAGhBH,GACAE,EAAWC,KAAK,2EAIhBZ,wBAACa,yBACGC,GAAIC,YACJZ,IAAKA,EACLQ,WAAYA,EACZK,aAAa,OACbC,gBACIP"}
+{"version":3,"file":"Row.js","sources":["../../../../src/components/Row/Row.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Element } from \"../Element/Element\";\nimport { CommonAndHTMLProps, SpacingTypes } from \"../Element/constants\";\n\nimport { RowStyled } from \"./Row.styled\";\n\n// prettier-ignore\nexport interface RowCustomProps {\n    sidePadding                    ? : \"nano\" | \"micro\" | \"tiny\" | \"small\" | \"medium\" | \"large\" | \"huge\";\n    gutters                        ? : SpacingTypes;\n    retainLayoutOnTabletLandscape  ? : boolean;\n    retainLayoutOnTabletPortrait   ? : boolean;\n    retainLayoutOnMobile           ? : boolean;\n    retainLayoutAlways             ? : boolean;\n}\n\nexport type RowElementType = HTMLDivElement;\nexport type RowProps = Omit<CommonAndHTMLProps<RowElementType>, keyof RowCustomProps> & RowCustomProps;\n\nexport const Row = React.forwardRef(\n    (\n        {\n            sidePadding,\n            gutters = \"medium\",\n            retainLayoutOnTabletLandscape,\n            retainLayoutOnTabletPortrait,\n            retainLayoutOnMobile,\n            retainLayoutAlways,\n            ...props\n        }: RowProps,\n        ref: React.Ref<RowElementType>\n    ) => {\n        let classNames = [];\n\n        if (sidePadding) {\n            classNames.push(`side-padding-${sidePadding}`);\n        }\n\n        if (gutters) {\n            classNames.push(gutters === \"none\" ? \"no-gutters\" : `${gutters}-gutters`);\n        }\n\n        if (retainLayoutOnTabletLandscape) {\n            classNames.push(\"retain-layout-on-tablet-landscape\");\n        }\n\n        if (retainLayoutOnTabletPortrait) {\n            classNames.push(\"retain-layout-on-tablet-portrait\");\n        }\n\n        if (retainLayoutOnMobile) {\n            classNames.push(\"retain-layout-on-mobile\");\n        }\n\n        if (retainLayoutAlways) {\n            classNames.push(\"retain-layout-on-tablet-landscape retain-layout-on-tablet-portrait retain-layout-on-mobile\");\n        }\n\n        return (\n            <Element<RowElementType>\n                as={RowStyled}\n                ref={ref}\n                classNames={classNames}\n                marginBottom=\"tiny\"\n                isFullWidth\n                {...props}\n            />\n        );\n    }\n);\n"],"names":["Row","React","forwardRef","_a","ref","sidePadding","gutters","retainLayoutOnTabletLandscape","retainLayoutOnTabletPortrait","retainLayoutOnMobile","retainLayoutAlways","props","classNames","push","Element","as","RowStyled","marginBottom","isFullWidth"],"mappings":"0UAoBaA,EAAMC,UAAMC,YACrB,CACIC,EASAC,SATAC,YACIA,EADJC,QAEIA,EAAU,SAFdC,8BAGIA,EAHJC,6BAIIA,EAJJC,qBAKIA,EALJC,mBAMIA,KACGC,aAPP,0IAWIC,EAAa,UAEbP,GACAO,EAAWC,qBAAqBR,KAGhCC,GACAM,EAAWC,KAAiB,SAAZP,EAAqB,gBAAkBA,aAGvDC,GACAK,EAAWC,KAAK,qCAGhBL,GACAI,EAAWC,KAAK,oCAGhBJ,GACAG,EAAWC,KAAK,2BAGhBH,GACAE,EAAWC,KAAK,8FAIhBZ,wBAACa,yBACGC,GAAIC,YACJZ,IAAKA,EACLQ,WAAYA,EACZK,aAAa,OACbC,gBACIP"}

package/dist/cjs/components/Row/Row.styled.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var d=require("styled-components"),i=require("../Portion/Portion.styled.js");function g(d){return d&&"object"==typeof d&&"default"in d?d:{default:d}}const a=/*#__PURE__*/g(d).default.div.withConfig({displayName:"RowStyled",componentId:"-7n9p1n"})`display:grid;grid-template-columns:repeat(24, 1fr);&.no-gutters{grid-gap:0;}&.nano-gutters{grid-gap:2px;}&.micro-gutters{grid-gap:4px;}&.tiny-gutters{grid-gap:8px;}&.small-gutters{grid-gap:12px;}&.medium-gutters{grid-gap:16px;}&.large-gutters{grid-gap:24px;}&.huge-gutters{grid-gap:32px;}@media all and (max-width : 900px){&.huge-gutters,&.large-gutters,&.medium-gutters,&.small-gutters,&.tiny-gutters{grid-gap:8px;}}@media all and (max-width : 600px){&.huge-gutters,&.large-gutters,&.medium-gutters,&.small-gutters,&.tiny-gutters{grid-gap:4px;}}&.side-padding-nano{padding-left:1vw;padding-right:1vw;}&.side-padding-micro{padding-left:2vw;padding-right:2vw;}&.side-padding-tiny{padding-left:4vw;padding-right:4vw;}&.side-padding-small{padding-left:8vw;padding-right:8vw;}&.side-padding-medium{padding-left:12vw;padding-right:12vw;}&.side-padding-large{padding-left:18vw;padding-right:18vw;}&.side-padding-huge{padding-left:24vw;padding-right:24vw;}@media all and (min-width : 2400px){&.side-padding-tiny{padding-left:8vw;padding-right:8vw;}&.side-padding-small{padding-left:12vw;padding-right:12vw;}&.side-padding-medium{padding-left:16vw;padding-right:16vw;}&.side-padding-large{padding-left:24vw;padding-right:24vw;}&.side-padding-huge{padding-left:32vw;padding-right:32vw;}}@media all and (max-width : 1600px){&.side-padding-tiny{padding-left:2vw;padding-right:2vw;}&.side-padding-small{padding-left:4vw;padding-right:4vw;}&.side-padding-medium{padding-left:8vw;padding-right:8vw;}&.side-padding-large{padding-left:12vw;padding-right:12vw;}&.side-padding-huge{padding-left:16vw;padding-right:16vw;}}@media all and (max-width : 1200px){&.side-padding-tiny{padding-left:2vw;padding-right:2vw;}&.side-padding-small{padding-left:4vw;padding-right:4vw;}&.side-padding-medium{padding-left:6vw;padding-right:6vw;}&.side-padding-large{padding-left:8vw;padding-right:8vw;}&.side-padding-huge{padding-left:10vw;padding-right:10vw;}}@media all and (max-width : 600px){&[class*="side-padding-"]{padding-left:6vw;padding-right:6vw;}&:not(.retain-layout-on-mobile)> ${i.PortionStyled}:not([class*="on-mobile"]){grid-column:span 24;}}@media all and (min-width : 601px)and (max-width : 900px){&:not(.retain-layout-on-tab-pt)> ${i.PortionStyled}:not([class*="on-tab-pt"]){grid-column:span 24;}}`;exports.RowStyled=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var d=require("styled-components"),i=require("../Portion/Portion.styled.js");function g(d){return d&&"object"==typeof d&&"default"in d?d:{default:d}}const a=/*#__PURE__*/g(d).default.div.withConfig({displayName:"RowStyled",componentId:"-7n9p1n"})`display:grid;grid-template-columns:repeat(24, 1fr);&.no-gutters{grid-gap:0;}&.nano-gutters{grid-gap:2px;}&.micro-gutters{grid-gap:4px;}&.tiny-gutters{grid-gap:8px;}&.small-gutters{grid-gap:12px;}&.medium-gutters{grid-gap:16px;}&.large-gutters{grid-gap:24px;}&.huge-gutters{grid-gap:32px;}@media all and (max-width : 900px){&.huge-gutters,&.large-gutters,&.medium-gutters,&.small-gutters,&.tiny-gutters{grid-gap:8px;}}@media all and (max-width : 600px){&.huge-gutters,&.large-gutters,&.medium-gutters,&.small-gutters,&.tiny-gutters{grid-gap:4px;}}&.side-padding-nano{padding-left:1vw;padding-right:1vw;}&.side-padding-micro{padding-left:2vw;padding-right:2vw;}&.side-padding-tiny{padding-left:4vw;padding-right:4vw;}&.side-padding-small{padding-left:8vw;padding-right:8vw;}&.side-padding-medium{padding-left:12vw;padding-right:12vw;}&.side-padding-large{padding-left:18vw;padding-right:18vw;}&.side-padding-huge{padding-left:24vw;padding-right:24vw;}@media all and (min-width : 2400px){&.side-padding-tiny{padding-left:8vw;padding-right:8vw;}&.side-padding-small{padding-left:12vw;padding-right:12vw;}&.side-padding-medium{padding-left:16vw;padding-right:16vw;}&.side-padding-large{padding-left:24vw;padding-right:24vw;}&.side-padding-huge{padding-left:32vw;padding-right:32vw;}}@media all and (max-width : 1600px){&.side-padding-tiny{padding-left:2vw;padding-right:2vw;}&.side-padding-small{padding-left:4vw;padding-right:4vw;}&.side-padding-medium{padding-left:8vw;padding-right:8vw;}&.side-padding-large{padding-left:12vw;padding-right:12vw;}&.side-padding-huge{padding-left:16vw;padding-right:16vw;}}@media all and (max-width : 1200px){&.side-padding-tiny{padding-left:2vw;padding-right:2vw;}&.side-padding-small{padding-left:4vw;padding-right:4vw;}&.side-padding-medium{padding-left:6vw;padding-right:6vw;}&.side-padding-large{padding-left:8vw;padding-right:8vw;}&.side-padding-huge{padding-left:10vw;padding-right:10vw;}}@media all and (max-width : 600px){&[class*="side-padding-"]{padding-left:6vw;padding-right:6vw;}&:not(.retain-layout-on-mobile)> ${i.PortionStyled}:not([class*="on-mobile"]){grid-column:span 24;}}@media all and (min-width : 601px)and (max-width : 900px){&:not(.retain-layout-on-tablet-portrait)> ${i.PortionStyled}:not([class*="on-tablet-portrait"]){grid-column:span 24;}}`;exports.RowStyled=a;
 //# sourceMappingURL=Row.styled.js.map

package/dist/cjs/components/Row/Row.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Row.styled.js","sources":["../../../../src/components/Row/Row.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { PortionStyled } from \"../Portion/Portion.styled\";\n\n\nexport const RowStyled = styled.div`\n    display               : grid;\n    grid-template-columns : repeat(24, 1fr);\n\n    &.no-gutters     { grid-gap :    0; }\n    &.nano-gutters   { grid-gap :  2px; }\n    &.micro-gutters  { grid-gap :  4px; }\n    &.tiny-gutters   { grid-gap :  8px; }\n    &.small-gutters  { grid-gap : 12px; }\n    &.medium-gutters { grid-gap : 16px; }\n    &.large-gutters  { grid-gap : 24px; }\n    &.huge-gutters   { grid-gap : 32px; }\n\n    @media all and (max-width : 900px) {\n        &.huge-gutters,\n        &.large-gutters,\n        &.medium-gutters,\n        &.small-gutters,\n        &.tiny-gutters { grid-gap : 8px; }\n    }\n\n    @media all and (max-width : 600px) {\n        &.huge-gutters,\n        &.large-gutters,\n        &.medium-gutters,\n        &.small-gutters,\n        &.tiny-gutters { grid-gap : 4px; }\n    }\n\n    &.side-padding-nano {\n        padding-left  : 1vw;\n        padding-right : 1vw;\n    }\n    \n    &.side-padding-micro {\n        padding-left  : 2vw;\n        padding-right : 2vw;\n    }\n\n    &.side-padding-tiny {\n        padding-left  : 4vw;\n        padding-right : 4vw;\n    }\n\n    &.side-padding-small {\n        padding-left  : 8vw;\n        padding-right : 8vw;\n    }\n\n    &.side-padding-medium {\n        padding-left  : 12vw;\n        padding-right : 12vw;\n    }\n\n    &.side-padding-large {\n        padding-left  : 18vw;\n        padding-right : 18vw;\n    }\n\n    &.side-padding-huge {\n        padding-left  : 24vw;\n        padding-right : 24vw;\n    }\n\n    @media all and (min-width : 2400px) {\n        &.side-padding-tiny {\n            padding-left  : 8vw;\n            padding-right : 8vw;\n        }\n\n        &.side-padding-small {\n            padding-left  : 12vw;\n            padding-right : 12vw;\n        }\n\n        &.side-padding-medium {\n            padding-left  : 16vw;\n            padding-right : 16vw;\n        }\n\n        &.side-padding-large {\n            padding-left  : 24vw;\n            padding-right : 24vw;\n        }\n\n        &.side-padding-huge {\n            padding-left  : 32vw;\n            padding-right : 32vw;\n        }\n    }\n\n    @media all and (max-width : 1600px) {\n        &.side-padding-tiny {\n            padding-left  : 2vw;\n            padding-right : 2vw;\n        }\n\n        &.side-padding-small {\n            padding-left  : 4vw;\n            padding-right : 4vw;\n        }\n\n        &.side-padding-medium {\n            padding-left  : 8vw;\n            padding-right : 8vw;\n        }\n\n        &.side-padding-large {\n            padding-left  : 12vw;\n            padding-right : 12vw;\n        }\n\n        &.side-padding-huge {\n            padding-left  : 16vw;\n            padding-right : 16vw;\n        }\n    }\n\n    @media all and (max-width : 1200px) {\n        &.side-padding-tiny {\n            padding-left  : 2vw;\n            padding-right : 2vw;\n        }\n\n        &.side-padding-small {\n            padding-left  : 4vw;\n            padding-right : 4vw;\n        }\n\n        &.side-padding-medium {\n            padding-left  : 6vw;\n            padding-right : 6vw;\n        }\n\n        &.side-padding-large {\n            padding-left  : 8vw;\n            padding-right : 8vw;\n        }\n\n        &.side-padding-huge {\n            padding-left  : 10vw;\n            padding-right : 10vw;\n        }\n    }\n\n    @media all and (max-width : 600px) {\n        &[class*=\"side-padding-\"] {\n            padding-left  : 6vw;\n            padding-right : 6vw;\n        }\n\n        &:not(.retain-layout-on-mobile) > ${PortionStyled}:not([class*=\"on-mobile\"]) { grid-column : span 24; }\n    }\n\n    @media all and (min-width : 601px) and (max-width : 900px) {\n        &:not(.retain-layout-on-tab-pt) > ${PortionStyled}:not([class*=\"on-tab-pt\"]) { grid-column : span 24; }\n    }\n`;\n"],"names":["RowStyled","div","PortionStyled"],"mappings":"+NAKaA,4BAAmBC,0kEAuJYC,8JAIAA"}
+{"version":3,"file":"Row.styled.js","sources":["../../../../src/components/Row/Row.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { PortionStyled } from \"../Portion/Portion.styled\";\n\n\nexport const RowStyled = styled.div`\n    display               : grid;\n    grid-template-columns : repeat(24, 1fr);\n\n    &.no-gutters     { grid-gap :    0; }\n    &.nano-gutters   { grid-gap :  2px; }\n    &.micro-gutters  { grid-gap :  4px; }\n    &.tiny-gutters   { grid-gap :  8px; }\n    &.small-gutters  { grid-gap : 12px; }\n    &.medium-gutters { grid-gap : 16px; }\n    &.large-gutters  { grid-gap : 24px; }\n    &.huge-gutters   { grid-gap : 32px; }\n\n    @media all and (max-width : 900px) {\n        &.huge-gutters,\n        &.large-gutters,\n        &.medium-gutters,\n        &.small-gutters,\n        &.tiny-gutters { grid-gap : 8px; }\n    }\n\n    @media all and (max-width : 600px) {\n        &.huge-gutters,\n        &.large-gutters,\n        &.medium-gutters,\n        &.small-gutters,\n        &.tiny-gutters { grid-gap : 4px; }\n    }\n\n    &.side-padding-nano {\n        padding-left  : 1vw;\n        padding-right : 1vw;\n    }\n    \n    &.side-padding-micro {\n        padding-left  : 2vw;\n        padding-right : 2vw;\n    }\n\n    &.side-padding-tiny {\n        padding-left  : 4vw;\n        padding-right : 4vw;\n    }\n\n    &.side-padding-small {\n        padding-left  : 8vw;\n        padding-right : 8vw;\n    }\n\n    &.side-padding-medium {\n        padding-left  : 12vw;\n        padding-right : 12vw;\n    }\n\n    &.side-padding-large {\n        padding-left  : 18vw;\n        padding-right : 18vw;\n    }\n\n    &.side-padding-huge {\n        padding-left  : 24vw;\n        padding-right : 24vw;\n    }\n\n    @media all and (min-width : 2400px) {\n        &.side-padding-tiny {\n            padding-left  : 8vw;\n            padding-right : 8vw;\n        }\n\n        &.side-padding-small {\n            padding-left  : 12vw;\n            padding-right : 12vw;\n        }\n\n        &.side-padding-medium {\n            padding-left  : 16vw;\n            padding-right : 16vw;\n        }\n\n        &.side-padding-large {\n            padding-left  : 24vw;\n            padding-right : 24vw;\n        }\n\n        &.side-padding-huge {\n            padding-left  : 32vw;\n            padding-right : 32vw;\n        }\n    }\n\n    @media all and (max-width : 1600px) {\n        &.side-padding-tiny {\n            padding-left  : 2vw;\n            padding-right : 2vw;\n        }\n\n        &.side-padding-small {\n            padding-left  : 4vw;\n            padding-right : 4vw;\n        }\n\n        &.side-padding-medium {\n            padding-left  : 8vw;\n            padding-right : 8vw;\n        }\n\n        &.side-padding-large {\n            padding-left  : 12vw;\n            padding-right : 12vw;\n        }\n\n        &.side-padding-huge {\n            padding-left  : 16vw;\n            padding-right : 16vw;\n        }\n    }\n\n    @media all and (max-width : 1200px) {\n        &.side-padding-tiny {\n            padding-left  : 2vw;\n            padding-right : 2vw;\n        }\n\n        &.side-padding-small {\n            padding-left  : 4vw;\n            padding-right : 4vw;\n        }\n\n        &.side-padding-medium {\n            padding-left  : 6vw;\n            padding-right : 6vw;\n        }\n\n        &.side-padding-large {\n            padding-left  : 8vw;\n            padding-right : 8vw;\n        }\n\n        &.side-padding-huge {\n            padding-left  : 10vw;\n            padding-right : 10vw;\n        }\n    }\n\n    @media all and (max-width : 600px) {\n        &[class*=\"side-padding-\"] {\n            padding-left  : 6vw;\n            padding-right : 6vw;\n        }\n\n        &:not(.retain-layout-on-mobile) > ${PortionStyled}:not([class*=\"on-mobile\"]) { grid-column : span 24; }\n    }\n\n    @media all and (min-width : 601px) and (max-width : 900px) {\n        &:not(.retain-layout-on-tablet-portrait) > ${PortionStyled}:not([class*=\"on-tablet-portrait\"]) { grid-column : span 24; }\n    }\n`;\n"],"names":["RowStyled","div","PortionStyled"],"mappings":"+NAKaA,4BAAmBC,0kEAuJYC,uKAISA"}

package/dist/cjs/components/Sidebar/SidebarItem/SidebarItem.styled.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=/*#__PURE__*/e(require("styled-components")).default.div.withConfig({displayName:"SidebarItemStyled",componentId:"-1rbxifo"})`display:grid;align-items:center;grid-template-columns:${e=>e.theme.sidebar.isCollapsed.width} 1fr;grid-template-rows:40px;& > a{width:unset;}&:hover{color:${e=>e.theme.sidebar.linksWrapper.links.onHover.text};background-color:${e=>e.theme.sidebar.linksWrapper.links.onHover.bg};}&.has-alert{position:relative;&::after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;right:6px;height:8px;width:8px;border-radius:50%;background-color:${e=>e.theme.sidebar.linksWrapper.links.hasAlert.bg};}}`;exports.SidebarItemStyled=t;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=/*#__PURE__*/e(require("styled-components")).default.div.withConfig({displayName:"SidebarItemStyled",componentId:"-1rbxifo"})`display:grid;align-items:center;grid-template-columns:${e=>e.theme.sidebar.isCollapsed.width} 1fr;grid-template-rows:40px;& > a{width:unset;}&:hover{color:${e=>e.theme.sidebar.links.onHover.text};background-color:${e=>e.theme.sidebar.links.onHover.bg};}&.has-alert{position:relative;&::after{content:"";display:block;position:absolute;top:50%;transform:translateY(-50%);pointer-events:none;right:6px;height:8px;width:8px;border-radius:50%;background-color:${e=>e.theme.sidebar.links.hasAlert.bg};}}`;exports.SidebarItemStyled=t;
 //# sourceMappingURL=SidebarItem.styled.js.map

package/dist/cjs/components/Sidebar/SidebarItem/SidebarItem.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarItem.styled.js","sources":["../../../../../src/components/Sidebar/SidebarItem/SidebarItem.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SidebarItemProps } from \"./SidebarItem\";\n\nexport const SidebarItemStyled = styled.div`\n    display               : grid;\n    align-items           : center;\n    grid-template-columns : ${(props: SidebarItemProps) => props.theme.sidebar.isCollapsed.width} 1fr;\n    grid-template-rows    : 40px;\n\n    & > a { width : unset; }\n\n    &:hover {\n        color            : ${(props: SidebarItemProps) => props.theme.sidebar.linksWrapper.links.onHover.text};\n        background-color : ${(props: SidebarItemProps) => props.theme.sidebar.linksWrapper.links.onHover.bg};\n    }\n\n    &.has-alert {\n        position : relative;\n        \n        &::after {\n            content          : \"\";\n            display          : block;\n            position         : absolute;\n            top              : 50%;\n            transform        : translateY(-50%);\n            pointer-events   : none;\n            right            : 6px;\n            height           : 8px;\n            width            : 8px;\n            border-radius    : 50%;\n            background-color : ${(props: SidebarItemProps) => props.theme.sidebar.linksWrapper.links.hasAlert.bg};\n        }\n    }\n\n`;\n"],"names":["SidebarItemStyled","div","props","theme","sidebar","isCollapsed","width","linksWrapper","links","onHover","text","bg","hasAlert"],"mappings":"kJAIaA,uDAA2BC,iIAGTC,GAA4BA,EAAMC,MAAMC,QAAQC,YAAYC,sEAM7DJ,GAA4BA,EAAMC,MAAMC,QAAQG,aAAaC,MAAMC,QAAQC,yBAC3ER,GAA4BA,EAAMC,MAAMC,QAAQG,aAAaC,MAAMC,QAAQE,kNAiBvET,GAA4BA,EAAMC,MAAMC,QAAQG,aAAaC,MAAMI,SAASD"}
+{"version":3,"file":"SidebarItem.styled.js","sources":["../../../../../src/components/Sidebar/SidebarItem/SidebarItem.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SidebarItemProps } from \"./SidebarItem\";\n\nexport const SidebarItemStyled = styled.div`\n    display               : grid;\n    align-items           : center;\n    grid-template-columns : ${(props: SidebarItemProps) => props.theme.sidebar.isCollapsed.width} 1fr;\n    grid-template-rows    : 40px;\n\n    & > a { width : unset; }\n\n    &:hover {\n        color            : ${(props: SidebarItemProps) => props.theme.sidebar.links.onHover.text};\n        background-color : ${(props: SidebarItemProps) => props.theme.sidebar.links.onHover.bg};\n    }\n\n    &.has-alert {\n        position : relative;\n        \n        &::after {\n            content          : \"\";\n            display          : block;\n            position         : absolute;\n            top              : 50%;\n            transform        : translateY(-50%);\n            pointer-events   : none;\n            right            : 6px;\n            height           : 8px;\n            width            : 8px;\n            border-radius    : 50%;\n            background-color : ${(props: SidebarItemProps) => props.theme.sidebar.links.hasAlert.bg};\n        }\n    }\n\n`;\n"],"names":["SidebarItemStyled","div","props","theme","sidebar","isCollapsed","width","links","onHover","text","bg","hasAlert"],"mappings":"kJAIaA,uDAA2BC,iIAGTC,GAA4BA,EAAMC,MAAMC,QAAQC,YAAYC,sEAM7DJ,GAA4BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQC,yBAC9DP,GAA4BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQE,kNAiB1DR,GAA4BA,EAAMC,MAAMC,QAAQG,MAAMI,SAASD"}

package/dist/cjs/components/Sidebar/SidebarItemIcon/SidebarItemIcon.styled.js

@@ -1,2 +1,2 @@
-"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const i=/*#__PURE__*/e(require("styled-components")).default.div.withConfig({displayName:"SidebarItemIconStyled",componentId:"-pwa7pp"})`display:grid;width:${e=>e.theme.sidebar.linksWrapper.icons.size};height:${e=>e.theme.sidebar.linksWrapper.icons.size};align-self:center;justify-self:center;&.icon-stroked svg{fill:none;stroke:${e=>e.theme.sidebar.linksWrapper.icons.stroked.default.line};stroke-width:${e=>e.theme.sidebar.linksWrapper.icons.stroked.thickness};}&:hover.icon-stroked svg{fill:none;stroke:${e=>e.theme.sidebar.linksWrapper.icons.stroked.onHover.line};}&.icon-filled svg{stroke:none;fill:${e=>e.theme.sidebar.linksWrapper.icons.filled.default.bg};}&:hover.icon-filled svg{stroke:none;fill:${e=>e.theme.sidebar.linksWrapper.icons.filled.onHover.bg};}`;exports.SidebarItemIconStyled=i;
+"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const i=/*#__PURE__*/e(require("styled-components")).default.div.withConfig({displayName:"SidebarItemIconStyled",componentId:"-pwa7pp"})`display:grid;width:${e=>e.theme.sidebar.icons.size};height:${e=>e.theme.sidebar.icons.size};align-self:center;justify-self:center;&.icon-stroked svg{fill:none;stroke:${e=>e.theme.sidebar.icons.stroked.default.line};stroke-width:${e=>e.theme.sidebar.icons.stroked.thickness};}&:hover.icon-stroked svg{fill:none;stroke:${e=>e.theme.sidebar.icons.stroked.onHover.line};}&.icon-filled svg{stroke:none;fill:${e=>e.theme.sidebar.icons.filled.default.bg};}&:hover.icon-filled svg{stroke:none;fill:${e=>e.theme.sidebar.icons.filled.onHover.bg};}`;exports.SidebarItemIconStyled=i;
 //# sourceMappingURL=SidebarItemIcon.styled.js.map

package/dist/cjs/components/Sidebar/SidebarItemIcon/SidebarItemIcon.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarItemIcon.styled.js","sources":["../../../../../src/components/Sidebar/SidebarItemIcon/SidebarItemIcon.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SidebarItemIconProps } from \"./SidebarItemIcon\";\n\n\nexport const SidebarItemIconStyled = styled.div`\n    display      : grid;\n    width        : ${(props: SidebarItemIconProps) => props.theme.sidebar.linksWrapper.icons.size};\n    height       : ${(props: SidebarItemIconProps) => props.theme.sidebar.linksWrapper.icons.size};\n    align-self   : center;\n    justify-self : center;\n\n    // LINE ICON  =============================================================\n    &.icon-stroked svg {\n        fill         : none;\n        stroke       : ${(props: SidebarItemIconProps) => props.theme.sidebar.linksWrapper.icons.stroked.default.line};\n        stroke-width : ${(props: SidebarItemIconProps) => props.theme.sidebar.linksWrapper.icons.stroked.thickness};\n    }\n\n    &:hover.icon-stroked svg {\n        fill         : none;\n        stroke       : ${(props: SidebarItemIconProps) => props.theme.sidebar.linksWrapper.icons.stroked.onHover.line};\n    }\n\n    // FILL ICON  =============================================================\n    &.icon-filled svg {\n        stroke : none;\n        fill   : ${(props: SidebarItemIconProps) => props.theme.sidebar.linksWrapper.icons.filled.default.bg};\n    }\n\n    &:hover.icon-filled svg {\n        stroke : none;\n        fill   : ${(props: SidebarItemIconProps) => props.theme.sidebar.linksWrapper.icons.filled.onHover.bg};\n    }\n`;\n"],"names":["SidebarItemIconStyled","div","props","theme","sidebar","linksWrapper","icons","size","stroked","default","line","thickness","onHover","filled","bg"],"mappings":"kJAKaA,uDAA+BC,iGAEtBC,GAAgCA,EAAMC,MAAMC,QAAQC,aAAaC,MAAMC,eACvEL,GAAgCA,EAAMC,MAAMC,QAAQC,aAAaC,MAAMC,kFAOnEL,GAAgCA,EAAMC,MAAMC,QAAQC,aAAaC,MAAME,QAAQC,QAAQC,qBACvFR,GAAgCA,EAAMC,MAAMC,QAAQC,aAAaC,MAAME,QAAQG,wDAK/ET,GAAgCA,EAAMC,MAAMC,QAAQC,aAAaC,MAAME,QAAQI,QAAQF,4CAM7FR,GAAgCA,EAAMC,MAAMC,QAAQC,aAAaC,MAAMO,OAAOJ,QAAQK,gDAKtFZ,GAAgCA,EAAMC,MAAMC,QAAQC,aAAaC,MAAMO,OAAOD,QAAQE"}
+{"version":3,"file":"SidebarItemIcon.styled.js","sources":["../../../../../src/components/Sidebar/SidebarItemIcon/SidebarItemIcon.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SidebarItemIconProps } from \"./SidebarItemIcon\";\n\n\nexport const SidebarItemIconStyled = styled.div`\n    display      : grid;\n    width        : ${(props: SidebarItemIconProps) => props.theme.sidebar.icons.size};\n    height       : ${(props: SidebarItemIconProps) => props.theme.sidebar.icons.size};\n    align-self   : center;\n    justify-self : center;\n\n    // LINE ICON  =============================================================\n    &.icon-stroked svg {\n        fill         : none;\n        stroke       : ${(props: SidebarItemIconProps) => props.theme.sidebar.icons.stroked.default.line};\n        stroke-width : ${(props: SidebarItemIconProps) => props.theme.sidebar.icons.stroked.thickness};\n    }\n\n    &:hover.icon-stroked svg {\n        fill         : none;\n        stroke       : ${(props: SidebarItemIconProps) => props.theme.sidebar.icons.stroked.onHover.line};\n    }\n\n    // FILL ICON  =============================================================\n    &.icon-filled svg {\n        stroke : none;\n        fill   : ${(props: SidebarItemIconProps) => props.theme.sidebar.icons.filled.default.bg};\n    }\n\n    &:hover.icon-filled svg {\n        stroke : none;\n        fill   : ${(props: SidebarItemIconProps) => props.theme.sidebar.icons.filled.onHover.bg};\n    }\n`;\n"],"names":["SidebarItemIconStyled","div","props","theme","sidebar","icons","size","stroked","default","line","thickness","onHover","filled","bg"],"mappings":"kJAKaA,uDAA+BC,iGAEtBC,GAAgCA,EAAMC,MAAMC,QAAQC,MAAMC,eAC1DJ,GAAgCA,EAAMC,MAAMC,QAAQC,MAAMC,kFAOtDJ,GAAgCA,EAAMC,MAAMC,QAAQC,MAAME,QAAQC,QAAQC,qBAC1EP,GAAgCA,EAAMC,MAAMC,QAAQC,MAAME,QAAQG,wDAKlER,GAAgCA,EAAMC,MAAMC,QAAQC,MAAME,QAAQI,QAAQF,4CAMhFP,GAAgCA,EAAMC,MAAMC,QAAQC,MAAMO,OAAOJ,QAAQK,gDAKzEX,GAAgCA,EAAMC,MAAMC,QAAQC,MAAMO,OAAOD,QAAQE"}

package/dist/cjs/components/Sidebar/SidebarWrapper/SidebarWrapper.styled.js

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),i=require("../SidebarHeader/SidebarHeader.styled.js"),t=require("../SidebarItem/SidebarItem.styled.js"),r=require("../SidebarItemText/SidebarItemText.styled.js"),d=require("../SidebarItemIcon/SidebarItemIcon.styled.js"),o=require("../SidebarFooter/SidebarFooter.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=/*#__PURE__*/l(e).default.aside.withConfig({displayName:"SidebarWrapperStyled",componentId:"-1f7py67"})`display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:${e=>e.theme.sidebar.width};min-height:100vh;overflow-y:auto;transition:all 0.4s ease-in-out;background-color:${e=>e.theme.sidebar.bg};box-shadow:2px 0 8px -4px rgba(0, 0, 0, 0.16);z-index:10000;font-size:${e=>e.theme.sidebar.linksWrapper.links.default.scale}%;*{user-select:none;}@media (max-width : 900px){left:calc(-1 * 100%);z-index:4000;}&.collapsed{width:${e=>e.theme.sidebar.isCollapsed.width};overflow-x:hidden;${i.SidebarHeaderStyled}{.header-logo{display:none;}.header-icon{display:block;width:32px;height:32px;}}${r.SidebarItemTextStyled}{display:none;position:absolute;}${t.SidebarItemStyled}:hover ${d.SidebarItemIconStyled} + ${r.SidebarItemTextStyled}{display:flex;position:fixed;left:40px;align-self:center;border-radius:4px;padding:4px 8px;background-color:${e=>e.theme.sidebar.isCollapsed.label.bg};color:${e=>e.theme.sidebar.isCollapsed.label.text};font-size:88%;box-shadow:0 4px 16px -2px rgba(0, 0, 0, 0.24);}${o.SidebarFooterStyled}{padding-left:0;}}a{width:unset;color:${e=>e.theme.sidebar.linksWrapper.links.default.text};}a.active{position:relative;display:block;background-color:${e=>e.theme.sidebar.linksWrapper.links.isSelected.bg};&::before{display:block;position:absolute;width:4px;height:100%;top:0;left:0;content:"";border-top-right-radius:4px;border-bottom-right-radius:4px;background-color:${e=>e.theme.sidebar.linksWrapper.links.isSelected.border};}& .icon-stroked svg{fill:none;stroke:${e=>e.theme.sidebar.linksWrapper.icons.stroked.isActive.line};}& .icon-filled svg{stroke:none;fill:${e=>e.theme.sidebar.linksWrapper.icons.filled.isActive.bg};}p{color:${e=>e.theme.sidebar.linksWrapper.links.isSelected.text};}}`;exports.SidebarWrapperStyled=a;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../SidebarHeader/SidebarHeader.styled.js"),i=require("../SidebarItem/SidebarItem.styled.js"),d=require("../SidebarItemText/SidebarItemText.styled.js"),o=require("../SidebarItemIcon/SidebarItemIcon.styled.js"),r=require("../SidebarFooter/SidebarFooter.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const l=/*#__PURE__*/a(e).default.aside.withConfig({displayName:"SidebarWrapperStyled",componentId:"-1f7py67"})`display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:${e=>e.theme.sidebar.width};min-height:100vh;overflow-y:auto;transition:all 0.4s ease-in-out;background-color:${e=>e.theme.sidebar.bg};box-shadow:2px 0 8px -4px rgba(0, 0, 0, 0.16);z-index:10000;font-size:${e=>e.theme.sidebar.links.default.scale}%;*{user-select:none;}@media (max-width : 900px){left:calc(-1 * 100%);z-index:4000;}&.collapsed{width:${e=>e.theme.sidebar.isCollapsed.width};overflow-x:hidden;${t.SidebarHeaderStyled}{.header-logo{display:none;}.header-icon{display:block;width:32px;height:32px;}}${d.SidebarItemTextStyled}{display:none;position:absolute;}${i.SidebarItemStyled}:hover ${o.SidebarItemIconStyled} + ${d.SidebarItemTextStyled}{display:flex;position:fixed;left:40px;align-self:center;border-radius:4px;padding:4px 8px;background-color:${e=>e.theme.sidebar.isCollapsed.label.bg};color:${e=>e.theme.sidebar.isCollapsed.label.text};font-size:88%;box-shadow:0 4px 16px -2px rgba(0, 0, 0, 0.24);}${r.SidebarFooterStyled}{padding-left:0;}}a{width:unset;color:${e=>e.theme.sidebar.links.default.text};}summary ~ a p{color:${e=>e.theme.sidebar.subLinks.default.text};}a.active{position:relative;display:block;background-color:${e=>e.theme.sidebar.links.isSelected.bg};&::before{display:block;position:absolute;width:4px;height:100%;top:0;left:0;content:"";border-top-right-radius:4px;border-bottom-right-radius:4px;background-color:${e=>e.theme.sidebar.links.isSelected.border};}& .icon-stroked svg{fill:none;stroke:${e=>e.theme.sidebar.icons.stroked.isActive.line};}& .icon-filled svg{stroke:none;fill:${e=>e.theme.sidebar.icons.filled.isActive.bg};}p{color:${e=>e.theme.sidebar.links.isSelected.text};}}`;exports.SidebarWrapperStyled=l;
 //# sourceMappingURL=SidebarWrapper.styled.js.map

package/dist/cjs/components/Sidebar/SidebarWrapper/SidebarWrapper.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"SidebarWrapper.styled.js","sources":["../../../../../src/components/Sidebar/SidebarWrapper/SidebarWrapper.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SidebarWrapperProps } from \"./SidebarWrapper\";\nimport { SidebarItemIconProps } from \"../SidebarItemIcon/SidebarItemIcon\";\n\nimport { SidebarHeaderStyled } from \"../SidebarHeader/SidebarHeader.styled\";\nimport { SidebarItemStyled } from \"../SidebarItem/SidebarItem.styled\"\nimport { SidebarItemTextStyled } from \"../SidebarItemText/SidebarItemText.styled\"\nimport { SidebarItemIconStyled } from \"../SidebarItemIcon/SidebarItemIcon.styled\"\nimport { SidebarFooterStyled } from \"../SidebarFooter/SidebarFooter.styled\";\n\n\nexport const SidebarWrapperStyled = styled.aside`\n    display          : flex;\n    flex-direction   : column;\n    position         : fixed;\n    top              : 0;\n    left             : 0;\n    bottom           : 0;\n    width            : ${(props: SidebarWrapperProps) => props.theme.sidebar.width};\n    min-height       : 100vh;\n    overflow-y       : auto;\n    transition       : all 0.4s ease-in-out;\n    background-color : ${(props: SidebarWrapperProps) => props.theme.sidebar.bg};\n    box-shadow       : 2px 0 8px -4px rgba(0, 0, 0, 0.16);\n    z-index          : 10000;\n    font-size        : ${(props: SidebarWrapperProps) => props.theme.sidebar.linksWrapper.links.default.scale}%;\n\n    /*  BASICS  ===========================================================  */\n    * { user-select : none; }\n    \n    @media (max-width : 900px) {\n        left    : calc(-1 * 100%);\n        z-index : 4000;\n    }\n\n    /*  COLLAPSED  ========================================================  */\n    &.collapsed {\n        width      : ${(props: SidebarWrapperProps) => props.theme.sidebar.isCollapsed.width};\n        overflow-x : hidden;\n\n        ${SidebarHeaderStyled} {\n            .header-logo { display : none; }\n\n            .header-icon {\n                display : block;\n                width   : 32px;\n                height  : 32px;\n            }\n        }\n\n        ${SidebarItemTextStyled} {\n            display  : none;\n            position : absolute;\n        }\n\n        ${SidebarItemStyled}:hover ${SidebarItemIconStyled} + ${SidebarItemTextStyled} {\n            display          : flex;\n            position         : fixed;\n            left             : 40px;\n            align-self       : center;\n            border-radius    : 4px;\n            padding          : 4px 8px;\n            background-color : ${(props: SidebarWrapperProps) => props.theme.sidebar.isCollapsed.label.bg};\n            color            : ${(props: SidebarWrapperProps) => props.theme.sidebar.isCollapsed.label.text};\n            font-size        : 88%;\n            box-shadow       : 0 4px 16px -2px rgba(0, 0, 0, 0.24);\n        }\n\n        ${SidebarFooterStyled} {\n            padding-left : 0;\n        }\n    }\n\n    a {\n        width : unset;\n        color : ${(props: SidebarWrapperProps) => props.theme.sidebar.linksWrapper.links.default.text};\n    }\n\n    a.active {\n        position         : relative;\n        display          : block;\n        background-color : ${(props: SidebarWrapperProps) => props.theme.sidebar.linksWrapper.links.isSelected.bg};\n\n        &::before {\n            display                    : block;\n            position                   : absolute;\n            width                      : 4px;\n            height                     : 100%;\n            top                        : 0;\n            left                       : 0;\n            content                    : \"\";\n            border-top-right-radius    : 4px;\n            border-bottom-right-radius : 4px;\n            background-color           : ${(props: SidebarWrapperProps) => props.theme.sidebar.linksWrapper.links.isSelected.border};\n        }\n        \n        & .icon-stroked svg {\n            fill         : none;\n            stroke       : ${(props: SidebarItemIconProps) => props.theme.sidebar.linksWrapper.icons.stroked.isActive.line};\n        }\n\n        & .icon-filled svg {\n            stroke : none;\n            fill   : ${(props: SidebarItemIconProps) => props.theme.sidebar.linksWrapper.icons.filled.isActive.bg};\n        }\n\n        p { color : ${(props : SidebarWrapperProps) => props.theme.sidebar.linksWrapper.links.isSelected.text}; }\n    }\n`;\n"],"names":["SidebarWrapperStyled","aside","props","theme","sidebar","width","bg","linksWrapper","links","default","scale","isCollapsed","SidebarHeaderStyled","SidebarItemTextStyled","SidebarItemStyled","SidebarItemIconStyled","label","text","SidebarFooterStyled","isSelected","border","icons","stroked","isActive","line","filled"],"mappings":"ucAYaA,4BAA8BC,8JAOjBC,GAA+BA,EAAMC,MAAMC,QAAQC,2FAInDH,GAA+BA,EAAMC,MAAMC,QAAQE,4EAGnDJ,GAA+BA,EAAMC,MAAMC,QAAQG,aAAaC,MAAMC,QAAQC,8GAYhFR,GAA+BA,EAAMC,MAAMC,QAAQO,YAAYN,2BAG7EO,wGAUAC,2DAKAC,6BAA2BC,6BAA2BF,sIAO9BX,GAA+BA,EAAMC,MAAMC,QAAQO,YAAYK,MAAMV,YACrEJ,GAA+BA,EAAMC,MAAMC,QAAQO,YAAYK,MAAMC,sEAK7FC,8DAOShB,GAA+BA,EAAMC,MAAMC,QAAQG,aAAaC,MAAMC,QAAQQ,mEAMnEf,GAA+BA,EAAMC,MAAMC,QAAQG,aAAaC,MAAMW,WAAWb,0KAYnEJ,GAA+BA,EAAMC,MAAMC,QAAQG,aAAaC,MAAMW,WAAWC,gDAK/FlB,GAAgCA,EAAMC,MAAMC,QAAQG,aAAac,MAAMC,QAAQC,SAASC,6CAK9FtB,GAAgCA,EAAMC,MAAMC,QAAQG,aAAac,MAAMI,OAAOF,SAASjB,eAGxFJ,GAAgCA,EAAMC,MAAMC,QAAQG,aAAaC,MAAMW,WAAWF"}
+{"version":3,"file":"SidebarWrapper.styled.js","sources":["../../../../../src/components/Sidebar/SidebarWrapper/SidebarWrapper.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SidebarWrapperProps } from \"./SidebarWrapper\";\nimport { SidebarItemIconProps } from \"../SidebarItemIcon/SidebarItemIcon\";\n\nimport { SidebarHeaderStyled } from \"../SidebarHeader/SidebarHeader.styled\";\nimport { SidebarItemStyled } from \"../SidebarItem/SidebarItem.styled\"\nimport { SidebarItemTextStyled } from \"../SidebarItemText/SidebarItemText.styled\"\nimport { SidebarItemIconStyled } from \"../SidebarItemIcon/SidebarItemIcon.styled\"\nimport { SidebarFooterStyled } from \"../SidebarFooter/SidebarFooter.styled\";\n\n\nexport const SidebarWrapperStyled = styled.aside`\n    display          : flex;\n    flex-direction   : column;\n    position         : fixed;\n    top              : 0;\n    left             : 0;\n    bottom           : 0;\n    width            : ${(props: SidebarWrapperProps) => props.theme.sidebar.width};\n    min-height       : 100vh;\n    overflow-y       : auto;\n    transition       : all 0.4s ease-in-out;\n    background-color : ${(props: SidebarWrapperProps) => props.theme.sidebar.bg};\n    box-shadow       : 2px 0 8px -4px rgba(0, 0, 0, 0.16);\n    z-index          : 10000;\n    font-size        : ${(props: SidebarWrapperProps) => props.theme.sidebar.links.default.scale}%;\n\n    /*  BASICS  ===========================================================  */\n    * { user-select : none; }\n    \n    @media (max-width : 900px) {\n        left    : calc(-1 * 100%);\n        z-index : 4000;\n    }\n\n    /*  COLLAPSED  ========================================================  */\n    &.collapsed {\n        width      : ${(props: SidebarWrapperProps) => props.theme.sidebar.isCollapsed.width};\n        overflow-x : hidden;\n\n        ${SidebarHeaderStyled} {\n            .header-logo { display : none; }\n\n            .header-icon {\n                display : block;\n                width   : 32px;\n                height  : 32px;\n            }\n        }\n\n        ${SidebarItemTextStyled} {\n            display  : none;\n            position : absolute;\n        }\n\n        ${SidebarItemStyled}:hover ${SidebarItemIconStyled} + ${SidebarItemTextStyled} {\n            display          : flex;\n            position         : fixed;\n            left             : 40px;\n            align-self       : center;\n            border-radius    : 4px;\n            padding          : 4px 8px;\n            background-color : ${(props: SidebarWrapperProps) => props.theme.sidebar.isCollapsed.label.bg};\n            color            : ${(props: SidebarWrapperProps) => props.theme.sidebar.isCollapsed.label.text};\n            font-size        : 88%;\n            box-shadow       : 0 4px 16px -2px rgba(0, 0, 0, 0.24);\n        }\n\n        ${SidebarFooterStyled} { padding-left : 0; }\n    }\n\n    a {\n        width : unset;\n        color : ${(props: SidebarWrapperProps) => props.theme.sidebar.links.default.text};\n    }\n    \n    summary ~ a p { color : ${(props: SidebarWrapperProps) => props.theme.sidebar.subLinks.default.text}; }\n\n    a.active {\n        position         : relative;\n        display          : block;\n        background-color : ${(props: SidebarWrapperProps) => props.theme.sidebar.links.isSelected.bg};\n\n        &::before {\n            display                    : block;\n            position                   : absolute;\n            width                      : 4px;\n            height                     : 100%;\n            top                        : 0;\n            left                       : 0;\n            content                    : \"\";\n            border-top-right-radius    : 4px;\n            border-bottom-right-radius : 4px;\n            background-color           : ${(props: SidebarWrapperProps) => props.theme.sidebar.links.isSelected.border};\n        }\n        \n        & .icon-stroked svg {\n            fill         : none;\n            stroke       : ${(props: SidebarItemIconProps) => props.theme.sidebar.icons.stroked.isActive.line};\n        }\n\n        & .icon-filled svg {\n            stroke : none;\n            fill   : ${(props: SidebarItemIconProps) => props.theme.sidebar.icons.filled.isActive.bg};\n        }\n\n        p { color : ${(props : SidebarWrapperProps) => props.theme.sidebar.links.isSelected.text}; }\n    }\n`;\n"],"names":["SidebarWrapperStyled","aside","props","theme","sidebar","width","bg","links","default","scale","isCollapsed","SidebarHeaderStyled","SidebarItemTextStyled","SidebarItemStyled","SidebarItemIconStyled","label","text","SidebarFooterStyled","subLinks","isSelected","border","icons","stroked","isActive","line","filled"],"mappings":"ucAYaA,4BAA8BC,8JAOjBC,GAA+BA,EAAMC,MAAMC,QAAQC,2FAInDH,GAA+BA,EAAMC,MAAMC,QAAQE,4EAGnDJ,GAA+BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQC,8GAYnEP,GAA+BA,EAAMC,MAAMC,QAAQM,YAAYL,2BAG7EM,wGAUAC,2DAKAC,6BAA2BC,6BAA2BF,sIAO9BV,GAA+BA,EAAMC,MAAMC,QAAQM,YAAYK,MAAMT,YACrEJ,GAA+BA,EAAMC,MAAMC,QAAQM,YAAYK,MAAMC,sEAK7FC,8DAKSf,GAA+BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQQ,6BAGrDd,GAA+BA,EAAMC,MAAMC,QAAQc,SAASV,QAAQQ,mEAKrEd,GAA+BA,EAAMC,MAAMC,QAAQG,MAAMY,WAAWb,0KAYtDJ,GAA+BA,EAAMC,MAAMC,QAAQG,MAAMY,WAAWC,gDAKlFlB,GAAgCA,EAAMC,MAAMC,QAAQiB,MAAMC,QAAQC,SAASC,6CAKjFtB,GAAgCA,EAAMC,MAAMC,QAAQiB,MAAMI,OAAOF,SAASjB,eAG3EJ,GAAgCA,EAAMC,MAAMC,QAAQG,MAAMY,WAAWH"}

package/dist/cjs/external/Element.js

@@ -1,2 +1,2 @@
-"use strict";function o(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var t=/*#__PURE__*/o(require("react"));function e(o,t){var e={};for(var n in o)Object.prototype.hasOwnProperty.call(o,n)&&t.indexOf(n)<0&&(e[n]=o[n]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var r=0;for(n=Object.getOwnPropertySymbols(o);r<n.length;r++)t.indexOf(n[r])<0&&Object.prototype.propertyIsEnumerable.call(o,n[r])&&(e[n[r]]=o[n[r]])}return e}const n=o=>o.filter((o=>!!o)).join(" "),r=t.default.forwardRef(((o,r)=>{const{as:i,classNames:l=[],className:a,size:s,isFullWidth:d,isFullHeight:g,bgColor:p,bgColour:h,textColor:b,textColour:m,borderColor:O,borderColour:f,fillColor:u,fillColour:c,strokeColor:y,strokeColour:$,hideOnMobile:w,showOnlyOnMobile:C,hideOnTabPT:S,showOnlyOnTabPT:T,hideOnTabLS:k,showOnlyOnTabLS:x,hideOnDesktop:j,showOnlyOnDesktop:L,marginTop:P,marginRight:N,marginBottom:R,marginLeft:v,margin:B,paddingTop:D,paddingRight:F,paddingBottom:M,paddingLeft:z,padding:E,shadow:H,shape:I,opacity:W}=o,_=e(o,["as","classNames","className","size","isFullWidth","isFullHeight","bgColor","bgColour","textColor","textColour","borderColor","borderColour","fillColor","fillColour","strokeColor","strokeColour","hideOnMobile","showOnlyOnMobile","hideOnTabPT","showOnlyOnTabPT","hideOnTabLS","showOnlyOnTabLS","hideOnDesktop","showOnlyOnDesktop","marginTop","marginRight","marginBottom","marginLeft","margin","paddingTop","paddingRight","paddingBottom","paddingLeft","padding","shadow","shape","opacity"]),q=e(o,["as","className","classNames"]);return t.default.createElement(i,Object.assign({ref:r},"object"==typeof i&&i.hasOwnProperty("styledComponentId")?q:_,{className:n([a,s&&`size-${s}`,d&&"full-width",g&&"full-height",p&&`bg-${String(p)}`,h&&`bg-${String(h)}`,b&&`text-${String(b)}`,m&&`text-${String(m)}`,O&&`border-${String(O)}`,f&&`border-${String(f)}`,u&&`fill-${String(u)}`,c&&`fill-${String(c)}`,y&&`stroke-${String(y)}`,$&&`stroke-${String($)}`,w&&"hide-on-mobile",C&&"show-only-on-mobile",S&&"hide-on-tab-pt",T&&"show-only-on-tab-pt",k&&"hide-on-tab-ls",x&&"show-only-on-tab-ls",j&&"hide-on-desktop",L&&"show-only-on-desktop",P&&`margin-top-${P}`,N&&`margin-right-${N}`,R&&`margin-bottom-${R}`,v&&`margin-left-${v}`,B&&`margin-all-${B}`,D&&`padding-top-${D}`,F&&`padding-right-${F}`,M&&`padding-bottom-${M}`,z&&`padding-left-${z}`,E&&`padding-all-${E}`,H&&`shadow-${H}`,I&&`shape-${I}`,W&&`opacity-${W}`].concat(l))}))}));exports.Element=r,exports.__rest=e;
+"use strict";function o(o){return o&&"object"==typeof o&&"default"in o?o:{default:o}}var t=/*#__PURE__*/o(require("react"));function e(o,t){var e={};for(var r in o)Object.prototype.hasOwnProperty.call(o,r)&&t.indexOf(r)<0&&(e[r]=o[r]);if(null!=o&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(o);n<r.length;n++)t.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(o,r[n])&&(e[r[n]]=o[r[n]])}return e}const r=o=>o.filter((o=>!!o)).join(" "),n=t.default.forwardRef(((o,n)=>{const{as:l,classNames:a=[],className:i,size:s,isFullWidth:d,isFullHeight:g,bgColor:p,bgColour:h,textColor:b,textColour:m,borderColor:O,borderColour:c,fillColor:f,fillColour:u,strokeColor:y,strokeColour:$,hideOnMobile:w,showOnlyOnMobile:C,hideOnTabletPortrait:k,showOnlyOnTabletPortrait:S,hideOnTabletLandscape:T,showOnlyOnTabletLandscape:x,hideOnDesktop:L,showOnlyOnDesktop:P,marginTop:j,marginRight:N,marginBottom:R,marginLeft:v,margin:B,paddingTop:D,paddingRight:F,paddingBottom:M,paddingLeft:z,padding:E,shadow:H,shape:I,opacity:W}=o,_=e(o,["as","classNames","className","size","isFullWidth","isFullHeight","bgColor","bgColour","textColor","textColour","borderColor","borderColour","fillColor","fillColour","strokeColor","strokeColour","hideOnMobile","showOnlyOnMobile","hideOnTabletPortrait","showOnlyOnTabletPortrait","hideOnTabletLandscape","showOnlyOnTabletLandscape","hideOnDesktop","showOnlyOnDesktop","marginTop","marginRight","marginBottom","marginLeft","margin","paddingTop","paddingRight","paddingBottom","paddingLeft","padding","shadow","shape","opacity"]),q=e(o,["as","className","classNames"]);return t.default.createElement(l,Object.assign({ref:n},"string"!=typeof l&&l.hasOwnProperty("styledComponentId")?q:_,{className:r([i,s&&`size-${s}`,d&&"full-width",g&&"full-height",p&&`bg-${String(p)}`,h&&`bg-${String(h)}`,b&&`text-${String(b)}`,m&&`text-${String(m)}`,O&&`border-${String(O)}`,c&&`border-${String(c)}`,f&&`fill-${String(f)}`,u&&`fill-${String(u)}`,y&&`stroke-${String(y)}`,$&&`stroke-${String($)}`,w&&"hide-on-mobile",C&&"show-only-on-mobile",k&&"hide-on-tablet-portrait",S&&"show-only-on-tablet-portrait",T&&"hide-on-tablet-landscape",x&&"show-only-on-tablet-landscape",L&&"hide-on-desktop",P&&"show-only-on-desktop",j&&`margin-top-${j}`,N&&`margin-right-${N}`,R&&`margin-bottom-${R}`,v&&`margin-left-${v}`,B&&`margin-all-${B}`,D&&`padding-top-${D}`,F&&`padding-right-${F}`,M&&`padding-bottom-${M}`,z&&`padding-left-${z}`,E&&`padding-all-${E}`,H&&`shadow-${H}`,I&&`shape-${I}`,W&&`opacity-${W}`].concat(a))}))}));exports.Element=n,exports.__rest=e;
 //# sourceMappingURL=Element.js.map