@inntechcorp/it-design 2.2.87 → 2.2.90
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 +494 -423
- package/dist/index.d.mts +36 -10
- package/dist/index.d.ts +87 -14
- package/dist/index.esm.js +517 -446
- package/dist/locales/calendar.json +22 -22
- package/dist/locales/en/itd.json +16 -6
- package/dist/locales/itd.json +240 -231
- 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/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
|
+
};
|