antd-mobile 5.0.0-rc.9 → 5.0.0

package/cjs/components/cascader-view/cascader-view.js

@@ -17,113 +17,61 @@ var _nativeProps = require("../../utils/native-props");
 
 var _withDefaultProps = require("../../utils/with-default-props");
 
-var _usePropsValue2 = require("../../utils/use-props-value");
+var _usePropsValue = require("../../utils/use-props-value");
 
 var _useCascaderValueExtend = require("./use-cascader-value-extend");
 
 var _configProvider = require("../config-provider");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _createForOfIteratorHelperLoose(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-  if (it) return (it = it.call(o)).next.bind(it);
-
-  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-    if (it) o = it;
-    var i = 0;
-    return function () {
-      if (i >= o.length) return {
-        done: true
-      };
-      return {
-        done: false,
-        value: o[i++]
-      };
-    };
-  }
-
-  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
-
-  return arr2;
-}
-
-var classPrefix = "adm-cascader-view";
-var defaultProps = {
+var _optionSkeleton = require("./option-skeleton");
+
+var _skeleton = _interopRequireDefault(require("../skeleton"));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+const classPrefix = `adm-cascader-view`;
+const defaultProps = {
   defaultValue: []
 };
 
-var CascaderView = function CascaderView(p) {
-  var _useConfig = (0, _configProvider.useConfig)(),
-      locale = _useConfig.locale;
-
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, {
+const CascaderView = p => {
+  const {
+    locale
+  } = (0, _configProvider.useConfig)();
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, {
     placeholder: locale.Cascader.placeholder
   }, p);
-
-  var _usePropsValue = (0, _usePropsValue2.usePropsValue)(Object.assign(Object.assign({}, props), {
-    onChange: function onChange(val) {
+  const [value, setValue] = (0, _usePropsValue.usePropsValue)(Object.assign(Object.assign({}, props), {
+    onChange: val => {
       var _a;
 
       (_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, val, generateValueExtend(val));
     }
-  })),
-      value = _usePropsValue[0],
-      setValue = _usePropsValue[1];
-
-  var _useState = (0, _react.useState)(0),
-      tabActiveKey = _useState[0],
-      setTabActiveKey = _useState[1];
-
-  var generateValueExtend = (0, _useCascaderValueExtend.useCascaderValueExtend)(props.options);
-  var levels = (0, _react.useMemo)(function () {
-    var ret = [];
-    var currentOptions = props.options;
-    var reachedEnd = false;
-
-    var _loop = function _loop() {
-      var v = _step.value;
-      var target = currentOptions.find(function (option) {
-        return option.value === v;
-      });
+  }));
+  const [tabActiveKey, setTabActiveKey] = (0, _react.useState)(0);
+  const generateValueExtend = (0, _useCascaderValueExtend.useCascaderValueExtend)(props.options);
+  const levels = (0, _react.useMemo)(() => {
+    const ret = [];
+    let currentOptions = props.options;
+    let reachedEnd = false;
+
+    for (const v of value) {
+      const target = currentOptions.find(option => option.value === v);
       ret.push({
         selected: target,
         options: currentOptions
       });
 
-      if (!target || !target.children || target.children.length === 0) {
+      if (!target || !target.children) {
         reachedEnd = true;
-        return "break";
+        break;
       }
 
       currentOptions = target.children;
-    };
-
-    for (var _iterator = _createForOfIteratorHelperLoose(value), _step; !(_step = _iterator()).done;) {
-      var _ret = _loop();
-
-      if (_ret === "break") break;
     }
 
     if (!reachedEnd) {
@@ -135,12 +83,12 @@ var CascaderView = function CascaderView(p) {
 
     return ret;
   }, [value, props.options]);
-  (0, _react.useEffect)(function () {
+  (0, _react.useEffect)(() => {
     setTabActiveKey(levels.length - 1);
   }, [value]);
 
-  var onItemSelect = function onItemSelect(selectValue, depth) {
-    var next = value.slice(0, depth);
+  const onItemSelect = (selectValue, depth) => {
+    const next = value.slice(0, depth);
 
     if (selectValue !== undefined) {
       next[depth] = selectValue;
@@ -149,40 +97,51 @@ var CascaderView = function CascaderView(p) {
     setValue(next);
   };
 
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("div", {
     className: classPrefix
-  }, /*#__PURE__*/_react["default"].createElement(_tabs["default"], {
+  }, _react.default.createElement(_tabs.default, {
     activeKey: tabActiveKey.toString(),
-    onChange: function onChange(key) {
-      return setTabActiveKey(parseInt(key));
-    },
+    onChange: key => setTabActiveKey(parseInt(key)),
     stretch: false,
-    className: classPrefix + "-tabs"
-  }, levels.map(function (level, index) {
-    var selected = level.selected;
-    return /*#__PURE__*/_react["default"].createElement(_tabs["default"].Tab, {
+    className: `${classPrefix}-tabs`
+  }, levels.map((level, index) => {
+    const selected = level.selected;
+    return _react.default.createElement(_tabs.default.Tab, {
       key: index,
-      title: /*#__PURE__*/_react["default"].createElement("div", {
-        className: classPrefix + "-header-title"
+      title: _react.default.createElement("div", {
+        className: `${classPrefix}-header-title`
       }, selected ? selected.label : props.placeholder),
       forceRender: true
-    }, /*#__PURE__*/_react["default"].createElement(_checkList["default"], {
+    }, _react.default.createElement("div", {
+      className: `${classPrefix}-content`
+    }, level.options === _optionSkeleton.optionSkeleton ? _react.default.createElement("div", {
+      className: `${classPrefix}-skeleton`
+    }, _react.default.createElement(_skeleton.default, {
+      className: `${classPrefix}-skeleton-line-1`,
+      animated: true
+    }), _react.default.createElement(_skeleton.default, {
+      className: `${classPrefix}-skeleton-line-2`,
+      animated: true
+    }), _react.default.createElement(_skeleton.default, {
+      className: `${classPrefix}-skeleton-line-3`,
+      animated: true
+    }), _react.default.createElement(_skeleton.default, {
+      className: `${classPrefix}-skeleton-line-4`,
+      animated: true
+    })) : _react.default.createElement(_checkList.default, {
       value: [value[index]],
-      onChange: function onChange(selectValue) {
-        return onItemSelect(selectValue[0], index);
-      },
-      className: classPrefix + "-content"
-    }, level.options.map(function (option) {
-      var _classNames;
-
-      var active = value[index] === option.value;
-      return /*#__PURE__*/_react["default"].createElement(_checkList["default"].Item, {
+      onChange: selectValue => onItemSelect(selectValue[0], index)
+    }, level.options.map(option => {
+      const active = value[index] === option.value;
+      return _react.default.createElement(_checkList.default.Item, {
         value: option.value,
         key: option.value,
         disabled: option.disabled,
-        className: (0, _classnames["default"])(classPrefix + "-item", (_classNames = {}, _classNames[classPrefix + "-item-active"] = active, _classNames))
+        className: (0, _classnames.default)(`${classPrefix}-item`, {
+          [`${classPrefix}-item-active`]: active
+        })
       }, option.label);
-    })));
+    }))));
   }))));
 };
 

package/cjs/components/cascader-view/index.d.ts

@@ -1,4 +1,7 @@
+/// <reference types="react" />
 import './cascader-view.less';
-import { CascaderView } from './cascader-view';
 export type { CascaderViewProps, CascaderValue, CascaderValueExtend, CascaderOption, } from './cascader-view';
-export default CascaderView;
+declare const _default: import("react").FC<import("./cascader-view").CascaderViewProps> & {
+    optionSkeleton: import("./cascader-view").CascaderOption[];
+};
+export default _default;

package/cjs/components/cascader-view/index.js

@@ -3,11 +3,18 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./cascader-view.css");
 
 var _cascaderView2 = require("./cascader-view");
 
-var _default = _cascaderView2.CascaderView;
-exports["default"] = _default;
+var _attachPropertiesToComponent = require("../../utils/attach-properties-to-component");
+
+var _optionSkeleton = require("./option-skeleton");
+
+var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_cascaderView2.CascaderView, {
+  optionSkeleton: _optionSkeleton.optionSkeleton
+});
+
+exports.default = _default;

package/cjs/components/cascader-view/option-skeleton.d.ts

@@ -0,0 +1,2 @@
+import type { CascaderOption } from './cascader-view';
+export declare const optionSkeleton: CascaderOption[];

package/cjs/components/cascader-view/option-skeleton.js

@@ -0,0 +1,8 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.optionSkeleton = void 0;
+const optionSkeleton = [];
+exports.optionSkeleton = optionSkeleton;

package/cjs/components/cascader-view/use-cascader-value-extend.js

@@ -9,79 +9,28 @@ var _react = require("react");
 
 var _memoize = _interopRequireDefault(require("lodash/memoize"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
-
-function _createForOfIteratorHelperLoose(o, allowArrayLike) {
-  var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"];
-  if (it) return (it = it.call(o)).next.bind(it);
-
-  if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") {
-    if (it) o = it;
-    var i = 0;
-    return function () {
-      if (i >= o.length) return {
-        done: true
-      };
-      return {
-        done: false,
-        value: o[i++]
-      };
-    };
-  }
-
-  throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
-}
-
-function _unsupportedIterableToArray(o, minLen) {
-  if (!o) return;
-  if (typeof o === "string") return _arrayLikeToArray(o, minLen);
-  var n = Object.prototype.toString.call(o).slice(8, -1);
-  if (n === "Object" && o.constructor) n = o.constructor.name;
-  if (n === "Map" || n === "Set") return Array.from(o);
-  if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
-}
-
-function _arrayLikeToArray(arr, len) {
-  if (len == null || len > arr.length) len = arr.length;
-
-  for (var i = 0, arr2 = new Array(len); i < len; i++) {
-    arr2[i] = arr[i];
-  }
-
-  return arr2;
-}
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function useCascaderValueExtend(options) {
-  var generateItems = (0, _react.useMemo)(function () {
-    return (0, _memoize["default"])(function (val) {
-      var ret = [];
-      var currentOptions = options;
+  const generateItems = (0, _react.useMemo)(() => {
+    return (0, _memoize.default)(val => {
+      const ret = [];
+      let currentOptions = options;
 
-      var _loop = function _loop() {
-        var v = _step.value;
-        var target = currentOptions.find(function (option) {
-          return option.value === v;
-        });
+      for (const v of val) {
+        const target = currentOptions.find(option => option.value === v);
 
         if (!target) {
-          return "break";
+          break;
         }
 
         ret.push(target);
-        if (!target.children) return "break";
+        if (!target.children) break;
         currentOptions = target.children;
-      };
-
-      for (var _iterator = _createForOfIteratorHelperLoose(val), _step; !(_step = _iterator()).done;) {
-        var _ret = _loop();
-
-        if (_ret === "break") break;
       }
 
       return ret;
-    }, function (val) {
-      return JSON.stringify(val);
-    });
+    }, val => JSON.stringify(val));
   }, [options]);
 
   function generateValueExtend(val) {

package/cjs/components/check-list/check-list-item.js

@@ -17,37 +17,35 @@ var _devLog = require("../../utils/dev-log");
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var classPrefix = "adm-check-list-item";
+const classPrefix = `adm-check-list-item`;
 
-var CheckListItem = function CheckListItem(props) {
-  var _classNames;
-
-  var context = (0, _react.useContext)(_context.CheckListContext);
+const CheckListItem = props => {
+  const context = (0, _react.useContext)(_context.CheckListContext);
 
   if (context === null) {
     (0, _devLog.devWarning)('CheckList.Item', 'CheckList.Item can only be used inside CheckList.');
     return null;
   }
 
-  var active = context.value.includes(props.value);
-  var readOnly = props.readOnly || context.readOnly;
+  const active = context.value.includes(props.value);
+  const readOnly = props.readOnly || context.readOnly;
 
-  var extra = /*#__PURE__*/_react["default"].createElement("div", {
-    className: classPrefix + "-extra"
+  const extra = _react.default.createElement("div", {
+    className: `${classPrefix}-extra`
   }, active ? context.activeIcon : null);
 
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement(_list["default"].Item, {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement(_list.default.Item, {
     title: props.title,
-    className: (0, _classnames["default"])((_classNames = {}, _classNames[classPrefix + "-readonly"] = readOnly, _classNames)),
+    className: (0, _classnames.default)(classPrefix, readOnly && `${classPrefix}-readonly`),
     description: props.description,
     prefix: props.prefix,
-    onClick: function onClick(e) {
+    onClick: e => {
       var _a;
 
       if (readOnly) return;

package/cjs/components/check-list/check-list.css

@@ -1,5 +1,6 @@
 .adm-check-list-item-extra {
   font-size: 16px;
+  line-height: 1;
   color: var(--adm-color-primary);
 }
 .adm-check-list-item-readonly {

package/cjs/components/check-list/check-list.js

@@ -15,53 +15,52 @@ var _withDefaultProps = require("../../utils/with-default-props");
 
 var _context = require("./context");
 
-var _usePropsValue2 = require("../../utils/use-props-value");
+var _usePropsValue = require("../../utils/use-props-value");
 
 var _antdMobileIcons = require("antd-mobile-icons");
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-var defaultProps = {
+const classPrefix = 'adm-check-list';
+const defaultProps = {
   multiple: false,
   defaultValue: [],
-  activeIcon: /*#__PURE__*/_react["default"].createElement(_antdMobileIcons.CheckOutline, null)
+  activeIcon: _react.default.createElement(_antdMobileIcons.CheckOutline, null)
 };
 
-var CheckList = function CheckList(p) {
-  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
-
-  var _usePropsValue = (0, _usePropsValue2.usePropsValue)(props),
-      value = _usePropsValue[0],
-      setValue = _usePropsValue[1];
+const CheckList = p => {
+  const props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+  const [value, setValue] = (0, _usePropsValue.usePropsValue)(props);
 
   function check(val) {
     if (props.multiple) {
-      setValue([].concat(value, [val]));
+      setValue([...value, val]);
     } else {
       setValue([val]);
     }
   }
 
   function uncheck(val) {
-    setValue(value.filter(function (item) {
-      return item !== val;
-    }));
+    setValue(value.filter(item => item !== val));
   }
 
-  var activeIcon = props.activeIcon,
-      disabled = props.disabled,
-      readOnly = props.readOnly;
-  return /*#__PURE__*/_react["default"].createElement(_context.CheckListContext.Provider, {
+  const {
+    activeIcon,
+    disabled,
+    readOnly
+  } = props;
+  return _react.default.createElement(_context.CheckListContext.Provider, {
     value: {
-      value: value,
-      check: check,
-      uncheck: uncheck,
-      activeIcon: activeIcon,
-      disabled: disabled,
-      readOnly: readOnly
+      value,
+      check,
+      uncheck,
+      activeIcon,
+      disabled,
+      readOnly
     }
-  }, (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement(_list["default"], {
-    mode: props.mode
+  }, (0, _nativeProps.withNativeProps)(props, _react.default.createElement(_list.default, {
+    mode: props.mode,
+    className: classPrefix
   }, props.children)));
 };
 

package/cjs/components/check-list/context.js

@@ -7,5 +7,5 @@ exports.CheckListContext = void 0;
 
 var _react = require("react");
 
-var CheckListContext = /*#__PURE__*/(0, _react.createContext)(null);
+const CheckListContext = (0, _react.createContext)(null);
 exports.CheckListContext = CheckListContext;

package/cjs/components/check-list/index.js

@@ -3,7 +3,7 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = void 0;
+exports.default = void 0;
 
 require("./check-list.css");
 
@@ -17,4 +17,4 @@ var _default = (0, _attachPropertiesToComponent.attachPropertiesToComponent)(_ch
   Item: _checkListItem.CheckListItem
 });
 
-exports["default"] = _default;
+exports.default = _default;

package/cjs/components/checkbox/check-icon.js

@@ -9,25 +9,16 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _nativeProps = require("../../utils/native-props");
 
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-var CheckIcon = /*#__PURE__*/(0, _react.memo)(function (props) {
-  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("svg", {
-    viewBox: '0 0 24 16'
-  }, /*#__PURE__*/_react["default"].createElement("g", {
-    stroke: 'none',
-    strokeWidth: '1',
-    fill: 'none',
-    fillRule: 'evenodd'
-  }, /*#__PURE__*/_react["default"].createElement("g", {
-    transform: 'translate(-35.000000, -40.000000)',
+const CheckIcon = (0, _react.memo)(props => {
+  return (0, _nativeProps.withNativeProps)(props, _react.default.createElement("svg", {
+    viewBox: '0 0 40 40'
+  }, _react.default.createElement("path", {
+    d: 'M31.5541766,15 L28.0892433,15 L28.0892434,15 C27.971052,15 27.8576674,15.044522 27.7740471,15.1239792 L18.2724722,24.1625319 L13.2248725,19.3630279 L13.2248725,19.3630279 C13.1417074,19.2834412 13.0287551,19.2384807 12.9107898,19.2380079 L9.44474455,19.2380079 L9.44474454,19.2380079 C9.19869815,19.2384085 8.99957935,19.4284738 9,19.66253 C9,19.7747587 9.04719253,19.8823283 9.13066188,19.9616418 L17.0907466,27.5338228 C17.4170809,27.8442545 17.8447695,28 18.2713393,28 L18.2980697,28 C18.7168464,27.993643 19.133396,27.8378975 19.4530492,27.5338228 L31.8693384,15.7236361 L31.8693384,15.7236361 C32.0434167,15.5582251 32.0435739,15.2898919 31.8696892,15.1242941 C31.7860402,15.0446329 31.6725052,15 31.5541421,15 L31.5541766,15 Z',
     fill: 'currentColor'
-  }, /*#__PURE__*/_react["default"].createElement("g", {
-    transform: 'translate(24.000000, 26.000000)'
-  }, /*#__PURE__*/_react["default"].createElement("path", {
-    d: 'M18.8574375,25.9363304 L14.4138058,21.4926987 C13.8001225,20.8790154 12.8051453,20.8790154 12.1914621,21.4926987 C11.5777807,22.10638 11.5777807,23.1013541 12.1914621,23.7150354 C12.1914632,23.7150366 12.1914644,23.7150377 12.1914656,23.7150389 L17.4442507,28.9677909 C18.225314,29.7488091 19.4916285,29.7488141 20.2726979,28.9678021 L21.0808125,28.1597054 L21.0808125,28.1597054 L32.5627182,16.6759191 C33.176366,16.0621709 33.1763252,15.0671824 32.5626272,14.4534844 C31.948944,13.8398011 30.9539668,13.8398011 30.3402835,14.4534844 L18.8574375,25.9363304 L18.8574375,25.9363304 Z'
-  }))))));
+  })));
 });
 exports.CheckIcon = CheckIcon;

package/cjs/components/checkbox/checkbox.css

@@ -13,19 +13,17 @@
 }
 .adm-checkbox .adm-checkbox-icon {
   flex: none;
-  border: 1px solid #ccc;
+  border: 1px solid var(--adm-color-light);
   border-radius: var(--icon-size);
   box-sizing: border-box;
-  display: flex;
-  justify-content: center;
-  align-items: center;
   width: var(--icon-size);
   height: var(--icon-size);
-  color: #ffffff;
+  color: var(--adm-color-white);
 }
-.adm-checkbox .adm-checkbox-icon-checked {
-  width: 65%;
-  height: 65%;
+.adm-checkbox .adm-checkbox-icon > svg {
+  display: block;
+  width: 100%;
+  height: 100%;
 }
 .adm-checkbox.adm-checkbox-block {
   display: flex;
@@ -38,34 +36,20 @@
   cursor: not-allowed;
 }
 .adm-checkbox.adm-checkbox-disabled .adm-checkbox-content {
-  color: var(--adm-color-weak);
-}
-.adm-checkbox.adm-checkbox-disabled.adm-checkbox-indeterminate .adm-checkbox-icon {
-  color: #ccc;
-  border-color: #ccc;
-  background-color: #ebedf0;
+  opacity: 0.4;
 }
-.adm-checkbox.adm-checkbox-disabled.adm-checkbox-checked .adm-checkbox-icon {
-  color: #ccc;
-}
-.adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon {
-  border-color: #ccc;
-  background-color: #ebedf0;
+.adm-checkbox.adm-checkbox-disabled .adm-checkbox-icon.adm-checkbox-icon {
+  color: #b7b7b7;
+  border-color: var(--adm-color-light);
+  background-color: #f5f5f5;
 }
 .adm-checkbox .adm-checkbox-custom-icon {
   font-size: var(--icon-size);
 }
 .adm-checkbox.adm-checkbox-indeterminate .adm-checkbox-icon {
-  border-color: var(--adm-color-primary);
   background-color: #ffffff;
   color: var(--adm-color-primary);
 }
-.adm-checkbox.adm-checkbox-indeterminate .adm-checkbox-indeterminate-checked {
-  width: 60%;
-  height: 60%;
-  border-radius: 100%;
-  background-color: currentColor;
-}
 .adm-checkbox-content {
   flex: 0 1 auto;
   font-size: var(--font-size);