one-design-next 0.0.6 → 0.0.8

package/dist/cascader/index.js

@@ -136,7 +136,7 @@ function CascaderInner(_ref) {
     suffixIcon = _useIcons.suffixIcon,
     removeIcon = _useIcons.removeIcon,
     clearIcon = _useIcons.clearIcon;
-  var cascaderClassName = [prefixCls, "".concat(prefixCls, "-").concat(size), disabled && "".concat(prefixCls, "-disabled"), !light && "".concat(prefixCls, "-outlined"), "".concat(prefixCls, "-show-arrow"), showInnerSearch && "".concat(prefixCls, "-show-inner-search"), 'odn-cascader', className].filter(Boolean).join(' ');
+  var cascaderClassName = [prefixCls, "".concat(prefixCls, "-").concat(size), disabled && "".concat(prefixCls, "-disabled"), light && "".concat(prefixCls, "-light"), !light && "".concat(prefixCls, "-outlined"), "".concat(prefixCls, "-show-arrow"), showInnerSearch && "".concat(prefixCls, "-show-inner-search"), 'odn-cascader', className].filter(Boolean).join(' ');
   var _useState = useState(visibleProp),
     _useState2 = _slicedToArray(_useState, 2),
     visible = _useState2[0],

package/dist/select/index.js

@@ -258,10 +258,8 @@ var SelectButton = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
     className: "odn-select-clear",
     onClick: handleClear
   }, /*#__PURE__*/React.createElement(Icon, {
-    name: "cancel-circle-filled",
-    style: {
-      background: 'var(--odn-color-white)'
-    }
+    className: "odn-select-clear-icon",
+    name: "cancel-circle-filled"
   })));
 });
 SelectButton.displayName = 'Select.Button';

package/dist/select/style/index.css

@@ -1085,6 +1085,9 @@ html {
   box-shadow: var(--odn-popup-box-shadow);
   filter: var(--odn-popup-filter);
 }
+.odn-select-dropdown .rc-virtual-list-holder {
+  transform: translateZ(0);
+}
 .odn-select-dropdown .rc-virtual-list-scrollbar-vertical {
   width: 6px !important;
 }
@@ -1493,6 +1496,42 @@ html {
   color: var(--odn-color-text-disabled);
 }
 
+.odn-select-light:not(.odn-select-customize-input) .odn-select-selector {
+  border: 1px solid transparent;
+  background: transparent;
+}
+
+.odn-select-light:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer):hover .odn-select-selector {
+  background: var(--odn-color-black-1);
+}
+
+.odn-select-open.odn-select-light:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer) .odn-select-selector {
+  background: var(--odn-color-black-2);
+}
+
+.odn-select-light.odn-select-status-error:not(.odn-select-disabled,
+.odn-select-customize-input,
+.ant-pagination-size-changer):hover .odn-select-selector {
+  background: var(--odn-color-error-bg-hover);
+}
+
+.odn-select-light.odn-select-disabled:not(.odn-select-customize-input) .odn-select-selector {
+  background: var(--odn-color-bg-container-disabled);
+  color: var(--odn-color-text-disabled);
+}
+
+.odn-select-light .odn-select-clear-icon {
+  background: var(--odn-color-solid-black-2);
+}
+
+.odn-select-outlined .odn-select-clear-icon {
+  background: var(--odn-color-white);
+}
+
 .odn-select-outlined.odn-select-multiple .odn-select-selection-item {
   background: var(--odn-select-multiple-item-bg);
   border: 1px solid var(--odn-select-multiple-item-border-color);

package/dist/select/useIcons.d.ts

@@ -14,12 +14,12 @@ export default function useIcons({ suffixIcon, clearIcon, menuItemSelectedIcon,
     showSuffixIcon?: boolean;
     showArrow?: boolean;
 }): {
-    clearIcon: string | number | boolean | Iterable<ReactNode> | React.JSX.Element | ((props: any) => ReactNode);
+    clearIcon: string | number | boolean | Iterable<ReactNode> | ((props: any) => ReactNode) | React.JSX.Element;
     suffixIcon: React.JSX.Element | (({ open, showSearch, }: {
         open: boolean;
         showSearch: boolean;
     }) => React.JSX.Element | null) | null;
-    itemIcon: string | number | boolean | Iterable<ReactNode> | React.JSX.Element | ((props: any) => ReactNode) | null;
-    removeIcon: string | number | boolean | Iterable<ReactNode> | React.JSX.Element | ((props: any) => ReactNode) | null;
+    itemIcon: string | number | boolean | Iterable<ReactNode> | ((props: any) => ReactNode) | React.JSX.Element | null;
+    removeIcon: string | number | boolean | Iterable<ReactNode> | ((props: any) => ReactNode) | React.JSX.Element | null;
 };
 export {};

package/dist/select/useIcons.js

@@ -15,9 +15,7 @@ export default function useIcons(_ref) {
   // Clear Icon
   var mergedClearIcon = clearIcon !== null && clearIcon !== void 0 ? clearIcon : /*#__PURE__*/React.createElement(Icon, {
     name: "cancel-circle-filled",
-    style: {
-      background: 'var(--odn-color-white)'
-    }
+    className: "odn-select-clear-icon"
   });
 
   // Validation Feedback Icon

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "one-design-next",
-  "version": "0.0.6",
+  "version": "0.0.8",
   "description": "One Design Next from TAD@tencent.com",
   "module": "dist/index.js",
   "types": "dist/index.d.ts",