@helpdice/ui 1.6.2 → 1.6.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/dist/checkbox/index.js +9 -8
- package/dist/index.js +9 -8
- package/esm/checkbox/checkbox.js +9 -8
- package/package.json +1 -1
package/dist/checkbox/index.js
CHANGED
|
@@ -1345,10 +1345,11 @@ var CheckboxComponent = function CheckboxComponent(_ref) {
|
|
|
1345
1345
|
return /*#__PURE__*/React.createElement("label", {
|
|
1346
1346
|
style: block ? {
|
|
1347
1347
|
backgroundColor: '#efefef',
|
|
1348
|
-
padding: '15px',
|
|
1349
|
-
height: '2.5rem'
|
|
1348
|
+
padding: '20px 15px',
|
|
1349
|
+
height: '2.5rem',
|
|
1350
|
+
width: '100%'
|
|
1350
1351
|
} : {},
|
|
1351
|
-
className: _JSXStyle.dynamic([["
|
|
1352
|
+
className: _JSXStyle.dynamic([["204928356", [SCALES.font(1.1), isDisabled ? 'not-allowed' : 'pointer', isDisabled ? 0.75 : 1, SCALES.width(1, 'auto'), SCALES.height(1, 'var(--checkbox-size)'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), isDisabled ? 'not-allowed' : 'pointer']]]) + " " + (classes || "")
|
|
1352
1353
|
}, /*#__PURE__*/React.createElement(CheckboxIcon, {
|
|
1353
1354
|
fill: fill,
|
|
1354
1355
|
bg: bg,
|
|
@@ -1360,13 +1361,13 @@ var CheckboxComponent = function CheckboxComponent(_ref) {
|
|
|
1360
1361
|
checked: selfChecked,
|
|
1361
1362
|
onChange: changeHandle
|
|
1362
1363
|
}, props, {
|
|
1363
|
-
className: _JSXStyle.dynamic([["
|
|
1364
|
+
className: _JSXStyle.dynamic([["204928356", [SCALES.font(1.1), isDisabled ? 'not-allowed' : 'pointer', isDisabled ? 0.75 : 1, SCALES.width(1, 'auto'), SCALES.height(1, 'var(--checkbox-size)'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), isDisabled ? 'not-allowed' : 'pointer']]]) + " " + (props && props.className != null && props.className || "")
|
|
1364
1365
|
})), /*#__PURE__*/React.createElement("span", {
|
|
1365
|
-
className: _JSXStyle.dynamic([["
|
|
1366
|
+
className: _JSXStyle.dynamic([["204928356", [SCALES.font(1.1), isDisabled ? 'not-allowed' : 'pointer', isDisabled ? 0.75 : 1, SCALES.width(1, 'auto'), SCALES.height(1, 'var(--checkbox-size)'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), isDisabled ? 'not-allowed' : 'pointer']]]) + " " + "text"
|
|
1366
1367
|
}, children), /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
1367
|
-
id: "
|
|
1368
|
-
dynamic: [SCALES.font(
|
|
1369
|
-
}, ".checkbox.__jsx-style-dynamic-selector{--checkbox-size:".concat(SCALES.font(
|
|
1368
|
+
id: "204928356",
|
|
1369
|
+
dynamic: [SCALES.font(1.1), isDisabled ? 'not-allowed' : 'pointer', isDisabled ? 0.75 : 1, SCALES.width(1, 'auto'), SCALES.height(1, 'var(--checkbox-size)'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), isDisabled ? 'not-allowed' : 'pointer']
|
|
1370
|
+
}, ".checkbox.__jsx-style-dynamic-selector{--checkbox-size:".concat(SCALES.font(1.1), ";display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:").concat(isDisabled ? 'not-allowed' : 'pointer', ";opacity:").concat(isDisabled ? 0.75 : 1, ";line-height:var(--checkbox-size);width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'var(--checkbox-size)'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.text.__jsx-style-dynamic-selector{font-size:var(--checkbox-size);line-height:var(--checkbox-size);padding-left:calc(var(--checkbox-size) * 0.5);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:").concat(isDisabled ? 'not-allowed' : 'pointer', ";}input.__jsx-style-dynamic-selector{opacity:0;outline:none;position:absolute;width:0;height:0;margin:0;padding:0;z-index:-1;font-size:0;background-color:transparent;}")));
|
|
1370
1371
|
};
|
|
1371
1372
|
CheckboxComponent.displayName = 'Checkbox';
|
|
1372
1373
|
var Checkbox = withScale(CheckboxComponent);
|
package/dist/index.js
CHANGED
|
@@ -14514,10 +14514,11 @@ var CheckboxComponent = function CheckboxComponent(_ref) {
|
|
|
14514
14514
|
return /*#__PURE__*/React$1.createElement("label", {
|
|
14515
14515
|
style: block ? {
|
|
14516
14516
|
backgroundColor: '#efefef',
|
|
14517
|
-
padding: '15px',
|
|
14518
|
-
height: '2.5rem'
|
|
14517
|
+
padding: '20px 15px',
|
|
14518
|
+
height: '2.5rem',
|
|
14519
|
+
width: '100%'
|
|
14519
14520
|
} : {},
|
|
14520
|
-
className: _JSXStyle.dynamic([["
|
|
14521
|
+
className: _JSXStyle.dynamic([["204928356", [SCALES.font(1.1), isDisabled ? 'not-allowed' : 'pointer', isDisabled ? 0.75 : 1, SCALES.width(1, 'auto'), SCALES.height(1, 'var(--checkbox-size)'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), isDisabled ? 'not-allowed' : 'pointer']]]) + " " + (classes || "")
|
|
14521
14522
|
}, /*#__PURE__*/React$1.createElement(CheckboxIcon, {
|
|
14522
14523
|
fill: fill,
|
|
14523
14524
|
bg: bg,
|
|
@@ -14529,13 +14530,13 @@ var CheckboxComponent = function CheckboxComponent(_ref) {
|
|
|
14529
14530
|
checked: selfChecked,
|
|
14530
14531
|
onChange: changeHandle
|
|
14531
14532
|
}, props, {
|
|
14532
|
-
className: _JSXStyle.dynamic([["
|
|
14533
|
+
className: _JSXStyle.dynamic([["204928356", [SCALES.font(1.1), isDisabled ? 'not-allowed' : 'pointer', isDisabled ? 0.75 : 1, SCALES.width(1, 'auto'), SCALES.height(1, 'var(--checkbox-size)'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), isDisabled ? 'not-allowed' : 'pointer']]]) + " " + (props && props.className != null && props.className || "")
|
|
14533
14534
|
})), /*#__PURE__*/React$1.createElement("span", {
|
|
14534
|
-
className: _JSXStyle.dynamic([["
|
|
14535
|
+
className: _JSXStyle.dynamic([["204928356", [SCALES.font(1.1), isDisabled ? 'not-allowed' : 'pointer', isDisabled ? 0.75 : 1, SCALES.width(1, 'auto'), SCALES.height(1, 'var(--checkbox-size)'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), isDisabled ? 'not-allowed' : 'pointer']]]) + " " + "text"
|
|
14535
14536
|
}, children), /*#__PURE__*/React$1.createElement(_JSXStyle, {
|
|
14536
|
-
id: "
|
|
14537
|
-
dynamic: [SCALES.font(
|
|
14538
|
-
}, ".checkbox.__jsx-style-dynamic-selector{--checkbox-size:".concat(SCALES.font(
|
|
14537
|
+
id: "204928356",
|
|
14538
|
+
dynamic: [SCALES.font(1.1), isDisabled ? 'not-allowed' : 'pointer', isDisabled ? 0.75 : 1, SCALES.width(1, 'auto'), SCALES.height(1, 'var(--checkbox-size)'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), isDisabled ? 'not-allowed' : 'pointer']
|
|
14539
|
+
}, ".checkbox.__jsx-style-dynamic-selector{--checkbox-size:".concat(SCALES.font(1.1), ";display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:").concat(isDisabled ? 'not-allowed' : 'pointer', ";opacity:").concat(isDisabled ? 0.75 : 1, ";line-height:var(--checkbox-size);width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'var(--checkbox-size)'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.text.__jsx-style-dynamic-selector{font-size:var(--checkbox-size);line-height:var(--checkbox-size);padding-left:calc(var(--checkbox-size) * 0.5);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:").concat(isDisabled ? 'not-allowed' : 'pointer', ";}input.__jsx-style-dynamic-selector{opacity:0;outline:none;position:absolute;width:0;height:0;margin:0;padding:0;z-index:-1;font-size:0;background-color:transparent;}")));
|
|
14539
14540
|
};
|
|
14540
14541
|
CheckboxComponent.displayName = 'Checkbox';
|
|
14541
14542
|
var Checkbox = withScale(CheckboxComponent);
|
package/esm/checkbox/checkbox.js
CHANGED
|
@@ -82,10 +82,11 @@ var CheckboxComponent = function CheckboxComponent(_ref) {
|
|
|
82
82
|
return /*#__PURE__*/React.createElement("label", {
|
|
83
83
|
style: block ? {
|
|
84
84
|
backgroundColor: '#efefef',
|
|
85
|
-
padding: '15px',
|
|
86
|
-
height: '2.5rem'
|
|
85
|
+
padding: '20px 15px',
|
|
86
|
+
height: '2.5rem',
|
|
87
|
+
width: '100%'
|
|
87
88
|
} : {},
|
|
88
|
-
className: _JSXStyle.dynamic([["
|
|
89
|
+
className: _JSXStyle.dynamic([["204928356", [SCALES.font(1.1), isDisabled ? 'not-allowed' : 'pointer', isDisabled ? 0.75 : 1, SCALES.width(1, 'auto'), SCALES.height(1, 'var(--checkbox-size)'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), isDisabled ? 'not-allowed' : 'pointer']]]) + " " + (classes || "")
|
|
89
90
|
}, /*#__PURE__*/React.createElement(CheckboxIcon, {
|
|
90
91
|
fill: fill,
|
|
91
92
|
bg: bg,
|
|
@@ -97,13 +98,13 @@ var CheckboxComponent = function CheckboxComponent(_ref) {
|
|
|
97
98
|
checked: selfChecked,
|
|
98
99
|
onChange: changeHandle
|
|
99
100
|
}, props, {
|
|
100
|
-
className: _JSXStyle.dynamic([["
|
|
101
|
+
className: _JSXStyle.dynamic([["204928356", [SCALES.font(1.1), isDisabled ? 'not-allowed' : 'pointer', isDisabled ? 0.75 : 1, SCALES.width(1, 'auto'), SCALES.height(1, 'var(--checkbox-size)'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), isDisabled ? 'not-allowed' : 'pointer']]]) + " " + (props && props.className != null && props.className || "")
|
|
101
102
|
})), /*#__PURE__*/React.createElement("span", {
|
|
102
|
-
className: _JSXStyle.dynamic([["
|
|
103
|
+
className: _JSXStyle.dynamic([["204928356", [SCALES.font(1.1), isDisabled ? 'not-allowed' : 'pointer', isDisabled ? 0.75 : 1, SCALES.width(1, 'auto'), SCALES.height(1, 'var(--checkbox-size)'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), isDisabled ? 'not-allowed' : 'pointer']]]) + " " + "text"
|
|
103
104
|
}, children), /*#__PURE__*/React.createElement(_JSXStyle, {
|
|
104
|
-
id: "
|
|
105
|
-
dynamic: [SCALES.font(
|
|
106
|
-
}, ".checkbox.__jsx-style-dynamic-selector{--checkbox-size:".concat(SCALES.font(
|
|
105
|
+
id: "204928356",
|
|
106
|
+
dynamic: [SCALES.font(1.1), isDisabled ? 'not-allowed' : 'pointer', isDisabled ? 0.75 : 1, SCALES.width(1, 'auto'), SCALES.height(1, 'var(--checkbox-size)'), SCALES.pt(0), SCALES.pr(0), SCALES.pb(0), SCALES.pl(0), SCALES.mt(0), SCALES.mr(0), SCALES.mb(0), SCALES.ml(0), isDisabled ? 'not-allowed' : 'pointer']
|
|
107
|
+
}, ".checkbox.__jsx-style-dynamic-selector{--checkbox-size:".concat(SCALES.font(1.1), ";display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:").concat(isDisabled ? 'not-allowed' : 'pointer', ";opacity:").concat(isDisabled ? 0.75 : 1, ";line-height:var(--checkbox-size);width:").concat(SCALES.width(1, 'auto'), ";height:").concat(SCALES.height(1, 'var(--checkbox-size)'), ";padding:").concat(SCALES.pt(0), " ").concat(SCALES.pr(0), " ").concat(SCALES.pb(0), " ").concat(SCALES.pl(0), ";margin:").concat(SCALES.mt(0), " ").concat(SCALES.mr(0), " ").concat(SCALES.mb(0), " ").concat(SCALES.ml(0), ";}.text.__jsx-style-dynamic-selector{font-size:var(--checkbox-size);line-height:var(--checkbox-size);padding-left:calc(var(--checkbox-size) * 0.5);-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;cursor:").concat(isDisabled ? 'not-allowed' : 'pointer', ";}input.__jsx-style-dynamic-selector{opacity:0;outline:none;position:absolute;width:0;height:0;margin:0;padding:0;z-index:-1;font-size:0;background-color:transparent;}")));
|
|
107
108
|
};
|
|
108
109
|
CheckboxComponent.displayName = 'Checkbox';
|
|
109
110
|
var Checkbox = withScale(CheckboxComponent);
|