@purple/phoenix-components 5.0.0-alpha.3 → 5.0.0-alpha.5
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/CHANGELOG.md +16 -0
- package/README.md +10 -4
- package/dist/bundle.cjs.js +1 -1
- package/dist/bundle.cjs.js.map +1 -1
- package/dist/bundle.esm.js +2 -2
- package/dist/bundle.esm.js.map +1 -1
- package/dist/bundle.umd.js +1 -1
- package/dist/bundle.umd.js.map +1 -1
- package/dist/index.d.ts +120 -7
- package/package.json +1 -1
package/dist/index.d.ts
CHANGED
|
@@ -326,6 +326,7 @@ declare type FormControlErrorType = ReactElement | string | boolean;
|
|
|
326
326
|
interface CheckboxRadioCommonProps extends Omit<InputHTMLAttributes<HTMLInputElement>, 'size'>, GenericComponentProps {
|
|
327
327
|
RTL?: boolean;
|
|
328
328
|
colorTheme?: ColorTheme;
|
|
329
|
+
size?: SizingSmMdLg;
|
|
329
330
|
label?: React$1.ReactNode;
|
|
330
331
|
warning?: FormControlWarningType;
|
|
331
332
|
error?: FormControlErrorType;
|
|
@@ -457,8 +458,7 @@ declare const HorizontalDivider: React$1.FC<HorizontalDividerProps>;
|
|
|
457
458
|
interface IconProps extends MarginProps, GenericComponentProps {
|
|
458
459
|
icon: PhoenixIcons;
|
|
459
460
|
size?: Spacing | CSSValue;
|
|
460
|
-
|
|
461
|
-
light?: boolean;
|
|
461
|
+
color?: Color;
|
|
462
462
|
}
|
|
463
463
|
declare const Icon: React$1.ForwardRefExoticComponent<React$1.PropsWithoutRef<IconProps> & React$1.RefAttributes<HTMLSpanElement>>;
|
|
464
464
|
|
|
@@ -577,6 +577,7 @@ declare const NumberInput: React$1.FC<NumberInputProps>;
|
|
|
577
577
|
|
|
578
578
|
interface ParagraphProps extends CommonTextProps<HTMLParagraphElement>, PaddingProps, MarginProps {
|
|
579
579
|
size?: Sizing | CSSValue;
|
|
580
|
+
lineHeight?: Sizing | CSSValue;
|
|
580
581
|
}
|
|
581
582
|
declare const Paragraph: React$1.FC<ParagraphProps>;
|
|
582
583
|
|
|
@@ -1061,9 +1062,10 @@ declare const prefixedTheme: {
|
|
|
1061
1062
|
lg: string;
|
|
1062
1063
|
};
|
|
1063
1064
|
lineHeight: {
|
|
1064
|
-
|
|
1065
|
-
|
|
1066
|
-
|
|
1065
|
+
xs: string;
|
|
1066
|
+
sm: string;
|
|
1067
|
+
md: string;
|
|
1068
|
+
lg: string;
|
|
1067
1069
|
};
|
|
1068
1070
|
boxShadow: {
|
|
1069
1071
|
sm: string;
|
|
@@ -1227,8 +1229,115 @@ declare const prefixedTheme: {
|
|
|
1227
1229
|
lg: string;
|
|
1228
1230
|
};
|
|
1229
1231
|
};
|
|
1230
|
-
|
|
1231
|
-
|
|
1232
|
+
paragraphSm: {
|
|
1233
|
+
regular: {
|
|
1234
|
+
lg: {
|
|
1235
|
+
fontFamily: string;
|
|
1236
|
+
fontWeight: string;
|
|
1237
|
+
lineHeight: string;
|
|
1238
|
+
fontSize: string;
|
|
1239
|
+
};
|
|
1240
|
+
md: {
|
|
1241
|
+
fontFamily: string;
|
|
1242
|
+
fontWeight: string;
|
|
1243
|
+
lineHeight: string;
|
|
1244
|
+
fontSize: string;
|
|
1245
|
+
};
|
|
1246
|
+
sm: {
|
|
1247
|
+
fontFamily: string;
|
|
1248
|
+
fontWeight: string;
|
|
1249
|
+
lineHeight: string;
|
|
1250
|
+
fontSize: string;
|
|
1251
|
+
};
|
|
1252
|
+
xs: {
|
|
1253
|
+
fontFamily: string;
|
|
1254
|
+
fontWeight: string;
|
|
1255
|
+
lineHeight: string;
|
|
1256
|
+
fontSize: string;
|
|
1257
|
+
};
|
|
1258
|
+
};
|
|
1259
|
+
bold: {
|
|
1260
|
+
lg: {
|
|
1261
|
+
fontFamily: string;
|
|
1262
|
+
fontWeight: string;
|
|
1263
|
+
lineHeight: string;
|
|
1264
|
+
fontSize: string;
|
|
1265
|
+
};
|
|
1266
|
+
md: {
|
|
1267
|
+
fontFamily: string;
|
|
1268
|
+
fontWeight: string;
|
|
1269
|
+
lineHeight: string;
|
|
1270
|
+
fontSize: string;
|
|
1271
|
+
};
|
|
1272
|
+
sm: {
|
|
1273
|
+
fontFamily: string;
|
|
1274
|
+
fontWeight: string;
|
|
1275
|
+
lineHeight: string;
|
|
1276
|
+
fontSize: string;
|
|
1277
|
+
};
|
|
1278
|
+
xs: {
|
|
1279
|
+
fontFamily: string;
|
|
1280
|
+
fontWeight: string;
|
|
1281
|
+
lineHeight: string;
|
|
1282
|
+
fontSize: string;
|
|
1283
|
+
};
|
|
1284
|
+
};
|
|
1285
|
+
};
|
|
1286
|
+
paragraphMd: {
|
|
1287
|
+
regular: {
|
|
1288
|
+
lg: {
|
|
1289
|
+
fontFamily: string;
|
|
1290
|
+
fontWeight: string;
|
|
1291
|
+
lineHeight: string;
|
|
1292
|
+
fontSize: string;
|
|
1293
|
+
};
|
|
1294
|
+
md: {
|
|
1295
|
+
fontFamily: string;
|
|
1296
|
+
fontWeight: string;
|
|
1297
|
+
lineHeight: string;
|
|
1298
|
+
fontSize: string;
|
|
1299
|
+
};
|
|
1300
|
+
sm: {
|
|
1301
|
+
fontFamily: string;
|
|
1302
|
+
fontWeight: string;
|
|
1303
|
+
lineHeight: string;
|
|
1304
|
+
fontSize: string;
|
|
1305
|
+
};
|
|
1306
|
+
xs: {
|
|
1307
|
+
fontFamily: string;
|
|
1308
|
+
fontWeight: string;
|
|
1309
|
+
lineHeight: string;
|
|
1310
|
+
fontSize: string;
|
|
1311
|
+
};
|
|
1312
|
+
};
|
|
1313
|
+
bold: {
|
|
1314
|
+
lg: {
|
|
1315
|
+
fontFamily: string;
|
|
1316
|
+
fontWeight: string;
|
|
1317
|
+
lineHeight: string;
|
|
1318
|
+
fontSize: string;
|
|
1319
|
+
};
|
|
1320
|
+
md: {
|
|
1321
|
+
fontFamily: string;
|
|
1322
|
+
fontWeight: string;
|
|
1323
|
+
lineHeight: string;
|
|
1324
|
+
fontSize: string;
|
|
1325
|
+
};
|
|
1326
|
+
sm: {
|
|
1327
|
+
fontFamily: string;
|
|
1328
|
+
fontWeight: string;
|
|
1329
|
+
lineHeight: string;
|
|
1330
|
+
fontSize: string;
|
|
1331
|
+
};
|
|
1332
|
+
xs: {
|
|
1333
|
+
fontFamily: string;
|
|
1334
|
+
fontWeight: string;
|
|
1335
|
+
lineHeight: string;
|
|
1336
|
+
fontSize: string;
|
|
1337
|
+
};
|
|
1338
|
+
};
|
|
1339
|
+
};
|
|
1340
|
+
paragraphLg: {
|
|
1232
1341
|
regular: {
|
|
1233
1342
|
lg: {
|
|
1234
1343
|
fontFamily: string;
|
|
@@ -1281,6 +1390,8 @@ declare const prefixedTheme: {
|
|
|
1281
1390
|
fontSize: string;
|
|
1282
1391
|
};
|
|
1283
1392
|
};
|
|
1393
|
+
};
|
|
1394
|
+
paragraph: {
|
|
1284
1395
|
fontSize: {
|
|
1285
1396
|
xs: string;
|
|
1286
1397
|
sm: string;
|
|
@@ -1463,7 +1574,9 @@ declare const prefixedTheme: {
|
|
|
1463
1574
|
};
|
|
1464
1575
|
checkboxRadio: {
|
|
1465
1576
|
sizing: {
|
|
1577
|
+
sm: string;
|
|
1466
1578
|
md: string;
|
|
1579
|
+
lg: string;
|
|
1467
1580
|
};
|
|
1468
1581
|
};
|
|
1469
1582
|
fontSize: {
|