@secondstaxorg/sscomp 2.0.97 → 2.0.98

package/dist/index.js

@@ -39058,36 +39058,45 @@ const MainContainer = styled.div`
 
 
 const SelectorItem = styled.button`
-  min-width: 100%;
-  border-radius: 8px;
-  outline: 1px solid ${theme.colors["neutral-100"]};
-  background: ${theme.colors.white};
-  display: grid;
-  justify-content: space-between;
-  align-items: center;
-  grid-template-columns: 1fr 0fr;
-  padding: 16px;
-  transition: 0.3s;
-  cursor: pointer;
-  border: none;
-  text-align: left;
-  &:hover,&:focus-visible{
-    outline-color: ${theme.colors["primary-500"]};
-    background: ${theme.colors["primary-50"]};
-  }
-  .text{
-    margin: 0;
-    width: 100%;
-    padding-right: 16px;
-  }
-  &.selected{
-    outline-color: ${theme.colors["primary-500"]} !important;
-    background: ${theme.colors["primary-50"]} !important;
-  }
-  svg{
-    height: 24px;
-    width: 24px;
-  }
+    min-width: 100%;
+    border-radius: 8px;
+    outline: 1px solid ${theme.colors["neutral-100"]};
+    background: ${theme.colors.white};
+    display: grid;
+    justify-content: space-between;
+    align-items: center;
+    grid-template-columns: 1fr 0fr;
+    padding: 16px;
+    transition: 0.3s;
+    cursor: pointer;
+    border: none;
+    text-align: left;
+
+    &:hover, &:focus-visible {
+        outline-color: ${theme.colors["primary-500"]};
+        background: ${theme.colors["primary-50"]};
+    }
+
+    .text {
+        margin: 0;
+        width: 100%;
+        padding-right: 16px;
+    }
+
+    &.selected {
+        outline-color: ${theme.colors["primary-500"]} !important;
+        background: ${theme.colors["primary-50"]} !important;
+    }
+
+    svg {
+        height: 24px;
+        width: 24px;
+    }
+
+    a {
+        color: ${theme.colors["primary-500"]};
+        text-decoration: underline;
+    }
 `;
 
 const _jsxFileName = "D:\\SSX\\Projects\\SSX Comps\\sscomp\\src\\components\\ConsentCheckbox\\ConsentCheckbox.tsx"; function _nullishCoalesce(lhs, rhsFn) { if (lhs != null) { return lhs; } else { return rhsFn(); } }
@@ -39098,27 +39107,26 @@ const _jsxFileName = "D:\\SSX\\Projects\\SSX Comps\\sscomp\\src\\components\\Con
 const ConsentCheckbox = (props) => {
     const {children,onChange,isChecked} = props;
     const [boxChecked,setBoxChecked] = React$1.useState(_nullishCoalesce(isChecked, () => ( false)));
-    React$1.useRef(null);
 
     React$1.useEffect(()=>{
        onChange(boxChecked);
     },[boxChecked]);
 
     return (
-            React$1.createElement(MainContainer, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 19}}
+            React$1.createElement(MainContainer, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 18}}
                 , React$1.createElement(SelectorItem, { type: "button", className: `text paragraph2Regular ${boxChecked ? 'selected' : ''}`, onClick: (e)=>{
                     // @ts-ignore
                     if(e.target.tagName.toLowerCase() == 'a') return
                     setBoxChecked(!boxChecked);
-                }, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 20}}
-                    , React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 25}}, children)
-                    , React$1.createElement('svg', { width: "25", height: "25", viewBox: "0 0 25 25"   , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 26}}
-                        , React$1.createElement('g', { clipPath: "url(#clip0_2040_756)", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 27}}
-                            , React$1.createElement('path', { d: "M19.5098 7.42885C19.4168 7.33513 19.3062 7.26073 19.1843 7.20996C19.0625 7.15919 18.9318 7.13306 18.7998 7.13306C18.6677 7.13306 18.537 7.15919 18.4152 7.20996C18.2933 7.26073 18.1827 7.33513 18.0898 7.42885L10.6398 14.8889L7.50975 11.7489C7.41323 11.6556 7.29929 11.5823 7.17444 11.5331C7.04958 11.4839 6.91626 11.4598 6.78208 11.4621C6.6479 11.4644 6.51549 11.4931 6.39241 11.5466C6.26933 11.6001 6.15799 11.6773 6.06475 11.7739C5.97152 11.8704 5.8982 11.9843 5.849 12.1092C5.79979 12.234 5.77566 12.3674 5.77798 12.5015C5.78031 12.6357 5.80903 12.7681 5.86253 12.8912C5.91602 13.0143 5.99323 13.1256 6.08975 13.2189L9.92975 17.0589C10.0227 17.1526 10.1333 17.227 10.2552 17.2777C10.377 17.3285 10.5077 17.3547 10.6398 17.3547C10.7718 17.3547 10.9025 17.3285 11.0243 17.2777C11.1462 17.227 11.2568 17.1526 11.3498 17.0589L19.5098 8.89886C19.6113 8.80521 19.6923 8.69156 19.7477 8.56506C19.8031 8.43856 19.8317 8.30196 19.8317 8.16386C19.8317 8.02575 19.8031 7.88915 19.7477 7.76265C19.6923 7.63615 19.6113 7.5225 19.5098 7.42885Z"                                                                                                         , fill: boxChecked ? theme.colors["primary-500"] : theme.colors["neutral-400"], __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 28}})
+                }, __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 19}}
+                    , React$1.createElement('span', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 24}}, children)
+                    , React$1.createElement('svg', { width: "25", height: "25", viewBox: "0 0 25 25"   , fill: "none", xmlns: "http://www.w3.org/2000/svg", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 25}}
+                        , React$1.createElement('g', { clipPath: "url(#clip0_2040_756)", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 26}}
+                            , React$1.createElement('path', { d: "M19.5098 7.42885C19.4168 7.33513 19.3062 7.26073 19.1843 7.20996C19.0625 7.15919 18.9318 7.13306 18.7998 7.13306C18.6677 7.13306 18.537 7.15919 18.4152 7.20996C18.2933 7.26073 18.1827 7.33513 18.0898 7.42885L10.6398 14.8889L7.50975 11.7489C7.41323 11.6556 7.29929 11.5823 7.17444 11.5331C7.04958 11.4839 6.91626 11.4598 6.78208 11.4621C6.6479 11.4644 6.51549 11.4931 6.39241 11.5466C6.26933 11.6001 6.15799 11.6773 6.06475 11.7739C5.97152 11.8704 5.8982 11.9843 5.849 12.1092C5.79979 12.234 5.77566 12.3674 5.77798 12.5015C5.78031 12.6357 5.80903 12.7681 5.86253 12.8912C5.91602 13.0143 5.99323 13.1256 6.08975 13.2189L9.92975 17.0589C10.0227 17.1526 10.1333 17.227 10.2552 17.2777C10.377 17.3285 10.5077 17.3547 10.6398 17.3547C10.7718 17.3547 10.9025 17.3285 11.0243 17.2777C11.1462 17.227 11.2568 17.1526 11.3498 17.0589L19.5098 8.89886C19.6113 8.80521 19.6923 8.69156 19.7477 8.56506C19.8031 8.43856 19.8317 8.30196 19.8317 8.16386C19.8317 8.02575 19.8031 7.88915 19.7477 7.76265C19.6923 7.63615 19.6113 7.5225 19.5098 7.42885Z"                                                                                                         , fill: boxChecked ? theme.colors["primary-500"] : theme.colors["neutral-400"], __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 27}})
                         )
-                        , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 30}}
-                            , React$1.createElement('clipPath', { id: "clip0_2040_756", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 31}}
-                                , React$1.createElement('rect', { width: "24", height: "24", fill: "white", transform: "translate(0.799805 0.21875)" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 32}})
+                        , React$1.createElement('defs', {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 29}}
+                            , React$1.createElement('clipPath', { id: "clip0_2040_756", __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 30}}
+                                , React$1.createElement('rect', { width: "24", height: "24", fill: "white", transform: "translate(0.799805 0.21875)" , __self: undefined, __source: {fileName: _jsxFileName, lineNumber: 31}})
                             )
                         )
                     )