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.modern.js
CHANGED
|
@@ -12023,7 +12023,7 @@ var TextFieldWithDropdown = function TextFieldWithDropdown(_ref16) {
|
|
|
12023
12023
|
};
|
|
12024
12024
|
|
|
12025
12025
|
var _templateObject$i, _templateObject2$f;
|
|
12026
|
-
var StyledCheckBox = styled.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) {
|
|
12026
|
+
var StyledCheckBox = styled.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) {
|
|
12027
12027
|
var $checkboxSize = _ref.$checkboxSize;
|
|
12028
12028
|
return $checkboxSize + "px";
|
|
12029
12029
|
}, function (_ref2) {
|
|
@@ -12100,6 +12100,12 @@ var CheckBox = function CheckBox(_ref11) {
|
|
|
12100
12100
|
onChange: function onChange(e) {
|
|
12101
12101
|
return _onChange(e.target.checked);
|
|
12102
12102
|
},
|
|
12103
|
+
onKeyDown: function onKeyDown(e) {
|
|
12104
|
+
if (e.key === 'Enter') {
|
|
12105
|
+
e.preventDefault();
|
|
12106
|
+
_onChange(!checked);
|
|
12107
|
+
}
|
|
12108
|
+
},
|
|
12103
12109
|
disabled: disabled,
|
|
12104
12110
|
"$borderSize": borderSize
|
|
12105
12111
|
})), label && React.createElement(LabelSpan, {
|