tntd 2.7.29 → 2.7.30

package/es/tabs/style/index.less

@@ -0,0 +1,436 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+@import './card-style';
+
+@tab-prefix-cls: ~'@{ant-prefix}-tabs';
+
+// Hidden content
+.tabs-hidden-content() {
+  height: 0;
+  padding: 0 !important;
+  overflow: hidden;
+  opacity: 0;
+  pointer-events: none;
+  input {
+    visibility: hidden;
+  }
+}
+
+.@{tab-prefix-cls} {
+  .reset-component;
+
+  position: relative;
+  overflow: hidden;
+  .clearfix;
+
+  &-ink-bar {
+    position: absolute;
+    bottom: 1px;
+    left: 0;
+    z-index: 1;
+    box-sizing: border-box;
+    width: 0;
+    height: 2px;
+    background-color: @tabs-ink-bar-color;
+    transform-origin: 0 0;
+  }
+
+  &-bar {
+    margin: @tabs-bar-margin;
+    border-bottom: @border-width-base @border-style-base @border-color-split;
+    outline: none;
+    transition: padding 0.3s @ease-in-out;
+  }
+
+  &-nav-container {
+    position: relative;
+    box-sizing: border-box;
+    margin-bottom: -1px;
+    overflow: hidden;
+    font-size: @tabs-title-font-size;
+    line-height: @line-height-base;
+    white-space: nowrap;
+    transition: padding 0.3s @ease-in-out;
+    .clearfix;
+
+    &-scrolling {
+      padding-right: @tabs-scrolling-size;
+      padding-left: @tabs-scrolling-size;
+    }
+  }
+
+  // https://github.com/ant-design/ant-design/issues/9104
+  &-bottom &-bottom-bar {
+    margin-top: 16px;
+    margin-bottom: 0;
+    border-top: @border-width-base @border-style-base @border-color-split;
+    border-bottom: none;
+  }
+
+  &-bottom &-bottom-bar &-ink-bar {
+    top: 1px;
+    bottom: auto;
+  }
+
+  &-bottom &-bottom-bar &-nav-container {
+    margin-top: -1px;
+    margin-bottom: 0;
+  }
+
+  &-tab-prev,
+  &-tab-next {
+    position: absolute;
+    z-index: 2;
+    width: 0;
+    height: 100%;
+    color: @text-color-secondary;
+    text-align: center;
+    background-color: transparent;
+    border: 0;
+    cursor: pointer;
+    opacity: 0;
+    transition: width 0.3s @ease-in-out, opacity 0.3s @ease-in-out, color 0.3s @ease-in-out;
+    user-select: none;
+    pointer-events: none;
+
+    &.@{tab-prefix-cls}-tab-arrow-show {
+      width: @tabs-scrolling-size;
+      height: 100%;
+      opacity: 1;
+      pointer-events: auto;
+    }
+
+    &:hover {
+      color: @text-color;
+    }
+
+    &-icon {
+      position: absolute;
+      top: 50%;
+      left: 50%;
+      font-weight: bold;
+      font-style: normal;
+      font-variant: normal;
+      line-height: inherit;
+      text-align: center;
+      text-transform: none;
+      transform: translate(-50%, -50%);
+
+      &-target {
+        display: block;
+        .iconfont-size-under-12px(10px);
+      }
+    }
+  }
+
+  &-tab-btn-disabled {
+    cursor: not-allowed;
+    &,
+    &:hover {
+      color: @disabled-color;
+    }
+  }
+
+  &-tab-next {
+    right: 2px;
+  }
+
+  &-tab-prev {
+    left: 0;
+    :root & {
+      filter: none;
+    }
+  }
+
+  &-nav-wrap {
+    margin-bottom: -1px;
+    overflow: hidden;
+  }
+
+  &-nav-scroll {
+    overflow: hidden;
+    white-space: nowrap;
+  }
+
+  &-nav {
+    position: relative;
+    display: inline-block;
+    box-sizing: border-box;
+    margin: 0;
+    padding-left: 0;
+    list-style: none;
+    transition: transform 0.3s @ease-in-out;
+
+    &::before,
+    &::after {
+      display: table;
+      content: ' ';
+    }
+
+    &::after {
+      clear: both;
+    }
+
+    .@{tab-prefix-cls}-tab {
+      position: relative;
+      display: inline-block;
+      box-sizing: border-box;
+      height: 100%;
+      margin: @tabs-horizontal-margin;
+      padding: @tabs-horizontal-padding;
+      text-decoration: none;
+      cursor: pointer;
+      transition: color 0.3s @ease-in-out;
+
+      &::before {
+        position: absolute;
+        top: -1px;
+        left: 0;
+        width: 100%;
+        border-top: 2px solid transparent;
+        border-radius: @border-radius-base @border-radius-base 0 0;
+        transition: all 0.3s;
+        content: '';
+        pointer-events: none;
+      }
+
+      &:last-child {
+        margin-right: 0;
+      }
+
+      &:hover {
+        color: @tabs-hover-color;
+      }
+
+      &:active {
+        color: @tabs-active-color;
+      }
+
+      .@{iconfont-css-prefix} {
+        margin-right: 8px;
+      }
+
+      &-active {
+        color: @tabs-highlight-color;
+        font-weight: 500;
+      }
+
+      &-disabled {
+        &,
+        &:hover {
+          color: @disabled-color;
+          cursor: not-allowed;
+        }
+      }
+    }
+  }
+
+  .@{tab-prefix-cls}-large-bar {
+    .@{tab-prefix-cls}-nav-container {
+      font-size: @tabs-title-font-size-lg;
+    }
+    .@{tab-prefix-cls}-tab {
+      padding: @tabs-horizontal-padding-lg;
+    }
+  }
+
+  .@{tab-prefix-cls}-small-bar {
+    .@{tab-prefix-cls}-nav-container {
+      font-size: @tabs-title-font-size-sm;
+    }
+    .@{tab-prefix-cls}-tab {
+      padding: @tabs-horizontal-padding-sm;
+    }
+  }
+
+  // Create an empty element to avoid margin collapsing
+  // https://github.com/ant-design/ant-design/issues/18103
+  &-content::before {
+    display: block;
+    overflow: hidden;
+    content: '';
+  }
+
+  // Horizontal Content
+  .@{tab-prefix-cls}-top-content,
+  .@{tab-prefix-cls}-bottom-content {
+    width: 100%;
+    > .@{tab-prefix-cls}-tabpane {
+      flex-shrink: 0;
+      width: 100%;
+      -webkit-backface-visibility: hidden;
+      opacity: 1;
+      transition: opacity 0.45s;
+    }
+
+    > .@{tab-prefix-cls}-tabpane-inactive {
+      .tabs-hidden-content();
+    }
+
+    &.@{tab-prefix-cls}-content-animated {
+      display: flex;
+      flex-direction: row;
+      transition: margin-left 0.3s @ease-in-out;
+      will-change: margin-left;
+    }
+  }
+
+  // Vertical Bar
+  .@{tab-prefix-cls}-left-bar,
+  .@{tab-prefix-cls}-right-bar {
+    height: 100%;
+    border-bottom: 0;
+
+    .@{tab-prefix-cls}-tab-arrow-show {
+      width: 100%;
+      height: @tabs-scrolling-size;
+    }
+
+    .@{tab-prefix-cls}-tab {
+      display: block;
+      float: none;
+      margin: @tabs-vertical-margin;
+      padding: @tabs-vertical-padding;
+
+      &:last-child {
+        margin-bottom: 0;
+      }
+    }
+
+    .@{tab-prefix-cls}-extra-content {
+      text-align: center;
+    }
+
+    .@{tab-prefix-cls}-nav-scroll {
+      width: auto;
+    }
+
+    .@{tab-prefix-cls}-nav-container,
+    .@{tab-prefix-cls}-nav-wrap {
+      height: 100%;
+    }
+
+    .@{tab-prefix-cls}-nav-container {
+      margin-bottom: 0;
+
+      &.@{tab-prefix-cls}-nav-container-scrolling {
+        padding: @tabs-scrolling-size 0;
+      }
+    }
+
+    .@{tab-prefix-cls}-nav-wrap {
+      margin-bottom: 0;
+    }
+
+    .@{tab-prefix-cls}-nav {
+      width: 100%;
+    }
+
+    .@{tab-prefix-cls}-ink-bar {
+      top: 0;
+      bottom: auto;
+      left: auto;
+      width: 2px;
+      height: 0;
+    }
+
+    .@{tab-prefix-cls}-tab-next {
+      right: 0;
+      bottom: 0;
+      width: 100%;
+      height: @tabs-scrolling-size;
+    }
+
+    .@{tab-prefix-cls}-tab-prev {
+      top: 0;
+      width: 100%;
+      height: @tabs-scrolling-size;
+    }
+  }
+
+  // Vertical Content
+  .@{tab-prefix-cls}-left-content,
+  .@{tab-prefix-cls}-right-content {
+    width: auto;
+    margin-top: 0 !important;
+    overflow: hidden;
+  }
+
+  // Vertical - Left
+  .@{tab-prefix-cls}-left-bar {
+    float: left;
+    margin-right: -1px;
+    margin-bottom: 0;
+    border-right: @border-width-base @border-style-base @border-color-split;
+    .@{tab-prefix-cls}-tab {
+      text-align: right;
+    }
+    .@{tab-prefix-cls}-nav-container {
+      margin-right: -1px;
+    }
+    .@{tab-prefix-cls}-nav-wrap {
+      margin-right: -1px;
+    }
+    .@{tab-prefix-cls}-ink-bar {
+      right: 1px;
+    }
+  }
+  .@{tab-prefix-cls}-left-content {
+    padding-left: 24px;
+    border-left: @border-width-base @border-style-base @border-color-split;
+  }
+
+  // Vertical - Right
+  .@{tab-prefix-cls}-right-bar {
+    float: right;
+    margin-bottom: 0;
+    margin-left: -1px;
+    border-left: @border-width-base @border-style-base @border-color-split;
+    .@{tab-prefix-cls}-nav-container {
+      margin-left: -1px;
+    }
+    .@{tab-prefix-cls}-nav-wrap {
+      margin-left: -1px;
+    }
+    .@{tab-prefix-cls}-ink-bar {
+      left: 1px;
+    }
+  }
+  .@{tab-prefix-cls}-right-content {
+    padding-right: 24px;
+    border-right: @border-width-base @border-style-base @border-color-split;
+  }
+}
+
+.@{tab-prefix-cls}-top .@{tab-prefix-cls}-ink-bar-animated,
+.@{tab-prefix-cls}-bottom .@{tab-prefix-cls}-ink-bar-animated {
+  transition: transform 0.3s @ease-in-out, width 0.2s @ease-in-out, left 0.3s @ease-in-out;
+}
+
+.@{tab-prefix-cls}-left .@{tab-prefix-cls}-ink-bar-animated,
+.@{tab-prefix-cls}-right .@{tab-prefix-cls}-ink-bar-animated {
+  transition: transform 0.3s @ease-in-out, height 0.2s @ease-in-out, top 0.3s @ease-in-out;
+}
+
+// No animation
+.tabs-no-animation() {
+  > .@{tab-prefix-cls}-content-animated {
+    margin-left: 0 !important;
+    transform: none !important;
+  }
+  > .@{tab-prefix-cls}-tabpane-inactive {
+    .tabs-hidden-content();
+  }
+}
+
+.no-flex,
+.@{tab-prefix-cls}-no-animation {
+  > .@{tab-prefix-cls}-content {
+    .tabs-no-animation();
+  }
+}
+
+.@{tab-prefix-cls}-left-content,
+.@{tab-prefix-cls}-right-content {
+  .tabs-no-animation();
+}

package/es/tabs/tabs.js

@@ -21,22 +21,25 @@ import { doUpperTitle } from '../utils';
 export * from 'antd/es/tabs';
 export const Tabs = forwardRef((_a, ref) => {
   var {
-      children
+      children,
+      upperCaseIgnore
     } = _a,
-    rest = __rest(_a, ["children"]);
+    rest = __rest(_a, ["children", "upperCaseIgnore"]);
   let newChildren = children;
   if (Array.isArray(newChildren)) {
     newChildren = newChildren === null || newChildren === void 0 ? void 0 : newChildren.map(child => {
-      var _a;
+      var _a, _b;
       if (React.isValidElement(child)) {
+        const upperIgnore = (_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.upperIgnore;
+        const tab = (_b = child === null || child === void 0 ? void 0 : child.props) === null || _b === void 0 ? void 0 : _b.tab;
         return Object.assign(Object.assign({}, child), {
           props: Object.assign(Object.assign({}, child === null || child === void 0 ? void 0 : child.props), {
-            tab: doUpperTitle((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.tab)
+            tab: upperIgnore ? tab : doUpperTitle(tab, upperCaseIgnore)
           })
         });
       }
       if (typeof child === 'string') {
-        return doUpperTitle(child);
+        return doUpperTitle(child, upperCaseIgnore);
       }
       return child;
     });

package/es/tabs/tabs.js.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,cAAc,cAAc,CAAA;AAU5B,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAAsB,CAAC,EAAqB,EAAE,GAAG,EAAE,EAAE;QAA9B,EAAE,QAAQ,OAAW,EAAN,IAAI,cAAnB,YAAqB,CAAF;IACtE,IAAI,WAAW,GAA6B,QAAQ,CAAA;IACpD,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;QAC9B,WAAW,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,CAAC,KAA+B,EAAE,EAAE;;YACjE,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAC/B,uCACK,KAAK,KACR,KAAK,kCACA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KACf,GAAG,EAAE,YAAY,CAAC,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,GAAG,CAAC,OAEvC;aACF;YACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,OAAO,YAAY,CAAC,KAAK,CAAC,CAAA;aAC3B;YACD,OAAO,KAAK,CAAA;QACd,CAAC,CAAC,CAAA;KACH;IAED,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,oBAAC,QAAQ,oBAAK,IAAI,IAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAChE,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CAAkB,CAAA;AAEnB,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-10-16 11:08:28\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-10-16 16:24:53\n * @FilePath: /tntd/packages/tntd/src/tabs/tabs.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport type { TabsProps as AntdTabsProps } from 'antd/es/tabs'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdTabs } from 'antd/es/tabs'\nimport { doUpperTitle } from '../utils'\nexport * from 'antd/es/tabs'\nexport interface TabsProps extends AntdTabsProps {\n  children?: Array<React.ReactElement>\n}\n\ninterface TabsComponent\n  extends React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<AntdTabs>> {\n  TabPane: typeof AntdTabs.TabPane\n}\n\nexport const Tabs = forwardRef<AntdTabs, TabsProps>(({ children, ...rest }, ref) => {\n  let newChildren: string | React.ReactNode = children\n  if (Array.isArray(newChildren)) {\n    newChildren = newChildren?.map((child: string | React.ReactNode) => {\n      if (React.isValidElement(child)) {\n        return {\n          ...child,\n          props: {\n            ...child?.props,\n            tab: doUpperTitle(child?.props?.tab),\n          },\n        }\n      }\n      if (typeof child === 'string') {\n        return doUpperTitle(child)\n      }\n      return child\n    })\n  }\n\n  return (\n    <ConfigConsumer>\n      {({ getPrefixCls }) => {\n        return <AntdTabs {...rest} children={newChildren} ref={ref} />\n      }}\n    </ConfigConsumer>\n  )\n}) as TabsComponent\n\nTabs.TabPane = AntdTabs.TabPane\n"]}
+{"version":3,"file":"tabs.js","sourceRoot":"","sources":["../../src/tabs/tabs.tsx"],"names":[],"mappings":";;;;;;;;;;;AAAA;;;;;;;GAOG;AACH,OAAO,KAAK,EAAE,EAAE,UAAU,EAAE,MAAM,OAAO,CAAA;AAEzC,OAAO,EAAE,cAAc,EAAE,MAAM,yBAAyB,CAAA;AACxD,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,cAAc,CAAA;AAClD,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AACvC,cAAc,cAAc,CAAA;AAW5B,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CAAC,EAAsC,EAAE,GAAG,EAAE,EAAE;QAA/C,EAAE,QAAQ,EAAE,eAAe,OAAW,EAAN,IAAI,cAApC,+BAAsC,CAAF;IACnC,IAAI,WAAW,GAA6B,QAAQ,CAAA;IACpD,IAAI,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,EAAE;QAC9B,WAAW,GAAG,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,GAAG,CAAC,CAAC,KAA+B,EAAE,EAAE;;YACjE,IAAI,KAAK,CAAC,cAAc,CAAC,KAAK,CAAC,EAAE;gBAC/B,MAAM,WAAW,GAAY,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,WAAW,CAAA;gBACtD,MAAM,GAAG,GAA6B,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAE,GAAG,CAAA;gBACvD,uCACK,KAAK,KACR,KAAK,kCACA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,KACf,GAAG,EAAE,WAAW,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,YAAY,CAAC,GAAG,EAAE,eAAe,CAAC,OAE9D;aACF;YACD,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,OAAO,YAAY,CAAC,KAAK,EAAE,eAAe,CAAC,CAAA;aAC5C;YACD,OAAO,KAAK,CAAA;QACd,CAAC,CAAC,CAAA;KACH;IAED,OAAO,CACL,oBAAC,cAAc,QACZ,CAAC,EAAE,YAAY,EAAE,EAAE,EAAE;QACpB,OAAO,oBAAC,QAAQ,oBAAK,IAAI,IAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,EAAE,GAAG,IAAI,CAAA;IAChE,CAAC,CACc,CAClB,CAAA;AACH,CAAC,CACe,CAAA;AAElB,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,OAAO,CAAA","sourcesContent":["/*\n * @Author: 周泽飞 zefei.zhou@tongdun.net\n * @Date: 2023-10-16 11:08:28\n * @LastEditors: 周泽飞 zefei.zhou@tongdun.net\n * @LastEditTime: 2023-10-16 16:24:53\n * @FilePath: /tntd/packages/tntd/src/tabs/tabs.tsx\n * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE\n */\nimport React, { forwardRef } from 'react'\nimport type { TabsProps as AntdTabsProps } from 'antd/es/tabs'\nimport { ConfigConsumer } from 'antd/es/config-provider'\nimport { default as AntdTabs } from 'antd/es/tabs'\nimport { doUpperTitle } from '../utils'\nexport * from 'antd/es/tabs'\nexport interface TabsProps extends AntdTabsProps {\n  children?: Array<React.ReactElement>\n  upperCaseIgnore?: Array<string>\n}\n\ninterface TabsComponent\n  extends React.ForwardRefExoticComponent<TabsProps & React.RefAttributes<AntdTabs>> {\n  TabPane: typeof AntdTabs.TabPane\n}\n\nexport const Tabs = forwardRef<AntdTabs, TabsProps>(\n  ({ children, upperCaseIgnore, ...rest }, ref) => {\n    let newChildren: string | React.ReactNode = children\n    if (Array.isArray(newChildren)) {\n      newChildren = newChildren?.map((child: string | React.ReactNode) => {\n        if (React.isValidElement(child)) {\n          const upperIgnore: boolean = child?.props?.upperIgnore\n          const tab: string | React.ReactNode = child?.props?.tab\n          return {\n            ...child,\n            props: {\n              ...child?.props,\n              tab: upperIgnore ? tab : doUpperTitle(tab, upperCaseIgnore),\n            },\n          }\n        }\n        if (typeof child === 'string') {\n          return doUpperTitle(child, upperCaseIgnore)\n        }\n        return child\n      })\n    }\n\n    return (\n      <ConfigConsumer>\n        {({ getPrefixCls }) => {\n          return <AntdTabs {...rest} children={newChildren} ref={ref} />\n        }}\n      </ConfigConsumer>\n    )\n  }\n) as TabsComponent\n\nTabs.TabPane = AntdTabs.TabPane\n"]}

package/es/tag/style/index.js

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/tag/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/tag/style/index.less

@@ -0,0 +1,106 @@
+@import '../../style/themes/index';
+@import '../../style/mixins/index';
+
+@tag-prefix-cls: ~'@{ant-prefix}-tag';
+
+.@{tag-prefix-cls} {
+  .reset-component;
+
+  display: inline-block;
+  height: auto;
+  margin-right: 8px;
+  padding: 0 7px;
+  font-size: @tag-font-size;
+  line-height: 20px;
+  white-space: nowrap;
+  background: @tag-default-bg;
+  border: @border-width-base @border-style-base @border-color-base;
+  border-radius: @border-radius-base;
+  cursor: default;
+  opacity: 1;
+  transition: all 0.3s @ease-in-out-circ;
+
+  &:hover {
+    opacity: 0.85;
+  }
+
+  &,
+  a,
+  a:hover {
+    color: @tag-default-color;
+  }
+
+  > a:first-child:last-child {
+    display: inline-block;
+    margin: 0 -8px;
+    padding: 0 8px;
+  }
+
+  .@{iconfont-css-prefix}-close {
+    .iconfont-size-under-12px(10px);
+
+    margin-left: 3px;
+    color: @text-color-secondary;
+    font-weight: bold;
+    cursor: pointer;
+    transition: all 0.3s @ease-in-out-circ;
+
+    &:hover {
+      color: @heading-color;
+    }
+  }
+
+  &-has-color {
+    border-color: transparent;
+    &,
+    a,
+    a:hover,
+    .@{iconfont-css-prefix}-close,
+    .@{iconfont-css-prefix}-close:hover {
+      color: @text-color-inverse;
+    }
+  }
+
+  &-checkable {
+    background-color: transparent;
+    border-color: transparent;
+    &:not(&-checked):hover {
+      color: @primary-color;
+    }
+    &:active,
+    &-checked {
+      color: @text-color-inverse;
+    }
+    &-checked {
+      background-color: @primary-6;
+    }
+    &:active {
+      background-color: @primary-7;
+    }
+  }
+
+  &-hidden {
+    display: none;
+  }
+
+  // mixin to iterate over colors and create CSS class for each one
+  .make-color-classes(@i: length(@preset-colors)) when (@i > 0) {
+    .make-color-classes(@i - 1);
+    @color: extract(@preset-colors, @i);
+    @lightColor: '@{color}-1';
+    @lightBorderColor: '@{color}-3';
+    @darkColor: '@{color}-6';
+    &-@{color} {
+      color: @@darkColor;
+      background: @@lightColor;
+      border-color: @@lightBorderColor;
+    }
+    &-@{color}-inverse {
+      color: @text-color-inverse;
+      background: @@darkColor;
+      border-color: @@darkColor;
+    }
+  }
+
+  .make-color-classes();
+}

package/es/time-picker/style/index.js

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

package/es/time-picker/style/index.js.map

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