@agilekit/ui 0.0.483-alpha.0 → 0.0.485-alpha.0

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.
Files changed (10) hide show
  1. package/lib/index.js +1 -1
  2. package/lib/src/components/Card/Card.styles.d.ts +1 -1
  3. package/lib/src/components/MultiSelect/MultiSelect.styles.d.ts +1 -1
  4. package/lib/src/components/MultiTextField/MultiTextField.styles.d.ts +1 -1
  5. package/lib/src/components/Select/Select.styles.d.ts +1 -1
  6. package/lib/src/components/TextField/TextField.d.ts +1 -0
  7. package/lib/src/components/TextField/TextField.styles.d.ts +1 -1
  8. package/package.json +1 -1
  9. package/src/assets/styles/shared/settings/colors.scss +97 -68
  10. package/src/assets/styles/shared/settings/typography.scss +2 -5
package/lib/src/components/Card/Card.styles.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"elevation1" | "elevation2" | "elevation3" | "elevation4" | "elevation5" | "card" | "cardHeader" | "cardHeaderContainer" | "cardHeaderContent" | "cardHeaderTitle" | "cardHeaderIcon" | "cardTitle" | "cardBody" | "cardFooter">;
1
+ declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"card" | "cardHeader" | "cardHeaderContainer" | "cardHeaderContent" | "cardHeaderTitle" | "cardHeaderIcon" | "cardTitle" | "cardBody" | "cardFooter" | "elevation1" | "elevation2" | "elevation3" | "elevation4" | "elevation5">;
2
2
  export default useStyles;
package/lib/src/components/MultiSelect/MultiSelect.styles.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const useSelectStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"icon" | "select" | "containerNotFull" | "asteriskRequired" | "multiselect" | "multiSelectError">;
1
+ declare const useSelectStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"icon" | "select" | "asteriskRequired" | "containerNotFull" | "multiselect" | "multiSelectError">;
2
2
  export default useSelectStyles;
package/lib/src/components/MultiTextField/MultiTextField.styles.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"helperText" | "asteriskRequired" | "inputBase" | "inputLabel" | "inputLabelFocused" | "secondaryLabel" | "withFocus">;
1
+ declare const useStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"helperText" | "secondaryLabel" | "inputBase" | "withFocus" | "inputLabel" | "inputLabelFocused" | "asteriskRequired">;
2
2
  export default useStyles;
package/lib/src/components/Select/Select.styles.d.ts CHANGED
@@ -1,2 +1,2 @@
1
- declare const useSelectStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"icon" | "select" | "containerNotFull" | "asteriskRequired">;
1
+ declare const useSelectStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"icon" | "select" | "asteriskRequired" | "containerNotFull">;
2
2
  export default useSelectStyles;
package/lib/src/components/TextField/TextField.d.ts CHANGED
@@ -52,6 +52,7 @@ export interface ITextFieldProps extends React.HTMLAttributes<HTMLInputElement>,
52
52
  format?: string;
53
53
  allowEmptyFormatting?: boolean;
54
54
  isAllowed?: (values: NumberFormatValues) => boolean;
55
+ locale?: string;
55
56
  }
56
57
  declare const TextField: React.FC<ITextFieldProps>;
57
58
  export default TextField;
package/lib/src/components/TextField/TextField.styles.d.ts CHANGED
@@ -11,5 +11,5 @@ interface HelperTextStyles {
11
11
  }
12
12
  export declare const inputLabelStyles: (theme: any) => InputLabelStyles;
13
13
  export declare const helperTextStyles: (theme: any) => HelperTextStyles;
14
- export declare const useTextFieldStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"helperText" | "asteriskRequired" | "inputBase" | "inputContainer" | "inputContainerFocus" | "inputContainerDisabled" | "inputContainerError" | "multilineContainer" | "inputDisabled" | "inputAction" | "inputGroupAppend" | "inputBtn" | "withAppend" | "withIconLeft" | "sideIcon" | "colorPickerButton" | "colorPopover" | "withMask" | "append" | "edgeEnd" | "inputLabel" | "inputLabelFocused" | "secondaryLabel">;
14
+ export declare const useTextFieldStyles: (props?: any) => import("@material-ui/styles").ClassNameMap<"helperText" | "secondaryLabel" | "inputBase" | "inputLabel" | "inputLabelFocused" | "asteriskRequired" | "inputContainer" | "inputContainerFocus" | "inputContainerDisabled" | "inputContainerError" | "multilineContainer" | "inputDisabled" | "inputAction" | "inputGroupAppend" | "inputBtn" | "withAppend" | "withIconLeft" | "sideIcon" | "colorPickerButton" | "colorPopover" | "withMask" | "append" | "edgeEnd">;
15
15
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agilekit/ui",
3
- "version": "0.0.483-alpha.0",
3
+ "version": "0.0.485-alpha.0",
4
4
  "description": "Agile's product component library",
5
5
  "author": "Michael de Lima Alves <michaelalves@outlook.com>",
6
6
  "license": "MIT",
package/src/assets/styles/shared/settings/colors.scss CHANGED
@@ -1,81 +1,110 @@
1
1
  $colorBluePolar: #f3f8fc;
2
- $colorBlueRoyal: #2B65F0;
3
- $colorBlueOxford: #323C50;
2
+ $colorBlueRoyal: #2b65f0;
3
+ $colorBlueOxford: #323c50;
4
4
 
5
- $colorGrayTuna: #3E3F42;
6
- $colorGrayRegent: #7E8A95;
7
- $colorGrayIron: #CECFD2;
8
- $colorGrayWild: #F6F6F6;
5
+ $colorGrayTuna: #3e3f42;
6
+ $colorGrayRegent: #7e8a95;
7
+ $colorGrayIron: #cecfd2;
8
+ $colorGrayWild: #f6f6f6;
9
9
 
10
- $colorGreen: #00D182;
11
- $colorOrange: #FF7128;
10
+ $colorGreen: #00d182;
11
+ $colorOrange: #ff7128;
12
12
 
13
- $colorRedCoral: #FA3A4B;
13
+ $colorRedCoral: #fa3a4b;
14
14
 
15
- $colorB050: #DEEBFF;
16
- $colorB075: #B3D4FF;
17
- $colorB100: #4C9AFF;
18
- $colorB200: #2684FF;
19
- $colorB300: #0065FF;
20
- $colorB400: #0052CC;
21
- $colorB500: #0747A6;
15
+ $colorB050: #ebf4ff;
16
+ $colorB075: #cce4ff;
17
+ $colorB100: #99cdff;
18
+ $colorB200: #66b3ff;
19
+ $colorB300: #008cff;
20
+ $colorB400: #0263e0;
21
+ $colorB500: #043cb5;
22
+ $colorB600: #001489;
23
+ $colorB700: #030b5d;
24
+ $colorB800: #06033a;
22
25
 
23
- $colorR050: #FFEBE5;
24
- $colorR075: #FFBDAD;
25
- $colorR100: #FF8F73;
26
- $colorR200: #FF7452;
27
- $colorR300: #FF5630;
28
- $colorR400: #DE350B;
29
- $colorR500: #BF2600;
26
+ $colorR050: #feecec;
27
+ $colorR075: #fccfcf;
28
+ $colorR100: #f6b1b1;
29
+ $colorR200: #f58a8a;
30
+ $colorR300: #eb5656;
31
+ $colorR400: #d61f1f;
32
+ $colorR500: #ad1111;
33
+ $colorR600: #750c0c;
34
+ $colorR700: #4a0b0b;
35
+ $colorR800: #310c0c;
30
36
 
31
- $colorY050: #FFFAE6;
32
- $colorY075: #FFF0B3;
33
- $colorY100: #FFE380;
34
- $colorY200: #FFC400;
35
- $colorY300: #FFAB00;
36
- $colorY400: #FF991F;
37
- $colorY500: #FF8B00;
37
+ $colorY050: #fffbea;
38
+ $colorY075: #fff1b3;
39
+ $colorY100: #ffe980;
40
+ $colorY200: #ffdd35;
41
+ $colorY300: #fad100;
42
+ $colorY400: #e8b407;
43
+ $colorY500: #c28e00;
44
+ $colorY600: #855c15;
45
+ $colorY700: #543308;
46
+ $colorY800: #3d2106;
38
47
 
39
- $colorT050: #E6FCFF;
40
- $colorT075: #B3F5FF;
41
- $colorT100: #00C7E6;
42
- $colorT200: #00B8D9;
43
- $colorT300: #00A3BF;
44
- $colorT400: #008DA6;
45
- $colorT500: #79E2F2;
48
+ $colorO050: #fef5ee;
49
+ $colorO075: #fddcc4;
50
+ $colorO100: #fac2a0;
51
+ $colorO200: #ffb37a;
52
+ $colorO300: #fa9950;
53
+ $colorO400: #f47c22;
54
+ $colorO450: #e36a19;
55
+ $colorO500: #c35323;
56
+ $colorO600: #8d3118;
57
+ $colorO700: #541914;
58
+ $colorO800: #40130f;
46
59
 
47
- $colorP050: #EAE6FF;
48
- $colorP075: #C0B6F2;
49
- $colorP100: #998DD9;
50
- $colorP200: #8777D9;
51
- $colorP300: #6554C0;
52
- $colorP400: #5243AA;
53
- $colorP500: #403294;
60
+ $colorT050: #e6fcff;
61
+ $colorT075: #b3f5ff;
62
+ $colorT100: #00c7e6;
63
+ $colorT200: #00b8d9;
64
+ $colorT300: #00a3bf;
65
+ $colorT400: #008da6;
66
+ $colorT500: #79e2f2;
54
67
 
55
- $colorG050: #E2FFEE;
56
- $colorG075: #ABF5D1;
57
- $colorG100: #79F2C0;
58
- $colorG200: #57D9A3;
59
- $colorG300: #36B37E;
60
- $colorG400: #00875A;
61
- $colorG500: #006644;
68
+ $colorP050: #f5f0fc;
69
+ $colorP075: #e7dcfa;
70
+ $colorP100: #c8aff0;
71
+ $colorP200: #a67fe3;
72
+ $colorP300: #8c5bd8;
73
+ $colorP400: #6d2ed1;
74
+ $colorP500: #5817bd;
75
+ $colorP600: #380e78;
76
+ $colorP700: #22094a;
77
+ $colorP800: #160433;
62
78
 
63
- $colorN000: #FFFFFF;
64
- $colorN010: #FAFBFC;
65
- $colorN020: #F4F5F7;
66
- $colorN030: #EBECF0;
67
- $colorN040: #DFE1E6;
68
- $colorN050: #C1C7D0;
69
- $colorN060: #B3BAC5;
70
- $colorN070: #A5ADBA;
71
- $colorN080: #97A0AF;
72
- $colorN090: #8993A4;
73
- $colorN100: #7A869A;
74
- $colorN200: #6B778C;
75
- $colorN300: #5E6C84;
76
- $colorN400: #505F79;
77
- $colorN500: #42526E;
79
+ $colorG050: #edfdf3;
80
+ $colorG075: #d1fae0;
81
+ $colorG100: #a2f6c3;
82
+ $colorG200: #7beaa5;
83
+ $colorG300: #36d576;
84
+ $colorG400: #14b053;
85
+ $colorG500: #0e7c3a;
86
+ $colorG600: #0b602d;
87
+ $colorG700: #0d3a1f;
88
+ $colorG800: #052912;
89
+
90
+ $colorN000: #ffffff;
91
+ $colorN010: #fafbfc;
92
+ $colorN020: #f4f5f7;
93
+ $colorN030: #ebecf0;
94
+ $colorN040: #dfe1e6;
95
+ $colorN050: #c1c7d0;
96
+ $colorN060: #b3bac5;
97
+ $colorN070: #a5adba;
98
+ $colorN080: #97a0af;
99
+ $colorN090: #8993a4;
100
+ $colorN100: #7a869a;
101
+ $colorN200: #6b778c;
102
+ $colorN300: #5e6c84;
103
+ $colorN400: #505f79;
104
+ $colorN500: #42526e;
78
105
  $colorN600: #344563;
79
106
  $colorN700: #253858;
80
- $colorN800: #172B4D;
81
- $colorN900: #091E42;
107
+ $colorN800: #172b4d;
108
+ $colorN900: #091e42;
109
+
110
+ $primary-main: var(--palette-primary-main, $colorB400);
package/src/assets/styles/shared/settings/typography.scss CHANGED
@@ -1,7 +1,4 @@
1
- $fontPrimary: Lato,
2
- sans-serif;
3
- ;
4
-
1
+ $fontPrimary: Lato, sans-serif;
5
2
  $font-size-9: 35px;
6
3
  $font-size-8: 29px;
7
4
  $font-size-7: 24px;
@@ -9,4 +6,4 @@ $font-size-6: 20px;
9
6
  $font-size-5: 16px;
10
7
  $font-size-4: 14px;
11
8
  $font-size-3: 12px;
12
- $font-size-2: 11px;
9
+ $font-size-2: 11px;