sapo-components-ui-rn 1.0.21 → 1.0.22

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 (9) hide show
  1. package/dist/index.esm.js +14 -0
  2. package/dist/index.esm.js.map +1 -1
  3. package/dist/index.js +14 -0
  4. package/dist/index.js.map +1 -1
  5. package/dist/types.d.ts +19 -12
  6. package/package.json +1 -1
  7. package/src/styles/themes/DarkTheme.tsx +7 -0
  8. package/src/styles/themes/LightTheme.tsx +7 -0
  9. package/src/types.ts +19 -13
package/dist/types.d.ts CHANGED
@@ -13,14 +13,21 @@ export type Fonts = {
13
13
  };
14
14
  type Mode = "adaptive" | "exact";
15
15
  export type ThemeColors = {
16
- primary?: string;
17
- background?: string;
18
- card?: string;
19
- text?: string;
20
- border?: string;
21
- gray?: string;
22
- backgroundLight?: string;
23
- elevation?: MD3ElevationColors;
16
+ primary: string;
17
+ background: string;
18
+ card: string;
19
+ text: string;
20
+ border: string;
21
+ gray: string;
22
+ backgroundLight: string;
23
+ elevation: {
24
+ level0: string;
25
+ level1: string;
26
+ level2: string;
27
+ level3: string;
28
+ level4: string;
29
+ level5: string;
30
+ };
24
31
  backgroundPrimary: string;
25
32
  backgroundSecondary: string;
26
33
  borderBrandDefault: string;
@@ -30,19 +37,19 @@ export type ThemeColors = {
30
37
  borderCriticalInverseDefault: string;
31
38
  borderCriticalInverseHover: string;
32
39
  borderCriticalInversePressed: string;
33
- borderErrorInverseDefault: string;
34
- borderPrimaryFocused: string;
35
- borderWarningInverseDefault: string;
36
- borderSuccessInverseDefault: string;
37
40
  borderErrorDefault: string;
41
+ borderErrorInverseDefault: string;
38
42
  borderInfoDefault: string;
39
43
  borderPrimaryDefault: string;
40
44
  borderPrimaryDisabled: string;
41
45
  borderPrimaryHovered: string;
42
46
  borderPrimaryInverseDefault: string;
43
47
  borderPrimaryPressed: string;
48
+ borderPrimaryFocused: string;
44
49
  borderSuccessDefault: string;
50
+ borderSuccessInverseDefault: string;
45
51
  borderWarningDefault: string;
52
+ borderWarningInverseDefault: string;
46
53
  iconBrandDefault: string;
47
54
  iconCriticalDefault: string;
48
55
  iconErrorDefault: string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "sapo-components-ui-rn",
3
- "version": "1.0.21",
3
+ "version": "1.0.22",
4
4
  "description": "React Native UI Components Library",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.esm.js",
package/src/styles/themes/DarkTheme.tsx CHANGED
@@ -14,6 +14,13 @@ export const DarkTheme: AppTheme = {
14
14
  mode: "adaptive",
15
15
  version: 3,
16
16
  colors: {
17
+ primary: blue.BLUE100,
18
+ background: white.WHITE100,
19
+ card: ink.INK100,
20
+ text: ink.INK100,
21
+ border: ink.INK40,
22
+ gray: ink.INK60,
23
+ backgroundLight: ink.INK10,
17
24
  elevation: {
18
25
  level0: "transparent",
19
26
  level1: "rgb(37, 35, 42)",
package/src/styles/themes/LightTheme.tsx CHANGED
@@ -13,6 +13,13 @@ export const LightTheme: AppTheme = {
13
13
  roundness: 8,
14
14
  version: 3,
15
15
  colors: {
16
+ primary: blue.BLUE100,
17
+ background: white.WHITE100,
18
+ card: ink.INK100,
19
+ text: ink.INK100,
20
+ border: ink.INK40,
21
+ gray: ink.INK60,
22
+ backgroundLight: ink.INK10,
16
23
  elevation: {
17
24
  level0: "transparent",
18
25
  level1: "rgb(247, 243, 249)",
package/src/types.ts CHANGED
@@ -29,15 +29,21 @@ export type Fonts = {
29
29
  type Mode = "adaptive" | "exact";
30
30
 
31
31
  export type ThemeColors = {
32
- primary?:string;
33
- background?:string;
34
- card?:string;
35
- text?:string;
36
- border?:string;
37
- gray?:string;
38
- backgroundLight?:string;
39
- elevation?: MD3ElevationColors;
40
- //background
32
+ primary: string;
33
+ background: string;
34
+ card: string;
35
+ text: string;
36
+ border: string;
37
+ gray: string;
38
+ backgroundLight: string;
39
+ elevation: {
40
+ level0: string;
41
+ level1: string;
42
+ level2: string;
43
+ level3: string;
44
+ level4: string;
45
+ level5: string;
46
+ };
41
47
  backgroundPrimary: string;
42
48
  backgroundSecondary: string;
43
49
  borderBrandDefault: string;
@@ -47,19 +53,19 @@ export type ThemeColors = {
47
53
  borderCriticalInverseDefault: string;
48
54
  borderCriticalInverseHover: string;
49
55
  borderCriticalInversePressed: string;
50
- borderErrorInverseDefault: string;
51
- borderPrimaryFocused: string;
52
- borderWarningInverseDefault: string;
53
- borderSuccessInverseDefault: string;
54
56
  borderErrorDefault: string;
57
+ borderErrorInverseDefault: string;
55
58
  borderInfoDefault: string;
56
59
  borderPrimaryDefault: string;
57
60
  borderPrimaryDisabled: string;
58
61
  borderPrimaryHovered: string;
59
62
  borderPrimaryInverseDefault: string;
60
63
  borderPrimaryPressed: string;
64
+ borderPrimaryFocused: string;
61
65
  borderSuccessDefault: string;
66
+ borderSuccessInverseDefault: string;
62
67
  borderWarningDefault: string;
68
+ borderWarningInverseDefault: string;
63
69
  iconBrandDefault: string;
64
70
  iconCriticalDefault: string;
65
71
  iconErrorDefault: string;