@utilitywarehouse/hearth-react-native 0.35.2 → 0.35.3
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/build/core/themes.d.ts +20 -0
- package/build/tokens/border-radius.d.ts +1 -0
- package/build/tokens/border-radius.js +1 -0
- package/build/tokens/color.d.ts +4 -0
- package/build/tokens/color.js +2 -0
- package/build/tokens/line-height.d.ts +1 -0
- package/build/tokens/line-height.js +1 -0
- package/build/tokens/primitive.d.ts +3 -0
- package/build/tokens/primitive.js +3 -0
- package/build/tokens/space.d.ts +1 -0
- package/build/tokens/space.js +1 -0
- package/package.json +2 -2
- package/public/llms/docs/introduction.md +1 -1
package/build/core/themes.d.ts
CHANGED
|
@@ -113,6 +113,7 @@ export declare const lightTheme: {
|
|
|
113
113
|
readonly '700': 56;
|
|
114
114
|
readonly '800': 64;
|
|
115
115
|
readonly '900': 72;
|
|
116
|
+
readonly '1000': 80;
|
|
116
117
|
};
|
|
117
118
|
readonly borderWidth: {
|
|
118
119
|
readonly '1': 1;
|
|
@@ -120,6 +121,7 @@ export declare const lightTheme: {
|
|
|
120
121
|
};
|
|
121
122
|
readonly borderRadius: {
|
|
122
123
|
readonly full: 9999;
|
|
124
|
+
readonly lg: 12;
|
|
123
125
|
readonly md: 8;
|
|
124
126
|
readonly none: 0;
|
|
125
127
|
readonly sm: 6;
|
|
@@ -153,6 +155,7 @@ export declare const lightTheme: {
|
|
|
153
155
|
readonly '600': 28;
|
|
154
156
|
readonly '700': 32;
|
|
155
157
|
readonly '800': 36;
|
|
158
|
+
readonly '900': 40;
|
|
156
159
|
readonly '950': 48;
|
|
157
160
|
readonly '975': 52;
|
|
158
161
|
readonly '1050': 62;
|
|
@@ -1185,6 +1188,7 @@ export declare const lightTheme: {
|
|
|
1185
1188
|
};
|
|
1186
1189
|
readonly cashbackLilac: {
|
|
1187
1190
|
readonly '300': "#dfbdf5";
|
|
1191
|
+
readonly '400': "#ce9cf0";
|
|
1188
1192
|
readonly '500': "#be7aeb";
|
|
1189
1193
|
readonly '700': "#8b2bc9";
|
|
1190
1194
|
readonly '900': "#7429b5";
|
|
@@ -1233,6 +1237,7 @@ export declare const lightTheme: {
|
|
|
1233
1237
|
};
|
|
1234
1238
|
readonly mobileRose: {
|
|
1235
1239
|
readonly '200': "#fad0e9";
|
|
1240
|
+
readonly '300': "#f49fd2";
|
|
1236
1241
|
readonly '400': "#ee6dbb";
|
|
1237
1242
|
readonly '800': "#a7266d";
|
|
1238
1243
|
readonly '900': "#8a3260";
|
|
@@ -1409,6 +1414,7 @@ export declare const darkTheme: {
|
|
|
1409
1414
|
readonly '700': 56;
|
|
1410
1415
|
readonly '800': 64;
|
|
1411
1416
|
readonly '900': 72;
|
|
1417
|
+
readonly '1000': 80;
|
|
1412
1418
|
};
|
|
1413
1419
|
readonly borderWidth: {
|
|
1414
1420
|
readonly '1': 1;
|
|
@@ -1416,6 +1422,7 @@ export declare const darkTheme: {
|
|
|
1416
1422
|
};
|
|
1417
1423
|
readonly borderRadius: {
|
|
1418
1424
|
readonly full: 9999;
|
|
1425
|
+
readonly lg: 12;
|
|
1419
1426
|
readonly md: 8;
|
|
1420
1427
|
readonly none: 0;
|
|
1421
1428
|
readonly sm: 6;
|
|
@@ -1449,6 +1456,7 @@ export declare const darkTheme: {
|
|
|
1449
1456
|
readonly '600': 28;
|
|
1450
1457
|
readonly '700': 32;
|
|
1451
1458
|
readonly '800': 36;
|
|
1459
|
+
readonly '900': 40;
|
|
1452
1460
|
readonly '950': 48;
|
|
1453
1461
|
readonly '975': 52;
|
|
1454
1462
|
readonly '1050': 62;
|
|
@@ -2492,6 +2500,7 @@ export declare const darkTheme: {
|
|
|
2492
2500
|
};
|
|
2493
2501
|
readonly cashbackLilac: {
|
|
2494
2502
|
readonly '300': "#dfbdf5";
|
|
2503
|
+
readonly '400': "#ce9cf0";
|
|
2495
2504
|
readonly '500': "#be7aeb";
|
|
2496
2505
|
readonly '700': "#8b2bc9";
|
|
2497
2506
|
readonly '900': "#7429b5";
|
|
@@ -2540,6 +2549,7 @@ export declare const darkTheme: {
|
|
|
2540
2549
|
};
|
|
2541
2550
|
readonly mobileRose: {
|
|
2542
2551
|
readonly '200': "#fad0e9";
|
|
2552
|
+
readonly '300': "#f49fd2";
|
|
2543
2553
|
readonly '400': "#ee6dbb";
|
|
2544
2554
|
readonly '800': "#a7266d";
|
|
2545
2555
|
readonly '900': "#8a3260";
|
|
@@ -2717,6 +2727,7 @@ export declare const themes: {
|
|
|
2717
2727
|
readonly '700': 56;
|
|
2718
2728
|
readonly '800': 64;
|
|
2719
2729
|
readonly '900': 72;
|
|
2730
|
+
readonly '1000': 80;
|
|
2720
2731
|
};
|
|
2721
2732
|
readonly borderWidth: {
|
|
2722
2733
|
readonly '1': 1;
|
|
@@ -2724,6 +2735,7 @@ export declare const themes: {
|
|
|
2724
2735
|
};
|
|
2725
2736
|
readonly borderRadius: {
|
|
2726
2737
|
readonly full: 9999;
|
|
2738
|
+
readonly lg: 12;
|
|
2727
2739
|
readonly md: 8;
|
|
2728
2740
|
readonly none: 0;
|
|
2729
2741
|
readonly sm: 6;
|
|
@@ -2757,6 +2769,7 @@ export declare const themes: {
|
|
|
2757
2769
|
readonly '600': 28;
|
|
2758
2770
|
readonly '700': 32;
|
|
2759
2771
|
readonly '800': 36;
|
|
2772
|
+
readonly '900': 40;
|
|
2760
2773
|
readonly '950': 48;
|
|
2761
2774
|
readonly '975': 52;
|
|
2762
2775
|
readonly '1050': 62;
|
|
@@ -3789,6 +3802,7 @@ export declare const themes: {
|
|
|
3789
3802
|
};
|
|
3790
3803
|
readonly cashbackLilac: {
|
|
3791
3804
|
readonly '300': "#dfbdf5";
|
|
3805
|
+
readonly '400': "#ce9cf0";
|
|
3792
3806
|
readonly '500': "#be7aeb";
|
|
3793
3807
|
readonly '700': "#8b2bc9";
|
|
3794
3808
|
readonly '900': "#7429b5";
|
|
@@ -3837,6 +3851,7 @@ export declare const themes: {
|
|
|
3837
3851
|
};
|
|
3838
3852
|
readonly mobileRose: {
|
|
3839
3853
|
readonly '200': "#fad0e9";
|
|
3854
|
+
readonly '300': "#f49fd2";
|
|
3840
3855
|
readonly '400': "#ee6dbb";
|
|
3841
3856
|
readonly '800': "#a7266d";
|
|
3842
3857
|
readonly '900': "#8a3260";
|
|
@@ -4013,6 +4028,7 @@ export declare const themes: {
|
|
|
4013
4028
|
readonly '700': 56;
|
|
4014
4029
|
readonly '800': 64;
|
|
4015
4030
|
readonly '900': 72;
|
|
4031
|
+
readonly '1000': 80;
|
|
4016
4032
|
};
|
|
4017
4033
|
readonly borderWidth: {
|
|
4018
4034
|
readonly '1': 1;
|
|
@@ -4020,6 +4036,7 @@ export declare const themes: {
|
|
|
4020
4036
|
};
|
|
4021
4037
|
readonly borderRadius: {
|
|
4022
4038
|
readonly full: 9999;
|
|
4039
|
+
readonly lg: 12;
|
|
4023
4040
|
readonly md: 8;
|
|
4024
4041
|
readonly none: 0;
|
|
4025
4042
|
readonly sm: 6;
|
|
@@ -4053,6 +4070,7 @@ export declare const themes: {
|
|
|
4053
4070
|
readonly '600': 28;
|
|
4054
4071
|
readonly '700': 32;
|
|
4055
4072
|
readonly '800': 36;
|
|
4073
|
+
readonly '900': 40;
|
|
4056
4074
|
readonly '950': 48;
|
|
4057
4075
|
readonly '975': 52;
|
|
4058
4076
|
readonly '1050': 62;
|
|
@@ -5096,6 +5114,7 @@ export declare const themes: {
|
|
|
5096
5114
|
};
|
|
5097
5115
|
readonly cashbackLilac: {
|
|
5098
5116
|
readonly '300': "#dfbdf5";
|
|
5117
|
+
readonly '400': "#ce9cf0";
|
|
5099
5118
|
readonly '500': "#be7aeb";
|
|
5100
5119
|
readonly '700': "#8b2bc9";
|
|
5101
5120
|
readonly '900': "#7429b5";
|
|
@@ -5144,6 +5163,7 @@ export declare const themes: {
|
|
|
5144
5163
|
};
|
|
5145
5164
|
readonly mobileRose: {
|
|
5146
5165
|
readonly '200': "#fad0e9";
|
|
5166
|
+
readonly '300': "#f49fd2";
|
|
5147
5167
|
readonly '400': "#ee6dbb";
|
|
5148
5168
|
readonly '800': "#a7266d";
|
|
5149
5169
|
readonly '900': "#8a3260";
|
package/build/tokens/color.d.ts
CHANGED
|
@@ -16,6 +16,7 @@ export declare const broadbandGreen: {
|
|
|
16
16
|
};
|
|
17
17
|
export declare const cashbackLilac: {
|
|
18
18
|
readonly '300': "#dfbdf5";
|
|
19
|
+
readonly '400': "#ce9cf0";
|
|
19
20
|
readonly '500': "#be7aeb";
|
|
20
21
|
readonly '700': "#8b2bc9";
|
|
21
22
|
readonly '900': "#7429b5";
|
|
@@ -64,6 +65,7 @@ export declare const insuranceOrange: {
|
|
|
64
65
|
};
|
|
65
66
|
export declare const mobileRose: {
|
|
66
67
|
readonly '200': "#fad0e9";
|
|
68
|
+
readonly '300': "#f49fd2";
|
|
67
69
|
readonly '400': "#ee6dbb";
|
|
68
70
|
readonly '800': "#a7266d";
|
|
69
71
|
readonly '900': "#8a3260";
|
|
@@ -636,6 +638,7 @@ declare const color: {
|
|
|
636
638
|
};
|
|
637
639
|
readonly cashbackLilac: {
|
|
638
640
|
readonly '300': "#dfbdf5";
|
|
641
|
+
readonly '400': "#ce9cf0";
|
|
639
642
|
readonly '500': "#be7aeb";
|
|
640
643
|
readonly '700': "#8b2bc9";
|
|
641
644
|
readonly '900': "#7429b5";
|
|
@@ -684,6 +687,7 @@ declare const color: {
|
|
|
684
687
|
};
|
|
685
688
|
readonly mobileRose: {
|
|
686
689
|
readonly '200': "#fad0e9";
|
|
690
|
+
readonly '300': "#f49fd2";
|
|
687
691
|
readonly '400': "#ee6dbb";
|
|
688
692
|
readonly '800': "#a7266d";
|
|
689
693
|
readonly '900': "#8a3260";
|
package/build/tokens/color.js
CHANGED
|
@@ -16,6 +16,7 @@ export const broadbandGreen = {
|
|
|
16
16
|
};
|
|
17
17
|
export const cashbackLilac = {
|
|
18
18
|
'300': '#dfbdf5',
|
|
19
|
+
'400': '#ce9cf0',
|
|
19
20
|
'500': '#be7aeb',
|
|
20
21
|
'700': '#8b2bc9',
|
|
21
22
|
'900': '#7429b5',
|
|
@@ -64,6 +65,7 @@ export const insuranceOrange = {
|
|
|
64
65
|
};
|
|
65
66
|
export const mobileRose = {
|
|
66
67
|
'200': '#fad0e9',
|
|
68
|
+
'300': '#f49fd2',
|
|
67
69
|
'400': '#ee6dbb',
|
|
68
70
|
'800': '#a7266d',
|
|
69
71
|
'900': '#8a3260',
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
declare const _default: {
|
|
5
5
|
readonly borderRadius: {
|
|
6
6
|
readonly full: 9999;
|
|
7
|
+
readonly lg: 12;
|
|
7
8
|
readonly md: 8;
|
|
8
9
|
readonly none: 0;
|
|
9
10
|
readonly sm: 6;
|
|
@@ -56,6 +57,7 @@ declare const _default: {
|
|
|
56
57
|
readonly '600': 28;
|
|
57
58
|
readonly '700': 32;
|
|
58
59
|
readonly '800': 36;
|
|
60
|
+
readonly '900': 40;
|
|
59
61
|
readonly '950': 48;
|
|
60
62
|
readonly '975': 52;
|
|
61
63
|
readonly '1050': 62;
|
|
@@ -97,6 +99,7 @@ declare const _default: {
|
|
|
97
99
|
readonly '700': 56;
|
|
98
100
|
readonly '800': 64;
|
|
99
101
|
readonly '900': 72;
|
|
102
|
+
readonly '1000': 80;
|
|
100
103
|
};
|
|
101
104
|
};
|
|
102
105
|
export default _default;
|
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
export default {
|
|
5
5
|
borderRadius: {
|
|
6
6
|
full: 9999,
|
|
7
|
+
lg: 12,
|
|
7
8
|
md: 8,
|
|
8
9
|
none: 0,
|
|
9
10
|
sm: 6,
|
|
@@ -56,6 +57,7 @@ export default {
|
|
|
56
57
|
'600': 28,
|
|
57
58
|
'700': 32,
|
|
58
59
|
'800': 36,
|
|
60
|
+
'900': 40,
|
|
59
61
|
'950': 48,
|
|
60
62
|
'975': 52,
|
|
61
63
|
'1050': 62,
|
|
@@ -97,5 +99,6 @@ export default {
|
|
|
97
99
|
'700': 56,
|
|
98
100
|
'800': 64,
|
|
99
101
|
'900': 72,
|
|
102
|
+
'1000': 80,
|
|
100
103
|
},
|
|
101
104
|
};
|
package/build/tokens/space.d.ts
CHANGED
package/build/tokens/space.js
CHANGED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@utilitywarehouse/hearth-react-native",
|
|
3
|
-
"version": "0.35.
|
|
3
|
+
"version": "0.35.3",
|
|
4
4
|
"description": "Utility Warehouse React Native UI library",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"repository": {
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
"@utilitywarehouse/hearth-react-icons": "^0.9.0",
|
|
82
82
|
"@utilitywarehouse/hearth-react-native-icons": "^0.9.0",
|
|
83
83
|
"@utilitywarehouse/hearth-svg-assets": "^0.6.5",
|
|
84
|
-
"@utilitywarehouse/hearth-tokens": "^0.4.
|
|
84
|
+
"@utilitywarehouse/hearth-tokens": "^0.4.4"
|
|
85
85
|
},
|
|
86
86
|
"peerDependencies": {
|
|
87
87
|
"@gorhom/bottom-sheet": ">=5.0.0",
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
# Hearth React Native
|
|
2
2
|
|
|
3
3
|
React Native component library for building UIs at Utility Warehouse.<br/>
|
|
4
|
-
Current version: v0.35.
|
|
4
|
+
Current version: v0.35.3
|
|
5
5
|
|
|
6
6
|
Hearth React Native is a comprehensive design system library for React Native, providing reusable components, consistent styling, and tools to streamline UI development. It is built to enhance productivity and maintain design consistency across projects.
|
|
7
7
|
|