@inntechcorp/it-design 2.2.86 → 2.2.89
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/checkbox/styled.d.ts +1 -0
- package/dist/context/ITDThemeProvider.d.ts +8 -0
- package/dist/helpers/theme/dark.d.ts +3 -0
- package/dist/helpers/theme/index.d.ts +5 -0
- package/dist/helpers/theme/light.d.ts +3 -0
- package/dist/helpers/theme/themes.d.ts +5 -0
- package/dist/index.cjs.js +496 -425
- package/dist/index.d.mts +36 -10
- package/dist/index.d.ts +87 -14
- package/dist/index.esm.js +520 -449
- package/dist/locales/en/itd.json +16 -6
- package/dist/locales/itd.json +16 -6
- package/dist/locales/tr/itd.json +16 -6
- package/dist/stories/Form.stories.d.ts +1 -0
- package/dist/stories/Input.stories.d.ts +82 -3
- package/dist/textarea/styled.d.ts +2 -1
- package/dist/types/InputProps.d.ts +1 -1
- package/dist/types/Theme.d.ts +41 -0
- package/package.json +1 -1
package/dist/locales/en/itd.json
CHANGED
|
@@ -24,11 +24,6 @@
|
|
|
24
24
|
"languages": {
|
|
25
25
|
"turkish": "Turkish",
|
|
26
26
|
"english": "English"
|
|
27
|
-
},
|
|
28
|
-
"currencies": {
|
|
29
|
-
"TRY": "Turkish Lira",
|
|
30
|
-
"EUR": "Euro",
|
|
31
|
-
"USD": "Dollar"
|
|
32
27
|
}
|
|
33
28
|
},
|
|
34
29
|
"buttons": {
|
|
@@ -81,7 +76,22 @@
|
|
|
81
76
|
"currencies": {
|
|
82
77
|
"TRY": "Turkish Lira",
|
|
83
78
|
"EUR": "Euro",
|
|
84
|
-
"USD": "Dollar"
|
|
79
|
+
"USD": "Dollar",
|
|
80
|
+
"GBP": "British Pound",
|
|
81
|
+
"JPY": "Japanese Yen",
|
|
82
|
+
"CHF": "Swiss Franc",
|
|
83
|
+
"CAD": "Canadian Dollar",
|
|
84
|
+
"AUD": "Australian Dollar",
|
|
85
|
+
"NZD": "New Zealand Dollar",
|
|
86
|
+
"RUB": "Russian Ruble",
|
|
87
|
+
"INR": "Indian Rupee",
|
|
88
|
+
"BRL": "Brazilian Real",
|
|
89
|
+
"MXN": "Mexican Peso",
|
|
90
|
+
"ARS": "Argentine Peso",
|
|
91
|
+
"CLP": "Chilean Peso",
|
|
92
|
+
"COP": "Colombian Peso",
|
|
93
|
+
"PEN": "Peruvian Sol",
|
|
94
|
+
"ZAR": "South African Rand"
|
|
85
95
|
},
|
|
86
96
|
"countries": {
|
|
87
97
|
"af": "Afghanistan",
|
package/dist/locales/itd.json
CHANGED
|
@@ -24,11 +24,6 @@
|
|
|
24
24
|
"languages": {
|
|
25
25
|
"turkish": "Türkçe",
|
|
26
26
|
"english": "İngilizce"
|
|
27
|
-
},
|
|
28
|
-
"currencies": {
|
|
29
|
-
"TRY": "Türk Lirası",
|
|
30
|
-
"EUR": "Euro",
|
|
31
|
-
"USD": "Dolar"
|
|
32
27
|
}
|
|
33
28
|
},
|
|
34
29
|
"buttons": {
|
|
@@ -82,7 +77,22 @@
|
|
|
82
77
|
"currencies": {
|
|
83
78
|
"TRY": "Türk Lirası",
|
|
84
79
|
"EUR": "Euro",
|
|
85
|
-
"USD": "Dolar"
|
|
80
|
+
"USD": "Dolar",
|
|
81
|
+
"GBP": "İngiliz Sterlini",
|
|
82
|
+
"JPY": "Japon Yeni",
|
|
83
|
+
"CHF": "İsviçre Frangı",
|
|
84
|
+
"CAD": "Kanada Doları",
|
|
85
|
+
"AUD": "Avustralya Doları",
|
|
86
|
+
"NZD": "Yeni Zelanda Doları",
|
|
87
|
+
"RUB": "Rus Rublesi",
|
|
88
|
+
"INR": "Hindistan Rupisi",
|
|
89
|
+
"BRL": "Brezilya Reali",
|
|
90
|
+
"MXN": "Meksika Pesosu",
|
|
91
|
+
"ARS": "Arjantin Pesosu",
|
|
92
|
+
"CLP": "Şili Pesosu",
|
|
93
|
+
"COP": "Kolombya Pesosu",
|
|
94
|
+
"PEN": "Peru Solü",
|
|
95
|
+
"ZAR": "Güney Afrika Randı"
|
|
86
96
|
},
|
|
87
97
|
"countries": {
|
|
88
98
|
"af": "Afganistan",
|
package/dist/locales/tr/itd.json
CHANGED
|
@@ -24,11 +24,6 @@
|
|
|
24
24
|
"languages": {
|
|
25
25
|
"turkish": "Türkçe",
|
|
26
26
|
"english": "İngilizce"
|
|
27
|
-
},
|
|
28
|
-
"currencies": {
|
|
29
|
-
"TRY": "Türk Lirası",
|
|
30
|
-
"EUR": "Euro",
|
|
31
|
-
"USD": "Dolar"
|
|
32
27
|
}
|
|
33
28
|
},
|
|
34
29
|
"buttons": {
|
|
@@ -82,7 +77,22 @@
|
|
|
82
77
|
"currencies": {
|
|
83
78
|
"TRY": "Türk Lirası",
|
|
84
79
|
"EUR": "Euro",
|
|
85
|
-
"USD": "Dolar"
|
|
80
|
+
"USD": "Dolar",
|
|
81
|
+
"GBP": "İngiliz Sterlini",
|
|
82
|
+
"JPY": "Japon Yeni",
|
|
83
|
+
"CHF": "İsviçre Frangı",
|
|
84
|
+
"CAD": "Kanada Doları",
|
|
85
|
+
"AUD": "Avustralya Doları",
|
|
86
|
+
"NZD": "Yeni Zelanda Doları",
|
|
87
|
+
"RUB": "Rus Rublesi",
|
|
88
|
+
"INR": "Hindistan Rupisi",
|
|
89
|
+
"BRL": "Brezilya Reali",
|
|
90
|
+
"MXN": "Meksika Pesosu",
|
|
91
|
+
"ARS": "Arjantin Pesosu",
|
|
92
|
+
"CLP": "Şili Pesosu",
|
|
93
|
+
"COP": "Kolombya Pesosu",
|
|
94
|
+
"PEN": "Peru Solü",
|
|
95
|
+
"ZAR": "Güney Afrika Randı"
|
|
86
96
|
},
|
|
87
97
|
"countries": {
|
|
88
98
|
"af": "Afganistan",
|
|
@@ -6,10 +6,89 @@ declare const meta: {
|
|
|
6
6
|
layout: string;
|
|
7
7
|
};
|
|
8
8
|
tags: string[];
|
|
9
|
-
argTypes: {
|
|
10
|
-
|
|
11
|
-
|
|
9
|
+
argTypes: {
|
|
10
|
+
size: {
|
|
11
|
+
control: {
|
|
12
|
+
type: "select";
|
|
13
|
+
};
|
|
14
|
+
options: string[];
|
|
15
|
+
};
|
|
16
|
+
prefix: {
|
|
17
|
+
control: {
|
|
18
|
+
type: "text";
|
|
19
|
+
};
|
|
20
|
+
};
|
|
21
|
+
suffix: {
|
|
22
|
+
control: {
|
|
23
|
+
type: "text";
|
|
24
|
+
};
|
|
25
|
+
};
|
|
26
|
+
addonBefore: {
|
|
27
|
+
control: {
|
|
28
|
+
type: "text";
|
|
29
|
+
};
|
|
30
|
+
};
|
|
31
|
+
addonAfter: {
|
|
32
|
+
control: {
|
|
33
|
+
type: "text";
|
|
34
|
+
};
|
|
35
|
+
};
|
|
36
|
+
status: {
|
|
37
|
+
control: {
|
|
38
|
+
type: "text";
|
|
39
|
+
};
|
|
40
|
+
};
|
|
41
|
+
mask: {
|
|
42
|
+
control: {
|
|
43
|
+
type: "text";
|
|
44
|
+
};
|
|
45
|
+
};
|
|
46
|
+
children: {
|
|
47
|
+
control: false;
|
|
48
|
+
table: {
|
|
49
|
+
disable: true;
|
|
50
|
+
};
|
|
51
|
+
};
|
|
52
|
+
locked: {
|
|
53
|
+
control: {
|
|
54
|
+
type: "boolean";
|
|
55
|
+
};
|
|
56
|
+
};
|
|
57
|
+
allowEmptyFormatting: {
|
|
58
|
+
control: {
|
|
59
|
+
type: "boolean";
|
|
60
|
+
};
|
|
61
|
+
};
|
|
62
|
+
focusRef: {
|
|
63
|
+
action: string;
|
|
64
|
+
control: false;
|
|
65
|
+
};
|
|
66
|
+
onChange: {
|
|
67
|
+
action: string;
|
|
68
|
+
control: false;
|
|
69
|
+
};
|
|
70
|
+
onUpdate: {
|
|
71
|
+
action: string;
|
|
72
|
+
control: false;
|
|
73
|
+
};
|
|
74
|
+
onFocus: {
|
|
75
|
+
action: string;
|
|
76
|
+
control: false;
|
|
77
|
+
};
|
|
78
|
+
onBlur: {
|
|
79
|
+
action: string;
|
|
80
|
+
control: false;
|
|
81
|
+
};
|
|
82
|
+
onPressEnter: {
|
|
83
|
+
action: string;
|
|
84
|
+
control: false;
|
|
85
|
+
};
|
|
86
|
+
onKeyDown: {
|
|
87
|
+
action: string;
|
|
88
|
+
control: false;
|
|
89
|
+
};
|
|
12
90
|
};
|
|
91
|
+
args: {};
|
|
13
92
|
};
|
|
14
93
|
export default meta;
|
|
15
94
|
type Story = StoryObj<typeof meta>;
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
declare const Wrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
2
2
|
declare const Content: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
3
3
|
declare const Middle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
4
|
+
declare const ErrorTooltip: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, never>> & string;
|
|
4
5
|
declare const ErrorBorder: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
|
|
5
6
|
declare const Success: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
|
|
6
7
|
declare const Warning: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
|
|
7
8
|
declare const Failed: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
|
|
8
|
-
export { Wrapper, Middle, Content, ErrorBorder, Success, Warning, Failed };
|
|
9
|
+
export { Wrapper, Middle, Content, ErrorTooltip, ErrorBorder, Success, Warning, Failed };
|
|
@@ -31,13 +31,13 @@ export type InputProps = {
|
|
|
31
31
|
floating?: boolean;
|
|
32
32
|
autoComplete?: boolean;
|
|
33
33
|
keepFocus?: boolean;
|
|
34
|
-
focusRef?: null | MutableRefObject<HTMLDivElement>;
|
|
35
34
|
mask?: null | string;
|
|
36
35
|
allowEmptyFormatting?: null | boolean;
|
|
37
36
|
allowLeadingZeros?: boolean;
|
|
38
37
|
decimalSeparator?: string;
|
|
39
38
|
thousandSeparator?: string;
|
|
40
39
|
decimalScale?: number;
|
|
40
|
+
focusRef?: null | MutableRefObject<HTMLDivElement>;
|
|
41
41
|
onChange?: ((value: any) => void) | null;
|
|
42
42
|
onUpdate?: ((value: any, update: any, validation: boolean) => void) | null;
|
|
43
43
|
onFocus?: ((event: any) => void) | null;
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
export type ITDTheme = {
|
|
2
|
+
brandPrimary: string;
|
|
3
|
+
brandPrimaryHover: string;
|
|
4
|
+
colorText: string;
|
|
5
|
+
colorTextMuted: string;
|
|
6
|
+
colorPlaceholder: string;
|
|
7
|
+
colorBorder: string;
|
|
8
|
+
colorBorderHover: string;
|
|
9
|
+
colorBorderSelected: string;
|
|
10
|
+
colorBorderTransparent: string;
|
|
11
|
+
colorFocusOutline: string;
|
|
12
|
+
colorFocusOutlineTransparent: string;
|
|
13
|
+
colorBackgroundAlt: string;
|
|
14
|
+
colorBackgroundAltHover: string;
|
|
15
|
+
colorDisabledBg: string;
|
|
16
|
+
colorDisabledBorder: string;
|
|
17
|
+
colorDisabledText: string;
|
|
18
|
+
colorIconMuted: string;
|
|
19
|
+
colorTextNeutral: string;
|
|
20
|
+
colorCheckboxLabel: string;
|
|
21
|
+
colorCheckboxCheckmark: string;
|
|
22
|
+
colorCheckboxDefaultTick: string;
|
|
23
|
+
colorCheckboxFilledBg: string;
|
|
24
|
+
colorCheckboxFilledTick: string;
|
|
25
|
+
colorError: string;
|
|
26
|
+
colorErrorText: string;
|
|
27
|
+
colorErrorBorder: string;
|
|
28
|
+
scrollbarThumb: string;
|
|
29
|
+
scrollbarThumbHover: string;
|
|
30
|
+
brandPrimaryGradientStart: string;
|
|
31
|
+
brandPrimaryGradientEnd: string;
|
|
32
|
+
brandPrimaryHoverStart: string;
|
|
33
|
+
brandPrimaryHoverEnd: string;
|
|
34
|
+
brandPrimaryContrastText: string;
|
|
35
|
+
buttonGenericBg: string;
|
|
36
|
+
buttonGenericHoverBg: string;
|
|
37
|
+
buttonSelectedBorder: string;
|
|
38
|
+
buttonSelectedBg: string;
|
|
39
|
+
buttonDisabledBg: string;
|
|
40
|
+
buttonDisabledText: string;
|
|
41
|
+
};
|