fictoan-react 0.36.2 → 0.36.3
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 +4 -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/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/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/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/package.json +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -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","input","props","theme","text","font","sans","inputField","default","bg","border","borderRadius","onFocus","icons","fill","isValid","isInvalid"],"mappings":"kJAKaA,uDAA0BC,mIAIbC,GAA2BA,EAAMC,MAAMC,KAAKC,KAAKC,cACjDJ,GAA2BA,EAAMC,MAAMI,WAAWC,QAAQJ,yBAC1DF,GAA2BA,EAAMC,MAAMI,WAAWC,QAAQC,uBAChDP,GAA2BA,EAAMC,MAAMI,WAAWC,QAAQE,wBACpER,
|
|
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","input","props","theme","text","font","sans","inputField","default","bg","border","borderRadius","onFocus","icons","fill","isValid","isInvalid"],"mappings":"kJAKaA,uDAA0BC,mIAIbC,GAA2BA,EAAMC,MAAMC,KAAKC,KAAKC,cACjDJ,GAA2BA,EAAMC,MAAMI,WAAWC,QAAQJ,yBAC1DF,GAA2BA,EAAMC,MAAMI,WAAWC,QAAQC,uBAChDP,GAA2BA,EAAMC,MAAMI,WAAWC,QAAQE,wBACpER,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
|
-
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=/*#__PURE__*/e(require("styled-components"));const o=t.default.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};}`,i=t.default.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;}`;exports.SelectStyled=i,exports.SelectWrapperStyled=o;
|
|
1
|
+
"use strict";function e(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});var t=/*#__PURE__*/e(require("styled-components"));const o=t.default.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};}`,i=t.default.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;}`;exports.SelectStyled=i,exports.SelectWrapperStyled=o;
|
|
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":"qMAKaA,EAAsBC,UAAOC,oJAIhBC,GAAwBA,EAAMC,MAAMC,WAAWC,QAAQC,+MAarDJ,GAAuBA,EAAMC,MAAMI,OAAOC,sGAOnDN,GAAuBA,EAAMC,MAAMC,WAAWK,WAAWC,SAI/DC,EAAeX,UAAOO,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,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../external/Element.js"),t=require("react"),r=require("./SidebarItem.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("styled-components");var s=/*#__PURE__*/a(t);const l=s.default.forwardRef(((t,a)=>{var{hasAlert:l}=t,
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("../../../external/Element.js"),t=require("react"),r=require("./SidebarItem.styled.js");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}require("styled-components"),require("../SidebarItemText/SidebarItemText.styled.js");var s=/*#__PURE__*/a(t);const l=s.default.forwardRef(((t,a)=>{var{hasAlert:l}=t,d=e.__rest(t,["hasAlert"]);let u=[];return l&&u.push("has-alert"),s.default.createElement(e.Element,Object.assign({as:r.SidebarItemStyled,ref:a,classNames:u},d))}));exports.SidebarItem=l;
|
|
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":"qWAcaA,EAAcC,UAAMC,YAC7B,CAACC,EAA0CC,SAA1CC,SAAEA,KAAaC,aAAf,kBACOC,EAAa,UAEdF,GACCE,EAAWC,KAAK,aAGbP,wBAACQ,yBAAgCC,GAAIC,oBAAmBP,IAAKA,EAAKG,WAAYA,GAAgBD"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../SidebarItemText/SidebarItemText.styled.js");function r(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const o=/*#__PURE__*/r(e).default.div.withConfig({displayName:"SidebarItemStyled",componentId:"-1rbxifo"})`display:grid;align-items:center;grid-template-columns:${e=>e.theme.sidebar.isCollapsed.width} 1fr;grid-template-rows:40px;& > a{width:unset;}&:hover{color:${e=>e.theme.sidebar.links.onHover.text};background-color:${e=>e.theme.sidebar.links.onHover.bg};}&:hover a ${t.SidebarItemTextStyled}{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};}}`;exports.SidebarItemStyled=o;
|
|
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","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","div","props","theme","sidebar","isCollapsed","width","links","onHover","text","bg","SidebarItemTextStyled","hasAlert"],"mappings":"+OAMaA,4BAA2BC,iIAGTC,GAA4BA,EAAMC,MAAMC,QAAQC,YAAYC,sEAM7DJ,GAA4BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQC,yBAC9DP,GAA4BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQE,iBAG5EC,iCACGT,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","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","p"],"mappings":"kJAGaA,uDAA+BC"}
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../SidebarHeader/SidebarHeader.styled.js"),i=require("../SidebarItem/SidebarItem.styled.js"),d=require("../SidebarItemText/SidebarItemText.styled.js"),o=require("../SidebarItemIcon/SidebarItemIcon.styled.js"),r=require("../SidebarFooter/SidebarFooter.styled.js");function
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("styled-components"),t=require("../SidebarHeader/SidebarHeader.styled.js"),i=require("../SidebarItem/SidebarItem.styled.js"),d=require("../SidebarItemText/SidebarItemText.styled.js"),o=require("../SidebarItemIcon/SidebarItemIcon.styled.js"),r=require("../SidebarFooter/SidebarFooter.styled.js");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}const a=/*#__PURE__*/l(e).default.aside.withConfig({displayName:"SidebarWrapperStyled",componentId:"-1f7py67"})`display:flex;flex-direction:column;position:fixed;top:0;left:0;bottom:0;width:${e=>e.theme.sidebar.width};min-height:100vh;overflow-y:auto;transition:all 0.4s ease-in-out;background-color:${e=>e.theme.sidebar.bg};box-shadow:2px 0 8px -4px rgba(0, 0, 0, 0.16);z-index:10000;font-size:${e=>e.theme.sidebar.links.default.scale}%;*{user-select:none;}@media (max-width : 900px){left:calc(-1 * 100%);z-index:4000;}&.collapsed{width:${e=>e.theme.sidebar.isCollapsed.width};overflow-x:hidden;${t.SidebarHeaderStyled}{.header-logo{display:none;}.header-icon{display:block;width:32px;height:32px;}}${d.SidebarItemTextStyled}{display:none;position:absolute;}${i.SidebarItemStyled}:hover ${o.SidebarItemIconStyled} + ${d.SidebarItemTextStyled}{display:flex;position:fixed;left:40px;align-self:center;border-radius:4px;padding:4px 8px;background-color:${e=>e.theme.sidebar.isCollapsed.label.bg};color:${e=>e.theme.sidebar.isCollapsed.label.text};font-size:88%;box-shadow:0 4px 16px -2px rgba(0, 0, 0, 0.24);}${r.SidebarFooterStyled}{padding-left:0;}}a{width:unset;color:${e=>e.theme.sidebar.links.default.text};}summary ~ a p{color:${e=>e.theme.sidebar.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};}}`;exports.SidebarWrapperStyled=a;
|
|
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","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":"ucAaaA,4BAA8BC,8JAOjBC,GAA+BA,EAAMC,MAAMC,QAAQC,2FAInDH,GAA+BA,EAAMC,MAAMC,QAAQE,4EAGnDJ,GAA+BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQC,8GAYnEP,GAA+BA,EAAMC,MAAMC,QAAQM,YAAYL,2BAG7EM,wGAUAC,2DAKAC,6BAA2BC,6BAA2BF,sIAO9BV,GAA+BA,EAAMC,MAAMC,QAAQM,YAAYK,MAAMT,YACrEJ,GAA+BA,EAAMC,MAAMC,QAAQM,YAAYK,MAAMC,sEAK7FC,8DAKSf,GAA+BA,EAAMC,MAAMC,QAAQG,MAAMC,QAAQQ,6BAGrDd,GAA+BA,EAAMC,MAAMC,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"}
|
|
@@ -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,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"}
|