@agilekit/ui 0.0.484-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.
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@agilekit/ui",
3
- "version": "0.0.484-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",
@@ -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);
@@ -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;