labsense-ui-kit 1.4.52 → 1.4.54
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.js +7 -1
- package/dist/index.js.map +1 -1
- package/dist/index.modern.js +7 -1
- package/dist/index.modern.js.map +1 -1
- package/package.json +1 -1
package/dist/index.js
CHANGED
|
@@ -12028,7 +12028,7 @@ var TextFieldWithDropdown = function TextFieldWithDropdown(_ref16) {
|
|
|
12028
12028
|
};
|
|
12029
12029
|
|
|
12030
12030
|
var _templateObject$i, _templateObject2$f;
|
|
12031
|
-
var StyledCheckBox = styled__default.input(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n appearance: none;\n border: ", ";\n border-radius: 4px;\n background-color: ", ";\n cursor: pointer;\n display: inline-block;\n position: relative;\n transition: all 0.2s ease;\n font-size: ", "; // for em units\n\n &:checked::after {\n content: '';\n position: absolute;\n top: ", ";\n right: ", ";\n width: ", ";\n height: ", ";\n border: ", ";\n border-width: 0 0.2em 0.2em 0;\n transform: rotate(45deg);\n }\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n"])), function (_ref) {
|
|
12031
|
+
var StyledCheckBox = styled__default.input(_templateObject$i || (_templateObject$i = _taggedTemplateLiteralLoose(["\n width: ", ";\n height: ", ";\n appearance: none;\n border: ", ";\n border-radius: 4px;\n background-color: ", ";\n cursor: pointer;\n display: inline-block;\n position: relative;\n transition: all 0.2s ease;\n font-size: ", "; // for em units\n\n &:checked::after {\n content: '';\n position: absolute;\n top: ", ";\n right: ", ";\n width: ", ";\n height: ", ";\n border: ", ";\n border-width: 0 0.2em 0.2em 0;\n transform: rotate(45deg);\n }\n\n &:disabled {\n opacity: 0.5;\n cursor: not-allowed;\n }\n\n &:focus-visible {\n box-shadow: 0 0 0 2px white;\n }\n"])), function (_ref) {
|
|
12032
12032
|
var $checkboxSize = _ref.$checkboxSize;
|
|
12033
12033
|
return $checkboxSize + "px";
|
|
12034
12034
|
}, function (_ref2) {
|
|
@@ -12105,6 +12105,12 @@ var CheckBox = function CheckBox(_ref11) {
|
|
|
12105
12105
|
onChange: function onChange(e) {
|
|
12106
12106
|
return _onChange(e.target.checked);
|
|
12107
12107
|
},
|
|
12108
|
+
onKeyDown: function onKeyDown(e) {
|
|
12109
|
+
if (e.key === 'Enter') {
|
|
12110
|
+
e.preventDefault();
|
|
12111
|
+
_onChange(!checked);
|
|
12112
|
+
}
|
|
12113
|
+
},
|
|
12108
12114
|
disabled: disabled,
|
|
12109
12115
|
"$borderSize": borderSize
|
|
12110
12116
|
})), label && React__default.createElement(LabelSpan, {
|