tntd 2.8.0-beta.2 → 3.0.0-beta

package/es/carousel/style/index.less

@@ -0,0 +1,238 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+.@{ant-prefix}-carousel {
+  .reset-component;
+
+  .slick-slider {
+    position: relative;
+    display: block;
+    box-sizing: border-box;
+    -webkit-touch-callout: none;
+    -ms-touch-action: pan-y;
+    touch-action: pan-y;
+    -webkit-tap-highlight-color: transparent;
+  }
+  .slick-list {
+    position: relative;
+    display: block;
+    margin: 0;
+    padding: 0;
+    overflow: hidden;
+
+    &:focus {
+      outline: none;
+    }
+
+    &.dragging {
+      cursor: pointer;
+    }
+
+    .slick-slide {
+      pointer-events: none;
+
+      // https://github.com/ant-design/ant-design/issues/23294
+      input.@{ant-prefix}-radio-input,
+      input.@{ant-prefix}-checkbox-input {
+        visibility: hidden;
+      }
+
+      &.slick-active {
+        pointer-events: auto;
+
+        input.@{ant-prefix}-radio-input,
+        input.@{ant-prefix}-checkbox-input {
+          visibility: visible;
+        }
+      }
+    }
+  }
+  .slick-slider .slick-track,
+  .slick-slider .slick-list {
+    transform: translate3d(0, 0, 0);
+  }
+
+  .slick-track {
+    position: relative;
+    top: 0;
+    left: 0;
+    display: block;
+
+    &::before,
+    &::after {
+      display: table;
+      content: '';
+    }
+
+    &::after {
+      clear: both;
+    }
+
+    .slick-loading & {
+      visibility: hidden;
+    }
+  }
+  .slick-slide {
+    display: none;
+    float: left;
+    height: 100%;
+    min-height: 1px;
+    [dir='rtl'] & {
+      float: right;
+    }
+    img {
+      display: block;
+    }
+    &.slick-loading img {
+      display: none;
+    }
+
+    &.dragging img {
+      pointer-events: none;
+    }
+  }
+
+  .slick-initialized .slick-slide {
+    display: block;
+  }
+
+  .slick-loading .slick-slide {
+    visibility: hidden;
+  }
+
+  .slick-vertical .slick-slide {
+    display: block;
+    height: auto;
+    border: @border-width-base @border-style-base transparent;
+  }
+  .slick-arrow.slick-hidden {
+    display: none;
+  }
+
+  // Arrows
+  .slick-prev,
+  .slick-next {
+    position: absolute;
+    top: 50%;
+    display: block;
+    width: 20px;
+    height: 20px;
+    margin-top: -10px;
+    padding: 0;
+    color: transparent;
+    font-size: 0;
+    line-height: 0;
+    background: transparent;
+    border: 0;
+    outline: none;
+    cursor: pointer;
+    &:hover,
+    &:focus {
+      color: transparent;
+      background: transparent;
+      outline: none;
+      &::before {
+        opacity: 1;
+      }
+    }
+    &.slick-disabled::before {
+      opacity: 0.25;
+    }
+  }
+
+  .slick-prev {
+    left: -25px;
+    &::before {
+      content: '←';
+    }
+  }
+
+  .slick-next {
+    right: -25px;
+    &::before {
+      content: '→';
+    }
+  }
+
+  // Dots
+  .slick-dots {
+    position: absolute;
+    display: block;
+    width: 100%;
+    height: @carousel-dot-height;
+    margin: 0;
+    padding: 0;
+    text-align: center;
+    list-style: none;
+    &-bottom {
+      bottom: 12px;
+    }
+    &-top {
+      top: 12px;
+    }
+    li {
+      position: relative;
+      display: inline-block;
+      margin: 0 2px;
+      padding: 0;
+      text-align: center;
+      vertical-align: top;
+      button {
+        display: block;
+        width: @carousel-dot-width;
+        height: @carousel-dot-height;
+        padding: 0;
+        color: transparent;
+        font-size: 0;
+        background: @component-background;
+        border: 0;
+        border-radius: 1px;
+        outline: none;
+        cursor: pointer;
+        opacity: 0.3;
+        transition: all 0.5s;
+        &:hover,
+        &:focus {
+          opacity: 0.75;
+        }
+      }
+      &.slick-active button {
+        width: @carousel-dot-active-width;
+        background: @component-background;
+        opacity: 1;
+        &:hover,
+        &:focus {
+          opacity: 1;
+        }
+      }
+    }
+  }
+}
+
+.@{ant-prefix}-carousel-vertical {
+  .slick-dots {
+    top: 50%;
+    bottom: auto;
+    width: @carousel-dot-height;
+    height: auto;
+    transform: translateY(-50%);
+    &-left {
+      left: 12px;
+    }
+    &-right {
+      right: 12px;
+    }
+    li {
+      margin: 0 2px;
+      vertical-align: baseline;
+      button {
+        width: @carousel-dot-height;
+        height: @carousel-dot-width;
+      }
+      &.slick-active button {
+        width: @carousel-dot-height;
+        height: @carousel-dot-active-width;
+      }
+    }
+  }
+}

package/es/cascader/index.js

@@ -1,7 +1,7 @@
 import AntdCascader from 'antd/es/cascader';
 import { connectReadonlyComponent } from '../connect';
 import { PreviewText } from '../preview-text';
-import 'antd/es/cascader/style';
+import './style';
 export * from 'antd/es/cascader';
 // @ts-ignore
 export const Cascader = connectReadonlyComponent(AntdCascader, PreviewText.Cascader);

package/es/cascader/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/cascader/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAE3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,OAAO,wBAAwB,CAAA;AAE/B,cAAc,kBAAkB,CAAA;AAMhC,aAAa;AACb,MAAM,CAAC,MAAM,QAAQ,GAAG,wBAAwB,CAAC,YAAY,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA;AAEpF,eAAe,QAAQ,CAAA","sourcesContent":["import AntdCascader from 'antd/es/cascader'\nimport type { CascaderProps as AntdCascaderProps } from 'antd/es/cascader'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nimport 'antd/es/cascader/style'\n\nexport * from 'antd/es/cascader'\n\nexport type CascaderProps = AntdCascaderProps & {\n  readonly?: boolean\n}\n\n// @ts-ignore\nexport const Cascader = connectReadonlyComponent(AntdCascader, PreviewText.Cascader)\n\nexport default Cascader\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/cascader/index.ts"],"names":[],"mappings":"AAAA,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAE3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAE7C,OAAO,SAAS,CAAA;AAEhB,cAAc,kBAAkB,CAAA;AAMhC,aAAa;AACb,MAAM,CAAC,MAAM,QAAQ,GAAG,wBAAwB,CAAC,YAAY,EAAE,WAAW,CAAC,QAAQ,CAAC,CAAA;AAEpF,eAAe,QAAQ,CAAA","sourcesContent":["import AntdCascader from 'antd/es/cascader'\nimport type { CascaderProps as AntdCascaderProps } from 'antd/es/cascader'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\n\nimport './style'\n\nexport * from 'antd/es/cascader'\n\nexport type CascaderProps = AntdCascaderProps & {\n  readonly?: boolean\n}\n\n// @ts-ignore\nexport const Cascader = connectReadonlyComponent(AntdCascader, PreviewText.Cascader)\n\nexport default Cascader\n"]}

package/es/cascader/style/index.js

@@ -0,0 +1,5 @@
+import '../../style/index.less';
+import './index.less';
+// style dependencies
+import '../../empty/style';
+import '../../input/style';

package/es/cascader/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/cascader/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA;AAErB,qBAAqB;AACrB,OAAO,mBAAmB,CAAA;AAC1B,OAAO,mBAAmB,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n\n// style dependencies\nimport '../../empty/style'\nimport '../../input/style'\n"]}

package/es/cascader/style/index.less

@@ -0,0 +1,227 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+@import '../../input/style/mixin';
+
+@cascader-prefix-cls: ~'@{ant-prefix}-cascader';
+
+.@{cascader-prefix-cls} {
+  .reset-component;
+
+  &-input.@{ant-prefix}-input {
+    // Keep it static for https://github.com/ant-design/ant-design/issues/16738
+    position: static;
+    width: 100%;
+    // https://github.com/ant-design/ant-design/issues/17582
+    padding-right: 24px;
+    // Add important to fix https://github.com/ant-design/ant-design/issues/5078
+    // because input.less will compile after cascader.less
+    background-color: transparent !important;
+    cursor: pointer;
+  }
+
+  &-picker-show-search &-input.@{ant-prefix}-input {
+    position: relative;
+  }
+
+  &-picker {
+    .reset-component;
+
+    position: relative;
+    display: inline-block;
+    background-color: @component-background;
+    border-radius: @border-radius-base;
+    outline: 0;
+    cursor: pointer;
+    transition: color 0.3s;
+
+    &-with-value &-label {
+      color: transparent;
+    }
+
+    &-disabled {
+      color: @disabled-color;
+      background: @input-disabled-bg;
+      cursor: not-allowed;
+      .@{cascader-prefix-cls}-input {
+        cursor: not-allowed;
+      }
+    }
+
+    &:focus .@{cascader-prefix-cls}-input {
+      .active;
+    }
+
+    &-show-search&-focused {
+      color: @disabled-color;
+    }
+
+    &-label {
+      position: absolute;
+      top: 50%;
+      left: 0;
+      width: 100%;
+      height: 20px;
+      margin-top: -10px;
+      padding: 0 20px 0 @control-padding-horizontal;
+      overflow: hidden;
+      line-height: 20px;
+      white-space: nowrap;
+      text-overflow: ellipsis;
+    }
+
+    &-clear {
+      position: absolute;
+      top: 50%;
+      right: @control-padding-horizontal;
+      z-index: 2;
+      width: 12px;
+      height: 12px;
+      margin-top: -6px;
+      color: @disabled-color;
+      font-size: @font-size-sm;
+      line-height: 12px;
+      background: @component-background;
+      cursor: pointer;
+      opacity: 0;
+      transition: color 0.3s ease, opacity 0.15s ease;
+      &:hover {
+        color: @text-color-secondary;
+      }
+    }
+
+    &:hover &-clear {
+      opacity: 1;
+    }
+
+    // arrow
+    &-arrow {
+      position: absolute;
+      top: 50%;
+      right: @control-padding-horizontal;
+      z-index: 1;
+      width: 12px;
+      height: 12px;
+      margin-top: -6px;
+      color: @disabled-color;
+      font-size: 12px;
+      line-height: 12px;
+      transition: transform 0.2s;
+      &&-expand {
+        transform: rotate(180deg);
+      }
+    }
+  }
+
+  // https://github.com/ant-design/ant-design/pull/12407#issuecomment-424657810
+  &-picker-label:hover + &-input {
+    .hover;
+  }
+
+  &-picker-small &-picker-clear,
+  &-picker-small &-picker-arrow {
+    right: @control-padding-horizontal-sm;
+  }
+
+  &-menus {
+    position: absolute;
+    z-index: @zindex-dropdown;
+    font-size: @cascader-dropdown-font-size;
+    white-space: nowrap;
+    background: @component-background;
+    border-radius: @border-radius-base;
+    box-shadow: @box-shadow-base;
+
+    ul,
+    ol {
+      margin: 0;
+      list-style: none;
+    }
+
+    &-empty,
+    &-hidden {
+      display: none;
+    }
+    &.slide-up-enter.slide-up-enter-active&-placement-bottomLeft,
+    &.slide-up-appear.slide-up-appear-active&-placement-bottomLeft {
+      animation-name: antSlideUpIn;
+    }
+
+    &.slide-up-enter.slide-up-enter-active&-placement-topLeft,
+    &.slide-up-appear.slide-up-appear-active&-placement-topLeft {
+      animation-name: antSlideDownIn;
+    }
+
+    &.slide-up-leave.slide-up-leave-active&-placement-bottomLeft {
+      animation-name: antSlideUpOut;
+    }
+
+    &.slide-up-leave.slide-up-leave-active&-placement-topLeft {
+      animation-name: antSlideDownOut;
+    }
+  }
+  &-menu {
+    display: inline-block;
+    min-width: 111px;
+    height: 180px;
+    margin: 0;
+    padding: @cascader-dropdown-edge-child-vertical-padding 0;
+    overflow: auto;
+    vertical-align: top;
+    list-style: none;
+    border-right: @border-width-base @border-style-base @border-color-split;
+    -ms-overflow-style: -ms-autohiding-scrollbar; // https://github.com/ant-design/ant-design/issues/11857
+
+    &:first-child {
+      border-radius: @border-radius-base 0 0 @border-radius-base;
+    }
+    &:last-child {
+      margin-right: -1px;
+      border-right-color: transparent;
+      border-radius: 0 @border-radius-base @border-radius-base 0;
+    }
+    &:only-child {
+      border-radius: @border-radius-base;
+    }
+  }
+  &-menu-item {
+    padding: @cascader-dropdown-vertical-padding @control-padding-horizontal;
+    line-height: @cascader-dropdown-line-height;
+    white-space: nowrap;
+    cursor: pointer;
+    transition: all 0.3s;
+    &:hover {
+      background: @item-hover-bg;
+    }
+    &-disabled {
+      color: @disabled-color;
+      cursor: not-allowed;
+      &:hover {
+        background: transparent;
+      }
+    }
+    &-active:not(&-disabled) {
+      &,
+      &:hover {
+        font-weight: @select-item-selected-font-weight;
+        background-color: @background-color-light;
+      }
+    }
+    &-expand {
+      position: relative;
+      padding-right: 24px;
+    }
+
+    &-expand &-expand-icon,
+    &-loading-icon {
+      .iconfont-size-under-12px(10px);
+
+      position: absolute;
+      right: @control-padding-horizontal;
+      color: @text-color-secondary;
+    }
+
+    & &-keyword {
+      color: @highlight-color;
+    }
+  }
+}

package/es/checkbox/checkbox.js

@@ -0,0 +1,48 @@
+var __rest = this && this.__rest || function (s, e) {
+  var t = {};
+  for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0) t[p] = s[p];
+  if (s != null && typeof Object.getOwnPropertySymbols === "function") for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+    if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i])) t[p[i]] = s[p[i]];
+  }
+  return t;
+};
+import React, { forwardRef } from 'react';
+import { ConfigConsumer } from 'antd/es/config-provider';
+import AntdCheckbox from 'antd/es/checkbox';
+import { connectReadonlyComponent } from '../connect';
+import { PreviewText } from '../preview-text';
+import classNames from 'classnames';
+export * from 'antd/es/checkbox';
+const tntPrefixCls = 'tnt-checkbox';
+const Checkbox = forwardRef((_a, ref) => {
+  var {
+      className,
+      children,
+      desc
+    } = _a,
+    rest = __rest(_a, ["className", "children", "desc"]);
+  return React.createElement(ConfigConsumer, null, () => {
+    return React.createElement(AntdCheckbox, Object.assign({}, rest, {
+      ref: ref,
+      className: classNames(className, tntPrefixCls)
+    }), React.createElement("span", {
+      className: `${tntPrefixCls}-children`
+    }, React.createElement("span", null, children), !!desc && React.createElement("span", {
+      className: `${tntPrefixCls}-desc`
+    }, desc)));
+  });
+});
+const CheckboxGroup = forwardRef((_a, ref) => {
+  var {
+      className
+    } = _a,
+    rest = __rest(_a, ["className"]);
+  return React.createElement(ConfigConsumer, null, () => {
+    return React.createElement(AntdCheckbox.Group, Object.assign({}, rest, {
+      ref: ref,
+      className: classNames(className, `${tntPrefixCls}-group`)
+    }));
+  });
+});
+Checkbox.Group = connectReadonlyComponent(CheckboxGroup, PreviewText.Select);
+export default Checkbox;

package/es/checkbox/checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.js","sourceRoot":"","sources":["../../src/checkbox/checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAKzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,YAAY,MAAM,kBAAkB,CAAA;AAE3C,OAAO,EAAE,wBAAwB,EAAE,MAAM,YAAY,CAAA;AACrD,OAAO,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAA;AAC7C,OAAO,UAAU,MAAM,YAAY,CAAA;AAEnC,cAAc,kBAAkB,CAAA;AAchC,MAAM,YAAY,GAAG,cAAc,CAAA;AAEnC,MAAM,QAAQ,GAAG,UAAU,CACzB,CAAC,EAAsC,EAAE,GAAG,EAAE,EAAE;QAA/C,EAAE,SAAS,EAAE,QAAQ,EAAE,IAAI,OAAW,EAAN,IAAI,cAApC,iCAAsC,CAAF;IACnC,OAAO,CACL,oBAAC,cAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,oBAAC,YAAY,oBAAK,IAAI,IAAE,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,YAAY,CAAC;YAC9E,8BAAM,SAAS,EAAE,GAAG,YAAY,WAAW;gBACzC,kCAAO,QAAQ,CAAQ;gBACtB,CAAC,CAAC,IAAI,IAAI,8BAAM,SAAS,EAAE,GAAG,YAAY,OAAO,IAAG,IAAI,CAAQ,CAC5D,CACM,CAChB,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACmB,CAAA;AAEtB,MAAM,aAAa,GAAG,UAAU,CAC9B,CAAC,EAAsB,EAAE,GAAG,EAAE,EAAE;QAA/B,EAAE,SAAS,OAAW,EAAN,IAAI,cAApB,aAAsB,CAAF;IACnB,OAAO,CACL,oBAAC,cAAc,QACZ,GAAG,EAAE;QACJ,OAAO,CACL,oBAAC,YAAY,CAAC,KAAK,oBACb,IAAI,IACR,GAAG,EAAE,GAAG,EACR,SAAS,EAAE,UAAU,CAAC,SAAS,EAAE,GAAG,YAAY,QAAQ,CAAC,IACzD,CACH,CAAA;IACH,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACF,CAAA;AAED,QAAQ,CAAC,KAAK,GAAG,wBAAwB,CAAC,aAAa,EAAE,WAAW,CAAC,MAAM,CAAC,CAAA;AAE5E,eAAe,QAAQ,CAAA","sourcesContent":["import React, { forwardRef } from 'react'\nimport type {\n  CheckboxProps as AntdCheckboxProps,\n  CheckboxGroupProps as AntdCheckboxGroupProps,\n} from 'antd/es/checkbox'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport AntdCheckbox from 'antd/es/checkbox'\nimport type AntdCheckboxGroup from 'antd/es/checkbox/Group'\nimport { connectReadonlyComponent } from '../connect'\nimport { PreviewText } from '../preview-text'\nimport classNames from 'classnames'\n\nexport * from 'antd/es/checkbox'\n\nexport type CheckboxProps = AntdCheckboxProps & {\n  desc?: string | React.ReactNode\n}\nexport type CheckboxGroupProps = AntdCheckboxGroupProps & {\n  readonly?: boolean\n}\n\ninterface CheckboxComponent\n  extends React.ForwardRefExoticComponent<CheckboxProps & React.RefAttributes<AntdCheckbox>> {\n  Group: React.FC<CheckboxGroupProps>\n}\n\nconst tntPrefixCls = 'tnt-checkbox'\n\nconst Checkbox = forwardRef<AntdCheckbox, CheckboxProps>(\n  ({ className, children, desc, ...rest }, ref) => {\n    return (\n      <ConfigConsumer>\n        {() => {\n          return (\n            <AntdCheckbox {...rest} ref={ref} className={classNames(className, tntPrefixCls)}>\n              <span className={`${tntPrefixCls}-children`}>\n                <span>{children}</span>\n                {!!desc && <span className={`${tntPrefixCls}-desc`}>{desc}</span>}\n              </span>\n            </AntdCheckbox>\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as CheckboxComponent\n\nconst CheckboxGroup = forwardRef<AntdCheckboxGroup, CheckboxGroupProps>(\n  ({ className, ...rest }, ref) => {\n    return (\n      <ConfigConsumer>\n        {() => {\n          return (\n            <AntdCheckbox.Group\n              {...rest}\n              ref={ref}\n              className={classNames(className, `${tntPrefixCls}-group`)}\n            />\n          )\n        }}\n      </ConfigConsumer>\n    )\n  }\n)\n\nCheckbox.Group = connectReadonlyComponent(CheckboxGroup, PreviewText.Select)\n\nexport default Checkbox\n"]}

package/es/checkbox/checkbox.less

@@ -0,0 +1,69 @@
+@checkbox-prefix-cls: ~'@{ant-prefix}-checkbox';
+@checkbox-inner-prefix-cls: ~'@{checkbox-prefix-cls}-inner';
+
+.tnt-checkbox,
+.tnt-checkbox-group {
+  .@{checkbox-prefix-cls}-indeterminate {
+    .@{checkbox-inner-prefix-cls} {
+      background-color: @checkbox-color;
+      border-color: @checkbox-color;
+    }
+    .@{checkbox-inner-prefix-cls}::after {
+      @indeterminate-width: calc(@checkbox-size - 8px);
+      @indeterminate-height: 1.4px;
+
+      width: @indeterminate-width;
+      height: @indeterminate-height;
+      background-color: @component-background;
+      border-radius: 2px;
+      transition: none;
+    }
+
+    &.@{checkbox-prefix-cls}-disabled {
+      .@{checkbox-inner-prefix-cls} {
+        background: @checkbox-check-disabled-color;
+        border-color: @checkbox-check-disabled-color !important;
+
+        &::after {
+          background-color: #fff;
+        }
+      }
+    }
+  }
+
+  .@{checkbox-prefix-cls}-checked {
+    &.@{checkbox-prefix-cls}-disabled {
+      .@{checkbox-inner-prefix-cls} {
+        background: @checkbox-check-disabled-color;
+        border-color: @checkbox-check-disabled-color !important;
+        &::after {
+          border-color: #fff;
+        }
+      }
+    }
+
+    .@{checkbox-inner-prefix-cls}::after {
+      width: 16px;
+      height: 16px;
+      border-width: 0;
+      background-image: url(./check.png);
+      background-size: contain;
+      transform: translate(-25%, -50%);
+      transition: none;
+    }
+  }
+}
+
+.tnt-checkbox {
+  & > span:nth-of-type(2) {
+    display: inline-block;
+  }
+  &-children {
+    display: flex;
+    flex-direction: column;
+  }
+  &-desc {
+    font-size: @font-size-sm;
+    color: @bg-color-spotilight-tint-50;
+  }
+}

package/es/checkbox/index.js

@@ -1,9 +1,5 @@
-import Checkbox from 'antd/es/checkbox';
-import CheckboxGroup from './checkbox-group';
-import 'antd/es/checkbox/style';
-export * from 'antd/es/checkbox';
-// @ts-ignore
-export * from './checkbox-group';
-// @ts-ignore
-Checkbox.Group = CheckboxGroup;
+import Checkbox from './checkbox';
+import './style';
+import './checkbox.less';
+export * from './checkbox';
 export default Checkbox;

package/es/checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,kBAAkB,CAAA;AACvC,OAAO,aAAa,MAAM,kBAAkB,CAAA;AAE5C,OAAO,wBAAwB,CAAA;AAE/B,cAAc,kBAAkB,CAAA;AAChC,aAAa;AACb,cAAc,kBAAkB,CAAA;AAEhC,aAAa;AACb,QAAQ,CAAC,KAAK,GAAG,aAAa,CAAA;AAE9B,eAAe,QAAQ,CAAA","sourcesContent":["import Checkbox from 'antd/es/checkbox'\nimport CheckboxGroup from './checkbox-group'\n\nimport 'antd/es/checkbox/style'\n\nexport * from 'antd/es/checkbox'\n// @ts-ignore\nexport * from './checkbox-group'\n\n// @ts-ignore\nCheckbox.Group = CheckboxGroup\n\nexport default Checkbox\n"]}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/checkbox/index.ts"],"names":[],"mappings":"AAAA,OAAO,QAAQ,MAAM,YAAY,CAAA;AACjC,OAAO,SAAS,CAAA;AAChB,OAAO,iBAAiB,CAAA;AAExB,cAAc,YAAY,CAAA;AAE1B,eAAe,QAAQ,CAAA","sourcesContent":["import Checkbox from './checkbox'\nimport './style'\nimport './checkbox.less'\n\nexport * from './checkbox'\n\nexport default Checkbox\n"]}

package/es/checkbox/style/index.js

@@ -0,0 +1,2 @@
+import '../../style/index.less';
+import './index.less';

package/es/checkbox/style/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/checkbox/style/index.tsx"],"names":[],"mappings":"AAAA,OAAO,wBAAwB,CAAA;AAC/B,OAAO,cAAc,CAAA","sourcesContent":["import '../../style/index.less'\nimport './index.less'\n"]}

package/es/checkbox/style/index.less

@@ -0,0 +1,4 @@
+@import '../../style/themes/index';
+@import './mixin';
+
+.antCheckboxFn();