@hero-design/rn 8.80.1 → 8.81.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/.turbo/turbo-build.log +2 -2
- package/CHANGELOG.md +6 -0
- package/es/index.js +45 -17
- package/lib/index.js +45 -17
- package/package.json +1 -1
- package/src/components/Button/Button.tsx +13 -5
- package/src/components/Button/StyledButton.tsx +60 -39
- package/src/components/Button/__tests__/Button.spec.tsx +21 -16
- package/src/components/Button/__tests__/StyledButton.spec.tsx +19 -12
- package/src/components/Button/__tests__/__snapshots__/Button.spec.tsx.snap +670 -0
- package/src/components/Button/__tests__/__snapshots__/StyledButton.spec.tsx.snap +153 -0
- package/src/components/DatePicker/__tests__/__snapshots__/DatePickerIOS.spec.tsx.snap +1 -0
- package/src/components/Select/MultiSelect/__tests__/__snapshots__/index.spec.tsx.snap +5 -0
- package/src/components/TimePicker/__tests__/__snapshots__/TimePickerIOS.spec.tsx.snap +1 -0
- package/src/theme/__tests__/__snapshots__/index.spec.ts.snap +5 -0
- package/src/theme/components/button.ts +5 -0
- package/stats/8.81.0/rn-stats.html +4842 -0
- package/types/components/Button/Button.d.ts +1 -1
- package/types/components/Button/StyledButton.d.ts +3 -0
- package/types/theme/components/button.d.ts +5 -0
|
@@ -1058,6 +1058,57 @@ exports[`StyledButtonIcon has text-danger style 1`] = `
|
|
|
1058
1058
|
</View>
|
|
1059
1059
|
`;
|
|
1060
1060
|
|
|
1061
|
+
exports[`StyledButtonIcon has text-danger style 2`] = `
|
|
1062
|
+
<View
|
|
1063
|
+
style={
|
|
1064
|
+
{
|
|
1065
|
+
"flex": 1,
|
|
1066
|
+
}
|
|
1067
|
+
}
|
|
1068
|
+
>
|
|
1069
|
+
<HeroIcon
|
|
1070
|
+
name="bell"
|
|
1071
|
+
style={
|
|
1072
|
+
[
|
|
1073
|
+
{
|
|
1074
|
+
"color": "#001f23",
|
|
1075
|
+
"fontSize": 24,
|
|
1076
|
+
},
|
|
1077
|
+
[
|
|
1078
|
+
{
|
|
1079
|
+
"color": "#f68282",
|
|
1080
|
+
"fontSize": 20,
|
|
1081
|
+
},
|
|
1082
|
+
undefined,
|
|
1083
|
+
],
|
|
1084
|
+
]
|
|
1085
|
+
}
|
|
1086
|
+
themeIntent="text"
|
|
1087
|
+
themeSize="medium"
|
|
1088
|
+
/>
|
|
1089
|
+
<View
|
|
1090
|
+
pointerEvents="box-none"
|
|
1091
|
+
position="bottom"
|
|
1092
|
+
style={
|
|
1093
|
+
[
|
|
1094
|
+
{
|
|
1095
|
+
"bottom": 0,
|
|
1096
|
+
"elevation": 9999,
|
|
1097
|
+
"flexDirection": "column-reverse",
|
|
1098
|
+
"left": 0,
|
|
1099
|
+
"paddingHorizontal": 24,
|
|
1100
|
+
"paddingVertical": 16,
|
|
1101
|
+
"position": "absolute",
|
|
1102
|
+
"right": 0,
|
|
1103
|
+
"top": 0,
|
|
1104
|
+
},
|
|
1105
|
+
undefined,
|
|
1106
|
+
]
|
|
1107
|
+
}
|
|
1108
|
+
/>
|
|
1109
|
+
</View>
|
|
1110
|
+
`;
|
|
1111
|
+
|
|
1061
1112
|
exports[`StyledButtonIcon has text-primary style 1`] = `
|
|
1062
1113
|
<View
|
|
1063
1114
|
style={
|
|
@@ -1109,6 +1160,57 @@ exports[`StyledButtonIcon has text-primary style 1`] = `
|
|
|
1109
1160
|
</View>
|
|
1110
1161
|
`;
|
|
1111
1162
|
|
|
1163
|
+
exports[`StyledButtonIcon has text-primary style 2`] = `
|
|
1164
|
+
<View
|
|
1165
|
+
style={
|
|
1166
|
+
{
|
|
1167
|
+
"flex": 1,
|
|
1168
|
+
}
|
|
1169
|
+
}
|
|
1170
|
+
>
|
|
1171
|
+
<HeroIcon
|
|
1172
|
+
name="bell"
|
|
1173
|
+
style={
|
|
1174
|
+
[
|
|
1175
|
+
{
|
|
1176
|
+
"color": "#001f23",
|
|
1177
|
+
"fontSize": 24,
|
|
1178
|
+
},
|
|
1179
|
+
[
|
|
1180
|
+
{
|
|
1181
|
+
"color": "#33144d",
|
|
1182
|
+
"fontSize": 20,
|
|
1183
|
+
},
|
|
1184
|
+
undefined,
|
|
1185
|
+
],
|
|
1186
|
+
]
|
|
1187
|
+
}
|
|
1188
|
+
themeIntent="text"
|
|
1189
|
+
themeSize="medium"
|
|
1190
|
+
/>
|
|
1191
|
+
<View
|
|
1192
|
+
pointerEvents="box-none"
|
|
1193
|
+
position="bottom"
|
|
1194
|
+
style={
|
|
1195
|
+
[
|
|
1196
|
+
{
|
|
1197
|
+
"bottom": 0,
|
|
1198
|
+
"elevation": 9999,
|
|
1199
|
+
"flexDirection": "column-reverse",
|
|
1200
|
+
"left": 0,
|
|
1201
|
+
"paddingHorizontal": 24,
|
|
1202
|
+
"paddingVertical": 16,
|
|
1203
|
+
"position": "absolute",
|
|
1204
|
+
"right": 0,
|
|
1205
|
+
"top": 0,
|
|
1206
|
+
},
|
|
1207
|
+
undefined,
|
|
1208
|
+
]
|
|
1209
|
+
}
|
|
1210
|
+
/>
|
|
1211
|
+
</View>
|
|
1212
|
+
`;
|
|
1213
|
+
|
|
1112
1214
|
exports[`StyledButtonIcon has text-secondary style 1`] = `
|
|
1113
1215
|
<View
|
|
1114
1216
|
style={
|
|
@@ -1160,6 +1262,57 @@ exports[`StyledButtonIcon has text-secondary style 1`] = `
|
|
|
1160
1262
|
</View>
|
|
1161
1263
|
`;
|
|
1162
1264
|
|
|
1265
|
+
exports[`StyledButtonIcon has text-secondary style 2`] = `
|
|
1266
|
+
<View
|
|
1267
|
+
style={
|
|
1268
|
+
{
|
|
1269
|
+
"flex": 1,
|
|
1270
|
+
}
|
|
1271
|
+
}
|
|
1272
|
+
>
|
|
1273
|
+
<HeroIcon
|
|
1274
|
+
name="bell"
|
|
1275
|
+
style={
|
|
1276
|
+
[
|
|
1277
|
+
{
|
|
1278
|
+
"color": "#001f23",
|
|
1279
|
+
"fontSize": 24,
|
|
1280
|
+
},
|
|
1281
|
+
[
|
|
1282
|
+
{
|
|
1283
|
+
"color": "#001f23",
|
|
1284
|
+
"fontSize": 20,
|
|
1285
|
+
},
|
|
1286
|
+
undefined,
|
|
1287
|
+
],
|
|
1288
|
+
]
|
|
1289
|
+
}
|
|
1290
|
+
themeIntent="text"
|
|
1291
|
+
themeSize="medium"
|
|
1292
|
+
/>
|
|
1293
|
+
<View
|
|
1294
|
+
pointerEvents="box-none"
|
|
1295
|
+
position="bottom"
|
|
1296
|
+
style={
|
|
1297
|
+
[
|
|
1298
|
+
{
|
|
1299
|
+
"bottom": 0,
|
|
1300
|
+
"elevation": 9999,
|
|
1301
|
+
"flexDirection": "column-reverse",
|
|
1302
|
+
"left": 0,
|
|
1303
|
+
"paddingHorizontal": 24,
|
|
1304
|
+
"paddingVertical": 16,
|
|
1305
|
+
"position": "absolute",
|
|
1306
|
+
"right": 0,
|
|
1307
|
+
"top": 0,
|
|
1308
|
+
},
|
|
1309
|
+
undefined,
|
|
1310
|
+
]
|
|
1311
|
+
}
|
|
1312
|
+
/>
|
|
1313
|
+
</View>
|
|
1314
|
+
`;
|
|
1315
|
+
|
|
1163
1316
|
exports[`StyledButtonIcon renders disabled correctly 1`] = `
|
|
1164
1317
|
<View
|
|
1165
1318
|
style={
|
|
@@ -1502,6 +1502,7 @@ exports[`rendering allows custom renderer 1`] = `
|
|
|
1502
1502
|
}
|
|
1503
1503
|
themeButtonVariant="text-primary"
|
|
1504
1504
|
themeIntent="body"
|
|
1505
|
+
themeIsPressed={false}
|
|
1505
1506
|
themeTypeface="neutral"
|
|
1506
1507
|
themeVariant="regular-bold"
|
|
1507
1508
|
>
|
|
@@ -3230,6 +3231,7 @@ exports[`rendering renders correct floating bottom sheet variant 1`] = `
|
|
|
3230
3231
|
}
|
|
3231
3232
|
themeButtonVariant="text-primary"
|
|
3232
3233
|
themeIntent="body"
|
|
3234
|
+
themeIsPressed={false}
|
|
3233
3235
|
themeTypeface="neutral"
|
|
3234
3236
|
themeVariant="regular-bold"
|
|
3235
3237
|
>
|
|
@@ -5260,6 +5262,7 @@ exports[`rendering renders correctly when bottom sheet is visible 1`] = `
|
|
|
5260
5262
|
}
|
|
5261
5263
|
themeButtonVariant="text-primary"
|
|
5262
5264
|
themeIntent="body"
|
|
5265
|
+
themeIsPressed={false}
|
|
5263
5266
|
themeTypeface="neutral"
|
|
5264
5267
|
themeVariant="regular-bold"
|
|
5265
5268
|
>
|
|
@@ -6882,6 +6885,7 @@ exports[`rendering renders correctly when receives sections 1`] = `
|
|
|
6882
6885
|
}
|
|
6883
6886
|
themeButtonVariant="text-primary"
|
|
6884
6887
|
themeIntent="body"
|
|
6888
|
+
themeIsPressed={false}
|
|
6885
6889
|
themeTypeface="neutral"
|
|
6886
6890
|
themeVariant="regular-bold"
|
|
6887
6891
|
>
|
|
@@ -8177,6 +8181,7 @@ exports[`rendering renders correctly when receives sections 2`] = `
|
|
|
8177
8181
|
}
|
|
8178
8182
|
themeButtonVariant="text-primary"
|
|
8179
8183
|
themeIntent="body"
|
|
8184
|
+
themeIsPressed={false}
|
|
8180
8185
|
themeTypeface="neutral"
|
|
8181
8186
|
themeVariant="regular-bold"
|
|
8182
8187
|
>
|
|
@@ -247,6 +247,11 @@ exports[`theme returns correct theme object 1`] = `
|
|
|
247
247
|
"textPrimary": "#ece8ef",
|
|
248
248
|
"textSecondary": "#f6f6f7",
|
|
249
249
|
},
|
|
250
|
+
"pressedText": {
|
|
251
|
+
"danger": "#f68282",
|
|
252
|
+
"primary": "#33144d",
|
|
253
|
+
"secondary": "#001f23",
|
|
254
|
+
},
|
|
250
255
|
"primary": "#401960",
|
|
251
256
|
"secondary": "#4d6265",
|
|
252
257
|
"textLoadingBackground": "#ece8ef",
|
|
@@ -55,6 +55,11 @@ const getButtonTheme = (theme: GlobalTheme) => {
|
|
|
55
55
|
textSecondary: theme.colors.neutralGlobalSurface,
|
|
56
56
|
textDanger: theme.colors.errorSurface,
|
|
57
57
|
},
|
|
58
|
+
pressedText: {
|
|
59
|
+
primary: theme.colors.pressedSurface,
|
|
60
|
+
secondary: theme.colors.onDefaultGlobalSurface,
|
|
61
|
+
danger: theme.colors.mutedError,
|
|
62
|
+
},
|
|
58
63
|
};
|
|
59
64
|
|
|
60
65
|
const lineHeights = {
|