@itcase/ui-web 1.10.38 → 1.10.40
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/components/InputNumber.js +1 -1
- package/dist/components/InputNumber.js +1 -1
- package/dist/css/styles/bundles.css +1 -0
- package/dist/types/components/InputNumber/InputNumber.appearance.d.ts +12 -0
- package/dist/types/components/InputNumber/InputNumber.interface.d.ts +3 -0
- package/dist/types/components/InputNumber/InputNumber.js +4 -4
- package/dist/types/components/InputNumber/appearance/inputNumberDefault.d.ts +2 -0
- package/dist/types/components/InputNumber/appearance/inputNumberDefault.js +2 -0
- package/dist/types/components/InputNumber/appearance/inputNumberError.d.ts +2 -0
- package/dist/types/components/InputNumber/appearance/inputNumberError.js +2 -0
- package/dist/types/components/InputNumber/appearance/inputNumberRequire.d.ts +2 -0
- package/dist/types/components/InputNumber/appearance/inputNumberRequire.js +2 -0
- package/dist/types/components/InputNumber/appearance/inputNumberSize.d.ts +4 -0
- package/dist/types/components/InputNumber/appearance/inputNumberSize.js +4 -0
- package/dist/types/components/InputNumber/appearance/inputNumberSuccess.d.ts +2 -0
- package/dist/types/components/InputNumber/appearance/inputNumberSuccess.js +2 -0
- package/package.json +2 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("react/jsx-runtime"),r=require("react"),
|
|
1
|
+
"use strict";var e=require("react/jsx-runtime"),r=require("react"),o=require("clsx"),i=require("@itcase/ui-core/hooks"),n=require("../../Button_cjs_F8vKfD-9.js"),t=require("../../default_cjs_BMdcKzhJ.js");require("@itcase/ui-core/utils"),require("../../primitives_cjs_Dw4SMbjT.js"),require("@rc-component/tooltip"),require("react-inlinesvg"),require("@itcase/ui-core/hoc"),require("../../Loader_cjs_BMOazvQA.js"),require("axios"),require("@itcase/common");const u={defaultPrimary:{fill:"surfaceSecondary",labelTextWeight:"400",borderColor:"surfaceBorderQuaternary",borderHover:"surfaceBorderHoverQuaternary",buttonFill:"surfaceSecondary",buttonFillHover:"none",iconFill:"surfaceSecondary",iconFillHover:"surfaceHoverSecondary",iconFillIcon:"surfaceItemQuaternary",iconMinus:t.icons24.Form.Minus,iconPlus:t.icons24.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},l={errorPrimary:{fill:"errorTertiary",labelTextWeight:"400",borderColor:"errorBorderQuaternary",borderHover:"errorBorderHoverQuaternary",buttonFill:"errorTertiary",buttonFillHover:"none",iconFill:"errorTertiary",iconFillHover:"errorHoverSecondary",iconFillIcon:"errorItemQuaternary",iconMinus:t.icons24.Form.Minus,iconPlus:t.icons24.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},s={requirePrimary:{fill:"warningTertiary",labelTextWeight:"400",borderColor:"warningBorderQuaternary",borderHover:"warningBorderHoverQuaternary",buttonFill:"warningTertiary",buttonFillHover:"none",iconFill:"warningTertiary",iconFillHover:"warningHoverSecondary",iconFillIcon:"warningItemQuaternary",iconMinus:t.icons24.Form.Minus,iconPlus:t.icons24.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},a={...u,...l,...{successPrimary:{fill:"successTertiary",labelTextWeight:"400",borderColor:"successBorderQuaternary",borderHover:"successBorderHoverQuaternary",buttonFill:"successTertiary",buttonFillHover:"none",iconFill:"successTertiary",iconFillHover:"successHoverSecondary",iconFillIcon:"successItemQuaternary",iconMinus:t.icons24.Form.Minus,iconPlus:t.icons24.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},sizeXL:{size:"xl",buttonSize:"xl",iconSize:"24",inputNumberTextSize:"xl"},sizeL:{size:"l",buttonSize:"l",iconSize:"24",inputNumberTextSize:"l"},sizeM:{size:"m",buttonSize:"m",iconSize:"24",inputNumberTextSize:"m"},sizeS:{size:"s",buttonSize:"s",iconSize:"24",inputNumberTextSize:"s"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},...s},c={appearance:a,setAppearance:e=>{c.appearance=e}};exports.InputNumber=t=>{const{id:u,appearance:l,className:s,dataTestId:a,dataTour:d,type:m="custom",name:p,min:b=0,max:v=Number.MAX_SAFE_INTEGER,step:F=1,value:y=0,onChange:x}=t,S=r.useCallback(e=>{const{event:r,mode:o="button",operation:i}=e;let n;if("input"===o)n=Number(r?.target.value);else{n=y+("minus"===i?-F:F)}if(n<b||n>v)return null;x?.(n)},[v,b,x,F,y]),C=i.useAppearanceConfig(l,c),f=i.useDevicePropsGenerator(t,C),{fillClass:T,fillHoverClass:_,borderColorClass:h,borderColorHoverClass:z,borderWidthClass:H,buttonFill:g,buttonFillHover:N,buttonSize:Q,iconFill:q,iconFillHover:j,iconFillIcon:I,iconMinus:P,iconPlus:M,iconShape:$,iconSize:w,inputNumberTextColorClass:B,inputNumberTextSizeClass:L,inputNumberTextWeightClass:W,shapeClass:A,sizeClass:k,widthClass:X}=f;return"native"===m?e.jsx("input",{id:String(u),type:"number",min:b,max:v,step:F,value:y,onChange:e=>S({event:e,mode:"input"})}):e.jsxs("div",{id:String(u),className:o(s,"input-number","input-number__custom",h&&`border-color_${h}`,z&&`border-color_hover_${z}`,H&&`border-width_${H}`,T&&`fill_${T}`,_&&`fill_hover_${_}`,A&&`shape_${A}`,k&&`input-number_size_${k}`,X&&`width_${X}`),"data-testid":a+"Wrapper","data-tour":d,children:[e.jsx(n.Button,{className:"input-number__icon",size:Q,fill:g,fillHover:N,icon:P,iconFill:q,iconFillHover:j,iconFillIcon:I,iconShape:$,iconSize:w,onClick:()=>S({operation:"minus"})}),e.jsx("input",{className:o(B&&`text-color_${B}`,L&&`text_size_${L}`,W&&`text-weight_${W}`),type:"number",min:b,max:v,"data-testid":a||(p?`${p}-input-number`:"input-number"),step:F,value:y,onChange:e=>S({event:e,mode:"input"})}),e.jsx(n.Button,{className:"input-number__icon",size:Q,fill:g,fillHover:N,icon:M,iconFill:q,iconFillHover:j,iconFillIcon:I,iconShape:$,iconSize:w,onClick:()=>S({operation:"plus"})})]})},exports.inputNumberAppearance=a;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useCallback as o}from"react";import i from"clsx";import{useAppearanceConfig as n,useDevicePropsGenerator as t}from"@itcase/ui-core/hooks";import{B as
|
|
1
|
+
import{jsx as e,jsxs as r}from"react/jsx-runtime";import{useCallback as o}from"react";import i from"clsx";import{useAppearanceConfig as n,useDevicePropsGenerator as t}from"@itcase/ui-core/hooks";import{B as l}from"../Button_es_7K5ecrgl.js";import{a}from"../default_es_CsYL84NN.js";import"@itcase/ui-core/utils";import"../primitives_es_C4dQ1kEP.js";import"@rc-component/tooltip";import"react-inlinesvg";import"@itcase/ui-core/hoc";import"../Loader_es_DLwXAfhK.js";import"axios";import"@itcase/common";const u={defaultPrimary:{fill:"surfaceSecondary",labelTextWeight:"400",borderColor:"surfaceBorderQuaternary",borderHover:"surfaceBorderHoverQuaternary",buttonFill:"surfaceSecondary",buttonFillHover:"none",iconFill:"surfaceSecondary",iconFillHover:"surfaceHoverSecondary",iconFillIcon:"surfaceItemQuaternary",iconMinus:a.Form.Minus,iconPlus:a.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},s={errorPrimary:{fill:"errorTertiary",labelTextWeight:"400",borderColor:"errorBorderQuaternary",borderHover:"errorBorderHoverQuaternary",buttonFill:"errorTertiary",buttonFillHover:"none",iconFill:"errorTertiary",iconFillHover:"errorHoverSecondary",iconFillIcon:"errorItemQuaternary",iconMinus:a.Form.Minus,iconPlus:a.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},c={requirePrimary:{fill:"warningTertiary",labelTextWeight:"400",borderColor:"warningBorderQuaternary",borderHover:"warningBorderHoverQuaternary",buttonFill:"warningTertiary",buttonFillHover:"none",iconFill:"warningTertiary",iconFillHover:"warningHoverSecondary",iconFillIcon:"warningItemQuaternary",iconMinus:a.Form.Minus,iconPlus:a.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},m={...u,...s,...{successPrimary:{fill:"successTertiary",labelTextWeight:"400",borderColor:"successBorderQuaternary",borderHover:"successBorderHoverQuaternary",buttonFill:"successTertiary",buttonFillHover:"none",iconFill:"successTertiary",iconFillHover:"successHoverSecondary",iconFillIcon:"successItemQuaternary",iconMinus:a.Form.Minus,iconPlus:a.Form.Plus,inputNumberTextColor:"surfaceTextQuaternary"}},circular:{shape:"circular"},rounded:{shape:"rounded"},roundedXL:{shape:"roundedXL"},roundedL:{shape:"roundedL"},roundedM:{shape:"roundedM"},roundedS:{shape:"roundedS"},sizeXL:{size:"xl",buttonSize:"xl",iconSize:"24",inputNumberTextSize:"xl"},sizeL:{size:"l",buttonSize:"l",iconSize:"24",inputNumberTextSize:"l"},sizeM:{size:"m",buttonSize:"m",iconSize:"24",inputNumberTextSize:"m"},sizeS:{size:"s",buttonSize:"s",iconSize:"24",inputNumberTextSize:"s"},solid:{borderColor:"none"},outlined:{fill:"none"},full:{borderColor:"none"},ghost:{fill:"none",borderColor:"none"},...c},d={appearance:m,setAppearance:e=>{d.appearance=e}},p=a=>{const{id:u,appearance:s,className:c,dataTestId:m,dataTour:p,type:b="custom",name:v,min:F=0,max:y=Number.MAX_SAFE_INTEGER,step:f=1,value:S=0,onChange:x}=a,T=o(e=>{const{event:r,mode:o="button",operation:i}=e;let n;if("input"===o)n=Number(r?.target.value);else{n=S+("minus"===i?-f:f)}if(n<F||n>y)return null;x?.(n)},[y,F,x,f,S]),_=n(s,d),h=t(a,_),{fillClass:z,fillHoverClass:C,borderColorClass:H,borderColorHoverClass:g,borderWidthClass:N,buttonFill:Q,buttonFillHover:I,buttonSize:M,iconFill:P,iconFillHover:$,iconFillIcon:w,iconMinus:B,iconPlus:L,iconShape:W,iconSize:j,inputNumberTextColorClass:X,inputNumberTextSizeClass:k,inputNumberTextWeightClass:A,shapeClass:E,sizeClass:q,widthClass:G}=h;return"native"===b?e("input",{id:String(u),type:"number",min:F,max:y,step:f,value:S,onChange:e=>T({event:e,mode:"input"})}):r("div",{id:String(u),className:i(c,"input-number","input-number__custom",H&&`border-color_${H}`,g&&`border-color_hover_${g}`,N&&`border-width_${N}`,z&&`fill_${z}`,C&&`fill_hover_${C}`,E&&`shape_${E}`,q&&`input-number_size_${q}`,G&&`width_${G}`),"data-testid":m+"Wrapper","data-tour":p,children:[e(l,{className:"input-number__icon",size:M,fill:Q,fillHover:I,icon:B,iconFill:P,iconFillHover:$,iconFillIcon:w,iconShape:W,iconSize:j,onClick:()=>T({operation:"minus"})}),e("input",{className:i(X&&`text-color_${X}`,k&&`text_size_${k}`,A&&`text-weight_${A}`),type:"number",min:F,max:y,"data-testid":m||(v?`${v}-input-number`:"input-number"),step:f,value:S,onChange:e=>T({event:e,mode:"input"})}),e(l,{className:"input-number__icon",size:M,fill:Q,fillHover:I,icon:L,iconFill:P,iconFillHover:$,iconFillIcon:w,iconShape:W,iconSize:j,onClick:()=>T({operation:"plus"})})]})};export{p as InputNumber,m as inputNumberAppearance};
|
|
@@ -100295,6 +100295,7 @@ div.swiper-pagination {
|
|
|
100295
100295
|
justify-content: center;
|
|
100296
100296
|
&__wrapper {
|
|
100297
100297
|
display: flex;
|
|
100298
|
+
justify-content: center;
|
|
100298
100299
|
^&__label {
|
|
100299
100300
|
display: flex;
|
|
100300
100301
|
justify-content: center;
|
|
@@ -4,6 +4,8 @@ declare const inputNumberAppearance: {
|
|
|
4
4
|
labelTextWeight: "400";
|
|
5
5
|
borderColor: "warningBorderQuaternary";
|
|
6
6
|
borderHover: "warningBorderHoverQuaternary";
|
|
7
|
+
buttonFill: "warningTertiary";
|
|
8
|
+
buttonFillHover: "none";
|
|
7
9
|
iconFill: "warningTertiary";
|
|
8
10
|
iconFillHover: "warningHoverSecondary";
|
|
9
11
|
iconFillIcon: "warningItemQuaternary";
|
|
@@ -26,21 +28,25 @@ declare const inputNumberAppearance: {
|
|
|
26
28
|
};
|
|
27
29
|
sizeXL: {
|
|
28
30
|
size: "xl";
|
|
31
|
+
buttonSize: "xl";
|
|
29
32
|
iconSize: "24";
|
|
30
33
|
inputNumberTextSize: "xl";
|
|
31
34
|
};
|
|
32
35
|
sizeL: {
|
|
33
36
|
size: "l";
|
|
37
|
+
buttonSize: "l";
|
|
34
38
|
iconSize: "24";
|
|
35
39
|
inputNumberTextSize: "l";
|
|
36
40
|
};
|
|
37
41
|
sizeM: {
|
|
38
42
|
size: "m";
|
|
43
|
+
buttonSize: "m";
|
|
39
44
|
iconSize: "24";
|
|
40
45
|
inputNumberTextSize: "m";
|
|
41
46
|
};
|
|
42
47
|
sizeS: {
|
|
43
48
|
size: "s";
|
|
49
|
+
buttonSize: "s";
|
|
44
50
|
iconSize: "24";
|
|
45
51
|
inputNumberTextSize: "s";
|
|
46
52
|
};
|
|
@@ -67,6 +73,8 @@ declare const inputNumberAppearance: {
|
|
|
67
73
|
labelTextWeight: "400";
|
|
68
74
|
borderColor: "successBorderQuaternary";
|
|
69
75
|
borderHover: "successBorderHoverQuaternary";
|
|
76
|
+
buttonFill: "successTertiary";
|
|
77
|
+
buttonFillHover: "none";
|
|
70
78
|
iconFill: "successTertiary";
|
|
71
79
|
iconFillHover: "successHoverSecondary";
|
|
72
80
|
iconFillIcon: "successItemQuaternary";
|
|
@@ -79,6 +87,8 @@ declare const inputNumberAppearance: {
|
|
|
79
87
|
labelTextWeight: "400";
|
|
80
88
|
borderColor: "errorBorderQuaternary";
|
|
81
89
|
borderHover: "errorBorderHoverQuaternary";
|
|
90
|
+
buttonFill: "errorTertiary";
|
|
91
|
+
buttonFillHover: "none";
|
|
82
92
|
iconFill: "errorTertiary";
|
|
83
93
|
iconFillHover: "errorHoverSecondary";
|
|
84
94
|
iconFillIcon: "errorItemQuaternary";
|
|
@@ -91,6 +101,8 @@ declare const inputNumberAppearance: {
|
|
|
91
101
|
labelTextWeight: "400";
|
|
92
102
|
borderColor: "surfaceBorderQuaternary";
|
|
93
103
|
borderHover: "surfaceBorderHoverQuaternary";
|
|
104
|
+
buttonFill: "surfaceSecondary";
|
|
105
|
+
buttonFillHover: "none";
|
|
94
106
|
iconFill: "surfaceSecondary";
|
|
95
107
|
iconFillHover: "surfaceHoverSecondary";
|
|
96
108
|
iconFillIcon: "surfaceItemQuaternary";
|
|
@@ -10,6 +10,9 @@ type InputNumberAppearanceProps = {
|
|
|
10
10
|
borderColorHover?: BorderColorHoverProps;
|
|
11
11
|
borderHover?: BorderColorHoverProps;
|
|
12
12
|
borderWidth?: BorderWidthProps;
|
|
13
|
+
buttonFill?: ButtonProps['fill'];
|
|
14
|
+
buttonFillHover?: ButtonProps['fillHover'];
|
|
15
|
+
buttonSize?: ButtonProps['size'];
|
|
13
16
|
fill?: FillProps;
|
|
14
17
|
fillHover?: FillHoverProps;
|
|
15
18
|
iconFill?: IconProps['fill'];
|
|
@@ -11,7 +11,7 @@ const inputNumberConfig = {
|
|
|
11
11
|
},
|
|
12
12
|
};
|
|
13
13
|
const InputNumber = (props) => {
|
|
14
|
-
const { id, appearance, className, dataTestId, dataTour, type = 'custom', name, min = 0, max =
|
|
14
|
+
const { id, appearance, className, dataTestId, dataTour, type = 'custom', name, min = 0, max = Number.MAX_SAFE_INTEGER, step = 1, value = 0, onChange, } = props;
|
|
15
15
|
const onChangeValue = useCallback((params) => {
|
|
16
16
|
const { event, mode = 'button', operation } = params;
|
|
17
17
|
let newValue;
|
|
@@ -29,12 +29,12 @@ const InputNumber = (props) => {
|
|
|
29
29
|
}, [max, min, onChange, step, value]);
|
|
30
30
|
const appearanceConfig = useAppearanceConfig(appearance, inputNumberConfig);
|
|
31
31
|
const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
|
|
32
|
-
const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderWidthClass, iconFill, iconFillHover, iconFillIcon, iconMinus, iconPlus, iconShape, iconSize, inputNumberTextColorClass, inputNumberTextSizeClass, inputNumberTextWeightClass, shapeClass, sizeClass, widthClass, } = propsGenerator;
|
|
32
|
+
const { fillClass, fillHoverClass, borderColorClass, borderColorHoverClass, borderWidthClass, buttonFill, buttonFillHover, buttonSize, iconFill, iconFillHover, iconFillIcon, iconMinus, iconPlus, iconShape, iconSize, inputNumberTextColorClass, inputNumberTextSizeClass, inputNumberTextWeightClass, shapeClass, sizeClass, widthClass, } = propsGenerator;
|
|
33
33
|
if (type === 'native') {
|
|
34
34
|
return (_jsx("input", { id: String(id), type: "number", min: min, max: max, step: step, value: value, onChange: (event) => onChangeValue({ event: event, mode: 'input' }) }));
|
|
35
35
|
}
|
|
36
|
-
return (_jsxs("div", { id: String(id), className: clsx(className, 'input-number', 'input-number__custom', borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, sizeClass && `input-number_size_${sizeClass}`, widthClass && `width_${widthClass}`), "data-testid": dataTestId + 'Wrapper', "data-tour": dataTour, children: [_jsx(Button, { className: "input-number__icon", icon: iconMinus, iconFill: iconFill, iconFillHover: iconFillHover, iconFillIcon: iconFillIcon, iconShape: iconShape, iconSize: iconSize, onClick: () => onChangeValue({ operation: 'minus' }) }), _jsx("input", { className: clsx(inputNumberTextColorClass &&
|
|
36
|
+
return (_jsxs("div", { id: String(id), className: clsx(className, 'input-number', 'input-number__custom', borderColorClass && `border-color_${borderColorClass}`, borderColorHoverClass && `border-color_hover_${borderColorHoverClass}`, borderWidthClass && `border-width_${borderWidthClass}`, fillClass && `fill_${fillClass}`, fillHoverClass && `fill_hover_${fillHoverClass}`, shapeClass && `shape_${shapeClass}`, sizeClass && `input-number_size_${sizeClass}`, widthClass && `width_${widthClass}`), "data-testid": dataTestId + 'Wrapper', "data-tour": dataTour, children: [_jsx(Button, { className: "input-number__icon", size: buttonSize, fill: buttonFill, fillHover: buttonFillHover, icon: iconMinus, iconFill: iconFill, iconFillHover: iconFillHover, iconFillIcon: iconFillIcon, iconShape: iconShape, iconSize: iconSize, onClick: () => onChangeValue({ operation: 'minus' }) }), _jsx("input", { className: clsx(inputNumberTextColorClass &&
|
|
37
37
|
`text-color_${inputNumberTextColorClass}`, inputNumberTextSizeClass && `text_size_${inputNumberTextSizeClass}`, inputNumberTextWeightClass &&
|
|
38
|
-
`text-weight_${inputNumberTextWeightClass}`), type: "number", min: min, max: max, "data-testid": dataTestId || (name ? `${name}-input-number` : 'input-number'), step: step, value: value, onChange: (event) => onChangeValue({ event: event, mode: 'input' }) }), _jsx(Button, { className: "input-number__icon", icon: iconPlus, iconFill: iconFill, iconFillHover: iconFillHover, iconFillIcon: iconFillIcon, iconShape: iconShape, iconSize: iconSize, onClick: () => onChangeValue({ operation: 'plus' }) })] }));
|
|
38
|
+
`text-weight_${inputNumberTextWeightClass}`), type: "number", min: min, max: max, "data-testid": dataTestId || (name ? `${name}-input-number` : 'input-number'), step: step, value: value, onChange: (event) => onChangeValue({ event: event, mode: 'input' }) }), _jsx(Button, { className: "input-number__icon", size: buttonSize, fill: buttonFill, fillHover: buttonFillHover, icon: iconPlus, iconFill: iconFill, iconFillHover: iconFillHover, iconFillIcon: iconFillIcon, iconShape: iconShape, iconSize: iconSize, onClick: () => onChangeValue({ operation: 'plus' }) })] }));
|
|
39
39
|
};
|
|
40
40
|
export { InputNumber };
|
|
@@ -4,6 +4,8 @@ declare const inputNumberAppearanceDefault: {
|
|
|
4
4
|
labelTextWeight: "400";
|
|
5
5
|
borderColor: "surfaceBorderQuaternary";
|
|
6
6
|
borderHover: "surfaceBorderHoverQuaternary";
|
|
7
|
+
buttonFill: "surfaceSecondary";
|
|
8
|
+
buttonFillHover: "none";
|
|
7
9
|
iconFill: "surfaceSecondary";
|
|
8
10
|
iconFillHover: "surfaceHoverSecondary";
|
|
9
11
|
iconFillIcon: "surfaceItemQuaternary";
|
|
@@ -5,6 +5,8 @@ const inputNumberAppearanceDefault = {
|
|
|
5
5
|
labelTextWeight: '400',
|
|
6
6
|
borderColor: 'surfaceBorderQuaternary',
|
|
7
7
|
borderHover: 'surfaceBorderHoverQuaternary',
|
|
8
|
+
buttonFill: 'surfaceSecondary',
|
|
9
|
+
buttonFillHover: 'none',
|
|
8
10
|
iconFill: 'surfaceSecondary',
|
|
9
11
|
iconFillHover: 'surfaceHoverSecondary',
|
|
10
12
|
iconFillIcon: 'surfaceItemQuaternary',
|
|
@@ -4,6 +4,8 @@ declare const inputNumberAppearanceError: {
|
|
|
4
4
|
labelTextWeight: "400";
|
|
5
5
|
borderColor: "errorBorderQuaternary";
|
|
6
6
|
borderHover: "errorBorderHoverQuaternary";
|
|
7
|
+
buttonFill: "errorTertiary";
|
|
8
|
+
buttonFillHover: "none";
|
|
7
9
|
iconFill: "errorTertiary";
|
|
8
10
|
iconFillHover: "errorHoverSecondary";
|
|
9
11
|
iconFillIcon: "errorItemQuaternary";
|
|
@@ -5,6 +5,8 @@ const inputNumberAppearanceError = {
|
|
|
5
5
|
labelTextWeight: '400',
|
|
6
6
|
borderColor: 'errorBorderQuaternary',
|
|
7
7
|
borderHover: 'errorBorderHoverQuaternary',
|
|
8
|
+
buttonFill: 'errorTertiary',
|
|
9
|
+
buttonFillHover: 'none',
|
|
8
10
|
iconFill: 'errorTertiary',
|
|
9
11
|
iconFillHover: 'errorHoverSecondary',
|
|
10
12
|
iconFillIcon: 'errorItemQuaternary',
|
|
@@ -4,6 +4,8 @@ declare const inputNumberAppearanceRequire: {
|
|
|
4
4
|
labelTextWeight: "400";
|
|
5
5
|
borderColor: "warningBorderQuaternary";
|
|
6
6
|
borderHover: "warningBorderHoverQuaternary";
|
|
7
|
+
buttonFill: "warningTertiary";
|
|
8
|
+
buttonFillHover: "none";
|
|
7
9
|
iconFill: "warningTertiary";
|
|
8
10
|
iconFillHover: "warningHoverSecondary";
|
|
9
11
|
iconFillIcon: "warningItemQuaternary";
|
|
@@ -5,6 +5,8 @@ const inputNumberAppearanceRequire = {
|
|
|
5
5
|
labelTextWeight: '400',
|
|
6
6
|
borderColor: 'warningBorderQuaternary',
|
|
7
7
|
borderHover: 'warningBorderHoverQuaternary',
|
|
8
|
+
buttonFill: 'warningTertiary',
|
|
9
|
+
buttonFillHover: 'none',
|
|
8
10
|
iconFill: 'warningTertiary',
|
|
9
11
|
iconFillHover: 'warningHoverSecondary',
|
|
10
12
|
iconFillIcon: 'warningItemQuaternary',
|
|
@@ -1,21 +1,25 @@
|
|
|
1
1
|
declare const inputNumberAppearanceSize: {
|
|
2
2
|
sizeXL: {
|
|
3
3
|
size: "xl";
|
|
4
|
+
buttonSize: "xl";
|
|
4
5
|
iconSize: "24";
|
|
5
6
|
inputNumberTextSize: "xl";
|
|
6
7
|
};
|
|
7
8
|
sizeL: {
|
|
8
9
|
size: "l";
|
|
10
|
+
buttonSize: "l";
|
|
9
11
|
iconSize: "24";
|
|
10
12
|
inputNumberTextSize: "l";
|
|
11
13
|
};
|
|
12
14
|
sizeM: {
|
|
13
15
|
size: "m";
|
|
16
|
+
buttonSize: "m";
|
|
14
17
|
iconSize: "24";
|
|
15
18
|
inputNumberTextSize: "m";
|
|
16
19
|
};
|
|
17
20
|
sizeS: {
|
|
18
21
|
size: "s";
|
|
22
|
+
buttonSize: "s";
|
|
19
23
|
iconSize: "24";
|
|
20
24
|
inputNumberTextSize: "s";
|
|
21
25
|
};
|
|
@@ -1,21 +1,25 @@
|
|
|
1
1
|
const inputNumberAppearanceSize = {
|
|
2
2
|
sizeXL: {
|
|
3
3
|
size: 'xl',
|
|
4
|
+
buttonSize: 'xl',
|
|
4
5
|
iconSize: '24',
|
|
5
6
|
inputNumberTextSize: 'xl',
|
|
6
7
|
},
|
|
7
8
|
sizeL: {
|
|
8
9
|
size: 'l',
|
|
10
|
+
buttonSize: 'l',
|
|
9
11
|
iconSize: '24',
|
|
10
12
|
inputNumberTextSize: 'l',
|
|
11
13
|
},
|
|
12
14
|
sizeM: {
|
|
13
15
|
size: 'm',
|
|
16
|
+
buttonSize: 'm',
|
|
14
17
|
iconSize: '24',
|
|
15
18
|
inputNumberTextSize: 'm',
|
|
16
19
|
},
|
|
17
20
|
sizeS: {
|
|
18
21
|
size: 's',
|
|
22
|
+
buttonSize: 's',
|
|
19
23
|
iconSize: '24',
|
|
20
24
|
inputNumberTextSize: 's',
|
|
21
25
|
},
|
|
@@ -4,6 +4,8 @@ declare const inputNumberAppearanceSuccess: {
|
|
|
4
4
|
labelTextWeight: "400";
|
|
5
5
|
borderColor: "successBorderQuaternary";
|
|
6
6
|
borderHover: "successBorderHoverQuaternary";
|
|
7
|
+
buttonFill: "successTertiary";
|
|
8
|
+
buttonFillHover: "none";
|
|
7
9
|
iconFill: "successTertiary";
|
|
8
10
|
iconFillHover: "successHoverSecondary";
|
|
9
11
|
iconFillIcon: "successItemQuaternary";
|
|
@@ -5,6 +5,8 @@ const inputNumberAppearanceSuccess = {
|
|
|
5
5
|
labelTextWeight: '400',
|
|
6
6
|
borderColor: 'successBorderQuaternary',
|
|
7
7
|
borderHover: 'successBorderHoverQuaternary',
|
|
8
|
+
buttonFill: 'successTertiary',
|
|
9
|
+
buttonFillHover: 'none',
|
|
8
10
|
iconFill: 'successTertiary',
|
|
9
11
|
iconFillHover: 'successHoverSecondary',
|
|
10
12
|
iconFillIcon: 'successItemQuaternary',
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@itcase/ui-web",
|
|
3
|
-
"version": "1.10.
|
|
3
|
+
"version": "1.10.40",
|
|
4
4
|
"description": "UI components",
|
|
5
5
|
"keywords": "",
|
|
6
6
|
"license": "MIT",
|
|
@@ -114,5 +114,5 @@
|
|
|
114
114
|
"storybook": "^10.4.2",
|
|
115
115
|
"typescript": "^6.0.3"
|
|
116
116
|
},
|
|
117
|
-
"gitHead": "
|
|
117
|
+
"gitHead": "f157821f9a09178346fde828af553e6d5b110d45"
|
|
118
118
|
}
|