@fewbox/den-web 0.1.37 → 0.1.39

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewbox/den-web",
-  "version": "0.1.37",
+  "version": "0.1.39",
   "main": "index.js",
   "types": "index-web.d.ts",
   "repository": "https://github.com/FewBox/fewbox-den.git",

package/src/components/View/VInput/VRange/index.d.ts

@@ -1,8 +1,10 @@
 import { IBaseInputProps } from "..";
 import { ColorType } from "../../../Engine";
+export type TLength = (string & {}) | 0;
 export interface IVRangeProps extends IBaseInputProps {
-    controlBackgroundColor: ColorType;
-    controlBorderColor: ColorType;
+    thumbColor: ColorType;
+    thumbBorderColor: ColorType;
+    trackColor: ColorType;
 }
 declare const VRange: (props: IVRangeProps) => React.JSX.Element;
 export default VRange;

package/src/components/View/VInput/index.d.ts

@@ -1,5 +1,5 @@
 import { IBaseProps, TLength } from "../../Engine/Base";
-import { ColorType, FontSizeType } from "../../Engine";
+import { FontSizeType } from "../../Engine";
 import { LabelCategory } from "../VLabel";
 import { Property } from 'csstype';
 export interface IBaseInputProps extends IBaseProps<'input'> {
@@ -12,7 +12,6 @@ export interface IBaseInputProps extends IBaseProps<'input'> {
     setStateHook?: (value: string) => void;
     isValueShow?: boolean;
     valueSize?: FontSizeType;
-    valueColor?: ColorType;
     valueCategory?: LabelCategory;
     valuePadding?: Property.Padding<TLength>;
     inputStyle?: React.CSSProperties;

package/templates/style/_core.scss

@@ -254,12 +254,6 @@ $border-positions: "all", "top", "right", "bottom", "left", "except-top", "excep
 @each $color, $value in v.$colors {
     .#{$color}-background {
         background-color: var(#{v.$var-prefix}color-#{$color});
-        @if ($color == "primary") {
-            color: var(#{v.$var-prefix}color-white);
-        }
-        &::-webkit-slider-thumb {
-            background-color: var(#{v.$var-prefix}color-#{$color});
-        }
     }
 }
 /* front */
@@ -272,9 +266,6 @@ $border-positions: "all", "top", "right", "bottom", "left", "except-top", "excep
 @each $color, $value in v.$colors {
     .#{$color}-border {
         border-color: var(#{v.$var-prefix}color-#{$color}) !important;
-        &::-webkit-slider-thumb {
-            border-color: var(#{v.$var-prefix}color-#{$color}) !important;
-        }
     }
 }
 /* size */