fictoan-react 0.41.13 → 0.41.14
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 +3 -0
- package/dist/cjs/components/Badge/Badge.styled.js +1 -1
- package/dist/cjs/components/Badge/Badge.styled.js.map +1 -1
- package/dist/cjs/components/BottomDrawer/BottomDrawer.d.ts +4 -1
- package/dist/cjs/components/BottomDrawer/BottomDrawer.js +1 -1
- package/dist/cjs/components/BottomDrawer/BottomDrawer.js.map +1 -1
- package/dist/cjs/components/BottomDrawer/BottomDrawer.styled.d.ts +1 -1
- package/dist/cjs/components/BottomDrawer/BottomDrawer.styled.js +1 -1
- package/dist/cjs/components/BottomDrawer/BottomDrawer.styled.js.map +1 -1
- package/dist/cjs/components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.styled.js +1 -1
- package/dist/cjs/components/Breadcrumbs/BreadcrumbsWrapper/BreadcrumbsWrapper.styled.js +1 -1
- package/dist/cjs/components/Button/Button.styled.js +1 -1
- package/dist/cjs/components/Callout/Callout.styled.js +1 -1
- package/dist/cjs/components/Card/Card.styled.js +1 -1
- package/dist/cjs/components/Card/Card.styled.js.map +1 -1
- package/dist/cjs/components/CodeBlock/Code.styled.js +1 -1
- package/dist/cjs/components/ContentWrapper/ContentWrapper.styled.js +1 -1
- package/dist/cjs/components/ContentWrapper/ContentWrapper.styled.js.map +1 -1
- package/dist/cjs/components/ExpandableContent/ExpandableContent.styled.js +1 -1
- package/dist/cjs/components/ExpandableContent/ExpandableContent.styled.js.map +1 -1
- package/dist/cjs/components/Form/CheckBox/CheckBox.styled.js +1 -1
- package/dist/cjs/components/Form/CheckBox/CheckBox.styled.js.map +1 -1
- package/dist/cjs/components/Form/FormItem/FormItem.styled.js +1 -1
- package/dist/cjs/components/Form/FormItemGroup/FormItemGroup.styled.js +1 -1
- package/dist/cjs/components/Form/FormItemGroup/FormItemGroup.styled.js.map +1 -1
- package/dist/cjs/components/Form/FormWrapper/FormWrapper.styled.js +1 -1
- package/dist/cjs/components/Form/FormWrapper/FormWrapper.styled.js.map +1 -1
- package/dist/cjs/components/Form/InputField/InputField.styled.js +1 -1
- package/dist/cjs/components/Form/RadioButton/RadioButton.styled.js +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/Form/TextArea/TextArea.styled.js +1 -1
- package/dist/cjs/components/HRule/HRule.styled.js +1 -1
- package/dist/cjs/components/InfoPanel/InfoPanel.styled.js +1 -1
- package/dist/cjs/components/Notifications/NotificationsItem/NotificationItem.styled.js +1 -1
- package/dist/cjs/components/Notifications/NotificationsWrapper/NotificationsWrapper.styled.js +1 -1
- package/dist/cjs/components/Notifications/NotificationsWrapper/NotificationsWrapper.styled.js.map +1 -1
- package/dist/cjs/components/PinInputField/PinInputField.styled.js +1 -1
- package/dist/cjs/components/Portion/Portion.styled.js +1 -1
- package/dist/cjs/components/ProgressBar/ProgressBar.styled.js +1 -1
- package/dist/cjs/components/ProgressBar/ProgressBar.styled.js.map +1 -1
- package/dist/cjs/components/Row/Row.styled.js +1 -1
- package/dist/cjs/components/Row/Row.styled.js.map +1 -1
- package/dist/cjs/components/Sidebar/SidebarFooter/SidebarFooter.styled.js +1 -1
- package/dist/cjs/components/Sidebar/SidebarHeader/SidebarHeader.styled.js +1 -1
- package/dist/cjs/components/Sidebar/SidebarHeader/SidebarHeader.styled.js.map +1 -1
- package/dist/cjs/components/Sidebar/SidebarItem/SidebarItem.styled.js +1 -1
- package/dist/cjs/components/Sidebar/SidebarItemIcon/SidebarItemIcon.styled.js +1 -1
- package/dist/cjs/components/Sidebar/SidebarItemIcon/SidebarItemIcon.styled.js.map +1 -1
- package/dist/cjs/components/Sidebar/SidebarItemText/SidebarItemText.styled.js +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/Spinner/Spinner.styled.js +1 -1
- package/dist/cjs/components/Spinner/Spinner.styled.js.map +1 -1
- package/dist/cjs/components/Table/Table.styled.js +1 -1
- package/dist/cjs/components/Table/TablePagination/TablePagination.styled.js +1 -1
- package/dist/cjs/components/Tabs/Tabs.styled.js +1 -1
- package/dist/cjs/components/Tabs/Tabs.styled.js.map +1 -1
- package/dist/cjs/components/Toast/ToastItem/ToastItem.styled.js +1 -1
- package/dist/cjs/components/Toast/ToastItem/ToastItem.styled.js.map +1 -1
- package/dist/cjs/components/Toast/ToastsWrapper/ToastsWrapper.styled.js +1 -1
- package/dist/cjs/components/Tooltip/Tooltip.styled.js +1 -1
- package/dist/cjs/external/ThemeProvider.js.map +1 -1
- package/dist/es/components/Badge/Badge.styled.js +1 -1
- package/dist/es/components/Badge/Badge.styled.js.map +1 -1
- package/dist/es/components/BottomDrawer/BottomDrawer.d.ts +4 -1
- package/dist/es/components/BottomDrawer/BottomDrawer.js +1 -1
- package/dist/es/components/BottomDrawer/BottomDrawer.js.map +1 -1
- package/dist/es/components/BottomDrawer/BottomDrawer.styled.d.ts +1 -1
- package/dist/es/components/BottomDrawer/BottomDrawer.styled.js +1 -1
- package/dist/es/components/BottomDrawer/BottomDrawer.styled.js.map +1 -1
- package/dist/es/components/Breadcrumbs/BreadcrumbItem/BreadcrumbItem.styled.js +1 -1
- package/dist/es/components/Breadcrumbs/BreadcrumbsWrapper/BreadcrumbsWrapper.styled.js +1 -1
- package/dist/es/components/Button/Button.styled.js +1 -1
- package/dist/es/components/Callout/Callout.styled.js +1 -1
- package/dist/es/components/Card/Card.styled.js +1 -1
- package/dist/es/components/Card/Card.styled.js.map +1 -1
- package/dist/es/components/CodeBlock/Code.styled.js +1 -1
- package/dist/es/components/ContentWrapper/ContentWrapper.styled.js +1 -1
- package/dist/es/components/ContentWrapper/ContentWrapper.styled.js.map +1 -1
- package/dist/es/components/ExpandableContent/ExpandableContent.styled.js +1 -1
- package/dist/es/components/ExpandableContent/ExpandableContent.styled.js.map +1 -1
- package/dist/es/components/Form/CheckBox/CheckBox.styled.js +1 -1
- package/dist/es/components/Form/CheckBox/CheckBox.styled.js.map +1 -1
- package/dist/es/components/Form/FormItem/FormItem.styled.js +1 -1
- package/dist/es/components/Form/FormItemGroup/FormItemGroup.styled.js +1 -1
- package/dist/es/components/Form/FormItemGroup/FormItemGroup.styled.js.map +1 -1
- package/dist/es/components/Form/FormWrapper/FormWrapper.styled.js +1 -1
- package/dist/es/components/Form/FormWrapper/FormWrapper.styled.js.map +1 -1
- package/dist/es/components/Form/InputField/InputField.styled.js +1 -1
- package/dist/es/components/Form/RadioButton/RadioButton.styled.js +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/Form/TextArea/TextArea.styled.js +1 -1
- package/dist/es/components/HRule/HRule.styled.js +1 -1
- package/dist/es/components/InfoPanel/InfoPanel.styled.js +1 -1
- package/dist/es/components/Notifications/NotificationsItem/NotificationItem.styled.js +1 -1
- package/dist/es/components/Notifications/NotificationsWrapper/NotificationsWrapper.styled.js +1 -1
- package/dist/es/components/Notifications/NotificationsWrapper/NotificationsWrapper.styled.js.map +1 -1
- package/dist/es/components/PinInputField/PinInputField.styled.js +1 -1
- package/dist/es/components/Portion/Portion.styled.js +1 -1
- package/dist/es/components/ProgressBar/ProgressBar.styled.js +1 -1
- package/dist/es/components/ProgressBar/ProgressBar.styled.js.map +1 -1
- package/dist/es/components/Row/Row.styled.js +1 -1
- package/dist/es/components/Row/Row.styled.js.map +1 -1
- package/dist/es/components/Sidebar/SidebarFooter/SidebarFooter.styled.js +1 -1
- package/dist/es/components/Sidebar/SidebarHeader/SidebarHeader.styled.js +1 -1
- package/dist/es/components/Sidebar/SidebarHeader/SidebarHeader.styled.js.map +1 -1
- package/dist/es/components/Sidebar/SidebarItem/SidebarItem.styled.js +1 -1
- package/dist/es/components/Sidebar/SidebarItemIcon/SidebarItemIcon.styled.js +1 -1
- package/dist/es/components/Sidebar/SidebarItemIcon/SidebarItemIcon.styled.js.map +1 -1
- package/dist/es/components/Sidebar/SidebarItemText/SidebarItemText.styled.js +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/Spinner/Spinner.styled.js +1 -1
- package/dist/es/components/Spinner/Spinner.styled.js.map +1 -1
- package/dist/es/components/Table/Table.styled.js +1 -1
- package/dist/es/components/Table/TablePagination/TablePagination.styled.js +1 -1
- package/dist/es/components/Tabs/Tabs.styled.js +1 -1
- package/dist/es/components/Tabs/Tabs.styled.js.map +1 -1
- package/dist/es/components/Toast/ToastItem/ToastItem.styled.js +1 -1
- package/dist/es/components/Toast/ToastItem/ToastItem.styled.js.map +1 -1
- package/dist/es/components/Toast/ToastsWrapper/ToastsWrapper.styled.js +1 -1
- package/dist/es/components/Tooltip/Tooltip.styled.js +1 -1
- package/dist/es/external/ThemeProvider.js.map +1 -1
- package/package.json +2 -2
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"styled-components";import{c as r}from"../../external/helpers.js";import"../../external/DefaultColours.js";const s=e.div.withConfig({displayName:"ProgressBarMetaStyled",componentId:"-
|
|
1
|
+
import e from"styled-components";import{c as r}from"../../external/helpers.js";import"../../external/DefaultColours.js";const s=e.div.withConfig({displayName:"ProgressBarMetaStyled",componentId:"-1jxnme"})`display:flex;align-items:baseline;justify-content:space-between;margin-bottom:8px;p:first-of-type{display:inline-flex;font-weight:bold;margin:0;color:${e=>e.theme.progressBar.label};}p:last-of-type{display:inline-flex;text-align:right;margin:0;color:${e=>e.theme.progressBar.value};}`,a=e.progress.withConfig({displayName:"ProgressBarStyled",componentId:"-1l3eetg"})`display:flex;flex-wrap:wrap;flex-direction:row;width:100%;&[value]{position:relative;flex:1 1 100%;height:${e=>e.height};background:${e=>r(e.barBg)||e.theme.progressBar.bg};box-shadow:0 2px 8px -2px hsla(0, 0, 0, 0.24)inset;}&[value]::-webkit-progress-bar{background:${e=>r(e.barBg)||e.theme.progressBar.bg};box-shadow:0 2px 8px -2px hsla(0, 0, 0, 0.24)inset;}&::-webkit-progress-value{background:${e=>r(e.barFill)||e.theme.progressBar.fill};}&[value]::-moz-progress-bar{background:${e=>r(e.barFill)||e.theme.progressBar.fill};}&.shape-rounded::-webkit-progress-value,&.shape-rounded,&.shape-rounded::-webkit-progress-bar{border-radius:${e=>e.theme.progressBar.borderRadius};}&.shape-rounded::-moz-progress-bar{border-radius:${e=>e.theme.progressBar.borderRadius};}&.shape-curved::-webkit-progress-value,&.shape-curved,&.shape-curved::-webkit-progress-bar{border-radius:8000px;}&.shape-curved::-moz-progress-bar{border-radius:8000px;}`;export{s as ProgressBarMetaStyled,a as ProgressBarStyled};
|
|
2
2
|
//# sourceMappingURL=ProgressBar.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressBar.styled.js","sources":["../../../../src/components/ProgressBar/ProgressBar.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { ProgressBarMetaProps, ProgressBarProps } from \"./ProgressBar\";\nimport { convertToFictoanColor } from \"../../utils/helpers\";\nimport { ColourPropTypes } from \"../Element/constants\";\n\n\nexport const ProgressBarMetaStyled = styled.div`\n display : flex;\n align-items : baseline;\n justify-content : space-between;\n margin-bottom : 8px;\n\n p:first-of-type {\n display : inline-flex;\n font-weight : bold;\n margin : 0;\n color : ${(props : ProgressBarMetaProps) => props.theme.progressBar.label};\n }\n\n p:last-of-type {\n display : inline-flex;\n text-align : right;\n margin : 0;\n color : ${(props : ProgressBarMetaProps) => props.theme.progressBar.value};\n }\n`;\n\nexport const ProgressBarStyled = styled.progress`\n display : flex;\n flex-wrap : wrap;\n flex-direction : row;\n width : 100%;\n\n &[value] {\n position : relative;\n flex : 1 1 100%;\n height : ${(props : ProgressBarProps) => props.height};\n background : ${(props : ProgressBarProps) => convertToFictoanColor(props.barBg as ColourPropTypes) || props.theme.progressBar.bg};\n box-shadow : 0 2px 8px -2px hsla(0, 0, 0, 0.24) inset;\n }\n\n &[value]::-webkit-progress-bar {\n background : ${(props : ProgressBarProps) => convertToFictoanColor(props.barBg as ColourPropTypes) || props.theme.progressBar.bg};\n box-shadow : 0 2px 8px -2px hsla(0, 0, 0, 0.24) inset;\n }\n\n &::-webkit-progress-value {\n background : ${(props : ProgressBarProps) => convertToFictoanColor(props.barFill as ColourPropTypes) || props.theme.progressBar.fill};\n }\n\n &[value]::-moz-progress-bar {\n background : ${(props : ProgressBarProps) => convertToFictoanColor(props.barFill as ColourPropTypes) || props.theme.progressBar.fill};\n }\n\n &.shape-rounded::-webkit-progress-value, &.shape-rounded, &.shape-rounded::-webkit-progress-bar {\n border-radius : ${(props : ProgressBarProps) => props.theme.progressBar.borderRadius};\n }\n\n &.shape-rounded::-moz-progress-bar {\n border-radius : ${(props : ProgressBarProps) => props.theme.progressBar.borderRadius};\n }\n\n &.shape-curved::-webkit-progress-value, &.shape-curved, &.shape-curved::-webkit-progress-bar {\n border-radius : 8000px;\n }\n\n &.shape-curved::-moz-progress-bar {\n border-radius : 8000px;\n }\n`;\n"],"names":["ProgressBarMetaStyled","styled","div","props","theme","progressBar","label","value","ProgressBarStyled","progress","height","convertToFictoanColor","barBg","bg","barFill","fill","borderRadius"],"mappings":"8HAOaA,EAAwBC,EAAOC,
|
|
1
|
+
{"version":3,"file":"ProgressBar.styled.js","sources":["../../../../src/components/ProgressBar/ProgressBar.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { ProgressBarMetaProps, ProgressBarProps } from \"./ProgressBar\";\nimport { convertToFictoanColor } from \"../../utils/helpers\";\nimport { ColourPropTypes } from \"../Element/constants\";\n\n\nexport const ProgressBarMetaStyled = styled.div`\n display : flex;\n align-items : baseline;\n justify-content : space-between;\n margin-bottom : 8px;\n\n p:first-of-type {\n display : inline-flex;\n font-weight : bold;\n margin : 0;\n color : ${(props : ProgressBarMetaProps) => props.theme.progressBar.label};\n }\n\n p:last-of-type {\n display : inline-flex;\n text-align : right;\n margin : 0;\n color : ${(props : ProgressBarMetaProps) => props.theme.progressBar.value};\n }\n`;\n\nexport const ProgressBarStyled = styled.progress`\n display : flex;\n flex-wrap : wrap;\n flex-direction : row;\n width : 100%;\n\n &[value] {\n position : relative;\n flex : 1 1 100%;\n height : ${(props : ProgressBarProps) => props.height};\n background : ${(props : ProgressBarProps) => convertToFictoanColor(props.barBg as ColourPropTypes) || props.theme.progressBar.bg};\n box-shadow : 0 2px 8px -2px hsla(0, 0, 0, 0.24) inset;\n }\n\n &[value]::-webkit-progress-bar {\n background : ${(props : ProgressBarProps) => convertToFictoanColor(props.barBg as ColourPropTypes) || props.theme.progressBar.bg};\n box-shadow : 0 2px 8px -2px hsla(0, 0, 0, 0.24) inset;\n }\n\n &::-webkit-progress-value {\n background : ${(props : ProgressBarProps) => convertToFictoanColor(props.barFill as ColourPropTypes) || props.theme.progressBar.fill};\n }\n\n &[value]::-moz-progress-bar {\n background : ${(props : ProgressBarProps) => convertToFictoanColor(props.barFill as ColourPropTypes) || props.theme.progressBar.fill};\n }\n\n &.shape-rounded::-webkit-progress-value, &.shape-rounded, &.shape-rounded::-webkit-progress-bar {\n border-radius : ${(props : ProgressBarProps) => props.theme.progressBar.borderRadius};\n }\n\n &.shape-rounded::-moz-progress-bar {\n border-radius : ${(props : ProgressBarProps) => props.theme.progressBar.borderRadius};\n }\n\n &.shape-curved::-webkit-progress-value, &.shape-curved, &.shape-curved::-webkit-progress-bar {\n border-radius : 8000px;\n }\n\n &.shape-curved::-moz-progress-bar {\n border-radius : 8000px;\n }\n`;\n"],"names":["ProgressBarMetaStyled","styled","div","props","theme","progressBar","label","value","ProgressBarStyled","progress","height","convertToFictoanColor","barBg","bg","barFill","fill","borderRadius"],"mappings":"8HAOaA,EAAwBC,EAAOC,oOAUnBC,GAAiCA,EAAMC,MAAMC,YAAYC,6EAO1DH,GAAiCA,EAAMC,MAAMC,YAAYE,UAIpEC,EAAoBP,EAAOQ,0LAShBN,GAA6BA,EAAMO,qBACnCP,GAA6BQ,EAAsBR,EAAMS,QAA6BT,EAAMC,MAAMC,YAAYQ,oGAK9GV,GAA6BQ,EAAsBR,EAAMS,QAA6BT,EAAMC,MAAMC,YAAYQ,+FAK9GV,GAA6BQ,EAAsBR,EAAMW,UAA+BX,EAAMC,MAAMC,YAAYU,gDAIhHZ,GAA6BQ,EAAsBR,EAAMW,UAA+BX,EAAMC,MAAMC,YAAYU,qHAI7GZ,GAA6BA,EAAMC,MAAMC,YAAYW,kEAIrDb,GAA6BA,EAAMC,MAAMC,YAAYW"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import d from"styled-components";import{PortionStyled as i}from"../Portion/Portion.styled.js";const g=d.div.withConfig({displayName:"RowStyled",componentId:"-
|
|
1
|
+
import d from"styled-components";import{PortionStyled as i}from"../Portion/Portion.styled.js";const g=d.div.withConfig({displayName:"RowStyled",componentId:"-1jeoeqg"})`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}: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}:not([class*="on-tablet-portrait"]){grid-column:span 24;}}`;export{g as RowStyled};
|
|
2
2
|
//# sourceMappingURL=Row.styled.js.map
|
|
@@ -1 +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-tablet-portrait) > ${PortionStyled}:not([class*=\"on-tablet-portrait\"]) { grid-column : span 24; }\n }\n`;\n"],"names":["RowStyled","styled","div","PortionStyled"],"mappings":"oGAKaA,EAAYC,EAAOC,
|
|
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-tablet-portrait) > ${PortionStyled}:not([class*=\"on-tablet-portrait\"]) { grid-column : span 24; }\n }\n`;\n"],"names":["RowStyled","styled","div","PortionStyled"],"mappings":"oGAKaA,EAAYC,EAAOC,2kEAuJYC,yJAISA"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import o from"styled-components";const
|
|
1
|
+
import o from"styled-components";const t=o.footer.withConfig({displayName:"SidebarFooterStyled",componentId:"-st643u"})`display:grid;width:100%;align-self:end;order:1;position:sticky;bottom:0;left:0;margin:0;margin-top:auto;background-color:${o=>o.theme.sidebar.footer.bg};border-top:1px solid ${o=>o.theme.sidebar.footer.borderTop};`;export{t as SidebarFooterStyled};
|
|
2
2
|
//# sourceMappingURL=SidebarFooter.styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"styled-components";const t=e.header.withConfig({displayName:"SidebarHeaderStyled",componentId:"-
|
|
1
|
+
import e from"styled-components";const t=e.header.withConfig({displayName:"SidebarHeaderStyled",componentId:"-1sovmg6"})`display:flex;width:100%;min-height:80px;align-content:center;order:-1;align-items:center;justify-content:center;transition:all 0.4s ease-in-out;background-color:${e=>e.theme.sidebar.header.bg};border-bottom:1px solid ${e=>e.theme.sidebar.header.borderBottom};&.is-sticky{position:sticky;top:0;left:0;}*{line-height:1;text-align:center;}.header-logo{display:block;width:${e=>e.theme.sidebar.header.logoWidth};}.header-icon{display:none;}`;export{t as SidebarHeaderStyled};
|
|
2
2
|
//# sourceMappingURL=SidebarHeader.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SidebarHeader.styled.js","sources":["../../../../../src/components/Sidebar/SidebarHeader/SidebarHeader.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SidebarHeaderProps } from \"./SidebarHeader\";\n\nexport const SidebarHeaderStyled = styled.header`\n display : flex;\n width : 100%;\n min-height : 80px;\n align-content : center;\n order : -1;\n align-items : center;\n justify-content : center;\n transition : all 0.4s ease-in-out;\n background-color : ${(props : SidebarHeaderProps) => props.theme.sidebar.header.bg};\n border-bottom : 1px solid ${(props : SidebarHeaderProps) => props.theme.sidebar.header.borderBottom};\n\n &.is-sticky {\n position : sticky;\n top : 0;\n left : 0;\n }\n\n * {\n line-height : 1;\n text-align : center;\n }\n\n .header-logo {\n display : block;\n width : ${(props : SidebarHeaderProps) => props.theme.sidebar.header.logoWidth};\n }\n\n .header-icon {\n display : none;\n }\n`;\n"],"names":["SidebarHeaderStyled","styled","header","props","theme","sidebar","bg","borderBottom","logoWidth"],"mappings":"uCAIaA,EAAsBC,EAAOC,
|
|
1
|
+
{"version":3,"file":"SidebarHeader.styled.js","sources":["../../../../../src/components/Sidebar/SidebarHeader/SidebarHeader.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SidebarHeaderProps } from \"./SidebarHeader\";\n\nexport const SidebarHeaderStyled = styled.header`\n display : flex;\n width : 100%;\n min-height : 80px;\n align-content : center;\n order : -1;\n align-items : center;\n justify-content : center;\n transition : all 0.4s ease-in-out;\n background-color : ${(props : SidebarHeaderProps) => props.theme.sidebar.header.bg};\n border-bottom : 1px solid ${(props : SidebarHeaderProps) => props.theme.sidebar.header.borderBottom};\n\n &.is-sticky {\n position : sticky;\n top : 0;\n left : 0;\n }\n\n * {\n line-height : 1;\n text-align : center;\n }\n\n .header-logo {\n display : block;\n width : ${(props : SidebarHeaderProps) => props.theme.sidebar.header.logoWidth};\n }\n\n .header-icon {\n display : none;\n }\n`;\n"],"names":["SidebarHeaderStyled","styled","header","props","theme","sidebar","bg","borderBottom","logoWidth"],"mappings":"uCAIaA,EAAsBC,EAAOC,iPAShBC,GAA+BA,EAAMC,MAAMC,QAAQH,OAAOI,8BAChDH,GAA+BA,EAAMC,MAAMC,QAAQH,OAAOK,8HAezEJ,GAA+BA,EAAMC,MAAMC,QAAQH,OAAOM"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"styled-components";import{SidebarItemTextStyled as t}from"../SidebarItemText/SidebarItemText.styled.js";const o=e.div.withConfig({displayName:"SidebarItemStyled",componentId:"-
|
|
1
|
+
import e from"styled-components";import{SidebarItemTextStyled as t}from"../SidebarItemText/SidebarItemText.styled.js";const o=e.div.withConfig({displayName:"SidebarItemStyled",componentId:"-wtdxm9"})`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,2 +1,2 @@
|
|
|
1
|
-
import e from"styled-components";const i=e.div.withConfig({displayName:"SidebarItemIconStyled",componentId:"-
|
|
1
|
+
import e from"styled-components";const i=e.div.withConfig({displayName:"SidebarItemIconStyled",componentId:"-1z0muii"})`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};}`;export{i as SidebarItemIconStyled};
|
|
2
2
|
//# sourceMappingURL=SidebarItemIcon.styled.js.map
|
|
@@ -1 +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.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","styled","div","props","theme","sidebar","icons","size","stroked","default","line","thickness","onHover","filled","bg"],"mappings":"uCAKaA,EAAwBC,EAAOC,
|
|
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.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","styled","div","props","theme","sidebar","icons","size","stroked","default","line","thickness","onHover","filled","bg"],"mappings":"uCAKaA,EAAwBC,EAAOC,kGAEtBC,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"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e from"styled-components";const
|
|
1
|
+
import e from"styled-components";const o=e.p.withConfig({displayName:"SidebarItemTextStyled",componentId:"-14ipdx3"})`margin:0;overflow:hidden;-webkit-line-clamp:1;`;export{o as SidebarItemTextStyled};
|
|
2
2
|
//# sourceMappingURL=SidebarItemText.styled.js.map
|
|
@@ -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:"-
|
|
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:"-5dcoly"})`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:${e=>e.theme.sidebar.header.logoWidth};height:${e=>e.theme.sidebar.header.iconWidth};}}${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\";\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 : ${(props : SidebarWrapperProps) => props.theme.sidebar.header.logoWidth};\n height : ${(props : SidebarWrapperProps) => props.theme.sidebar.header.iconWidth};\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","header","logoWidth","iconWidth","SidebarItemTextStyled","SidebarItemStyled","SidebarItemIconStyled","label","text","SidebarFooterStyled","onHover","isSelected","border","icons","stroked","isActive","line","filled"],"mappings":"wbAaaA,EAAuBC,EAAOC,
|
|
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 : ${(props : SidebarWrapperProps) => props.theme.sidebar.header.logoWidth};\n height : ${(props : SidebarWrapperProps) => props.theme.sidebar.header.iconWidth};\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","header","logoWidth","iconWidth","SidebarItemTextStyled","SidebarItemStyled","SidebarItemIconStyled","label","text","SidebarFooterStyled","onHover","isSelected","border","icons","stroked","isActive","line","filled"],"mappings":"wbAaaA,EAAuBC,EAAOC,6JAOjBC,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,iEAKmBT,GAAgCA,EAAMC,MAAMC,QAAQQ,OAAOC,oBAC3DX,GAAgCA,EAAMC,MAAMC,QAAQQ,OAAOE,eAI9EC,qCAKAC,WAA2BC,OAA2BF,gHAO9Bb,GAA+BA,EAAMC,MAAMC,QAAQM,YAAYQ,MAAMZ,YACrEJ,GAA+BA,EAAMC,MAAMC,QAAQM,YAAYQ,MAAMC,sEAK7FC,0CAKSlB,GAA+BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQW,6BAGrDjB,GAA+BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQW,yBAErEjB,GAAgCA,EAAMC,MAAMC,QAAQG,MAAMc,QAAQF,mEAK/DjB,GAA+BA,EAAMC,MAAMC,QAAQG,MAAMe,WAAWhB,0KAYtDJ,GAA+BA,EAAMC,MAAMC,QAAQG,MAAMe,WAAWC,gDAKlFrB,GAAgCA,EAAMC,MAAMC,QAAQoB,MAAMC,QAAQC,SAASC,6CAKjFzB,GAAgCA,EAAMC,MAAMC,QAAQoB,MAAMI,OAAOF,SAASpB,eAG3EJ,GAAgCA,EAAMC,MAAMC,QAAQG,MAAMe,WAAWH"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import t from"styled-components";const e=t.div.withConfig({displayName:"SpinnerStyled",componentId:"-
|
|
1
|
+
import t from"styled-components";const e=t.div.withConfig({displayName:"SpinnerStyled",componentId:"-1qgcu7z"})`position:relative;padding:8px;border:3px solid;border-top-color:transparent;border-right-color:transparent;color:transparent !important;box-shadow:none;user-select:none;pointer-events:none;&::after{display:block;position:absolute;margin:auto;left:0;top:0;bottom:0;right:0;height:16px;width:16px;border-radius:50%;content:"";border:3px solid;border-color:${t=>t.theme.spinner.color};border-top-color:transparent;border-right-color:transparent;-webkit-animation:spinner 0.4s infinite linear;animation:spinner 0.4s infinite linear;}&.size-tiny{padding:4px;&::after{height:8px;width:8px;}}&.size-small{padding:6px;&::after{height:12px;width:12px;}}&.size-large{padding:16px;&::after{height:32px;width:32px;}}&.size-huge{padding:24px;&::after{height:48px;width:48px;}}@-webkit-keyframes spinner{from{-webkit-transform:rotate(0deg);}to{-webkit-transform:rotate(359deg);}}@keyframes spinner{from{transform:rotate(0deg);}to{transform:rotate(359deg);}}`;export{e as SpinnerStyled};
|
|
2
2
|
//# sourceMappingURL=Spinner.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.styled.js","sources":["../../../../src/components/Spinner/Spinner.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SpinnerProps } from \"./Spinner\";\n\nexport const SpinnerStyled = styled.div`\n position : relative;\n padding : 8px;\n border : 3px solid;\n border-top-color : transparent;\n border-right-color : transparent;\n color : transparent !important;\n box-shadow : none;\n user-select : none;\n pointer-events : none;\n\n &::after {\n display : block;\n position : absolute;\n margin : auto;\n left : 0;\n top : 0;\n bottom : 0;\n right : 0;\n height : 16px;\n width : 16px;\n border-radius : 50%;\n content : \"\";\n border : 3px solid;\n border-color : ${(props : SpinnerProps) => props.theme.spinner.color};\n border-top-color : transparent;\n border-right-color : transparent;\n -webkit-animation : spinner 0.4s infinite linear;\n animation : spinner 0.4s infinite linear;\n }\n\n // DIFFERENT SIZES //////////////////////////////////////////////////////\n &.size-tiny {\n padding : 4px;\n\n &::after {\n height : 8px;\n width : 8px;\n }\n }\n\n &.size-small {\n padding : 6px;\n\n &::after {\n height : 12px;\n width : 12px;\n }\n }\n\n &.size-large {\n padding : 16px;\n\n &::after {\n height : 32px;\n width : 32px;\n }\n }\n\n &.size-huge {\n padding : 24px;\n\n &::after {\n height : 48px;\n width : 48px;\n }\n }\n\n /* Animation for loader */\n @-webkit-keyframes spinner {\n from {\n -webkit-transform : rotate(0deg);\n }\n to {\n -webkit-transform : rotate(359deg);\n }\n }\n\n @keyframes spinner {\n from {\n transform : rotate(0deg);\n }\n to {\n transform : rotate(359deg);\n }\n }\n`;\n"],"names":["SpinnerStyled","styled","div","props","theme","spinner","color"],"mappings":"uCAIaA,EAAgBC,EAAOC,
|
|
1
|
+
{"version":3,"file":"Spinner.styled.js","sources":["../../../../src/components/Spinner/Spinner.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { SpinnerProps } from \"./Spinner\";\n\nexport const SpinnerStyled = styled.div`\n position : relative;\n padding : 8px;\n border : 3px solid;\n border-top-color : transparent;\n border-right-color : transparent;\n color : transparent !important;\n box-shadow : none;\n user-select : none;\n pointer-events : none;\n\n &::after {\n display : block;\n position : absolute;\n margin : auto;\n left : 0;\n top : 0;\n bottom : 0;\n right : 0;\n height : 16px;\n width : 16px;\n border-radius : 50%;\n content : \"\";\n border : 3px solid;\n border-color : ${(props : SpinnerProps) => props.theme.spinner.color};\n border-top-color : transparent;\n border-right-color : transparent;\n -webkit-animation : spinner 0.4s infinite linear;\n animation : spinner 0.4s infinite linear;\n }\n\n // DIFFERENT SIZES //////////////////////////////////////////////////////\n &.size-tiny {\n padding : 4px;\n\n &::after {\n height : 8px;\n width : 8px;\n }\n }\n\n &.size-small {\n padding : 6px;\n\n &::after {\n height : 12px;\n width : 12px;\n }\n }\n\n &.size-large {\n padding : 16px;\n\n &::after {\n height : 32px;\n width : 32px;\n }\n }\n\n &.size-huge {\n padding : 24px;\n\n &::after {\n height : 48px;\n width : 48px;\n }\n }\n\n /* Animation for loader */\n @-webkit-keyframes spinner {\n from {\n -webkit-transform : rotate(0deg);\n }\n to {\n -webkit-transform : rotate(359deg);\n }\n }\n\n @keyframes spinner {\n from {\n transform : rotate(0deg);\n }\n to {\n transform : rotate(359deg);\n }\n }\n`;\n"],"names":["SpinnerStyled","styled","div","props","theme","spinner","color"],"mappings":"uCAIaA,EAAgBC,EAAOC,yaAwBJC,GAAyBA,EAAMC,MAAMC,QAAQC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import t from"styled-components";const e=t.table.withConfig({displayName:"TableStyled",componentId:"-
|
|
1
|
+
import t from"styled-components";const e=t.table.withConfig({displayName:"TableStyled",componentId:"-dclw55"})`color:${t=>t.theme.table.text};font-family:${t=>t.theme.text.paras.font};&:not([class*="bg-"]){background-color:${t=>t.theme.table.bg};}&.bordered-rows td,&.bordered-rows th{border:0 solid ${t=>t.theme.table.border};border-bottom-width:1px;}&.bordered-columns td,&.bordered-columns th{border:0 solid ${t=>t.theme.table.border};border-right-width:1px;}&.bordered-both td,&.bordered-both th{border:1px solid ${t=>t.theme.table.border};}&.padding-all-tiny th,&.padding-all-tiny td{padding:4px 8px;}&.padding-all-small th,&.padding-all-small td{padding:8px 16px;}&.padding-all-medium th,&.padding-all-medium td{padding:16px 24px;}&.padding-all-large th,&.padding-all-large td{padding:24px 32px;}&.padding-all-huge th,&.padding-all-huge td{padding:32px 40px;}&.striped thead tr{background-color:${t=>t.theme.table.striped.header.bg};}&.striped tbody tr:not(.is-selected):nth-child(even){background-color:${t=>t.theme.table.striped.cell.bg};}&.hoverable tbody tr:hover{background-color:${t=>t.theme.table.onHover.bg} !important;color:${t=>t.theme.table.onHover.text};transition:all 0.2s;cursor:pointer;}&.align-text-left th,&.align-text-left td{text-align:left;}&.align-text-right th,&.align-text-right td{text-align:right;}&.align-text-centre th,&.align-text-centre td,&.align-text-center th,&.align-text-center td{text-align:center;}`;export{e as TableStyled};
|
|
2
2
|
//# sourceMappingURL=Table.styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import i from"styled-components";const t=i.div.withConfig({displayName:"TablePaginationStyled",componentId:"-
|
|
1
|
+
import i from"styled-components";const t=i.div.withConfig({displayName:"TablePaginationStyled",componentId:"-1cbh180"})`.nav-icon{width:32px;height:32px;cursor:pointer;z-index:1000;svg{width:24px;margin:4px;}span{opacity:0;visibility:hidden;position:relative;align-self:center;white-space:nowrap;background-color:${i=>i.theme.tablePagination.bg};color:${i=>i.theme.tablePagination.text};padding:2px 8px;font-size:14px;border-radius:4px;transition:all 0.2s;box-shadow:0 1px 1px -4px rgba(0, 0, 0, 0.04),0 8px 12px -4px rgba(0, 0, 0, 0.08);}&:hover{svg{stroke:${i=>i.theme.tablePagination.svg.onHover.stroke};}span{opacity:1;visibility:visible;}}}`;export{t as TablePaginationStyled};
|
|
2
2
|
//# sourceMappingURL=TablePagination.styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import t from"styled-components";const e=t.section.withConfig({displayName:"TabsStyled",componentId:"-
|
|
1
|
+
import t from"styled-components";const e=t.section.withConfig({displayName:"TabsStyled",componentId:"-peov8h"})`nav{width:100%;display:flex;p{position:relative;}p:not(last-child){margin-right:24px;color:${t=>t.theme.tabs.label.default.text};font-weight:400;padding:16px 0;border-bottom:2px solid transparent;}p:hover{color:${t=>t.theme.tabs.label.onHover.text};}p.is-active{color:${t=>t.theme.tabs.label.isActive.text};}p.is-right-aligned{margin-left:auto;margin-right:0;}p.is-active::after{display:block;position:absolute;width:100%;height:3px;bottom:-3px;left:0;content:"";border-top-left-radius:3px;border-top-right-radius:3px;background-color:${t=>t.theme.tabs.label.isActive.border};}p.has-alert::after{position:absolute;top:12px;left:94%;border:3px solid ${t=>t.theme.tabs.label.hasAlert.circle.border};width:14px;height:14px;background-color:${t=>t.theme.tabs.label.hasAlert.circle.bg};border-radius:50%;}p.disabled-navlink{color:${t=>t.theme.tabs.label.isDisabled.text};;cursor:not-allowed;}}hr{margin:0 0 16px 0;}.tabs-content{opacity:1;transition:opacity 0.4s ease-in-out;&.exiting{opacity:0;}}`;export{e as TabsStyled};
|
|
2
2
|
//# sourceMappingURL=Tabs.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tabs.styled.js","sources":["../../../../src/components/Tabs/Tabs.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const TabsStyled = styled.section`\n nav {\n width : 100%;\n display : flex;\n\n p { position : relative; }\n\n p:not(last-child) {\n margin-right : 24px;\n color : ${props => props.theme.tabs.label.default.text};\n font-weight : 400;\n padding : 16px 0;\n border-bottom : 2px solid transparent;\n }\n \n p:hover { color : ${props => props.theme.tabs.label.onHover.text}; }\n\n p.is-active { color : ${props => props.theme.tabs.label.isActive.text}; }\n \n p.is-right-aligned {\n margin-left : auto;\n margin-right : 0;\n }\n\n p.is-active::after {\n display : block;\n position : absolute;\n width : 100%;\n height : 3px;\n bottom : -3px;\n left : 0;\n content : \"\";\n border-top-left-radius : 3px;\n border-top-right-radius : 3px;\n background-color : ${props => props.theme.tabs.label.isActive.border};\n }\n \n p.has-alert::after {\n position : absolute;\n top : 12px;\n left : 94%;\n border : 3px solid ${props => props.theme.tabs.label.hasAlert.circle.border};\n width : 14px;\n height : 14px;\n background-color : ${props => props.theme.tabs.label.hasAlert.circle.bg};\n border-radius : 50%;\n }\n \n p.disabled-navlink {\n color : ${props => props.theme.tabs.label.isDisabled.text};;\n cursor : not-allowed;\n }\n }\n\n hr { margin : 0 0 16px 0; }\n\n .tabs-content {\n opacity : 1;\n transition : opacity 0.4s ease-in-out;\n\n &.exiting { opacity: 0; }\n }\n`;\n"],"names":["TabsStyled","styled","section","props","theme","tabs","label","default","text","onHover","isActive","border","hasAlert","circle","bg","isDisabled"],"mappings":"uCAEaA,EAAaC,EAAOC,
|
|
1
|
+
{"version":3,"file":"Tabs.styled.js","sources":["../../../../src/components/Tabs/Tabs.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nexport const TabsStyled = styled.section`\n nav {\n width : 100%;\n display : flex;\n\n p { position : relative; }\n\n p:not(last-child) {\n margin-right : 24px;\n color : ${props => props.theme.tabs.label.default.text};\n font-weight : 400;\n padding : 16px 0;\n border-bottom : 2px solid transparent;\n }\n \n p:hover { color : ${props => props.theme.tabs.label.onHover.text}; }\n\n p.is-active { color : ${props => props.theme.tabs.label.isActive.text}; }\n \n p.is-right-aligned {\n margin-left : auto;\n margin-right : 0;\n }\n\n p.is-active::after {\n display : block;\n position : absolute;\n width : 100%;\n height : 3px;\n bottom : -3px;\n left : 0;\n content : \"\";\n border-top-left-radius : 3px;\n border-top-right-radius : 3px;\n background-color : ${props => props.theme.tabs.label.isActive.border};\n }\n \n p.has-alert::after {\n position : absolute;\n top : 12px;\n left : 94%;\n border : 3px solid ${props => props.theme.tabs.label.hasAlert.circle.border};\n width : 14px;\n height : 14px;\n background-color : ${props => props.theme.tabs.label.hasAlert.circle.bg};\n border-radius : 50%;\n }\n \n p.disabled-navlink {\n color : ${props => props.theme.tabs.label.isDisabled.text};;\n cursor : not-allowed;\n }\n }\n\n hr { margin : 0 0 16px 0; }\n\n .tabs-content {\n opacity : 1;\n transition : opacity 0.4s ease-in-out;\n\n &.exiting { opacity: 0; }\n }\n`;\n"],"names":["TabsStyled","styled","section","props","theme","tabs","label","default","text","onHover","isActive","border","hasAlert","circle","bg","isDisabled"],"mappings":"uCAEaA,EAAaC,EAAOC,kKASHC,GAASA,EAAMC,MAAMC,KAAKC,MAAMC,QAAQC,0FAM1CL,GAASA,EAAMC,MAAMC,KAAKC,MAAMG,QAAQD,2BAEpCL,GAASA,EAAMC,MAAMC,KAAKC,MAAMI,SAASF,4OAiBjCL,GAASA,EAAMC,MAAMC,KAAKC,MAAMI,SAASC,mFAOtCR,GAASA,EAAMC,MAAMC,KAAKC,MAAMM,SAASC,OAAOF,kDAG1DR,GAASA,EAAMC,MAAMC,KAAKC,MAAMM,SAASC,OAAOC,kDAK1DX,GAASA,EAAMC,MAAMC,KAAKC,MAAMS,WAAWP"}
|
|
@@ -1,2 +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:"ToastItemStyled",componentId:"-
|
|
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:"ToastItemStyled",componentId:"-sbrqcm"})`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 ToastItemStyled};
|
|
2
2
|
//# sourceMappingURL=ToastItem.styled.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToastItem.styled.js","sources":["../../../../../src/components/Toast/ToastItem/ToastItem.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { ToastItemProps } from \"./ToastItem\";\nimport { ToastsWrapperStyled } from \"../ToastsWrapper/ToastsWrapper.styled\";\n\n\nexport const ToastItemStyled = styled.div`\n position : relative;\n display : flex;\n width : fit-content;\n height : fit-content;\n border-radius : ${(props : ToastItemProps) => props.theme.inputField.default.borderRadius};\n background-color : ${(props : ToastItemProps) => props.theme.toast.bg};\n transition : all 0.4s;\n padding : 8px 16px;\n\n p {\n color : ${(props : ToastItemProps) => 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":["ToastItemStyled","styled","div","props","theme","inputField","default","borderRadius","toast","bg","text","ToastsWrapperStyled"],"mappings":"0hBAMaA,EAAkBC,EAAOC,
|
|
1
|
+
{"version":3,"file":"ToastItem.styled.js","sources":["../../../../../src/components/Toast/ToastItem/ToastItem.styled.tsx"],"sourcesContent":["import styled from \"styled-components\";\n\nimport { ToastItemProps } from \"./ToastItem\";\nimport { ToastsWrapperStyled } from \"../ToastsWrapper/ToastsWrapper.styled\";\n\n\nexport const ToastItemStyled = styled.div`\n position : relative;\n display : flex;\n width : fit-content;\n height : fit-content;\n border-radius : ${(props : ToastItemProps) => props.theme.inputField.default.borderRadius};\n background-color : ${(props : ToastItemProps) => props.theme.toast.bg};\n transition : all 0.4s;\n padding : 8px 16px;\n\n p {\n color : ${(props : ToastItemProps) => 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":["ToastItemStyled","styled","div","props","theme","inputField","default","borderRadius","toast","bg","text","ToastsWrapperStyled"],"mappings":"0hBAMaA,EAAkBC,EAAOC,0JAKZC,GAA2BA,EAAMC,MAAMC,WAAWC,QAAQC,iCAC1DJ,GAA2BA,EAAMC,MAAMI,MAAMC,mDAKpDN,GAA2BA,EAAMC,MAAMI,MAAME,SAI1DC,uCAIAA,8CAKAA,yCAIAA"}
|
|
@@ -1,2 +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:"-
|
|
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:"-1jezxgd"})`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
2
|
//# sourceMappingURL=ToastsWrapper.styled.js.map
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import t from"styled-components";const o=t.div.withConfig({displayName:"TooltipStyled",componentId:"-
|
|
1
|
+
import t from"styled-components";const o=t.div.withConfig({displayName:"TooltipStyled",componentId:"-1jk55q8"})`position:relative;width:fit-content;height:fit-content;.tooltip{position:absolute;font-size:.9em;opacity:0;white-space:nowrap;width:fit-content;}.tooltip.top{left:50%;bottom:calc(100% + 5px);transform:translate(-50%, -.5em);}.tooltip.bottom{left:50%;top:calc(100% + 5px);transform:translate(-50%, .5em);}.tooltip.left{top:50%;right:calc(100% + 5px);transform:translate(-.5em, -50%);}.tooltip.right{top:50%;left:calc(100% + 5px);transform:translate(.5em, -50%);}@keyframes tooltips-vert{to{opacity:1;transform:translate(-50%, 0);}}@keyframes tooltips-horz{to{opacity:1;transform:translate(0, -50%);}}.tooltip.top,.tooltip.bottom{animation:tooltips-vert 300ms cubic-bezier(.84,-0.18,.31,1.26)forwards;}.tooltip.left,.tooltip.right{animation:tooltips-horz 300ms cubic-bezier(.84,-0.18,.31,1.26)forwards;}`;export{o as TooltipStyled};
|
|
2
2
|
//# sourceMappingURL=Tooltip.styled.js.map
|