fictoan-react 0.36.2 → 0.37.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/CHANGELOG.md +11 -1
- package/README.md +4 -4
- package/dist/cjs/components/Callout/Callout.styled.js.map +1 -1
- package/dist/cjs/components/Card/Card.styled.js.map +1 -1
- package/dist/cjs/components/CodeBlock/prismjs-components/prism-components.d.ts +2 -0
- package/dist/cjs/components/Element/constants.d.ts +5 -0
- package/dist/cjs/components/Form/InputField/InputField.styled.js.map +1 -1
- package/dist/cjs/components/Form/Select/Select.styled.js +1 -1
- package/dist/cjs/components/Form/Select/Select.styled.js.map +1 -1
- package/dist/cjs/components/Notifications/NotificationsItem/NotificationItem.styled.js.map +1 -1
- package/dist/cjs/components/Sidebar/SidebarItem/SidebarItem.js +1 -1
- package/dist/cjs/components/Sidebar/SidebarItem/SidebarItem.js.map +1 -1
- package/dist/cjs/components/Sidebar/SidebarItem/SidebarItem.styled.js +1 -1
- package/dist/cjs/components/Sidebar/SidebarItem/SidebarItem.styled.js.map +1 -1
- package/dist/cjs/components/Sidebar/SidebarItemText/SidebarItemText.styled.js.map +1 -1
- package/dist/cjs/components/Sidebar/SidebarWrapper/SidebarWrapper.styled.js +1 -1
- package/dist/cjs/components/Sidebar/SidebarWrapper/SidebarWrapper.styled.js.map +1 -1
- package/dist/cjs/components/Toast/ToastItem/Toast.d.ts +10 -0
- package/dist/cjs/components/Toast/ToastItem/Toast.js +2 -0
- package/dist/cjs/components/Toast/ToastItem/Toast.js.map +1 -0
- package/dist/cjs/components/Toast/ToastItem/Toast.stories.d.ts +3 -0
- package/dist/cjs/components/Toast/ToastItem/Toast.styled.d.ts +1 -0
- package/dist/cjs/components/Toast/ToastItem/Toast.styled.js +2 -0
- package/dist/cjs/components/Toast/ToastItem/Toast.styled.js.map +1 -0
- package/dist/cjs/components/Toast/ToastsWrapper/ToastsWrapper.d.ts +8 -0
- package/dist/cjs/components/Toast/ToastsWrapper/ToastsWrapper.js +2 -0
- package/dist/cjs/components/Toast/ToastsWrapper/ToastsWrapper.js.map +1 -0
- package/dist/cjs/components/Toast/ToastsWrapper/ToastsWrapper.stories.d.ts +3 -0
- package/dist/cjs/components/Toast/ToastsWrapper/ToastsWrapper.styled.d.ts +1 -0
- package/dist/cjs/components/Toast/ToastsWrapper/ToastsWrapper.styled.js +2 -0
- package/dist/cjs/components/Toast/ToastsWrapper/ToastsWrapper.styled.js.map +1 -0
- package/dist/cjs/external/Element.js +1 -1
- package/dist/cjs/external/Element.js.map +1 -1
- package/dist/cjs/external/ThemeProvider.js +1 -1
- package/dist/cjs/external/ThemeProvider.js.map +1 -1
- package/dist/cjs/index.d.ts +2 -0
- package/dist/cjs/index.js +1 -1
- package/dist/cjs/styles/theme.d.ts +5 -1
- package/dist/es/components/Callout/Callout.styled.js.map +1 -1
- package/dist/es/components/Card/Card.styled.js.map +1 -1
- package/dist/es/components/CodeBlock/prismjs-components/prism-components.d.ts +2 -0
- package/dist/es/components/Element/constants.d.ts +5 -0
- package/dist/es/components/Form/InputField/InputField.styled.js.map +1 -1
- package/dist/es/components/Form/Select/Select.styled.js +1 -1
- package/dist/es/components/Form/Select/Select.styled.js.map +1 -1
- package/dist/es/components/Notifications/NotificationsItem/NotificationItem.styled.js.map +1 -1
- package/dist/es/components/Sidebar/SidebarItem/SidebarItem.js +1 -1
- package/dist/es/components/Sidebar/SidebarItem/SidebarItem.js.map +1 -1
- package/dist/es/components/Sidebar/SidebarItem/SidebarItem.styled.js +1 -1
- package/dist/es/components/Sidebar/SidebarItem/SidebarItem.styled.js.map +1 -1
- package/dist/es/components/Sidebar/SidebarItemText/SidebarItemText.styled.js.map +1 -1
- package/dist/es/components/Sidebar/SidebarWrapper/SidebarWrapper.styled.js +1 -1
- package/dist/es/components/Sidebar/SidebarWrapper/SidebarWrapper.styled.js.map +1 -1
- package/dist/es/components/Toast/ToastItem/Toast.d.ts +10 -0
- package/dist/es/components/Toast/ToastItem/Toast.js +2 -0
- package/dist/es/components/Toast/ToastItem/Toast.js.map +1 -0
- package/dist/es/components/Toast/ToastItem/Toast.stories.d.ts +3 -0
- package/dist/es/components/Toast/ToastItem/Toast.styled.d.ts +1 -0
- package/dist/es/components/Toast/ToastItem/Toast.styled.js +2 -0
- package/dist/es/components/Toast/ToastItem/Toast.styled.js.map +1 -0
- package/dist/es/components/Toast/ToastsWrapper/ToastsWrapper.d.ts +8 -0
- package/dist/es/components/Toast/ToastsWrapper/ToastsWrapper.js +2 -0
- package/dist/es/components/Toast/ToastsWrapper/ToastsWrapper.js.map +1 -0
- package/dist/es/components/Toast/ToastsWrapper/ToastsWrapper.stories.d.ts +3 -0
- package/dist/es/components/Toast/ToastsWrapper/ToastsWrapper.styled.d.ts +1 -0
- package/dist/es/components/Toast/ToastsWrapper/ToastsWrapper.styled.js +2 -0
- package/dist/es/components/Toast/ToastsWrapper/ToastsWrapper.styled.js.map +1 -0
- package/dist/es/external/Element.js +2 -2
- package/dist/es/external/Element.js.map +1 -1
- package/dist/es/external/ThemeProvider.js +1 -1
- package/dist/es/external/ThemeProvider.js.map +1 -1
- package/dist/es/index.d.ts +2 -0
- package/dist/es/index.js +1 -1
- package/dist/es/styles/theme.d.ts +5 -1
- package/package.json +1 -1
package/dist/cjs/index.d.ts
CHANGED
|
@@ -40,6 +40,8 @@ export { Spinner } from "./components/Spinner/Spinner";
|
|
|
40
40
|
export { Callout } from "./components/Callout/Callout";
|
|
41
41
|
export { Tag } from "./components/Tag/Tag";
|
|
42
42
|
export { Tooltip } from "./components/Tooltip/Tooltip";
|
|
43
|
+
export { ToastsWrapper } from "./components/Toast/ToastsWrapper/ToastsWrapper";
|
|
44
|
+
export { Toast } from "./components/Toast/ToastItem/Toast";
|
|
43
45
|
export { ThemeProvider } from "./components/ThemeProvider/ThemeProvider";
|
|
44
46
|
export { ThemeType, ThemeProps, ColourPropTypes } from "./components/Element/constants";
|
|
45
47
|
export { defaultColours } from "./styles/DefaultColours";
|
package/dist/cjs/index.js
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./external/Element.js"),r=require("./components/Row/Row.js"),o=require("./components/Portion/Portion.js"),t=require("./components/Typography/Heading.js"),s=require("./components/Typography/Text.js"),n=require("./components/Sidebar/SidebarWrapper/SidebarWrapper.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("./external/Element.js"),r=require("./components/Row/Row.js"),o=require("./components/Portion/Portion.js"),t=require("./components/Typography/Heading.js"),s=require("./components/Typography/Text.js"),n=require("./components/Sidebar/SidebarWrapper/SidebarWrapper.js"),a=require("./components/Sidebar/SidebarHeader/SidebarHeader.js"),p=require("./components/Sidebar/SidebarItem/SidebarItem.js"),i=require("./components/Sidebar/SidebarItemIcon/SidebarItemIcon.js"),m=require("./components/Sidebar/SidebarItemText/SidebarItemText.js"),u=require("./components/Sidebar/SidebarFooter/SidebarFooter.js"),d=require("./components/ContentWrapper/ContentWrapper.js"),c=require("./components/HRule/HRule.js"),l=require("./components/Button/Button.js"),b=require("./components/Form/FormWrapper/FormWrapper.js"),q=require("./components/Form/FormItem/FormItem.js"),j=require("./components/Form/FormItemGroup/FormItemGroup.js"),x=require("./components/Form/InputField/InputField.js"),T=require("./components/Form/TextArea/TextArea.js"),I=require("./components/Form/InputLabel/InputLabel.js"),S=require("./components/Form/Select/Select.js"),F=require("./components/Form/InputField/FileUpload.js"),y=require("./components/Form/RadioButton/RadioGroup.js"),B=require("./components/Form/RadioButton/RadioButton.js"),C=require("./components/Form/CheckBox/CheckBox.js"),W=require("./components/Form/CheckBox/Switch.js"),P=require("./components/ExpandableContent/ExpandableContent.js"),g=require("./components/ProgressBar/ProgressBar.js"),f=require("./components/Card/Card.js"),h=require("./components/InfoPanel/InfoPanel.js"),R=require("./components/Notifications/NotificationsWrapper/NotificationsWrapper.js"),N=require("./components/Notifications/NotificationsItem/NotificationItem.js"),H=require("./components/Breadcrumbs/BreadcrumbsWrapper/BreadcrumbsWrapper.js"),k=require("./components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.js"),G=require("./components/Table/Table.js"),w=require("./components/Table/TablePagination/TablePagination.js"),E=require("./components/CodeBlock/CodeBlock.js"),v=require("./components/Tabs/Tabs.js"),A=require("./components/Spinner/Spinner.js"),L=require("./components/Callout/Callout.js"),U=require("./components/Tag/Tag.js"),_=require("./components/Tooltip/Tooltip.js"),z=require("./components/Toast/ToastsWrapper/ToastsWrapper.js"),D=require("./components/Toast/ToastItem/Toast.js"),M=require("./external/ThemeProvider.js"),O=require("./external/DefaultColours.js");require("react"),require("./components/Row/Row.styled.js"),require("styled-components"),require("./components/Portion/Portion.styled.js"),require("./components/Sidebar/SidebarWrapper/SidebarWrapper.styled.js"),require("./components/Sidebar/SidebarHeader/SidebarHeader.styled.js"),require("./components/Sidebar/SidebarItem/SidebarItem.styled.js"),require("./components/Sidebar/SidebarItemText/SidebarItemText.styled.js"),require("./components/Sidebar/SidebarItemIcon/SidebarItemIcon.styled.js"),require("./components/Sidebar/SidebarFooter/SidebarFooter.styled.js"),require("./components/ContentWrapper/ContentWrapper.styled.js"),require("./components/HRule/HRule.styled.js"),require("./components/Button/Button.styled.js"),require("./external/helpers.js"),require("./components/Form/FormWrapper/FormWrapper.styled.js"),require("./components/Form/FormItem/FormItem.styled.js"),require("./components/Form/InputField/InputField.styled.js"),require("./components/Form/Select/Select.styled.js"),require("./components/Form/TextArea/TextArea.styled.js"),require("./components/Form/FormItemGroup/FormItemGroup.styled.js"),require("./components/Form/FormWrapper/FormGenerator.js"),require("./components/Form/BaseInputComponent/BaseInputComponent.js"),require("./components/Form/RadioButton/RadioButton.styled.js"),require("./components/Form/CheckBox/CheckBox.styled.js"),require("./components/ExpandableContent/ExpandableContent.styled.js"),require("./components/ProgressBar/ProgressBar.styled.js"),require("./components/Card/Card.styled.js"),require("./components/InfoPanel/InfoPanel.styled.js"),require("./components/Notifications/NotificationsWrapper/NotificationsWrapper.styled.js"),require("./components/Notifications/NotificationsItem/NotificationItem.styled.js"),require("./external/lighten.js"),require("./external/rgba.js"),require("./components/Breadcrumbs/BreadcrumbsWrapper/BreadcrumbsWrapper.styled.js"),require("./components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.styled.js"),require("./components/Table/Table.styled.js"),require("./components/Table/TablePagination/TablePagination.styled.js"),require("./components/CodeBlock/Code.styled.js"),require("./components/Tabs/Tabs.styled.js"),require("./components/Spinner/Spinner.styled.js"),require("./components/Callout/Callout.styled.js"),require("./external/transparentize.js"),require("./components/Tag/Tag.styled.js"),require("./components/Tooltip/Tooltip.styled.js"),require("./components/Toast/ToastsWrapper/ToastsWrapper.styled.js"),require("./components/Toast/ToastItem/Toast.styled.js"),require("./components/ThemeProvider/Global.styled.js"),require("./components/ThemeProvider/CustomColorClasses.styled.js"),require("./components/Typography/Typography.styled.js"),exports.Element=e.Element,exports.Row=r.Row,exports.Portion=o.Portion,exports.Heading=t.Heading,exports.Text=s.Text,exports.SidebarWrapper=n.SidebarWrapper,exports.SidebarHeader=a.SidebarHeader,exports.SidebarItem=p.SidebarItem,exports.SidebarItemIcon=i.SidebarItemIcon,exports.SidebarItemText=m.SidebarItemText,exports.SidebarFooter=u.SidebarFooter,exports.ContentWrapper=d.ContentWrapper,exports.HRule=c.HRule,exports.Button=l.Button,exports.FormWrapper=b.FormWrapper,exports.FormItem=q.FormItem,exports.FormItemGroup=j.FormItemGroup,exports.InputField=x.InputField,exports.TextArea=T.TextArea,exports.InputLabel=I.InputLabel,exports.Select=S.Select,exports.FileUpload=F.FileUpload,exports.RadioGroup=y.RadioGroup,exports.RadioButton=B.RadioButton,exports.CheckBox=C.CheckBox,exports.Switch=W.Switch,exports.ExpandableContent=P.ExpandableContent,exports.ProgressBar=g.ProgressBar,exports.Card=f.Card,exports.InfoPanel=h.InfoPanel,exports.NotificationsWrapper=R.NotificationsWrapper,exports.NotificationItem=N.NotificationItem,exports.BreadcrumbsWrapper=H.BreadcrumbsWrapper,exports.BreadcrumbItem=k.BreadcrumbItem,exports.Table=G.Table,exports.TablePagination=w.TablePagination,exports.CodeBlock=E.CodeBlock,exports.Tabs=v.Tabs,exports.Spinner=A.Spinner,exports.Callout=L.Callout,exports.Tag=U.Tag,exports.Tooltip=_.Tooltip,exports.ToastsWrapper=z.ToastsWrapper,exports.Toast=D.Toast,exports.FictoanTheme=M.FictoanTheme,exports.ThemeProvider=M.ThemeProvider,exports.defaultColours=O.defaultColours;
|
|
2
2
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Callout.styled.js","sources":["../../../../src/components/Callout/Callout.styled.tsx"],"sourcesContent":["import transparentize from \"polished/lib/color/transparentize\";\nimport { defaultColours } from \"../../styles/DefaultColours\";\nimport styled from \"styled-components\";\n\nexport const CalloutStyled = styled.div`\n display : block;\n border-width : 0 0 0 5px;\n word-break : break-word;\n border-style : solid;\n padding : 16px;\n border-radius : 4px;\n\n &.info {\n background-color : ${transparentize(0.80, defaultColours.blue)};\n border-color : ${defaultColours.blue};\n }\n\n &.success {\n background-color : ${transparentize(0.80, defaultColours.green)};\n border-color : ${defaultColours.green};\n }\n
|
|
1
|
+
{"version":3,"file":"Callout.styled.js","sources":["../../../../src/components/Callout/Callout.styled.tsx"],"sourcesContent":["import transparentize from \"polished/lib/color/transparentize\";\nimport { defaultColours } from \"../../styles/DefaultColours\";\nimport styled from \"styled-components\";\n\nexport const CalloutStyled = styled.div`\n display : block;\n border-width : 0 0 0 5px;\n word-break : break-word;\n border-style : solid;\n padding : 16px;\n border-radius : 4px;\n\n &.info {\n background-color : ${transparentize(0.80, defaultColours.blue)};\n border-color : ${defaultColours.blue};\n }\n\n &.success {\n background-color : ${transparentize(0.80, defaultColours.green)};\n border-color : ${defaultColours.green};\n }\n\n &.warning {\n background-color : ${transparentize(0.80, defaultColours.amber)};\n border-color : ${defaultColours.amber};\n }\n\n &.error {\n background-color : ${transparentize(0.80, defaultColours.red)};\n border-color : ${defaultColours.red};\n }\n`;\n"],"names":["CalloutStyled","styled","div","transparentize","defaultColours","blue","green","amber","red"],"mappings":"gLAIaA,EAAgBC,EAAOC,2MASPC,EAAe,GAAMC,EAAeC,sBACpCD,EAAeC,oCAIfF,EAAe,GAAMC,EAAeE,uBACpCF,EAAeE,qCAIfH,EAAe,GAAMC,EAAeG,uBACpCH,EAAeG,mCAIfJ,EAAe,GAAMC,EAAeI,qBACpCJ,EAAeI"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Card.styled.js","sources":["../../../../src/components/Card/Card.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { CardProps } from \"./Card\";\n\n\nexport const CardStyled = styled.div`\n position : relative;\n width : 100%;\n\n &[class*=\"border-\"] {
|
|
1
|
+
{"version":3,"file":"Card.styled.js","sources":["../../../../src/components/Card/Card.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { CardProps } from \"./Card\";\n\n\nexport const CardStyled = styled.div`\n position : relative;\n width : 100%;\n\n &[class*=\"border-\"] { border-width : ${(props: CardProps) => props.theme.globals.borderWidth}; }\n\n &:not([class*=\"border-\"]) { border : 1px solid ${(props: CardProps) => props.theme.card.border}; }\n \n &:not([class*=\"bg-\"]) { background-color : ${(props: CardProps) => props.theme.card.bg}; }\n\n &.shape-rounded { border-radius : ${(props: CardProps) => props.theme.card.borderRadius}; }\n\n &.padding-all-tiny { padding : 8px; }\n &.padding-all-small { padding : 16px; }\n &.padding-all-medium { padding : 32px; }\n &.padding-all-large { padding : 48px; }\n &.padding-all-huge { padding : 64px; }\n\n @media all and (max-width : 600px) {\n &[class*=\"padding\"] { padding : 4vmin; }\n\n .padding-none { padding : 0 !important; }\n }\n`;\n"],"names":["CardStyled","styled","div","props","theme","globals","borderWidth","card","border","bg","borderRadius"],"mappings":"uCAKaA,EAAaC,EAAOC,iIAIWC,GAAqBA,EAAMC,MAAMC,QAAQC,2DAE/BH,GAAqBA,EAAMC,MAAMG,KAAKC,kDAE1CL,GAAqBA,EAAMC,MAAMG,KAAKE,qCAE/CN,GAAqBA,EAAMC,MAAMG,KAAKG"}
|
|
@@ -47,6 +47,11 @@ export interface CommonProps extends ThemeProps {
|
|
|
47
47
|
shadow?: ShadowTypes;
|
|
48
48
|
shape?: ShapeTypes;
|
|
49
49
|
opacity?: OpacityTypes;
|
|
50
|
+
horizontallyCentreThis?: boolean;
|
|
51
|
+
horizontallyCenterThis?: boolean;
|
|
52
|
+
verticallyCentreItems?: boolean;
|
|
53
|
+
verticallyCenterItems?: boolean;
|
|
54
|
+
pushItemsToEnds?: boolean;
|
|
50
55
|
classNames?: any[];
|
|
51
56
|
}
|
|
52
57
|
export interface CommonAndHTMLProps<T extends {}> extends CommonProps, Omit<HTMLProps<T>, "as" | "size" | "ref" | "shape"> {
|
|
@@ -1 +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 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","styled","input","props","theme","text","font","sans","inputField","default","bg","border","borderRadius","onFocus","icons","fill","isValid","isInvalid"],"mappings":"uCAKaA,EAAmBC,EAAOC,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,
|
|
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 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","styled","input","props","theme","text","font","sans","inputField","default","bg","border","borderRadius","onFocus","icons","fill","isValid","isInvalid"],"mappings":"uCAKaA,EAAmBC,EAAOC,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,GAA4BA,EAAMC,MAAMI,WAAWC,QAAQG,6EAMvDT,GAA2BA,EAAMC,MAAMI,WAAWK,QAAQH,uBAChDP,GAA4BA,EAAMC,MAAMI,WAAWK,QAAQF,wQAoB3ER,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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"styled-components";const t=e.div.withConfig({displayName:"SelectWrapperStyled",componentId:"-zuatoe"})`position:relative;width:max-content;align-self:flex-start;&::after{content:"";display:inline-block;position:absolute;top:50%;right:12px;width:10px;height:10px;border-style:solid;border-width:0 2px 2px 0;transform:translateY(-50%)rotate(45deg);color:${e=>e.theme.select.chevron};transition:transform 0.2s linear;z-index:500;pointer-events:none;}&[disabled]::after{color:${e=>e.theme.inputField.isReadOnly.text};}`,o=e.select.withConfig({displayName:"SelectStyled",componentId:"-1o98hth"})`display:flex;height:100%;padding:12px 36px 12px 8px;font-family:${e=>e.theme.text.font.sans};background-color:${e=>e.theme.inputField.default.bg};border-radius:4px;align-items:center;border:1px solid ${e=>e.theme.inputField.default.border};width:100%;&:focus{background-color:${e=>e.theme.inputField.onFocus.bg};border:2px solid ${e=>e.theme.inputField.onFocus.border};padding:11px 35px 11px 7px;}`;export{o as SelectStyled,t as SelectWrapperStyled};
|
|
1
|
+
import e from"styled-components";const t=e.div.withConfig({displayName:"SelectWrapperStyled",componentId:"-zuatoe"})`position:relative;width:max-content;align-self:flex-start;border-radius:${e=>e.theme.inputField.default.borderRadius};&::after{content:"";display:inline-block;position:absolute;top:50%;right:12px;width:10px;height:10px;border-style:solid;border-width:0 2px 2px 0;transform:translateY(-50%)rotate(45deg);color:${e=>e.theme.select.chevron};transition:transform 0.2s linear;z-index:500;pointer-events:none;}&[disabled]::after{color:${e=>e.theme.inputField.isReadOnly.text};}`,o=e.select.withConfig({displayName:"SelectStyled",componentId:"-1o98hth"})`display:flex;height:100%;padding:12px 36px 12px 8px;font-family:${e=>e.theme.text.font.sans};background-color:${e=>e.theme.inputField.default.bg};border-radius:4px;align-items:center;border:1px solid ${e=>e.theme.inputField.default.border};width:100%;&:focus{background-color:${e=>e.theme.inputField.onFocus.bg};border:2px solid ${e=>e.theme.inputField.onFocus.border};padding:11px 35px 11px 7px;}`;export{o as SelectStyled,t as SelectWrapperStyled};
|
|
2
2
|
//# sourceMappingURL=Select.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Select.styled.js","sources":["../../../../../src/components/Form/Select/Select.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SelectProps } from \"./Select\";\n\n\nexport const SelectWrapperStyled = styled.div`\n position : relative;\n width : max-content;\n align-self : flex-start;\n\n &::after {\n content : \"\";\n display : inline-block;\n position : absolute;\n top : 50%;\n right : 12px;\n width : 10px;\n height : 10px;\n border-style : solid;\n border-width : 0 2px 2px 0;\n transform : translateY(-50%) rotate(45deg);\n color : ${(props: SelectProps) => props.theme.select.chevron};\n transition : transform 0.2s linear;\n z-index : 500;\n pointer-events : none;\n }\n\n &[disabled]::after {\n color : ${(props: SelectProps) => props.theme.inputField.isReadOnly.text};\n }\n`;\n\nexport const SelectStyled = styled.select`\n display : flex;\n height : 100%;\n padding : 12px 36px 12px 8px;\n font-family : ${(props: SelectProps) => props.theme.text.font.sans};\n background-color : ${(props: SelectProps) => props.theme.inputField.default.bg};\n border-radius : 4px;\n align-items : center;\n border : 1px solid ${(props: SelectProps) => props.theme.inputField.default.border};\n width : 100%;\n\n &:focus {\n background-color : ${(props: SelectProps) => props.theme.inputField.onFocus.bg};\n border : 2px solid ${(props: SelectProps) => props.theme.inputField.onFocus.border};\n padding : 11px 35px 11px 7px;\n }\n`;\n"],"names":["SelectWrapperStyled","styled","div","props","theme","
|
|
1
|
+
{"version":3,"file":"Select.styled.js","sources":["../../../../../src/components/Form/Select/Select.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SelectProps } from \"./Select\";\n\n\nexport const SelectWrapperStyled = styled.div`\n position : relative;\n width : max-content;\n align-self : flex-start;\n border-radius : ${(props : SelectProps) => props.theme.inputField.default.borderRadius};\n\n &::after {\n content : \"\";\n display : inline-block;\n position : absolute;\n top : 50%;\n right : 12px;\n width : 10px;\n height : 10px;\n border-style : solid;\n border-width : 0 2px 2px 0;\n transform : translateY(-50%) rotate(45deg);\n color : ${(props: SelectProps) => props.theme.select.chevron};\n transition : transform 0.2s linear;\n z-index : 500;\n pointer-events : none;\n }\n\n &[disabled]::after {\n color : ${(props: SelectProps) => props.theme.inputField.isReadOnly.text};\n }\n`;\n\nexport const SelectStyled = styled.select`\n display : flex;\n height : 100%;\n padding : 12px 36px 12px 8px;\n font-family : ${(props: SelectProps) => props.theme.text.font.sans};\n background-color : ${(props: SelectProps) => props.theme.inputField.default.bg};\n border-radius : 4px;\n align-items : center;\n border : 1px solid ${(props: SelectProps) => props.theme.inputField.default.border};\n width : 100%;\n\n &:focus {\n background-color : ${(props: SelectProps) => props.theme.inputField.onFocus.bg};\n border : 2px solid ${(props: SelectProps) => props.theme.inputField.onFocus.border};\n padding : 11px 35px 11px 7px;\n }\n`;\n"],"names":["SelectWrapperStyled","styled","div","props","theme","inputField","default","borderRadius","select","chevron","isReadOnly","text","SelectStyled","font","sans","bg","border","onFocus"],"mappings":"uCAKaA,EAAsBC,EAAOC,oJAIhBC,GAAwBA,EAAMC,MAAMC,WAAWC,QAAQC,+MAarDJ,GAAuBA,EAAMC,MAAMI,OAAOC,sGAOnDN,GAAuBA,EAAMC,MAAMC,WAAWK,WAAWC,SAI/DC,EAAeX,EAAOO,yIAITL,GAAuBA,EAAMC,MAAMO,KAAKE,KAAKC,yBAC7CX,GAAuBA,EAAMC,MAAMC,WAAWC,QAAQS,4DAG5CZ,GAAuBA,EAAMC,MAAMC,WAAWC,QAAQU,8CAI5Db,GAAuBA,EAAMC,MAAMC,WAAWY,QAAQF,uBAC5CZ,GAAuBA,EAAMC,MAAMC,WAAWY,QAAQD"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"NotificationItem.styled.js","sources":["../../../../../src/components/Notifications/NotificationsItem/NotificationItem.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport lighten from \"polished/lib/color/lighten\";\n\nimport { NotificationItemProps } from \"./NotificationItem\";\n\n\nexport const NotificationsItemStyled = styled.div`\n position : relative;\n display : flex;\n width : 100%;\n background-color : ${(props: NotificationItemProps) => props.theme.notification.default.bg};\n border-radius : 4px;\n border : 1px solid hsla(0, 0%, 0%, 0.04);\n transition : all 0.4s;\n box-shadow : 0 2px 0.2px rgba(0,0,0,0.016), \n 0 4px 0.8px rgba(0,0,0,0.024),\n 0 6px 2.4px rgba(0,0,0,0.032),\n 0 8px 4.8px rgba(0,0,0,0.040),\n 0 16px 8.0px rgba(0,0,0,0.056),\n 0 24px 16.0px rgba(0,0,0,0.064);\n\n &::before {\n position : absolute;\n left : 0;\n top : 0;\n width : 8px;\n height : 100%;\n content : \"\";\n border-radius : 2px 0 0 2px;\n }\n \n &.info {\n background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.info.border && lighten(0.32, props.theme.notification.kinds.info.border)};\n border : 1px solid ${(props: NotificationItemProps) => props.theme.notification.kinds.info.border};\n\n ::before { background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.info.border}; }\n }\n\n &.warning {\n background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.warning.border && lighten(0.32, props.theme.notification.kinds.warning.border)};\n border : 1px solid ${(props: NotificationItemProps) => props.theme.notification.kinds.warning.border};\n\n ::before { background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.warning.border}; }\n }\n\n &.error {\n background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.error.border && lighten(0.32, props.theme.notification.kinds.error.border)};\n border : 1px solid ${(props: NotificationItemProps) => props.theme.notification.kinds.error.border};\n\n ::before { background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.error.border}; }\n }\n\n &.success {\n background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.success.border && lighten(0.32, props.theme.notification.kinds.success.border)};\n border : 1px solid ${(props: NotificationItemProps) => props.theme.notification.kinds.success.border};\n\n ::before { background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.success.border}; }\n }\n\n\n & .notification-content {\n color : ${(props: NotificationItemProps) => props.theme.notification.default.text};\n font-size : 14px;\n line-height : 1.1;\n word-break : break-word;\n margin : 0 8px;\n }\n\n &.dismissible .notification-content { margin : 0 24px 0 8px; }\n\n & .dismiss-button {\n position : absolute;\n top : 6px;\n right : 8px;\n width : 16px;\n height : 16px;\n opacity : 0.24;\n cursor : pointer;\n }\n\n & .dismiss-button:hover { opacity: 1; }\n\n & .dismiss-button:before {\n content : \"\\\\d7\";\n font-size : 24px;\n line-height : 0;\n }\n\n &.dismissed {
|
|
1
|
+
{"version":3,"file":"NotificationItem.styled.js","sources":["../../../../../src/components/Notifications/NotificationsItem/NotificationItem.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport lighten from \"polished/lib/color/lighten\";\n\nimport { NotificationItemProps } from \"./NotificationItem\";\n\n\nexport const NotificationsItemStyled = styled.div`\n position : relative;\n display : flex;\n width : 100%;\n background-color : ${(props: NotificationItemProps) => props.theme.notification.default.bg};\n border-radius : 4px;\n border : 1px solid hsla(0, 0%, 0%, 0.04);\n transition : all 0.4s;\n box-shadow : 0 2px 0.2px rgba(0,0,0,0.016), \n 0 4px 0.8px rgba(0,0,0,0.024),\n 0 6px 2.4px rgba(0,0,0,0.032),\n 0 8px 4.8px rgba(0,0,0,0.040),\n 0 16px 8.0px rgba(0,0,0,0.056),\n 0 24px 16.0px rgba(0,0,0,0.064);\n\n &::before {\n position : absolute;\n left : 0;\n top : 0;\n width : 8px;\n height : 100%;\n content : \"\";\n border-radius : 2px 0 0 2px;\n }\n \n &.info {\n background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.info.border && lighten(0.32, props.theme.notification.kinds.info.border)};\n border : 1px solid ${(props: NotificationItemProps) => props.theme.notification.kinds.info.border};\n\n ::before { background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.info.border}; }\n }\n\n &.warning {\n background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.warning.border && lighten(0.32, props.theme.notification.kinds.warning.border)};\n border : 1px solid ${(props: NotificationItemProps) => props.theme.notification.kinds.warning.border};\n\n ::before { background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.warning.border}; }\n }\n\n &.error {\n background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.error.border && lighten(0.32, props.theme.notification.kinds.error.border)};\n border : 1px solid ${(props: NotificationItemProps) => props.theme.notification.kinds.error.border};\n\n ::before { background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.error.border}; }\n }\n\n &.success {\n background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.success.border && lighten(0.32, props.theme.notification.kinds.success.border)};\n border : 1px solid ${(props: NotificationItemProps) => props.theme.notification.kinds.success.border};\n\n ::before { background-color : ${(props: NotificationItemProps) => props.theme.notification.kinds.success.border}; }\n }\n\n\n & .notification-content {\n color : ${(props: NotificationItemProps) => props.theme.notification.default.text};\n font-size : 14px;\n line-height : 1.1;\n word-break : break-word;\n margin : 0 8px;\n }\n\n &.dismissible .notification-content { margin : 0 24px 0 8px; }\n\n & .dismiss-button {\n position : absolute;\n top : 6px;\n right : 8px;\n width : 16px;\n height : 16px;\n opacity : 0.24;\n cursor : pointer;\n }\n\n & .dismiss-button:hover { opacity: 1; }\n\n & .dismiss-button:before {\n content : \"\\\\d7\";\n font-size : 24px;\n line-height : 0;\n }\n\n &.dismissed { transform : translateX(560px); }\n`;\n"],"names":["NotificationsItemStyled","styled","div","props","theme","notification","default","bg","kinds","info","border","lighten","warning","error","success","text"],"mappings":"0HAMaA,EAA0BC,EAAOC,0IAIpBC,GAAiCA,EAAMC,MAAMC,aAAaC,QAAQC,kZAsB9DJ,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMC,KAAKC,QAAUC,EAAQ,IAAMR,EAAMC,MAAMC,aAAaG,MAAMC,KAAKC,4BACvHP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMC,KAAKC,oCAEpEP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMC,KAAKC,uCAIhFP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMI,QAAQF,QAAUC,EAAQ,IAAMR,EAAMC,MAAMC,aAAaG,MAAMI,QAAQF,4BAC7HP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMI,QAAQF,oCAEvEP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMI,QAAQF,qCAInFP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMK,MAAMH,QAAUC,EAAQ,IAAMR,EAAMC,MAAMC,aAAaG,MAAMK,MAAMH,4BACzHP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMK,MAAMH,oCAErEP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMK,MAAMH,uCAIjFP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMM,QAAQJ,QAAUC,EAAQ,IAAMR,EAAMC,MAAMC,aAAaG,MAAMM,QAAQJ,4BAC7HP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMM,QAAQJ,oCAEvEP,GAAiCA,EAAMC,MAAMC,aAAaG,MAAMM,QAAQJ,0CAKxFP,GAAiCA,EAAMC,MAAMC,aAAaC,QAAQS"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import{_ as e,E as
|
|
1
|
+
import{_ as e,E as t}from"../../../external/Element.js";import r from"react";import{SidebarItemStyled as s}from"./SidebarItem.styled.js";import"styled-components";import"../SidebarItemText/SidebarItemText.styled.js";const a=/*#__PURE__*/r.forwardRef(((a,m)=>{var{hasAlert:o}=a,l=e(a,["hasAlert"]);let i=[];return o&&i.push("has-alert"),/*#__PURE__*/r.createElement(t,Object.assign({as:s,ref:m,classNames:i},l))}));export{a as SidebarItem};
|
|
2
2
|
//# sourceMappingURL=SidebarItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarItem.js","sources":["../../../../../src/components/Sidebar/SidebarItem/SidebarItem.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Element } from \"../../Element/Element\";\nimport { CommonAndHTMLProps } from \"../../Element/constants\";\n\nimport { SidebarItemStyled } from \"./SidebarItem.styled\";\n\nexport interface SidebarItemCustomProps {\n hasAlert
|
|
1
|
+
{"version":3,"file":"SidebarItem.js","sources":["../../../../../src/components/Sidebar/SidebarItem/SidebarItem.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Element } from \"../../Element/Element\";\nimport { CommonAndHTMLProps } from \"../../Element/constants\";\n\nimport { SidebarItemStyled } from \"./SidebarItem.styled\";\n\nexport interface SidebarItemCustomProps {\n hasAlert ? : boolean;\n}\n\nexport type SidebarItemElementType = HTMLDivElement;\nexport type SidebarItemProps = Omit<CommonAndHTMLProps<SidebarItemElementType>, keyof SidebarItemCustomProps> & SidebarItemCustomProps;\n\nexport const SidebarItem = React.forwardRef(\n ({ hasAlert, ...props }: SidebarItemProps, ref: React.Ref<SidebarItemElementType>) => {\n let classNames = [];\n\n if(hasAlert) {\n classNames.push(\"has-alert\");\n }\n\n return <Element<SidebarItemElementType> as={SidebarItemStyled} ref={ref} classNames={classNames} {...props} />;\n }\n);\n"],"names":["SidebarItem","React","forwardRef","_a","ref","hasAlert","props","classNames","push","Element","as","SidebarItemStyled"],"mappings":"8NAcaA,eAAcC,EAAMC,YAC7B,CAACC,EAA0CC,SAA1CC,SAAEA,KAAaC,MAAf,kBACOC,EAAa,UAEdF,GACCE,EAAWC,KAAK,0BAGbP,gBAACQ,iBAAgCC,GAAIC,EAAmBP,IAAKA,EAAKG,WAAYA,GAAgBD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"styled-components";const
|
|
1
|
+
import e from"styled-components";import{SidebarItemTextStyled as t}from"../SidebarItemText/SidebarItemText.styled.js";const o=e.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};}&:hover a ${t}{color:${e=>e.theme.sidebar.links.onHover.text};}&.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};}}`;export{o as SidebarItemStyled};
|
|
2
2
|
//# sourceMappingURL=SidebarItem.styled.js.map
|
|
@@ -1 +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.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","styled","div","props","theme","sidebar","isCollapsed","width","links","onHover","text","bg","hasAlert"],"mappings":"
|
|
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\nimport { SidebarItemTextStyled } from \"../SidebarItemText/SidebarItemText.styled\";\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 &:hover a ${SidebarItemTextStyled} {\n color : ${(props : SidebarItemProps) => props.theme.sidebar.links.onHover.text};\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","styled","div","props","theme","sidebar","isCollapsed","width","links","onHover","text","bg","SidebarItemTextStyled","hasAlert"],"mappings":"4HAMaA,EAAoBC,EAAOC,iIAGTC,GAA4BA,EAAMC,MAAMC,QAAQC,YAAYC,sEAM7DJ,GAA4BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQC,yBAC9DP,GAA4BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQE,iBAG5EC,WACGT,GAA6BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQC,oNAiBhDP,GAA4BA,EAAMC,MAAMC,QAAQG,MAAMK,SAASF"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarItemText.styled.js","sources":["../../../../../src/components/Sidebar/SidebarItemText/SidebarItemText.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const SidebarItemTextStyled = styled.p`\n margin : 0;\n overflow : hidden;\n -webkit-line-clamp : 1;\n`;\n"],"names":["SidebarItemTextStyled","styled","p"],"mappings":"
|
|
1
|
+
{"version":3,"file":"SidebarItemText.styled.js","sources":["../../../../../src/components/Sidebar/SidebarItemText/SidebarItemText.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { SidebarItemTextProps } from \"./SidebarItemText\";\n\nexport const SidebarItemTextStyled = styled.p`\n margin : 0;\n overflow : hidden;\n -webkit-line-clamp : 1;\n`;\n"],"names":["SidebarItemTextStyled","styled","p"],"mappings":"uCAGaA,EAAwBC,EAAOC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"styled-components";import{SidebarHeaderStyled as i}from"../SidebarHeader/SidebarHeader.styled.js";import{SidebarItemStyled as o}from"../SidebarItem/SidebarItem.styled.js";import{SidebarItemTextStyled as t}from"../SidebarItemText/SidebarItemText.styled.js";import{SidebarItemIconStyled as d}from"../SidebarItemIcon/SidebarItemIcon.styled.js";import{SidebarFooterStyled as r}from"../SidebarFooter/SidebarFooter.styled.js";const s=e.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;${i}{.header-logo{display:none;}.header-icon{display:block;width:32px;height:32px;}}${t}{display:none;position:absolute;}${o}:hover ${d} + ${t}{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}{padding-left:0;}}a{width:unset;color:${e=>e.theme.sidebar.links.default.text};}summary ~ a p{color:${e=>e.theme.sidebar.
|
|
1
|
+
import e from"styled-components";import{SidebarHeaderStyled as i}from"../SidebarHeader/SidebarHeader.styled.js";import{SidebarItemStyled as o}from"../SidebarItem/SidebarItem.styled.js";import{SidebarItemTextStyled as t}from"../SidebarItemText/SidebarItemText.styled.js";import{SidebarItemIconStyled as d}from"../SidebarItemIcon/SidebarItemIcon.styled.js";import{SidebarFooterStyled as r}from"../SidebarFooter/SidebarFooter.styled.js";const s=e.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;${i}{.header-logo{display:none;}.header-icon{display:block;width:32px;height:32px;}}${t}{display:none;position:absolute;}${o}:hover ${d} + ${t}{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}{padding-left:0;}}a{width:unset;color:${e=>e.theme.sidebar.links.default.text};}summary ~ a p{color:${e=>e.theme.sidebar.links.default.text};}a p:hover{color:${e=>e.theme.sidebar.links.onHover.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};}}`;export{s as SidebarWrapperStyled};
|
|
2
2
|
//# sourceMappingURL=SidebarWrapper.styled.js.map
|
|
@@ -1 +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\"
|
|
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\";\nimport { SidebarItemTextProps } from \"../SidebarItemText/SidebarItemText\";\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.links.default.text}; }\n\n a p:hover { color : ${(props : SidebarWrapperProps) => props.theme.sidebar.links.onHover.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","styled","aside","props","theme","sidebar","width","bg","links","default","scale","isCollapsed","SidebarHeaderStyled","SidebarItemTextStyled","SidebarItemStyled","SidebarItemIconStyled","label","text","SidebarFooterStyled","onHover","isSelected","border","icons","stroked","isActive","line","filled"],"mappings":"wbAaaA,EAAuBC,EAAOC,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,oFAUAC,qCAKAC,WAA2BC,OAA2BF,gHAO9BV,GAA+BA,EAAMC,MAAMC,QAAQM,YAAYK,MAAMT,YACrEJ,GAA+BA,EAAMC,MAAMC,QAAQM,YAAYK,MAAMC,sEAK7FC,0CAKSf,GAA+BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQQ,6BAGrDd,GAA+BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQQ,yBAErEd,GAAgCA,EAAMC,MAAMC,QAAQG,MAAMW,QAAQF,mEAK/Dd,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"}
|
|
@@ -0,0 +1,10 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { CommonAndHTMLProps } from "../../Element/constants";
|
|
3
|
+
export interface ToastCustomProps {
|
|
4
|
+
show?: boolean;
|
|
5
|
+
timeout?: number;
|
|
6
|
+
onCloseCallback: () => void;
|
|
7
|
+
}
|
|
8
|
+
export declare type ToastElementType = HTMLDivElement;
|
|
9
|
+
export declare type ToastProps = Omit<CommonAndHTMLProps<ToastElementType>, keyof ToastCustomProps> & ToastCustomProps;
|
|
10
|
+
export declare const Toast: React.ForwardRefExoticComponent<Omit<CommonAndHTMLProps<HTMLDivElement>, keyof ToastCustomProps> & ToastCustomProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{_ as e,E as r}from"../../../external/Element.js";import t,{useState as a,useEffect as o}from"react";import{ToastStyled as s}from"./Toast.styled.js";import"styled-components";import"../ToastsWrapper/ToastsWrapper.styled.js";import"../../Sidebar/SidebarWrapper/SidebarWrapper.styled.js";import"../../Sidebar/SidebarHeader/SidebarHeader.styled.js";import"../../Sidebar/SidebarItem/SidebarItem.styled.js";import"../../Sidebar/SidebarItemText/SidebarItemText.styled.js";import"../../Sidebar/SidebarItemIcon/SidebarItemIcon.styled.js";import"../../Sidebar/SidebarFooter/SidebarFooter.styled.js";import"../../ContentWrapper/ContentWrapper.styled.js";const i=/*#__PURE__*/t.forwardRef(((i,d)=>{var{show:m,children:n,timeout:p,onCloseCallback:l}=i,b=e(i,["show","children","timeout","onCloseCallback"]);const[S,c]=a(m);o((()=>{m&&c(!0);const e=m?setTimeout((()=>{l()}),null!=p?p:4e3):void 0;return()=>{clearTimeout(e)}}),[m]);return S&&/*#__PURE__*/t.createElement(r,Object.assign({as:s,classNames:[m?"visible":""],onTransitionEnd:()=>{m||c(!1)},padding:"nano"},b),n)}));export{i as Toast};
|
|
2
|
+
//# sourceMappingURL=Toast.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.js","sources":["../../../../../src/components/Toast/ToastItem/Toast.tsx"],"sourcesContent":["import React, { useState, useEffect } from \"react\";\n\nimport { Element } from \"../../Element/Element\";\nimport { CommonAndHTMLProps } from \"../../Element/constants\";\n\nimport { ToastStyled } from \"./Toast.styled\";\n\n// prettier-ignore\nexport interface ToastCustomProps {\n show ? : boolean;\n timeout ? : number;\n onCloseCallback : () => void;\n}\n\nexport type ToastElementType = HTMLDivElement;\nexport type ToastProps = Omit<CommonAndHTMLProps<ToastElementType>, keyof ToastCustomProps> & ToastCustomProps;\n\nexport const Toast = React.forwardRef(\n (\n { show, children, timeout, onCloseCallback, ...props }: ToastProps,\n ref: React.Ref<ToastElementType>\n ) => {\n let classNames: string[] = [];\n const [isVisible, setIsVisible] = useState<boolean>(show);\n\n useEffect(() => {\n if (show) { setIsVisible(true); }\n\n const timer = show\n ? setTimeout(() => {\n onCloseCallback();\n }, timeout ?? 4000)\n : undefined;\n\n return () => {\n clearTimeout(timer);\n };\n }, [show]);\n\n const onTransitionEnd = () => {\n if (!show) setIsVisible(false);\n };\n\n return (\n isVisible && (\n <Element<ToastElementType>\n as={ToastStyled}\n classNames={[...classNames, show ? \"visible\" : \"\"]}\n onTransitionEnd={onTransitionEnd}\n padding=\"nano\"\n {...props}\n >\n {children}\n </Element>\n )\n );\n }\n);\n"],"names":["Toast","React","forwardRef","_a","ref","show","children","timeout","onCloseCallback","props","isVisible","setIsVisible","useState","useEffect","timer","setTimeout","undefined","clearTimeout","Element","as","ToastStyled","classNames","onTransitionEnd","padding"],"mappings":"gpBAiBaA,eAAQC,EAAMC,YACvB,CACIC,EACAC,SADAC,KAAEA,EAAFC,SAAQA,EAARC,QAAkBA,EAAlBC,gBAA2BA,KAAoBC,MAA/C,uDAIOC,EAAWC,GAAgBC,EAAkBP,GAEpDQ,GAAU,KACFR,GAAQM,GAAa,SAEnBG,EAAQT,EACRU,YAAW,KACTP,MACDD,MAAAA,EAAAA,EAAW,UACZS,QAEC,KACHC,aAAaH,MAElB,CAACT,WAOAK,gBACIT,gBAACiB,iBACGC,GAAIC,EACJC,WAAY,CAAgBhB,EAAO,UAAY,IAC/CiB,gBATY,KACfjB,GAAMM,GAAa,IAShBY,QAAQ,QACJd,GAEHH"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const ToastStyled: import("styled-components").StyledComponent<"div", any, Omit<import("../../Element/constants").CommonAndHTMLProps<HTMLDivElement>, keyof import("./Toast").ToastCustomProps> & import("./Toast").ToastCustomProps, never>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import t from"styled-components";import{ToastsWrapperStyled as e}from"../ToastsWrapper/ToastsWrapper.styled.js";import"../../Sidebar/SidebarWrapper/SidebarWrapper.styled.js";import"../../Sidebar/SidebarHeader/SidebarHeader.styled.js";import"../../Sidebar/SidebarItem/SidebarItem.styled.js";import"../../Sidebar/SidebarItemText/SidebarItemText.styled.js";import"../../Sidebar/SidebarItemIcon/SidebarItemIcon.styled.js";import"../../Sidebar/SidebarFooter/SidebarFooter.styled.js";import"../../ContentWrapper/ContentWrapper.styled.js";const r=t.div.withConfig({displayName:"ToastStyled",componentId:"-cbblp7"})`position:relative;display:flex;width:fit-content;height:fit-content;border-radius:${t=>t.theme.inputField.default.borderRadius};background-color:${t=>t.theme.toast.bg};transition:all 0.4s;padding:8px 16px;p{color:${t=>t.theme.toast.text};}${e}.top &{transform:translateY(-8vh);}${e}.top &.visible{transform:translateY(8vh);}${e}.bottom &{transform:translateY(8vh);}${e}.bottom &.visible{transform:translateY(-8vh);}`;export{r as ToastStyled};
|
|
2
|
+
//# sourceMappingURL=Toast.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Toast.styled.js","sources":["../../../../../src/components/Toast/ToastItem/Toast.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { ToastProps } from \"./Toast\";\nimport { ToastsWrapperStyled } from \"../ToastsWrapper/ToastsWrapper.styled\";\n\n\nexport const ToastStyled = styled.div`\n position : relative;\n display : flex;\n width : fit-content;\n height : fit-content;\n border-radius : ${(props : ToastProps) => props.theme.inputField.default.borderRadius};\n background-color : ${(props : ToastProps) => props.theme.toast.bg};\n transition : all 0.4s;\n padding : 8px 16px;\n\n p {\n color : ${(props : ToastProps) => props.theme.toast.text};\n }\n\n // TOP TOAST ////////////////////////////////////////////////////////////\n ${ToastsWrapperStyled}.top & {\n transform : translateY(-8vh);\n }\n\n ${ToastsWrapperStyled}.top &.visible {\n transform : translateY(8vh);\n }\n\n // BOTTOM TOAST /////////////////////////////////////////////////////////\n ${ToastsWrapperStyled}.bottom & {\n transform : translateY(8vh);\n }\n\n ${ToastsWrapperStyled}.bottom &.visible {\n transform : translateY(-8vh);\n }\n`;\n"],"names":["ToastStyled","styled","div","props","theme","inputField","default","borderRadius","toast","bg","text","ToastsWrapperStyled"],"mappings":"0hBAMaA,EAAcC,EAAOC,sJAKRC,GAAuBA,EAAMC,MAAMC,WAAWC,QAAQC,iCACtDJ,GAAuBA,EAAMC,MAAMI,MAAMC,mDAKhDN,GAAuBA,EAAMC,MAAMI,MAAME,SAItDC,uCAIAA,8CAKAA,yCAIAA"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { CommonAndHTMLProps } from "../../Element/constants";
|
|
3
|
+
export interface NotificationsWrapperCustomProps {
|
|
4
|
+
position?: "top" | "bottom";
|
|
5
|
+
}
|
|
6
|
+
export declare type NotificationsWrapperElementType = HTMLDivElement;
|
|
7
|
+
export declare type NotificationsWrapperProps = CommonAndHTMLProps<NotificationsWrapperElementType> & NotificationsWrapperCustomProps;
|
|
8
|
+
export declare const ToastsWrapper: React.ForwardRefExoticComponent<CommonAndHTMLProps<HTMLDivElement> & NotificationsWrapperCustomProps & React.RefAttributes<HTMLDivElement>>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{_ as e,E as r}from"../../../external/Element.js";import t from"react";import{ToastsWrapperStyled as a}from"./ToastsWrapper.styled.js";import"styled-components";import"../../Sidebar/SidebarWrapper/SidebarWrapper.styled.js";import"../../Sidebar/SidebarHeader/SidebarHeader.styled.js";import"../../Sidebar/SidebarItem/SidebarItem.styled.js";import"../../Sidebar/SidebarItemText/SidebarItemText.styled.js";import"../../Sidebar/SidebarItemIcon/SidebarItemIcon.styled.js";import"../../Sidebar/SidebarFooter/SidebarFooter.styled.js";import"../../ContentWrapper/ContentWrapper.styled.js";const i=/*#__PURE__*/t.forwardRef(((i,s)=>{var{position:o}=i,d=e(i,["position"]);let p=[];return o&&p.push(o),/*#__PURE__*/t.createElement(r,Object.assign({as:a,ref:s,classNames:p},d))}));export{i as ToastsWrapper};
|
|
2
|
+
//# sourceMappingURL=ToastsWrapper.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToastsWrapper.js","sources":["../../../../../src/components/Toast/ToastsWrapper/ToastsWrapper.tsx"],"sourcesContent":["import React from \"react\";\n\nimport { Element } from \"../../Element/Element\";\nimport { CommonAndHTMLProps } from \"../../Element/constants\";\n\nimport { ToastsWrapperStyled } from \"./ToastsWrapper.styled\";\n\n// prettier-ignore\nexport interface NotificationsWrapperCustomProps {\n position ? : \"top\" | \"bottom\";\n}\n\nexport type NotificationsWrapperElementType = HTMLDivElement;\nexport type NotificationsWrapperProps = CommonAndHTMLProps<NotificationsWrapperElementType> &\n NotificationsWrapperCustomProps;\n\nexport const ToastsWrapper = React.forwardRef(\n (\n { position, ...props }: NotificationsWrapperProps,\n ref: React.Ref<NotificationsWrapperElementType>\n ) => {\n let classNames = [];\n\n if (position) {\n classNames.push(position);\n }\n\n return (\n <Element<NotificationsWrapperElementType>\n as={ToastsWrapperStyled}\n ref={ref}\n classNames={classNames}\n {...props}\n />\n );\n }\n);\n"],"names":["ToastsWrapper","React","forwardRef","_a","ref","position","props","classNames","push","Element","as","ToastsWrapperStyled"],"mappings":"ilBAgBaA,eAAgBC,EAAMC,YAC/B,CACIC,EACAC,SADAC,SAAEA,KAAaC,MAAf,kBAGIC,EAAa,UAEbF,GACAE,EAAWC,KAAKH,gBAIhBJ,gBAACQ,iBACGC,GAAIC,EACJP,IAAKA,EACLG,WAAYA,GACRD"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export declare const ToastsWrapperStyled: import("styled-components").StyledComponent<"div", any, {}, never>;
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import e from"styled-components";import{SidebarWrapperStyled as t}from"../../Sidebar/SidebarWrapper/SidebarWrapper.styled.js";import{ContentWrapperStyled as r}from"../../ContentWrapper/ContentWrapper.styled.js";import"../../Sidebar/SidebarHeader/SidebarHeader.styled.js";import"../../Sidebar/SidebarItem/SidebarItem.styled.js";import"../../Sidebar/SidebarItemText/SidebarItemText.styled.js";import"../../Sidebar/SidebarItemIcon/SidebarItemIcon.styled.js";import"../../Sidebar/SidebarFooter/SidebarFooter.styled.js";const i=e.div.withConfig({displayName:"ToastsWrapperStyled",componentId:"-ftg2k7"})`position:fixed;display:grid;z-index:5000000;width:100%;justify-items:center;${t} + ${r} &{width:calc(100% - 240px);}&.top{top:-4vh;}&.bottom{bottom:-4vh;}`;export{i as ToastsWrapperStyled};
|
|
2
|
+
//# sourceMappingURL=ToastsWrapper.styled.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"ToastsWrapper.styled.js","sources":["../../../../../src/components/Toast/ToastsWrapper/ToastsWrapper.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\nimport { SidebarWrapperStyled } from \"../../Sidebar/SidebarWrapper/SidebarWrapper.styled\";\nimport { ContentWrapperStyled } from \"../../ContentWrapper/ContentWrapper.styled\";\n\n\nexport const ToastsWrapperStyled = styled.div`\n position : fixed;\n display : grid;\n z-index : 5000000;\n width : 100%;\n justify-items : center;\n\n ${SidebarWrapperStyled} + ${ContentWrapperStyled} & {\n width : calc(100% - 240px);\n }\n\n &.top {\n top : -4vh;\n }\n\n &.bottom {\n bottom : -4vh;\n }\n`;\n"],"names":["ToastsWrapperStyled","styled","div","SidebarWrapperStyled","ContentWrapperStyled"],"mappings":"ygBAKaA,EAAsBC,EAAOC,wJAOpCC,OAA0BC"}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
|
-
import
|
|
2
|
-
return
|
|
1
|
+
import t from"react";function o(t,o){var e={};for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&o.indexOf(r)<0&&(e[r]=t[r]);if(null!=t&&"function"==typeof Object.getOwnPropertySymbols){var n=0;for(r=Object.getOwnPropertySymbols(t);n<r.length;n++)o.indexOf(r[n])<0&&Object.prototype.propertyIsEnumerable.call(t,r[n])&&(e[r[n]]=t[r[n]])}return e}const e=t=>t.filter((t=>!!t)).join(" "),r=/*#__PURE__*/t.forwardRef(((r,n)=>{const{as:l,classNames:i=[],className:a,size:s,isFullWidth:d,isFullHeight:h,bgColor:g,bgColour:p,textColor:m,textColour:c,borderColor:b,borderColour:y,fillColor:O,fillColour:C,strokeColor:f,strokeColour:u,hideOnMobile:$,showOnlyOnMobile:w,hideOnTabletPortrait:T,showOnlyOnTabletPortrait:k,hideOnTabletLandscape:S,showOnlyOnTabletLandscape:v,hideOnDesktop:x,showOnlyOnDesktop:z,marginTop:I,marginRight:L,marginBottom:P,marginLeft:N,margin:j,paddingTop:E,paddingRight:R,paddingBottom:B,paddingLeft:D,padding:F,shadow:M,shape:H,opacity:W,horizontallyCentreThis:_,horizontallyCenterThis:q,verticallyCentreItems:A,verticallyCenterItems:G,pushItemsToEnds:J}=r,K=o(r,["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","horizontallyCentreThis","horizontallyCenterThis","verticallyCentreItems","verticallyCenterItems","pushItemsToEnds"]),Q=o(r,["as","className","classNames"]);/*#__PURE__*/
|
|
2
|
+
return t.createElement(l,Object.assign({ref:n},"string"!=typeof l&&l.hasOwnProperty("styledComponentId")?Q:K,{className:e([a,s&&`size-${s}`,d&&"full-width",h&&"full-height",g&&`bg-${String(g)}`,p&&`bg-${String(p)}`,m&&`text-${String(m)}`,c&&`text-${String(c)}`,b&&`border-${String(b)}`,y&&`border-${String(y)}`,O&&`fill-${String(O)}`,C&&`fill-${String(C)}`,f&&`stroke-${String(f)}`,u&&`stroke-${String(u)}`,$&&"hide-on-mobile",w&&"show-only-on-mobile",T&&"hide-on-tablet-portrait",k&&"show-only-on-tablet-portrait",S&&"hide-on-tablet-landscape",v&&"show-only-on-tablet-landscape",x&&"hide-on-desktop",z&&"show-only-on-desktop",I&&`margin-top-${I}`,L&&`margin-right-${L}`,P&&`margin-bottom-${P}`,N&&`margin-left-${N}`,j&&`margin-all-${j}`,E&&`padding-top-${E}`,R&&`padding-right-${R}`,B&&`padding-bottom-${B}`,D&&`padding-left-${D}`,F&&`padding-all-${F}`,M&&`shadow-${M}`,H&&`shape-${H}`,W&&`opacity-${W}`,_&&"horizontally-centre-this",q&&"horizontally-centre-this",A&&"vertically-centre-items",G&&"vertically-centre-items",J&&"push-to-ends"].concat(i))}))}));export{r as E,o as _};
|
|
3
3
|
//# sourceMappingURL=Element.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Element.js","sources":["../../../src/utils/classNames.ts","../../../src/components/Element/Element.tsx"],"sourcesContent":["export const createClassName = (classNames: any[]): string => {\n return classNames.filter((item) => !!item).join(\" \");\n};\n","import React from \"react\";\n\nimport { createClassName } from \"../../utils/classNames\";\n\nimport { ElementProps } from \"./constants\";\n\nexport const Element = React.forwardRef(<K extends {}>(props: ElementProps<K>, ref: React.LegacyRef<HTMLElement>) => {\n const {\n as : Component,\n classNames = [],\n className,\n size,\n isFullWidth,\n isFullHeight,\n bgColor,\n bgColour,\n textColor,\n textColour,\n borderColor,\n borderColour,\n fillColor,\n fillColour,\n strokeColor,\n strokeColour,\n hideOnMobile,\n showOnlyOnMobile,\n hideOnTabletPortrait,\n showOnlyOnTabletPortrait,\n hideOnTabletLandscape,\n showOnlyOnTabletLandscape,\n hideOnDesktop,\n showOnlyOnDesktop,\n marginTop,\n marginRight,\n marginBottom,\n marginLeft,\n margin,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft,\n padding,\n shadow,\n shape,\n opacity,\n ...minimalProps\n } = props;\n\n const { as, className : _, classNames : __, ...sanitizedProps } = props;\n\n return (\n <Component\n ref={ref}\n {...(typeof Component !== \"string\" && Component.hasOwnProperty(\"styledComponentId\") ? sanitizedProps : minimalProps )}\n className={createClassName(\n [\n className,\n size && `size-${size}`,\n isFullWidth && \"full-width\",\n isFullHeight && \"full-height\",\n bgColor && `bg-${String(bgColor)}`,\n bgColour && `bg-${String(bgColour)}`,\n textColor && `text-${String(textColor)}`,\n textColour && `text-${String(textColour)}`,\n borderColor && `border-${String(borderColor)}`,\n borderColour && `border-${String(borderColour)}`,\n fillColor && `fill-${String(fillColor)}`,\n fillColour && `fill-${String(fillColour)}`,\n strokeColor && `stroke-${String(strokeColor)}`,\n strokeColour && `stroke-${String(strokeColour)}`,\n hideOnMobile && \"hide-on-mobile\",\n showOnlyOnMobile && \"show-only-on-mobile\",\n hideOnTabletPortrait && \"hide-on-tablet-portrait\",\n showOnlyOnTabletPortrait && \"show-only-on-tablet-portrait\",\n hideOnTabletLandscape && \"hide-on-tablet-landscape\",\n showOnlyOnTabletLandscape && \"show-only-on-tablet-landscape\",\n hideOnDesktop && \"hide-on-desktop\",\n showOnlyOnDesktop && \"show-only-on-desktop\",\n marginTop && `margin-top-${marginTop}`,\n marginRight && `margin-right-${marginRight}`,\n marginBottom && `margin-bottom-${marginBottom}`,\n marginLeft && `margin-left-${marginLeft}`,\n margin && `margin-all-${margin}`,\n paddingTop && `padding-top-${paddingTop}`,\n paddingRight && `padding-right-${paddingRight}`,\n paddingBottom && `padding-bottom-${paddingBottom}`,\n paddingLeft && `padding-left-${paddingLeft}`,\n padding && `padding-all-${padding}`,\n shadow && `shadow-${shadow}`,\n shape && `shape-${shape}`,\n opacity && `opacity-${opacity}`,\n ].concat(classNames)\n )}\n />\n );\n}) as <K extends {}>(props: ElementProps<K> & { ref?: React.LegacyRef<HTMLElement> }) => React.ReactElement;\n"],"names":["createClassName","classNames","filter","item","join","Element","React","forwardRef","props","ref","as","Component","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","minimalProps","sanitizedProps","hasOwnProperty","String","concat"],"mappings":"gWAAO,MAAMA,EAAmBC,GACrBA,EAAWC,QAAQC,KAAWA,IAAMC,KAAK,KCKvCC,eAAUC,EAAMC,YAAW,CAAeC,EAAwBC,WAEvEC,GAAKC,EADHV,WAEFA,EAAa,GAFXW,UAGFA,EAHEC,KAIFA,EAJEC,YAKFA,EALEC,aAMFA,EANEC,QAOFA,EAPEC,SAQFA,EAREC,UASFA,EATEC,WAUFA,EAVEC,YAWFA,EAXEC,aAYFA,EAZEC,UAaFA,EAbEC,WAcFA,EAdEC,YAeFA,EAfEC,aAgBFA,EAhBEC,aAiBFA,EAjBEC,iBAkBFA,EAlBEC,qBAmBFA,EAnBEC,yBAoBFA,EApBEC,sBAqBFA,EArBEC,0BAsBFA,EAtBEC,cAuBFA,EAvBEC,kBAwBFA,EAxBEC,UAyBFA,EAzBEC,YA0BFA,EA1BEC,aA2BFA,EA3BEC,WA4BFA,EA5BEC,OA6BFA,EA7BEC,WA8BFA,EA9BEC,aA+BFA,EA/BEC,cAgCFA,EAhCEC,YAiCFA,EAjCEC,QAkCFA,EAlCEC,OAmCFA,EAnCEC,MAoCFA,EApCEC,QAqCFA,
|
|
1
|
+
{"version":3,"file":"Element.js","sources":["../../../src/utils/classNames.ts","../../../src/components/Element/Element.tsx"],"sourcesContent":["export const createClassName = (classNames: any[]): string => {\n return classNames.filter((item) => !!item).join(\" \");\n};\n","import React from \"react\";\n\nimport { createClassName } from \"../../utils/classNames\";\n\nimport { ElementProps } from \"./constants\";\n\nexport const Element = React.forwardRef(<K extends {}>(props: ElementProps<K>, ref: React.LegacyRef<HTMLElement>) => {\n const {\n as : Component,\n classNames = [],\n className,\n size,\n isFullWidth,\n isFullHeight,\n bgColor,\n bgColour,\n textColor,\n textColour,\n borderColor,\n borderColour,\n fillColor,\n fillColour,\n strokeColor,\n strokeColour,\n hideOnMobile,\n showOnlyOnMobile,\n hideOnTabletPortrait,\n showOnlyOnTabletPortrait,\n hideOnTabletLandscape,\n showOnlyOnTabletLandscape,\n hideOnDesktop,\n showOnlyOnDesktop,\n marginTop,\n marginRight,\n marginBottom,\n marginLeft,\n margin,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft,\n padding,\n shadow,\n shape,\n opacity,\n horizontallyCentreThis,\n horizontallyCenterThis,\n verticallyCentreItems,\n verticallyCenterItems,\n pushItemsToEnds,\n ...minimalProps\n } = props;\n\n const { as, className : _, classNames : __, ...sanitizedProps } = props;\n\n return (\n <Component\n ref={ref}\n {...(typeof Component !== \"string\" && Component.hasOwnProperty(\"styledComponentId\") ? sanitizedProps : minimalProps )}\n className={createClassName(\n [\n className,\n size && `size-${size}`,\n isFullWidth && \"full-width\",\n isFullHeight && \"full-height\",\n bgColor && `bg-${String(bgColor)}`,\n bgColour && `bg-${String(bgColour)}`,\n textColor && `text-${String(textColor)}`,\n textColour && `text-${String(textColour)}`,\n borderColor && `border-${String(borderColor)}`,\n borderColour && `border-${String(borderColour)}`,\n fillColor && `fill-${String(fillColor)}`,\n fillColour && `fill-${String(fillColour)}`,\n strokeColor && `stroke-${String(strokeColor)}`,\n strokeColour && `stroke-${String(strokeColour)}`,\n hideOnMobile && \"hide-on-mobile\",\n showOnlyOnMobile && \"show-only-on-mobile\",\n hideOnTabletPortrait && \"hide-on-tablet-portrait\",\n showOnlyOnTabletPortrait && \"show-only-on-tablet-portrait\",\n hideOnTabletLandscape && \"hide-on-tablet-landscape\",\n showOnlyOnTabletLandscape && \"show-only-on-tablet-landscape\",\n hideOnDesktop && \"hide-on-desktop\",\n showOnlyOnDesktop && \"show-only-on-desktop\",\n marginTop && `margin-top-${marginTop}`,\n marginRight && `margin-right-${marginRight}`,\n marginBottom && `margin-bottom-${marginBottom}`,\n marginLeft && `margin-left-${marginLeft}`,\n margin && `margin-all-${margin}`,\n paddingTop && `padding-top-${paddingTop}`,\n paddingRight && `padding-right-${paddingRight}`,\n paddingBottom && `padding-bottom-${paddingBottom}`,\n paddingLeft && `padding-left-${paddingLeft}`,\n padding && `padding-all-${padding}`,\n shadow && `shadow-${shadow}`,\n shape && `shape-${shape}`,\n opacity && `opacity-${opacity}`,\n horizontallyCentreThis && \"horizontally-centre-this\",\n horizontallyCenterThis && \"horizontally-centre-this\",\n verticallyCentreItems && \"vertically-centre-items\",\n verticallyCenterItems && \"vertically-centre-items\",\n pushItemsToEnds && \"push-to-ends\",\n ].concat(classNames)\n )}\n />\n );\n}) as <K extends {}>(props: ElementProps<K> & { ref?: React.LegacyRef<HTMLElement> }) => React.ReactElement;\n"],"names":["createClassName","classNames","filter","item","join","Element","React","forwardRef","props","ref","as","Component","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","horizontallyCentreThis","horizontallyCenterThis","verticallyCentreItems","verticallyCenterItems","pushItemsToEnds","minimalProps","sanitizedProps","hasOwnProperty","String","concat"],"mappings":"gWAAO,MAAMA,EAAmBC,GACrBA,EAAWC,QAAQC,KAAWA,IAAMC,KAAK,KCKvCC,eAAUC,EAAMC,YAAW,CAAeC,EAAwBC,WAEvEC,GAAKC,EADHV,WAEFA,EAAa,GAFXW,UAGFA,EAHEC,KAIFA,EAJEC,YAKFA,EALEC,aAMFA,EANEC,QAOFA,EAPEC,SAQFA,EAREC,UASFA,EATEC,WAUFA,EAVEC,YAWFA,EAXEC,aAYFA,EAZEC,UAaFA,EAbEC,WAcFA,EAdEC,YAeFA,EAfEC,aAgBFA,EAhBEC,aAiBFA,EAjBEC,iBAkBFA,EAlBEC,qBAmBFA,EAnBEC,yBAoBFA,EApBEC,sBAqBFA,EArBEC,0BAsBFA,EAtBEC,cAuBFA,EAvBEC,kBAwBFA,EAxBEC,UAyBFA,EAzBEC,YA0BFA,EA1BEC,aA2BFA,EA3BEC,WA4BFA,EA5BEC,OA6BFA,EA7BEC,WA8BFA,EA9BEC,aA+BFA,EA/BEC,cAgCFA,EAhCEC,YAiCFA,EAjCEC,QAkCFA,EAlCEC,OAmCFA,EAnCEC,MAoCFA,EApCEC,QAqCFA,EArCEC,uBAsCFA,EAtCEC,uBAuCFA,EAvCEC,sBAwCFA,EAxCEC,sBAyCFA,EAzCEC,gBA0CFA,GAEA3C,EADG4C,IACH5C,EA5CE,ooBA8CyC6C,IAAmB7C,EAA5D;OAGFF,gBAACK,iBACGF,IAAKA,GACqB,iBAAdE,GAA0BA,EAAU2C,eAAe,qBAAuBD,EAAiBD,GACvGxC,UAAWZ,EACP,CACIY,EACAC,WAAgBA,IAChBC,GAAe,aACfC,GAAgB,cAChBC,SAAiBuC,OAAOvC,KACxBC,SAAkBsC,OAAOtC,KACzBC,WAAqBqC,OAAOrC,KAC5BC,WAAsBoC,OAAOpC,KAC7BC,aAAyBmC,OAAOnC,KAChCC,aAA0BkC,OAAOlC,KACjCC,WAAqBiC,OAAOjC,KAC5BC,WAAsBgC,OAAOhC,KAC7BC,aAAyB+B,OAAO/B,KAChCC,aAA0B8B,OAAO9B,KACjCC,GAAgB,iBAChBC,GAAoB,sBACpBC,GAAwB,0BACxBC,GAA4B,+BAC5BC,GAAyB,2BACzBC,GAA6B,gCAC7BC,GAAiB,kBACjBC,GAAqB,uBACrBC,iBAA2BA,IAC3BC,mBAA+BA,IAC/BC,oBAAiCA,IACjCC,kBAA6BA,IAC7BC,iBAAwBA,IACxBC,kBAA6BA,IAC7BC,oBAAiCA,IACjCC,qBAAmCA,IACnCC,mBAA+BA,IAC/BC,kBAA0BA,IAC1BC,aAAoBA,IACpBC,YAAkBA,IAClBC,cAAsBA,IACtBC,GAA0B,2BAC1BC,GAA0B,2BAC1BC,GAAyB,0BACzBC,GAAyB,0BACzBC,GAAmB,gBACrBK,OAAOvD"}
|