@flodesk/grain 10.29.0 → 10.30.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/es/components/checkbox.js +25 -19
- package/package.json +2 -2
|
@@ -4,7 +4,7 @@ import "core-js/modules/es.symbol.js";
|
|
|
4
4
|
import "core-js/modules/es.object.assign.js";
|
|
5
5
|
import _styled from "@emotion/styled/base";
|
|
6
6
|
var _excluded = ["onChange"],
|
|
7
|
-
_excluded2 = ["isDisabled", "isChecked", "label", "hint", "id", "onChange"];
|
|
7
|
+
_excluded2 = ["isDisabled", "isChecked", "isIndeterminate", "label", "hint", "id", "onChange"];
|
|
8
8
|
|
|
9
9
|
function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
|
|
10
10
|
|
|
@@ -20,7 +20,7 @@ import { types } from '../types';
|
|
|
20
20
|
import { jsx as ___EmotionJSX } from "@emotion/react";
|
|
21
21
|
var size = 16;
|
|
22
22
|
var checkHeight = size / 1.6;
|
|
23
|
-
var checkWidth = checkHeight /
|
|
23
|
+
var checkWidth = checkHeight / 2;
|
|
24
24
|
var checkStroke = 1.5;
|
|
25
25
|
var strokeSize = componentVars.strokeSize;
|
|
26
26
|
|
|
@@ -29,12 +29,15 @@ var CheckboxBoxInput = /*#__PURE__*/_styled("input", process.env.NODE_ENV === "p
|
|
|
29
29
|
} : {
|
|
30
30
|
target: "erxmy1h1",
|
|
31
31
|
label: "CheckboxBoxInput"
|
|
32
|
-
})("--checkColor:", getColor('shade2'), ";--backgroundColor:transparent;--backgroundColorActive:", getColor('shade12'), ";--borderColor:", getColor('shade6'), ";appearance:none;height:", size, "px;width:", size, "px;display:block;border-radius:", getRadius('s'), ";cursor:pointer;margin:0;position:relative;background-color:var(--backgroundColor);border:", strokeSize, " solid var(--borderColor);transition:border-color ", getTransition('leave'), ";&:hover{--borderColor:", getColor('shade12'), ";transition:border-color ", getTransition('hover'), ";}&:checked{--borderColor:var(--backgroundColorActive);--backgroundColor:var(--backgroundColorActive);}&:after{content:'';position:absolute;
|
|
32
|
+
})("--checkColor:", getColor('shade2'), ";--backgroundColor:transparent;--backgroundColorActive:", getColor('shade12'), ";--borderColor:", getColor('shade6'), ";appearance:none;height:", size, "px;width:", size, "px;display:block;border-radius:", getRadius('s'), ";cursor:pointer;margin:0;position:relative;background-color:var(--backgroundColor);border:", strokeSize, " solid var(--borderColor);transition:border-color ", getTransition('leave'), ";&:hover{--borderColor:", getColor('shade12'), ";transition:border-color ", getTransition('hover'), ";}&:checked{--borderColor:var(--backgroundColorActive);--backgroundColor:var(--backgroundColorActive);}&:before,&:after{content:'';position:absolute;background:var(--checkColor);display:block;transform:rotate(-45deg);transform-origin:bottom left;pointer-events:none;opacity:0;border-radius:", checkStroke, "px;left:", (size - checkWidth) / 2, "px;bottom:", (size - checkHeight) / 2, "px;}&:before{width:", checkStroke, "px;height:", checkWidth, "px;}&:after{width:", checkHeight, "px;height:", checkStroke, "px;}&:checked:before,&:checked:after{opacity:1;}", function (_ref) {
|
|
33
|
+
var isIndeterminate = _ref.isIndeterminate;
|
|
34
|
+
return isIndeterminate && "\n &:not(:checked) {\n --borderColor: var(--backgroundColorActive);\n --backgroundColor: var(--backgroundColorActive);\n\n &:before {\n content: unset;\n }\n &:after {\n transform: rotate(0deg);\n left: 0;\n right: 0;\n top: 0;\n bottom: 0;\n margin: auto;\n opacity: 1;\n }\n }\n ";
|
|
35
|
+
}, " &:disabled{--checkColor:", getColor('disabledContent'), ";--backgroundColor:", getColor('disabledBackground'), ";--backgroundColorActive:", getColor('disabledBackground'), ";--borderColor:transparent;pointer-events:none;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFjcUMiLCJmaWxlIjoiLi4vLi4vc3JjL2NvbXBvbmVudHMvY2hlY2tib3guanN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgZ2V0Q29sb3IsIGdldFJhZGl1cywgZ2V0U3BhY2UsIGdldFRyYW5zaXRpb24gfSBmcm9tICcuLi91dGlsaXRpZXMnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJztcbmltcG9ydCBQcm9wVHlwZXMgZnJvbSAncHJvcC10eXBlcyc7XG5pbXBvcnQgeyBjb21wb25lbnRWYXJzLCBGaWVsZEhpbnQsIEZpZWxkTGFiZWwgfSBmcm9tICcuLi9mb3VuZGF0aW9uYWwnO1xuaW1wb3J0IHsgdHlwZXMgfSBmcm9tICcuLi90eXBlcyc7XG5cbmNvbnN0IHNpemUgPSAxNjtcbmNvbnN0IGNoZWNrSGVpZ2h0ID0gc2l6ZSAvIDEuNjtcbmNvbnN0IGNoZWNrV2lkdGggPSBjaGVja0hlaWdodCAvIDI7XG5jb25zdCBjaGVja1N0cm9rZSA9IDEuNTtcblxuY29uc3Qgc3Ryb2tlU2l6ZSA9IGNvbXBvbmVudFZhcnMuc3Ryb2tlU2l6ZTtcblxuY29uc3QgQ2hlY2tib3hCb3hJbnB1dCA9IHN0eWxlZC5pbnB1dGBcbiAgLS1jaGVja0NvbG9yOiAke2dldENvbG9yKCdzaGFkZTInKX07XG4gIC0tYmFja2dyb3VuZENvbG9yOiB0cmFuc3BhcmVudDtcbiAgLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmU6ICR7Z2V0Q29sb3IoJ3NoYWRlMTInKX07XG4gIC0tYm9yZGVyQ29sb3I6ICR7Z2V0Q29sb3IoJ3NoYWRlNicpfTtcblxuICBhcHBlYXJhbmNlOiBub25lO1xuICBoZWlnaHQ6ICR7c2l6ZX1weDtcbiAgd2lkdGg6ICR7c2l6ZX1weDtcbiAgZGlzcGxheTogYmxvY2s7XG4gIGJvcmRlci1yYWRpdXM6ICR7Z2V0UmFkaXVzKCdzJyl9O1xuICBjdXJzb3I6IHBvaW50ZXI7XG4gIG1hcmdpbjogMDtcbiAgcG9zaXRpb246IHJlbGF0aXZlO1xuICBiYWNrZ3JvdW5kLWNvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kQ29sb3IpO1xuICBib3JkZXI6ICR7c3Ryb2tlU2l6ZX0gc29saWQgdmFyKC0tYm9yZGVyQ29sb3IpO1xuICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHtnZXRUcmFuc2l0aW9uKCdsZWF2ZScpfTtcblxuICAmOmhvdmVyIHtcbiAgICAtLWJvcmRlckNvbG9yOiAke2dldENvbG9yKCdzaGFkZTEyJyl9O1xuICAgIHRyYW5zaXRpb246IGJvcmRlci1jb2xvciAke2dldFRyYW5zaXRpb24oJ2hvdmVyJyl9O1xuICB9XG5cbiAgJjpjaGVja2VkIHtcbiAgICAtLWJvcmRlckNvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmUpO1xuICAgIC0tYmFja2dyb3VuZENvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmUpO1xuICB9XG5cbiAgJjpiZWZvcmUsXG4gICY6YWZ0ZXIge1xuICAgIGNvbnRlbnQ6ICcnO1xuICAgIHBvc2l0aW9uOiBhYnNvbHV0ZTtcbiAgICBiYWNrZ3JvdW5kOiB2YXIoLS1jaGVja0NvbG9yKTtcbiAgICBkaXNwbGF5OiBibG9jaztcbiAgICB0cmFuc2Zvcm06IHJvdGF0ZSgtNDVkZWcpO1xuICAgIHRyYW5zZm9ybS1vcmlnaW46IGJvdHRvbSBsZWZ0O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICAgIG9wYWNpdHk6IDA7XG4gICAgYm9yZGVyLXJhZGl1czogJHtjaGVja1N0cm9rZX1weDtcbiAgICBsZWZ0OiAkeyhzaXplIC0gY2hlY2tXaWR0aCkgLyAyfXB4O1xuICAgIGJvdHRvbTogJHsoc2l6ZSAtIGNoZWNrSGVpZ2h0KSAvIDJ9cHg7XG4gIH1cblxuICAmOmJlZm9yZSB7XG4gICAgd2lkdGg6ICR7Y2hlY2tTdHJva2V9cHg7XG4gICAgaGVpZ2h0OiAke2NoZWNrV2lkdGh9cHg7XG4gIH1cblxuICAmOmFmdGVyIHtcbiAgICB3aWR0aDogJHtjaGVja0hlaWdodH1weDtcbiAgICBoZWlnaHQ6ICR7Y2hlY2tTdHJva2V9cHg7XG4gIH1cblxuICAmOmNoZWNrZWQ6YmVmb3JlLFxuICAmOmNoZWNrZWQ6YWZ0ZXIge1xuICAgIG9wYWNpdHk6IDE7XG4gIH1cblxuICAkeyh7IGlzSW5kZXRlcm1pbmF0ZSB9KSA9PlxuICAgIGlzSW5kZXRlcm1pbmF0ZSAmJlxuICAgIGBcbiAgICAmOm5vdCg6Y2hlY2tlZCkge1xuICAgICAgLS1ib3JkZXJDb2xvcjogdmFyKC0tYmFja2dyb3VuZENvbG9yQWN0aXZlKTtcbiAgICAgIC0tYmFja2dyb3VuZENvbG9yOiB2YXIoLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmUpO1xuXG4gICAgICAmOmJlZm9yZSB7XG4gICAgICAgIGNvbnRlbnQ6IHVuc2V0O1xuICAgICAgfVxuICAgICAgJjphZnRlciB7XG4gICAgICAgIHRyYW5zZm9ybTogcm90YXRlKDBkZWcpO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgdG9wOiAwO1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIG1hcmdpbjogYXV0bztcbiAgICAgICAgb3BhY2l0eTogMTtcbiAgICAgIH1cbiAgICB9XG4gIGB9XG5cbiAgJjpkaXNhYmxlZCB7XG4gICAgLS1jaGVja0NvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZENvbnRlbnQnKX07XG4gICAgLS1iYWNrZ3JvdW5kQ29sb3I6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQmFja2dyb3VuZCcpfTtcbiAgICAtLWJhY2tncm91bmRDb2xvckFjdGl2ZTogJHtnZXRDb2xvcignZGlzYWJsZWRCYWNrZ3JvdW5kJyl9O1xuICAgIC0tYm9yZGVyQ29sb3I6IHRyYW5zcGFyZW50O1xuICAgIHBvaW50ZXItZXZlbnRzOiBub25lO1xuICB9XG5gO1xuXG5jb25zdCBDaGVja2JveEJveCA9ICh7IG9uQ2hhbmdlID0gKCkgPT4ge30sIC4uLnByb3BzIH0pID0+IChcbiAgPENoZWNrYm94Qm94SW5wdXQgey4uLnByb3BzfSBvbkNoYW5nZT17b25DaGFuZ2V9IHR5cGU9XCJjaGVja2JveFwiIC8+XG4pO1xuXG5jb25zdCBSb290ID0gc3R5bGVkLmRpdmBcbiAgJHsoeyBoYXNUZXh0IH0pID0+XG4gICAgaGFzVGV4dCAmJlxuICAgIGBcbiAgICAgIGRpc3BsYXk6IGdyaWQ7XG4gICAgICBncmlkLWF1dG8tZmxvdzogY29sdW1uO1xuICAgICAgYWxpZ24taXRlbXM6IGNlbnRlcjtcbiAgICAgIHdpZHRoOiBmaXQtY29udGVudDtcbiAgICAgIGNvbHVtbi1nYXA6ICR7Z2V0U3BhY2UoJ2JldHdlZW5Gb3JtQ29udHJvbEFuZExhYmVsJyl9O1xuICAgIGB9XG5cbiAgLmNoZWNrYm94SGludCwgLmNoZWNrYm94TGFiZWwge1xuICAgIGdyaWQtY29sdW1uOiAyIC8gMztcbiAgfVxuYDtcblxuZXhwb3J0IGNvbnN0IENoZWNrYm94ID0gKHtcbiAgaXNEaXNhYmxlZCxcbiAgaXNDaGVja2VkLFxuICBpc0luZGV0ZXJtaW5hdGUsXG4gIGxhYmVsLFxuICBoaW50LFxuICBpZCxcbiAgb25DaGFuZ2UsXG4gIC4uLnByb3BzXG59KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPFJvb3QgaGFzVGV4dD17bGFiZWwgfHwgaGludH0gey4uLnByb3BzfT5cbiAgICAgIDxDaGVja2JveEJveFxuICAgICAgICB0eXBlPVwiY2hlY2tib3hcIlxuICAgICAgICBkaXNhYmxlZD17aXNEaXNhYmxlZH1cbiAgICAgICAgaWQ9e2lkfVxuICAgICAgICBjaGVja2VkPXtpc0NoZWNrZWR9XG4gICAgICAgIG9uQ2hhbmdlPXtvbkNoYW5nZX1cbiAgICAgICAgaXNJbmRldGVybWluYXRlPXtpc0luZGV0ZXJtaW5hdGV9XG4gICAgICAvPlxuICAgICAge2xhYmVsICYmIChcbiAgICAgICAgPEZpZWxkTGFiZWwgaHRtbEZvcj17aWR9IGNsYXNzTmFtZT1cImNoZWNrYm94TGFiZWxcIj5cbiAgICAgICAgICB7bGFiZWx9XG4gICAgICAgIDwvRmllbGRMYWJlbD5cbiAgICAgICl9XG4gICAgICB7aGludCAmJiA8RmllbGRIaW50IGNsYXNzTmFtZT1cImNoZWNrYm94SGludFwiPntoaW50fTwvRmllbGRIaW50Pn1cbiAgICA8L1Jvb3Q+XG4gICk7XG59O1xuXG5DaGVja2JveC5MYWJlbCA9IEZpZWxkTGFiZWw7XG5DaGVja2JveC5Cb3ggPSBDaGVja2JveEJveDtcblxuQ2hlY2tib3gucHJvcFR5cGVzID0ge1xuICBpZDogUHJvcFR5cGVzLnN0cmluZy5pc1JlcXVpcmVkLFxuICBvbkNoYW5nZTogUHJvcFR5cGVzLmZ1bmMsXG4gIGlzRGlzYWJsZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0NoZWNrZWQ6IFByb3BUeXBlcy5ib29sLFxuICBpc0luZGV0ZXJtaW5hdGU6IFByb3BUeXBlcy5ib29sLFxuICBsYWJlbDogUHJvcFR5cGVzLnN0cmluZyxcbiAgaGludDogdHlwZXMuaGludCxcbn07XG4iXX0= */"));
|
|
33
36
|
|
|
34
|
-
var CheckboxBox = function CheckboxBox(
|
|
35
|
-
var
|
|
36
|
-
onChange =
|
|
37
|
-
props = _objectWithoutProperties(
|
|
37
|
+
var CheckboxBox = function CheckboxBox(_ref2) {
|
|
38
|
+
var _ref2$onChange = _ref2.onChange,
|
|
39
|
+
onChange = _ref2$onChange === void 0 ? function () {} : _ref2$onChange,
|
|
40
|
+
props = _objectWithoutProperties(_ref2, _excluded);
|
|
38
41
|
|
|
39
42
|
return ___EmotionJSX(CheckboxBoxInput, _extends({}, props, {
|
|
40
43
|
onChange: onChange,
|
|
@@ -47,19 +50,20 @@ var Root = /*#__PURE__*/_styled("div", process.env.NODE_ENV === "production" ? {
|
|
|
47
50
|
} : {
|
|
48
51
|
target: "erxmy1h0",
|
|
49
52
|
label: "Root"
|
|
50
|
-
})(function (
|
|
51
|
-
var hasText =
|
|
53
|
+
})(function (_ref3) {
|
|
54
|
+
var hasText = _ref3.hasText;
|
|
52
55
|
return hasText && "\n display: grid;\n grid-auto-flow: column;\n align-items: center;\n width: fit-content;\n column-gap: ".concat(getSpace('betweenFormControlAndLabel'), ";\n ");
|
|
53
|
-
}, " .checkboxHint,.checkboxLabel{grid-column:2/3;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,
|
|
56
|
+
}, " .checkboxHint,.checkboxLabel{grid-column:2/3;}" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUEyR3VCIiwiZmlsZSI6Ii4uLy4uL3NyYy9jb21wb25lbnRzL2NoZWNrYm94LmpzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB7IGdldENvbG9yLCBnZXRSYWRpdXMsIGdldFNwYWNlLCBnZXRUcmFuc2l0aW9uIH0gZnJvbSAnLi4vdXRpbGl0aWVzJztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5pbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCc7XG5pbXBvcnQgUHJvcFR5cGVzIGZyb20gJ3Byb3AtdHlwZXMnO1xuaW1wb3J0IHsgY29tcG9uZW50VmFycywgRmllbGRIaW50LCBGaWVsZExhYmVsIH0gZnJvbSAnLi4vZm91bmRhdGlvbmFsJztcbmltcG9ydCB7IHR5cGVzIH0gZnJvbSAnLi4vdHlwZXMnO1xuXG5jb25zdCBzaXplID0gMTY7XG5jb25zdCBjaGVja0hlaWdodCA9IHNpemUgLyAxLjY7XG5jb25zdCBjaGVja1dpZHRoID0gY2hlY2tIZWlnaHQgLyAyO1xuY29uc3QgY2hlY2tTdHJva2UgPSAxLjU7XG5cbmNvbnN0IHN0cm9rZVNpemUgPSBjb21wb25lbnRWYXJzLnN0cm9rZVNpemU7XG5cbmNvbnN0IENoZWNrYm94Qm94SW5wdXQgPSBzdHlsZWQuaW5wdXRgXG4gIC0tY2hlY2tDb2xvcjogJHtnZXRDb2xvcignc2hhZGUyJyl9O1xuICAtLWJhY2tncm91bmRDb2xvcjogdHJhbnNwYXJlbnQ7XG4gIC0tYmFja2dyb3VuZENvbG9yQWN0aXZlOiAke2dldENvbG9yKCdzaGFkZTEyJyl9O1xuICAtLWJvcmRlckNvbG9yOiAke2dldENvbG9yKCdzaGFkZTYnKX07XG5cbiAgYXBwZWFyYW5jZTogbm9uZTtcbiAgaGVpZ2h0OiAke3NpemV9cHg7XG4gIHdpZHRoOiAke3NpemV9cHg7XG4gIGRpc3BsYXk6IGJsb2NrO1xuICBib3JkZXItcmFkaXVzOiAke2dldFJhZGl1cygncycpfTtcbiAgY3Vyc29yOiBwb2ludGVyO1xuICBtYXJnaW46IDA7XG4gIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgYmFja2dyb3VuZC1jb2xvcjogdmFyKC0tYmFja2dyb3VuZENvbG9yKTtcbiAgYm9yZGVyOiAke3N0cm9rZVNpemV9IHNvbGlkIHZhcigtLWJvcmRlckNvbG9yKTtcbiAgdHJhbnNpdGlvbjogYm9yZGVyLWNvbG9yICR7Z2V0VHJhbnNpdGlvbignbGVhdmUnKX07XG5cbiAgJjpob3ZlciB7XG4gICAgLS1ib3JkZXJDb2xvcjogJHtnZXRDb2xvcignc2hhZGUxMicpfTtcbiAgICB0cmFuc2l0aW9uOiBib3JkZXItY29sb3IgJHtnZXRUcmFuc2l0aW9uKCdob3ZlcicpfTtcbiAgfVxuXG4gICY6Y2hlY2tlZCB7XG4gICAgLS1ib3JkZXJDb2xvcjogdmFyKC0tYmFja2dyb3VuZENvbG9yQWN0aXZlKTtcbiAgICAtLWJhY2tncm91bmRDb2xvcjogdmFyKC0tYmFja2dyb3VuZENvbG9yQWN0aXZlKTtcbiAgfVxuXG4gICY6YmVmb3JlLFxuICAmOmFmdGVyIHtcbiAgICBjb250ZW50OiAnJztcbiAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgYmFja2dyb3VuZDogdmFyKC0tY2hlY2tDb2xvcik7XG4gICAgZGlzcGxheTogYmxvY2s7XG4gICAgdHJhbnNmb3JtOiByb3RhdGUoLTQ1ZGVnKTtcbiAgICB0cmFuc2Zvcm0tb3JpZ2luOiBib3R0b20gbGVmdDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgICBvcGFjaXR5OiAwO1xuICAgIGJvcmRlci1yYWRpdXM6ICR7Y2hlY2tTdHJva2V9cHg7XG4gICAgbGVmdDogJHsoc2l6ZSAtIGNoZWNrV2lkdGgpIC8gMn1weDtcbiAgICBib3R0b206ICR7KHNpemUgLSBjaGVja0hlaWdodCkgLyAyfXB4O1xuICB9XG5cbiAgJjpiZWZvcmUge1xuICAgIHdpZHRoOiAke2NoZWNrU3Ryb2tlfXB4O1xuICAgIGhlaWdodDogJHtjaGVja1dpZHRofXB4O1xuICB9XG5cbiAgJjphZnRlciB7XG4gICAgd2lkdGg6ICR7Y2hlY2tIZWlnaHR9cHg7XG4gICAgaGVpZ2h0OiAke2NoZWNrU3Ryb2tlfXB4O1xuICB9XG5cbiAgJjpjaGVja2VkOmJlZm9yZSxcbiAgJjpjaGVja2VkOmFmdGVyIHtcbiAgICBvcGFjaXR5OiAxO1xuICB9XG5cbiAgJHsoeyBpc0luZGV0ZXJtaW5hdGUgfSkgPT5cbiAgICBpc0luZGV0ZXJtaW5hdGUgJiZcbiAgICBgXG4gICAgJjpub3QoOmNoZWNrZWQpIHtcbiAgICAgIC0tYm9yZGVyQ29sb3I6IHZhcigtLWJhY2tncm91bmRDb2xvckFjdGl2ZSk7XG4gICAgICAtLWJhY2tncm91bmRDb2xvcjogdmFyKC0tYmFja2dyb3VuZENvbG9yQWN0aXZlKTtcblxuICAgICAgJjpiZWZvcmUge1xuICAgICAgICBjb250ZW50OiB1bnNldDtcbiAgICAgIH1cbiAgICAgICY6YWZ0ZXIge1xuICAgICAgICB0cmFuc2Zvcm06IHJvdGF0ZSgwZGVnKTtcbiAgICAgICAgbGVmdDogMDtcbiAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICBtYXJnaW46IGF1dG87XG4gICAgICAgIG9wYWNpdHk6IDE7XG4gICAgICB9XG4gICAgfVxuICBgfVxuXG4gICY6ZGlzYWJsZWQge1xuICAgIC0tY2hlY2tDb2xvcjogJHtnZXRDb2xvcignZGlzYWJsZWRDb250ZW50Jyl9O1xuICAgIC0tYmFja2dyb3VuZENvbG9yOiAke2dldENvbG9yKCdkaXNhYmxlZEJhY2tncm91bmQnKX07XG4gICAgLS1iYWNrZ3JvdW5kQ29sb3JBY3RpdmU6ICR7Z2V0Q29sb3IoJ2Rpc2FibGVkQmFja2dyb3VuZCcpfTtcbiAgICAtLWJvcmRlckNvbG9yOiB0cmFuc3BhcmVudDtcbiAgICBwb2ludGVyLWV2ZW50czogbm9uZTtcbiAgfVxuYDtcblxuY29uc3QgQ2hlY2tib3hCb3ggPSAoeyBvbkNoYW5nZSA9ICgpID0+IHt9LCAuLi5wcm9wcyB9KSA9PiAoXG4gIDxDaGVja2JveEJveElucHV0IHsuLi5wcm9wc30gb25DaGFuZ2U9e29uQ2hhbmdlfSB0eXBlPVwiY2hlY2tib3hcIiAvPlxuKTtcblxuY29uc3QgUm9vdCA9IHN0eWxlZC5kaXZgXG4gICR7KHsgaGFzVGV4dCB9KSA9PlxuICAgIGhhc1RleHQgJiZcbiAgICBgXG4gICAgICBkaXNwbGF5OiBncmlkO1xuICAgICAgZ3JpZC1hdXRvLWZsb3c6IGNvbHVtbjtcbiAgICAgIGFsaWduLWl0ZW1zOiBjZW50ZXI7XG4gICAgICB3aWR0aDogZml0LWNvbnRlbnQ7XG4gICAgICBjb2x1bW4tZ2FwOiAke2dldFNwYWNlKCdiZXR3ZWVuRm9ybUNvbnRyb2xBbmRMYWJlbCcpfTtcbiAgICBgfVxuXG4gIC5jaGVja2JveEhpbnQsIC5jaGVja2JveExhYmVsIHtcbiAgICBncmlkLWNvbHVtbjogMiAvIDM7XG4gIH1cbmA7XG5cbmV4cG9ydCBjb25zdCBDaGVja2JveCA9ICh7XG4gIGlzRGlzYWJsZWQsXG4gIGlzQ2hlY2tlZCxcbiAgaXNJbmRldGVybWluYXRlLFxuICBsYWJlbCxcbiAgaGludCxcbiAgaWQsXG4gIG9uQ2hhbmdlLFxuICAuLi5wcm9wc1xufSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxSb290IGhhc1RleHQ9e2xhYmVsIHx8IGhpbnR9IHsuLi5wcm9wc30+XG4gICAgICA8Q2hlY2tib3hCb3hcbiAgICAgICAgdHlwZT1cImNoZWNrYm94XCJcbiAgICAgICAgZGlzYWJsZWQ9e2lzRGlzYWJsZWR9XG4gICAgICAgIGlkPXtpZH1cbiAgICAgICAgY2hlY2tlZD17aXNDaGVja2VkfVxuICAgICAgICBvbkNoYW5nZT17b25DaGFuZ2V9XG4gICAgICAgIGlzSW5kZXRlcm1pbmF0ZT17aXNJbmRldGVybWluYXRlfVxuICAgICAgLz5cbiAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgIDxGaWVsZExhYmVsIGh0bWxGb3I9e2lkfSBjbGFzc05hbWU9XCJjaGVja2JveExhYmVsXCI+XG4gICAgICAgICAge2xhYmVsfVxuICAgICAgICA8L0ZpZWxkTGFiZWw+XG4gICAgICApfVxuICAgICAge2hpbnQgJiYgPEZpZWxkSGludCBjbGFzc05hbWU9XCJjaGVja2JveEhpbnRcIj57aGludH08L0ZpZWxkSGludD59XG4gICAgPC9Sb290PlxuICApO1xufTtcblxuQ2hlY2tib3guTGFiZWwgPSBGaWVsZExhYmVsO1xuQ2hlY2tib3guQm94ID0gQ2hlY2tib3hCb3g7XG5cbkNoZWNrYm94LnByb3BUeXBlcyA9IHtcbiAgaWQ6IFByb3BUeXBlcy5zdHJpbmcuaXNSZXF1aXJlZCxcbiAgb25DaGFuZ2U6IFByb3BUeXBlcy5mdW5jLFxuICBpc0Rpc2FibGVkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNDaGVja2VkOiBQcm9wVHlwZXMuYm9vbCxcbiAgaXNJbmRldGVybWluYXRlOiBQcm9wVHlwZXMuYm9vbCxcbiAgbGFiZWw6IFByb3BUeXBlcy5zdHJpbmcsXG4gIGhpbnQ6IHR5cGVzLmhpbnQsXG59O1xuIl19 */"));
|
|
54
57
|
|
|
55
|
-
export var Checkbox = function Checkbox(
|
|
56
|
-
var isDisabled =
|
|
57
|
-
isChecked =
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
|
|
61
|
-
|
|
62
|
-
|
|
58
|
+
export var Checkbox = function Checkbox(_ref4) {
|
|
59
|
+
var isDisabled = _ref4.isDisabled,
|
|
60
|
+
isChecked = _ref4.isChecked,
|
|
61
|
+
isIndeterminate = _ref4.isIndeterminate,
|
|
62
|
+
label = _ref4.label,
|
|
63
|
+
hint = _ref4.hint,
|
|
64
|
+
id = _ref4.id,
|
|
65
|
+
onChange = _ref4.onChange,
|
|
66
|
+
props = _objectWithoutProperties(_ref4, _excluded2);
|
|
63
67
|
|
|
64
68
|
return ___EmotionJSX(Root, _extends({
|
|
65
69
|
hasText: label || hint
|
|
@@ -68,7 +72,8 @@ export var Checkbox = function Checkbox(_ref3) {
|
|
|
68
72
|
disabled: isDisabled,
|
|
69
73
|
id: id,
|
|
70
74
|
checked: isChecked,
|
|
71
|
-
onChange: onChange
|
|
75
|
+
onChange: onChange,
|
|
76
|
+
isIndeterminate: isIndeterminate
|
|
72
77
|
}), label && ___EmotionJSX(FieldLabel, {
|
|
73
78
|
htmlFor: id,
|
|
74
79
|
className: "checkboxLabel"
|
|
@@ -83,6 +88,7 @@ Checkbox.propTypes = {
|
|
|
83
88
|
onChange: PropTypes.func,
|
|
84
89
|
isDisabled: PropTypes.bool,
|
|
85
90
|
isChecked: PropTypes.bool,
|
|
91
|
+
isIndeterminate: PropTypes.bool,
|
|
86
92
|
label: PropTypes.string,
|
|
87
93
|
hint: types.hint
|
|
88
94
|
};
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@flodesk/grain",
|
|
3
|
-
"version": "10.
|
|
3
|
+
"version": "10.30.1",
|
|
4
4
|
"description": "Flodesk design system",
|
|
5
5
|
"module": "es/index.js",
|
|
6
6
|
"author": "Flodesk",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
},
|
|
32
32
|
"peerDependencies": {
|
|
33
33
|
"@floating-ui/react-dom-interactions": "^0.12.0",
|
|
34
|
-
"@headlessui/react": "
|
|
34
|
+
"@headlessui/react": "1.7.17",
|
|
35
35
|
"react": ">=16.8",
|
|
36
36
|
"react-dom": ">=16.8"
|
|
37
37
|
},
|