@rescui/checkbox 0.8.5 → 0.8.7-RUI-226-Update-card-cn-6e43cc89.60

package/lib/_virtual/index.css.js

@@ -1,10 +1,15 @@
 var styles = {
-  "icon": "_icon_1g6zqe1_4",
-  "sizeXS": "_sizeXS_1g6zqe1_14",
-  "sizeS": "_sizeS_1g6zqe1_18",
-  "sizeM": "_sizeM_1g6zqe1_22",
-  "sizeL": "_sizeL_1g6zqe1_26",
-  "light": "_light_1g6zqe1_30",
-  "dark": "_dark_1g6zqe1_34"
+  "icon": "_icon_15yklic_4",
+  "sizeXS": "_sizeXS_15yklic_14",
+  "sizeS": "_sizeS_15yklic_18",
+  "sizeM": "_sizeM_15yklic_22",
+  "sizeL": "_sizeL_15yklic_26",
+  "light": "_light_15yklic_30",
+  "dark": "_dark_15yklic_34",
+  "allVariants": "_allVariants_15yklic_48",
+  "variant16": "_variant16_15yklic_53",
+  "variant20": "_variant20_15yklic_54",
+  "variant24": "_variant24_15yklic_55",
+  "variant28": "_variant28_15yklic_58"
 };
 export { styles as default };

package/lib/_virtual/warning.js

@@ -1,37 +1,106 @@
 import _extends from '@babel/runtime-corejs3/helpers/esm/extends';
-import _objectWithoutProperties from '@babel/runtime-corejs3/helpers/esm/objectWithoutProperties';
 import React from 'react';
 import PropTypes from 'prop-types';
 import cn from 'classnames';
 import styles from './index.css.js';
-var _excluded = ["theme", "size", "className"];
-var sizeStyles = {
+const sizeStyles = {
   "xs": styles.sizeXS,
   "s": styles.sizeS,
   "m": styles.sizeM,
   "l": styles.sizeL
 };
-var WarningIcon = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
-  var theme = _ref.theme,
-      size = _ref.size,
-      className = _ref.className,
-      props = _objectWithoutProperties(_ref, _excluded);
+const Size = {
+  "xs": "xs",
+  "s": "s",
+  "m": "m",
+  "l": "l"
+};
+const WarningIcon16 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 16 16"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m6.303 1.989-5.027 8.874C.483 12.263 1.494 14 3.103 14h9.793c1.609 0 2.62-1.736 1.827-3.137L9.696 1.99C8.949.67 7.05.67 6.303 1.989M8 12a1 1 0 1 1 0-2 1 1 0 0 1 0 2m0-8a.5.5 0 0 1 .5.5v4a.5.5 0 0 1-1 0v-4A.5.5 0 0 1 8 4"
+})));
+WarningIcon16.displayName = 'WarningIcon16';
+const WarningIcon20 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 20 20"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m8.042 3.141-5.8 10.24C1.327 14.997 2.494 17 4.35 17h11.3c1.856 0 3.023-2.003 2.108-3.62l-5.8-10.239c-.862-1.521-3.054-1.521-3.916 0M10 5.25a.75.75 0 0 1 .75.75v5a.75.75 0 0 1-1.5 0V6a.75.75 0 0 1 .75-.75m0 9.25a1 1 0 1 1 0-2 1 1 0 0 1 0 2"
+})));
+WarningIcon20.displayName = 'WarningIcon20';
+const WarningIcon24 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 24 24"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "m9.52 3.446-7.346 12.97C1.014 18.463 2.492 21 4.844 21h14.312c2.352 0 3.83-2.537 2.67-4.584L14.48 3.446c-1.092-1.928-3.868-1.928-4.96 0M12 7a1 1 0 0 1 1 1v5a1 1 0 1 1-2 0V8a1 1 0 0 1 1-1m0 11a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"
+})));
+WarningIcon24.displayName = 'WarningIcon24';
+const WarningIcon28 = /*#__PURE__*/React.forwardRef((props, ref) => /*#__PURE__*/React.createElement("svg", _extends({
+  viewBox: "0 0 28 28"
+}, props, {
+  ref: ref
+}), /*#__PURE__*/React.createElement("path", {
+  d: "M11.26 4.598 3.14 18.933C1.858 21.195 3.492 24 6.09 24h15.82c2.599 0 4.232-2.805 2.951-5.067l-8.12-14.335c-1.207-2.13-4.275-2.13-5.481 0M14 8a1 1 0 0 1 1 1v6a1 1 0 1 1-2 0V9a1 1 0 0 1 1-1m0 12a1.5 1.5 0 1 1 0-3 1.5 1.5 0 0 1 0 3"
+})));
+WarningIcon28.displayName = 'WarningIcon28';
+const WarningIcon = /*#__PURE__*/React.forwardRef((_ref, ref) => {
+  let {
+    theme,
+    size: sizeFromProps = "m",
+    className,
+    style,
+    ['data-render-all-sizes']: renderAllSizes = false,
+    ...props
+  } = _ref;
+  const size = sizeFromProps in Size ? sizeFromProps : "m";
+  const mainProps = { ...props,
+    className: cn(styles.icon, styles[theme], sizeStyles[size], renderAllSizes && styles.allVariants, className),
+    style: renderAllSizes ? {
+      '--rs-icon-ar-width': 28,
+      '--rs-icon-ar-height': 28,
+      ...style
+    } : style,
+    ref
+  };
+
+  if (renderAllSizes) {
+    return /*#__PURE__*/React.createElement("svg", _extends({
+      viewBox: "0 0 28 28"
+    }, mainProps), /*#__PURE__*/React.createElement(WarningIcon16, {
+      className: styles.variant16
+    }), /*#__PURE__*/React.createElement(WarningIcon20, {
+      className: styles.variant20
+    }), /*#__PURE__*/React.createElement(WarningIcon24, {
+      className: styles.variant24
+    }), /*#__PURE__*/React.createElement(WarningIcon28, {
+      className: styles.variant28
+    }));
+  }
+
+  if (size === Size['xs']) {
+    return /*#__PURE__*/React.createElement(WarningIcon16, mainProps);
+  }
 
-  return /*#__PURE__*/React.createElement("svg", _extends({
-    viewBox: "0 0 24 24"
-  }, props, {
-    className: cn(styles.icon, styles[theme], sizeStyles[size], className),
-    ref: ref
-  }), /*#__PURE__*/React.createElement("path", {
-    d: "M2.769 20h18.363a.615.615 0 00.546-.891L12.504 2.8a.566.566 0 00-.989-.002C9.8 5.891 4.026 16.101 2.322 19.112A.61.61 0 002.77 20zm8.229-12h2v6h-2V8zm0 8h2v2h-2v-2z"
-  }));
+  if (size === Size['s']) {
+    return /*#__PURE__*/React.createElement(WarningIcon20, mainProps);
+  }
+
+  if (size === Size['m']) {
+    return /*#__PURE__*/React.createElement(WarningIcon24, mainProps);
+  }
+
+  return /*#__PURE__*/React.createElement(WarningIcon28, mainProps);
 });
+WarningIcon.displayName = 'WarningIcon';
 WarningIcon.propTypes = {
   className: PropTypes.string,
   theme: PropTypes.oneOf(["light", "dark"]),
-  size: PropTypes.oneOf(["xs", "s", "m", "l"])
-};
-WarningIcon.defaultProps = {
-  size: "m"
+  size: PropTypes.oneOf(["xs", "s", "m", "l"]),
+  'data-render-all-sizes': PropTypes.bool,
+  style: PropTypes.object
 };
-export { WarningIcon as default };
+export { Size, WarningIcon as default };

package/lib/checkbox.js

@@ -1,58 +1,44 @@
-import "core-js/modules/es.object.to-string.js";
-import "core-js/modules/web.dom-collections.for-each.js";
-import _Object$keys from "@babel/runtime-corejs3/core-js-stable/object/keys";
-import _Object$getOwnPropertySymbols from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-symbols";
-import _filterInstanceProperty from "@babel/runtime-corejs3/core-js-stable/instance/filter";
-import _Object$getOwnPropertyDescriptor from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptor";
-import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
-import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
-import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-var _excluded = ["children", "className", "disabled", "mode", "size", "theme", "onMouseEnter", "onMouseLeave", "onClick", "error"];
-
-function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, function (sym) { return _Object$getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
-
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? Object.defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
-
 import React, { useContext } from 'react';
 import PropTypes from 'prop-types';
 import { MenuItem } from '@rescui/menu';
 import { useThemeWithUndefined } from '@rescui/ui-contexts';
 import cn from 'classnames';
 import WarningIcon from './_virtual/warning.js';
-import CheckboxControl from './parts/checkbox-control.js';
 import { GroupContext } from './parts/group-context.js';
+import CheckboxControl from './parts/checkbox-control.js';
 import styles from './parts/checkbox.p.module.css.js';
-var THEME_STYLES = {
+const THEME_STYLES = {
   light: styles.themeLight,
   dark: styles.themeDark
 };
-var SIZE_STYLES = {
+const SIZE_STYLES = {
   s: styles.checkboxSizeS,
   m: styles.checkboxSizeM,
   l: styles.checkboxSizeL
 };
-var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(_ref, ref) {
-  var children = _ref.children,
-      className = _ref.className,
-      disabled = _ref.disabled,
-      _ref$mode = _ref.mode,
-      mode = _ref$mode === void 0 ? 'classic' : _ref$mode,
-      _ref$size = _ref.size,
-      propsSize = _ref$size === void 0 ? 'm' : _ref$size,
-      themeFromProps = _ref.theme,
-      onMouseEnter = _ref.onMouseEnter,
-      onMouseLeave = _ref.onMouseLeave,
-      onClick = _ref.onClick,
-      error = _ref.error,
-      restProps = _objectWithoutProperties(_ref, _excluded);
-
-  var theme = useThemeWithUndefined(themeFromProps);
-
-  var _useContext = useContext(GroupContext),
-      inGroup = _useContext.inGroup,
-      contextSize = _useContext.size;
-
-  var size = !inGroup ? propsSize : contextSize || propsSize;
+const Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(_ref, ref) {
+  let {
+    children,
+    className,
+    disabled,
+    mode = 'classic',
+    size: propsSize = 'm',
+    theme: themeFromProps,
+    // eslint-disable-next-line react/prop-types
+    onMouseEnter,
+    // eslint-disable-next-line react/prop-types
+    onMouseLeave,
+    // eslint-disable-next-line react/prop-types
+    onClick,
+    error,
+    ...restProps
+  } = _ref;
+  const theme = useThemeWithUndefined(themeFromProps);
+  const {
+    inGroup,
+    size: contextSize
+  } = useContext(GroupContext);
+  const size = !inGroup ? propsSize : contextSize || propsSize;
   return /*#__PURE__*/React.createElement("div", {
     className: cn(className, styles.container, THEME_STYLES[theme], SIZE_STYLES[size]),
     "data-rs-internal": 'checkbox'
@@ -66,22 +52,24 @@ var Checkbox = /*#__PURE__*/React.forwardRef(function Checkbox(_ref, ref) {
     onMouseLeave: onMouseLeave,
     onClick: onClick,
     tabIndex: null,
-    icon: /*#__PURE__*/React.createElement(CheckboxControl, _objectSpread({
+    icon: /*#__PURE__*/React.createElement(CheckboxControl, {
       ref: ref,
       disabled: disabled,
       size: size,
       mode: mode,
       theme: theme,
       isError: Boolean(error),
-      notUseLabelTag: true
-    }, restProps))
+      notUseLabelTag: true,
+      ...restProps
+    })
   }, children), error && typeof error !== 'boolean' && /*#__PURE__*/React.createElement("div", {
     className: styles.errorMessage,
     "data-test": "checkbox-error-message",
     "data-rs-internal": "checkbox__error-message"
   }, /*#__PURE__*/React.createElement(WarningIcon, {
     "data-rs-internal": "checkbox__error-icon",
-    className: styles.errorIcon
+    className: styles.errorIcon,
+    "data-render-all-sizes": true
   }), /*#__PURE__*/React.createElement("span", null, error)));
 });
 Checkbox.propTypes = {