@longline/aqua-ui 1.0.335 → 1.0.336
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.
|
@@ -66,7 +66,7 @@ var SelectorBase = function (props) {
|
|
|
66
66
|
getWidget(),
|
|
67
67
|
React.createElement("span", null, props.label)));
|
|
68
68
|
};
|
|
69
|
-
var SelectorStyled = styled(SelectorBase)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n pointer-events: ", ";\n\n // Position and size:\n display: inline-flex;\n align-items: center;\n gap: 12px;\n position: relative;\n\n // Interaction:\n cursor: ", ";\n outline: none;\n\n // The input[type='checkbox'] itself is not visible. display-none will cause
|
|
69
|
+
var SelectorStyled = styled(SelectorBase)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n pointer-events: ", ";\n\n // Position and size:\n display: inline-flex;\n align-items: center;\n gap: 12px;\n position: relative;\n\n // Interaction:\n cursor: ", ";\n outline: none;\n\n // The input[type='checkbox'] itself is not visible. display-none will cause\n // it not to be tab-indexable, or keyboard-controllable, so we use\n // \"appearance\". It is also absolutely-positioned, or it will still cause\n // the visible elements to shift right and down. \"outline:none\" removes a\n // little dot that indicates that the input has focus.\n input {\n appearance: none;\n -webkit-appearance: none;\n position: absolute;\n outline: none;\n }\n\n // Keep the widget (Checkbox/Toggle/Circle) at its declared size when the\n // label wraps. Without this, flex's default shrink lets a long label\n // squash the box horizontally.\n > div {\n flex-shrink: 0;\n }\n\n span {\n color: ", ";\n user-select: none;\n ", "\n }\n"], ["\n pointer-events: ", ";\n\n // Position and size:\n display: inline-flex;\n align-items: center;\n gap: 12px;\n position: relative;\n\n // Interaction:\n cursor: ", ";\n outline: none;\n\n // The input[type='checkbox'] itself is not visible. display-none will cause\n // it not to be tab-indexable, or keyboard-controllable, so we use\n // \"appearance\". It is also absolutely-positioned, or it will still cause\n // the visible elements to shift right and down. \"outline:none\" removes a\n // little dot that indicates that the input has focus.\n input {\n appearance: none;\n -webkit-appearance: none;\n position: absolute;\n outline: none;\n }\n\n // Keep the widget (Checkbox/Toggle/Circle) at its declared size when the\n // label wraps. Without this, flex's default shrink lets a long label\n // squash the box horizontally.\n > div {\n flex-shrink: 0;\n }\n\n span {\n color: ", ";\n user-select: none;\n ", "\n }\n"
|
|
70
70
|
/**
|
|
71
71
|
* A Selector can be used to create either a HTML checkbox or a HTML radio button.
|
|
72
72
|
*/
|