@secondstaxorg/sscomp 2.0.99 → 2.1.1
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/index.es.js +4 -4
- package/dist/index.es.js.map +1 -1
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/dist/index.min.js +4 -4
- package/dist/index.min.js.map +1 -1
- package/package.json +1 -1
- package/types/components/ConsentCheckbox/style.d.ts +3 -1
- package/types/components/ConsentCheckbox/types.d.ts +4 -0
package/dist/index.js
CHANGED
|
@@ -39078,13 +39078,13 @@ const SelectorItem = styled.button`
|
|
|
39078
39078
|
grid-template-columns: 1fr 0fr;
|
|
39079
39079
|
padding: 16px;
|
|
39080
39080
|
transition: 0.3s;
|
|
39081
|
-
cursor: pointer;
|
|
39081
|
+
cursor: ${(props) => (props.disabled ? "not-allowed" : "pointer")};
|
|
39082
39082
|
border: none;
|
|
39083
39083
|
text-align: left;
|
|
39084
39084
|
|
|
39085
39085
|
&:hover, &:focus-visible {
|
|
39086
|
-
outline-color: ${theme.colors["primary-500"]};
|
|
39087
|
-
background: ${theme.colors["primary-50"]};
|
|
39086
|
+
outline-color: ${(props) => (props.disabled ? theme.colors["neutral-100"] : theme.colors["primary-500"])};
|
|
39087
|
+
background: ${(props) => (props.disabled ? theme.colors.white : theme.colors["primary-50"])};
|
|
39088
39088
|
}
|
|
39089
39089
|
|
|
39090
39090
|
.text {
|
|
@@ -39115,7 +39115,7 @@ const _jsxFileName = "D:\\SSX\\Projects\\SSX Comps\\sscomp\\src\\components\\Con
|
|
|
39115
39115
|
* Callback function passing out a true or false when the item is clicked or not
|
|
39116
39116
|
*/
|
|
39117
39117
|
const ConsentCheckbox = (props) => {
|
|
39118
|
-
const {children,onChange,isChecked} = props;
|
|
39118
|
+
const {children,onChange,isChecked,disabled} = props;
|
|
39119
39119
|
const [boxChecked,setBoxChecked] = React$1.useState(_nullishCoalesce(isChecked, () => ( false)));
|
|
39120
39120
|
|
|
39121
39121
|
React$1.useEffect(()=>{
|
|
@@ -39124,7 +39124,7 @@ const ConsentCheckbox = (props) => {
|
|
|
39124
39124
|
|
|
39125
39125
|
return (
|
|
39126
39126
|
React$1.createElement(MainContainer, {__self: undefined, __source: {fileName: _jsxFileName, lineNumber: 18}}
|
|
39127
|
-
, React$1.createElement(SelectorItem, { type: "button", className: `text paragraph2Regular ${boxChecked ? 'selected' : ''}`, onClick: (e)=>{
|
|
39127
|
+
, React$1.createElement(SelectorItem, { type: "button", disabled: disabled, className: `text paragraph2Regular ${boxChecked ? 'selected' : ''}`, onClick: (e)=>{
|
|
39128
39128
|
// @ts-ignore
|
|
39129
39129
|
if(e.target.tagName.toLowerCase() == 'a') return
|
|
39130
39130
|
setBoxChecked(!boxChecked);
|