@secondstaxorg/sscomp 1.7.81 → 1.7.83
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/dist/bundle.css +1 -0
- package/dist/index.css +322 -0
- package/dist/index.es.css +322 -0
- package/dist/index.es.js +14 -1
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +47 -18
- package/dist/index.js.map +1 -1
- package/dist/index.min.css +322 -0
- package/dist/index.min.js +14 -1
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/SideModal/SideModal.d.ts +1 -0
package/dist/index.js
CHANGED
|
@@ -22556,6 +22556,19 @@ const SideModalContainer = styled.div`
|
|
|
22556
22556
|
background: ${theme.colors.white};
|
|
22557
22557
|
padding: 0;
|
|
22558
22558
|
margin: 0;
|
|
22559
|
+
animation: 0.3s slideIn ease-out;
|
|
22560
|
+
@keyframes slideIn{
|
|
22561
|
+
from{
|
|
22562
|
+
transform: scaleX(0.95);
|
|
22563
|
+
transform-origin: right;
|
|
22564
|
+
//opacity: 0.7;
|
|
22565
|
+
}
|
|
22566
|
+
to{
|
|
22567
|
+
transform: scaleX(1);
|
|
22568
|
+
transform-origin: right;
|
|
22569
|
+
//opacity: 1;
|
|
22570
|
+
}
|
|
22571
|
+
}
|
|
22559
22572
|
`;
|
|
22560
22573
|
|
|
22561
22574
|
const NavSection = styled.div`
|
|
@@ -22608,43 +22621,59 @@ const ModalTitleArea = styled.div`
|
|
|
22608
22621
|
`;
|
|
22609
22622
|
|
|
22610
22623
|
const _jsxFileName$o = "D:\\SSX\\Project\\Component Library\\sscomp\\src\\components\\SideModal\\SideModal.tsx";
|
|
22611
|
-
|
|
22612
22624
|
const SideModal = (props) => {
|
|
22613
22625
|
const {disabledNav,modalTitle,modalSubText,closeModal,children,navAreaText,showNavigation,navButtonAction} = props;
|
|
22626
|
+
|
|
22627
|
+
React$1.useEffect(()=>{
|
|
22628
|
+
const backdrop = document.querySelector('.backdrop');
|
|
22629
|
+
|
|
22630
|
+
const mouseEv = function (e){
|
|
22631
|
+
if(e.target === backdrop) closeModal(false);
|
|
22632
|
+
};
|
|
22633
|
+
|
|
22634
|
+
if (backdrop){
|
|
22635
|
+
backdrop.addEventListener('click', mouseEv);
|
|
22636
|
+
|
|
22637
|
+
return ()=>{
|
|
22638
|
+
backdrop.removeEventListener('click',mouseEv);
|
|
22639
|
+
}
|
|
22640
|
+
}
|
|
22641
|
+
},[]);
|
|
22642
|
+
|
|
22614
22643
|
return (
|
|
22615
|
-
React$1.createElement(ModalBackdrop, {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22616
|
-
, React$1.createElement(SideModalContainer, {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22617
|
-
, React$1.createElement(NavSection, {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22618
|
-
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22644
|
+
React$1.createElement(ModalBackdrop, { className: "backdrop", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 26}}
|
|
22645
|
+
, React$1.createElement(SideModalContainer, {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 27}}
|
|
22646
|
+
, React$1.createElement(NavSection, {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 28}}
|
|
22647
|
+
, React$1.createElement('div', {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 29}}
|
|
22619
22648
|
, showNavigation && !navAreaText &&
|
|
22620
|
-
React$1.createElement(Button, { disabled: disabledNav, onClick: navButtonAction, __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22649
|
+
React$1.createElement(Button, { disabled: disabledNav, onClick: navButtonAction, className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 31}}
|
|
22621
22650
|
/*arrow-left*/
|
|
22622
22651
|
, !disabledNav &&
|
|
22623
|
-
React$1.createElement('svg', { width: "12", height: "14", viewBox: "0 0 12 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22624
|
-
, React$1.createElement('path', { d: "M11 6H3.41L6.71 2.71C6.89831 2.5217 7.00409 2.2663 7.00409 2C7.00409 1.7337 6.89831 1.47831 6.71 1.29C6.5217 1.1017 6.2663 0.995911 6 0.995911C5.7337 0.995911 5.47831 1.1017 5.29 1.29L0.290003 6.29C0.198963 6.38511 0.127598 6.49725 0.0800031 6.62C-0.0200149 6.86346 -0.0200149 7.13654 0.0800031 7.38C0.127598 7.50275 0.198963 7.6149 0.290003 7.71L5.29 12.71C5.38297 12.8037 5.49357 12.8781 5.61543 12.9289C5.73729 12.9797 5.86799 13.0058 6 13.0058C6.13202 13.0058 6.26272 12.9797 6.38458 12.9289C6.50644 12.8781 6.61704 12.8037 6.71 12.71C6.80373 12.617 6.87813 12.5064 6.92889 12.3846C6.97966 12.2627 7.0058 12.132 7.0058 12C7.0058 11.868 6.97966 11.7373 6.92889 11.6154C6.87813 11.4936 6.80373 11.383 6.71 11.29L3.41 8H11C11.2652 8 11.5196 7.89465 11.7071 7.70711C11.8946 7.51957 12 7.26522 12 7C12 6.73479 11.8946 6.48043 11.7071 6.2929C11.5196 6.10536 11.2652 6 11 6Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22652
|
+
React$1.createElement('svg', { width: "12", height: "14", viewBox: "0 0 12 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 34}}
|
|
22653
|
+
, React$1.createElement('path', { d: "M11 6H3.41L6.71 2.71C6.89831 2.5217 7.00409 2.2663 7.00409 2C7.00409 1.7337 6.89831 1.47831 6.71 1.29C6.5217 1.1017 6.2663 0.995911 6 0.995911C5.7337 0.995911 5.47831 1.1017 5.29 1.29L0.290003 6.29C0.198963 6.38511 0.127598 6.49725 0.0800031 6.62C-0.0200149 6.86346 -0.0200149 7.13654 0.0800031 7.38C0.127598 7.50275 0.198963 7.6149 0.290003 7.71L5.29 12.71C5.38297 12.8037 5.49357 12.8781 5.61543 12.9289C5.73729 12.9797 5.86799 13.0058 6 13.0058C6.13202 13.0058 6.26272 12.9797 6.38458 12.9289C6.50644 12.8781 6.61704 12.8037 6.71 12.71C6.80373 12.617 6.87813 12.5064 6.92889 12.3846C6.97966 12.2627 7.0058 12.132 7.0058 12C7.0058 11.868 6.97966 11.7373 6.92889 11.6154C6.87813 11.4936 6.80373 11.383 6.71 11.29L3.41 8H11C11.2652 8 11.5196 7.89465 11.7071 7.70711C11.8946 7.51957 12 7.26522 12 7C12 6.73479 11.8946 6.48043 11.7071 6.2929C11.5196 6.10536 11.2652 6 11 6Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 35}})
|
|
22625
22654
|
)
|
|
22626
22655
|
|
|
22627
22656
|
, disabledNav &&
|
|
22628
|
-
React$1.createElement('svg', { width: "12", height: "14", viewBox: "0 0 12 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22629
|
-
, React$1.createElement('path', { d: "M11 6H3.41L6.71 2.71C6.89831 2.5217 7.00409 2.2663 7.00409 2C7.00409 1.7337 6.89831 1.47831 6.71 1.29C6.5217 1.1017 6.2663 0.995911 6 0.995911C5.7337 0.995911 5.47831 1.1017 5.29 1.29L0.290003 6.29C0.198963 6.38511 0.127598 6.49725 0.0800031 6.62C-0.0200149 6.86346 -0.0200149 7.13654 0.0800031 7.38C0.127598 7.50275 0.198963 7.6149 0.290003 7.71L5.29 12.71C5.38297 12.8037 5.49357 12.8781 5.61543 12.9289C5.73729 12.9797 5.86799 13.0058 6 13.0058C6.13202 13.0058 6.26272 12.9797 6.38458 12.9289C6.50644 12.8781 6.61704 12.8037 6.71 12.71C6.80373 12.617 6.87813 12.5064 6.92889 12.3846C6.97966 12.2627 7.0058 12.132 7.0058 12C7.0058 11.868 6.97966 11.7373 6.92889 11.6154C6.87813 11.4936 6.80373 11.383 6.71 11.29L3.41 8H11C11.2652 8 11.5196 7.89465 11.7071 7.70711C11.8946 7.51957 12 7.26522 12 7C12 6.73479 11.8946 6.48043 11.7071 6.2929C11.5196 6.10536 11.2652 6 11 6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22657
|
+
React$1.createElement('svg', { width: "12", height: "14", viewBox: "0 0 12 14" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 39}}
|
|
22658
|
+
, React$1.createElement('path', { d: "M11 6H3.41L6.71 2.71C6.89831 2.5217 7.00409 2.2663 7.00409 2C7.00409 1.7337 6.89831 1.47831 6.71 1.29C6.5217 1.1017 6.2663 0.995911 6 0.995911C5.7337 0.995911 5.47831 1.1017 5.29 1.29L0.290003 6.29C0.198963 6.38511 0.127598 6.49725 0.0800031 6.62C-0.0200149 6.86346 -0.0200149 7.13654 0.0800031 7.38C0.127598 7.50275 0.198963 7.6149 0.290003 7.71L5.29 12.71C5.38297 12.8037 5.49357 12.8781 5.61543 12.9289C5.73729 12.9797 5.86799 13.0058 6 13.0058C6.13202 13.0058 6.26272 12.9797 6.38458 12.9289C6.50644 12.8781 6.61704 12.8037 6.71 12.71C6.80373 12.617 6.87813 12.5064 6.92889 12.3846C6.97966 12.2627 7.0058 12.132 7.0058 12C7.0058 11.868 6.97966 11.7373 6.92889 11.6154C6.87813 11.4936 6.80373 11.383 6.71 11.29L3.41 8H11C11.2652 8 11.5196 7.89465 11.7071 7.70711C11.8946 7.51957 12 7.26522 12 7C12 6.73479 11.8946 6.48043 11.7071 6.2929C11.5196 6.10536 11.2652 6 11 6Z" , fill: "#E8EEF7", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 40}})
|
|
22630
22659
|
)
|
|
22631
22660
|
, "Go Back"
|
|
22632
22661
|
)
|
|
22633
22662
|
|
|
22634
|
-
, navAreaText && React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22663
|
+
, navAreaText && React$1.createElement('span', { className: "paragraph2Regular", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 45}}, navAreaText)
|
|
22635
22664
|
)
|
|
22636
|
-
, React$1.createElement(Button, { onClick: ()=>{closeModal(false);}, __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22665
|
+
, React$1.createElement(Button, { onClick: ()=>{closeModal(false);}, __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 47}}
|
|
22637
22666
|
/*times*/
|
|
22638
|
-
, React$1.createElement('svg', { width: "12", height: "12", viewBox: "0 0 12 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22639
|
-
, React$1.createElement('path', { d: "M7.4 6L11.7 1.7C12.1 1.3 12.1 0.7 11.7 0.3C11.3 -0.1 10.7 -0.1 10.3 0.3L6 4.6L1.7 0.3C1.3 -0.1 0.7 -0.1 0.3 0.3C-0.0999998 0.7 -0.0999998 1.3 0.3 1.7L4.6 6L0.3 10.3C0.1 10.5 0 10.7 0 11C0 11.6 0.4 12 1 12C1.3 12 1.5 11.9 1.7 11.7L6 7.4L10.3 11.7C10.5 11.9 10.7 12 11 12C11.3 12 11.5 11.9 11.7 11.7C12.1 11.3 12.1 10.7 11.7 10.3L7.4 6Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22667
|
+
, React$1.createElement('svg', { width: "12", height: "12", viewBox: "0 0 12 12" , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 49}}
|
|
22668
|
+
, React$1.createElement('path', { d: "M7.4 6L11.7 1.7C12.1 1.3 12.1 0.7 11.7 0.3C11.3 -0.1 10.7 -0.1 10.3 0.3L6 4.6L1.7 0.3C1.3 -0.1 0.7 -0.1 0.3 0.3C-0.0999998 0.7 -0.0999998 1.3 0.3 1.7L4.6 6L0.3 10.3C0.1 10.5 0 10.7 0 11C0 11.6 0.4 12 1 12C1.3 12 1.5 11.9 1.7 11.7L6 7.4L10.3 11.7C10.5 11.9 10.7 12 11 12C11.3 12 11.5 11.9 11.7 11.7C12.1 11.3 12.1 10.7 11.7 10.3L7.4 6Z" , fill: "#070B12", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 50}})
|
|
22640
22669
|
)
|
|
22641
22670
|
)
|
|
22642
22671
|
)
|
|
22643
|
-
, React$1.createElement(ModalContent, {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22672
|
+
, React$1.createElement(ModalContent, {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 54}}
|
|
22644
22673
|
, modalTitle &&
|
|
22645
|
-
React$1.createElement(ModalTitleArea, {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22646
|
-
, React$1.createElement('h3', { className: "title", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22647
|
-
, React$1.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber:
|
|
22674
|
+
React$1.createElement(ModalTitleArea, {__self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 56}}
|
|
22675
|
+
, React$1.createElement('h3', { className: "title", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 57}}, modalTitle)
|
|
22676
|
+
, React$1.createElement('p', { className: "sub-text", __self: undefined, __source: {fileName: _jsxFileName$o, lineNumber: 58}}, modalSubText)
|
|
22648
22677
|
)
|
|
22649
22678
|
|
|
22650
22679
|
, children
|