bkui-vue 0.0.2-beta.110 → 0.0.2-beta.111

package/lib/rate/index.d.ts

@@ -51,7 +51,7 @@ declare const BkRate: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly size?: "default" | "small" | "large";
+            readonly size?: "default" | "small" | "large" | "huge";
             "onUpdate:modelValue"?: (...args: any[]) => any;
             "onHover-change"?: (...args: any[]) => any;
         };
@@ -74,7 +74,7 @@ declare const BkRate: {
             } & {
                 default: number;
             };
-            size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
+            size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
             editable: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
             } & {
@@ -119,7 +119,7 @@ declare const BkRate: {
         } & {
             default: number;
         };
-        size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
+        size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
         editable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
         } & {
@@ -144,7 +144,7 @@ declare const BkRate: {
     } & {
         default: number;
     };
-    size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     editable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {

package/lib/rate/index.js

@@ -122,7 +122,7 @@ const external_config_provider_namespaceObject = external_config_provider_x({ ["
   name: 'Star',
   props: {
     rate: external_shared_namespaceObject.PropTypes.number.def(0),
-    width: external_shared_namespaceObject.PropTypes.number.def(15),
+    width: external_shared_namespaceObject.PropTypes.number.def(16),
     height: external_shared_namespaceObject.PropTypes.number.def(16),
     editable: external_shared_namespaceObject.PropTypes.bool.def(true),
     hoverRate: external_shared_namespaceObject.PropTypes.number.def(0),
@@ -255,10 +255,14 @@ const external_config_provider_namespaceObject = external_config_provider_x({ ["
       large: {
         width: 18,
         height: 18
+      },
+      huge: {
+        width: 24,
+        height: 24
       }
     };
     var rateSize = sizeMap[props.size] || {
-      width: 15,
+      width: 16,
       height: 16
     };
     var starStyle = (0,external_vue_namespaceObject.computed)(function () {

package/lib/rate/rate.css

@@ -32,7 +32,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/rate/rate.d.ts

@@ -4,7 +4,7 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
-    size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     editable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {
@@ -21,7 +21,7 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: number;
     };
-    size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     editable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
     } & {

package/lib/rate/rate.variable.css

@@ -154,7 +154,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/rate/star.css

@@ -32,7 +32,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/rate/star.variable.css

@@ -154,7 +154,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/resize-layout/resize-layout.css

@@ -32,7 +32,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/resize-layout/resize-layout.variable.css

@@ -154,7 +154,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/search-select/search-select.css

@@ -33,7 +33,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/search-select/search-select.variable.css

@@ -155,7 +155,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -277,7 +277,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -399,7 +399,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/select/index.d.ts

@@ -7,7 +7,7 @@ declare const BkSelect: {
         $props: {
             prefix?: string;
             disabled?: boolean;
-            size?: "default" | "small" | "large";
+            size?: "default" | "small" | "large" | "huge";
             multiple?: boolean;
             showOnInit?: boolean;
             placeholder?: string;
@@ -127,8 +127,8 @@ declare const BkSelect: {
             } & {
                 default: boolean;
             };
-            size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
-                default: "default" | "small" | "large";
+            size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
+                default: "default" | "small" | "large" | "huge";
             };
             clearable: import("vue-types").VueTypeValidableDef<boolean> & {
                 default: boolean;
@@ -826,7 +826,7 @@ declare const BkSelect: {
         }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect")[], string, {
             prefix: string;
             disabled: boolean;
-            size: "default" | "small" | "large";
+            size: "default" | "small" | "large" | "huge";
             multiple: boolean;
             showOnInit: boolean;
             placeholder: string;
@@ -894,8 +894,8 @@ declare const BkSelect: {
         } & {
             default: boolean;
         };
-        size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
-            default: "default" | "small" | "large";
+        size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
+            default: "default" | "small" | "large" | "huge";
         };
         clearable: import("vue-types").VueTypeValidableDef<boolean> & {
             default: boolean;
@@ -1606,8 +1606,8 @@ declare const BkSelect: {
     } & {
         default: boolean;
     };
-    size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
-        default: "default" | "small" | "large";
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
+        default: "default" | "small" | "large" | "huge";
     };
     clearable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -2305,7 +2305,7 @@ declare const BkSelect: {
 }, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect")[], "blur" | "change" | "focus" | "select" | "toggle" | "clear" | "update:modelValue" | "scroll-end" | "tag-remove" | "deselect", {
     prefix: string;
     disabled: boolean;
-    size: "default" | "small" | "large";
+    size: "default" | "small" | "large" | "huge";
     multiple: boolean;
     showOnInit: boolean;
     placeholder: string;

package/lib/select/index.js

@@ -1590,7 +1590,7 @@ function select_objectSpread(target) { for (var i = 1; i < arguments.length; i++
         placement: 'bottom-start',
         isShow: isPopoverShow.value,
         reference: selectTagInputRef.value,
-        offset: 6,
+        offset: 4,
         popoverDelay: 0,
         renderType: external_shared_namespaceObject.RenderType.AUTO
       }, popoverOptions.value);

package/lib/select/select.css

@@ -32,7 +32,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/select/select.d.ts

@@ -12,8 +12,8 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
-        default: "default" | "small" | "large";
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
+        default: "default" | "small" | "large" | "huge";
     };
     clearable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -709,8 +709,8 @@ declare const _default: import("vue").DefineComponent<{
     } & {
         default: boolean;
     };
-    size: import("vue-types").VueTypeDef<"default" | "small" | "large"> & {
-        default: "default" | "small" | "large";
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge"> & {
+        default: "default" | "small" | "large" | "huge";
     };
     clearable: import("vue-types").VueTypeValidableDef<boolean> & {
         default: boolean;
@@ -1007,7 +1007,7 @@ declare const _default: import("vue").DefineComponent<{
 }, {
     prefix: string;
     disabled: boolean;
-    size: "default" | "small" | "large";
+    size: "default" | "small" | "large" | "huge";
     multiple: boolean;
     showOnInit: boolean;
     placeholder: string;

package/lib/select/select.variable.css

@@ -154,7 +154,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -398,7 +398,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/shared/index.js

@@ -2396,7 +2396,7 @@ var PropTypes = /*#__PURE__*/function (_propTypesNS) {
   _createClass(PropTypes, null, [{
     key: "size",
     value: function size() {
-      var defaultList = ['small', 'default', 'large'];
+      var defaultList = ['small', 'default', 'large', 'huge'];
       return (0,external_vue_types_namespaceObject.toType)('Size', {
         validator: function validator(val) {
           if (!val || defaultList.includes(val)) {

package/lib/shared/vue-types.d.ts

@@ -230,7 +230,7 @@ export declare function InputBehaviorType(): VueTypeDef<"normal" | "simplicity">
     default: "normal" | "simplicity";
 };
 export declare class PropTypes extends propTypesNS {
-    static size(): VueTypeDef<"default" | "small" | "large">;
+    static size(): VueTypeDef<"default" | "small" | "large" | "huge">;
     static theme(): VueTypeDef<"success" | "warning" | "danger" | "primary">;
     static placement(): VueTypeDef<"top" | "right" | "bottom" | "left">;
     static style(): VueTypeDef<CSSProperties>;

package/lib/sideslider/sideslider.css

@@ -32,7 +32,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/sideslider/sideslider.variable.css

@@ -154,7 +154,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/slider/slider.css

@@ -32,7 +32,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/slider/slider.variable.css

@@ -154,7 +154,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/steps/index.d.ts

@@ -58,7 +58,7 @@ declare const BkSteps: {
             }>) => void) | ((vnode: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
                 [key: string]: any;
             }>) => void)[];
-            readonly size?: "default" | "small" | "large";
+            readonly size?: "default" | "small" | "large" | "huge";
             "onUpdate:curStep"?: (...args: any[]) => any;
         };
         $attrs: {
@@ -78,7 +78,7 @@ declare const BkSteps: {
             theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
                 default: "success" | "warning" | "danger" | "primary";
             };
-            size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
+            size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
             curStep: import("vue-types").VueTypeValidableDef<number> & {
                 default: number;
             } & {
@@ -154,7 +154,7 @@ declare const BkSteps: {
         theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
             default: "success" | "warning" | "danger" | "primary";
         };
-        size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
+        size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
         curStep: import("vue-types").VueTypeValidableDef<number> & {
             default: number;
         } & {
@@ -203,7 +203,7 @@ declare const BkSteps: {
     theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
         default: "success" | "warning" | "danger" | "primary";
     };
-    size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     curStep: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {

package/lib/steps/steps.css

@@ -33,7 +33,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -154,7 +154,7 @@
 }
 .bk-steps .bk-step {
   position: relative;
-  margin-right: 8px;
+  margin-right: 16px;
   overflow: hidden;
   text-align: left;
   white-space: nowrap;
@@ -189,7 +189,7 @@
 .bk-steps .bk-step .bk-step-title {
   position: relative;
   display: inline-block;
-  padding-right: 8px;
+  padding-right: 16px;
   font-size: 14px;
   line-height: 24px;
   color: #63656e;

package/lib/steps/steps.d.ts

@@ -28,7 +28,7 @@ declare const stepsProps: {
     theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
         default: "success" | "warning" | "danger" | "primary";
     };
-    size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     curStep: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
@@ -68,7 +68,7 @@ declare const _default: import("vue").DefineComponent<{
     theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
         default: "success" | "warning" | "danger" | "primary";
     };
-    size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     curStep: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {
@@ -110,7 +110,7 @@ declare const _default: import("vue").DefineComponent<{
     theme: import("vue-types").VueTypeDef<"success" | "warning" | "danger" | "primary"> & {
         default: "success" | "warning" | "danger" | "primary";
     };
-    size: import("vue-types").VueTypeDef<"default" | "small" | "large">;
+    size: import("vue-types").VueTypeDef<"default" | "small" | "large" | "huge">;
     curStep: import("vue-types").VueTypeValidableDef<number> & {
         default: number;
     } & {

package/lib/steps/steps.less

@@ -54,7 +54,7 @@
 
   .@{bk-prefix}-step {
     position: relative;
-    margin-right: 8px;
+    margin-right: 16px;
     overflow: hidden;
     text-align: left;
     white-space: nowrap;
@@ -96,7 +96,7 @@
     .@{bk-prefix}-step-title {
       position: relative;
       display: inline-block;
-      padding-right: 8px;
+      padding-right: 16px;
       font-size: 14px;
       line-height: 24px;
       color: #63656e;

package/lib/steps/steps.variable.css

@@ -155,7 +155,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -277,7 +277,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -398,7 +398,7 @@
 }
 .bk-steps .bk-step {
   position: relative;
-  margin-right: 8px;
+  margin-right: 16px;
   overflow: hidden;
   text-align: left;
   white-space: nowrap;
@@ -433,7 +433,7 @@
 .bk-steps .bk-step .bk-step-title {
   position: relative;
   display: inline-block;
-  padding-right: 8px;
+  padding-right: 16px;
   font-size: 14px;
   line-height: 24px;
   color: #63656e;

package/lib/styles/mixins/animate.css

@@ -32,7 +32,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/styles/mixins/animate.variable.css

@@ -154,7 +154,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/styles/mixins/mixins.css

@@ -32,7 +32,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/styles/mixins/mixins.variable.css

@@ -32,7 +32,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/styles/mixins/popper.css

@@ -32,7 +32,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);

package/lib/styles/mixins/popper.variable.css

@@ -154,7 +154,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);
@@ -276,7 +276,7 @@
   --input-border-color: var(--light-gray);
   --input-broder-radius: 3px;
   --input-shadow-color: #a3c5fd;
-  --input-horizontal-padding: 10px;
+  --input-horizontal-padding: 8px;
   --input-block-color: #f5f7fa;
   --input-block-hover-color: #eaebf0;
   --input-icon-size: var(--font-size-medium);