@faststore/ui 1.8.16 → 1.8.19
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 +27 -0
- package/dist/index.d.ts +4 -2
- package/dist/{organisms → molecules}/Card/Card.d.ts +0 -0
- package/dist/{organisms → molecules}/Card/CardActions.d.ts +0 -0
- package/dist/{organisms → molecules}/Card/CardContent.d.ts +0 -0
- package/dist/{organisms → molecules}/Card/CardImage.d.ts +0 -0
- package/dist/{organisms → molecules}/Card/index.d.ts +0 -0
- package/dist/{organisms → molecules}/Card/stories/Card.stories.d.ts +0 -0
- package/dist/molecules/ProductCard/ProductCard.d.ts +11 -0
- package/dist/molecules/ProductCard/ProductCardActions.d.ts +10 -0
- package/dist/molecules/ProductCard/ProductCardContent.d.ts +10 -0
- package/dist/molecules/ProductCard/ProductCardImage.d.ts +10 -0
- package/dist/molecules/ProductCard/index.d.ts +8 -0
- package/dist/molecules/ProductCard/stories/ProductCard.stories.d.ts +4 -0
- package/dist/ui.cjs.development.js +100 -48
- package/dist/ui.cjs.development.js.map +1 -1
- package/dist/ui.cjs.production.min.js +1 -1
- package/dist/ui.cjs.production.min.js.map +1 -1
- package/dist/ui.esm.js +97 -49
- package/dist/ui.esm.js.map +1 -1
- package/package.json +3 -3
- package/src/index.ts +26 -12
- package/src/{organisms → molecules}/Card/Card.test.tsx +0 -0
- package/src/{organisms → molecules}/Card/Card.tsx +0 -0
- package/src/{organisms → molecules}/Card/CardActions.tsx +0 -0
- package/src/{organisms → molecules}/Card/CardContent.tsx +0 -0
- package/src/{organisms → molecules}/Card/CardImage.tsx +0 -0
- package/src/{organisms → molecules}/Card/index.tsx +0 -0
- package/src/{organisms → molecules}/Card/stories/Card.mdx +1 -1
- package/src/molecules/Card/stories/Card.stories.tsx +63 -0
- package/src/molecules/ProductCard/ProductCard.test.tsx +75 -0
- package/src/molecules/ProductCard/ProductCard.tsx +28 -0
- package/src/molecules/ProductCard/ProductCardActions.tsx +30 -0
- package/src/molecules/ProductCard/ProductCardContent.tsx +29 -0
- package/src/molecules/ProductCard/ProductCardImage.tsx +29 -0
- package/src/molecules/ProductCard/index.tsx +11 -0
- package/src/molecules/ProductCard/stories/ProductCard.mdx +55 -0
- package/src/{organisms/Card/stories/Card.stories.tsx → molecules/ProductCard/stories/ProductCard.stories.tsx} +18 -18
package/dist/ui.esm.js
CHANGED
|
@@ -320,6 +320,102 @@ const Incentive = /*#__PURE__*/forwardRef(function Incentive({
|
|
|
320
320
|
}, otherProps), children);
|
|
321
321
|
});
|
|
322
322
|
|
|
323
|
+
const ProductCard = /*#__PURE__*/forwardRef(function Card({
|
|
324
|
+
testId = 'store-product-card',
|
|
325
|
+
children,
|
|
326
|
+
...otherProps
|
|
327
|
+
}, ref) {
|
|
328
|
+
return React.createElement("article", Object.assign({
|
|
329
|
+
ref: ref,
|
|
330
|
+
"data-store-product-card": true,
|
|
331
|
+
"data-testid": testId
|
|
332
|
+
}, otherProps), children);
|
|
333
|
+
});
|
|
334
|
+
|
|
335
|
+
const ProductCardImage = /*#__PURE__*/forwardRef(function ProductCardImage({
|
|
336
|
+
testId = 'store-product-card-image',
|
|
337
|
+
children,
|
|
338
|
+
...otherProps
|
|
339
|
+
}, ref) {
|
|
340
|
+
return React.createElement("div", Object.assign({
|
|
341
|
+
ref: ref,
|
|
342
|
+
"data-product-card-image": true,
|
|
343
|
+
"data-testid": testId
|
|
344
|
+
}, otherProps), children);
|
|
345
|
+
});
|
|
346
|
+
|
|
347
|
+
const ProductCardContent = /*#__PURE__*/forwardRef(function CardContent({
|
|
348
|
+
testId = 'store-product-card-content',
|
|
349
|
+
children,
|
|
350
|
+
...otherProps
|
|
351
|
+
}, ref) {
|
|
352
|
+
return React.createElement("section", Object.assign({
|
|
353
|
+
ref: ref,
|
|
354
|
+
"data-product-card-content": true,
|
|
355
|
+
"data-testid": testId
|
|
356
|
+
}, otherProps), children);
|
|
357
|
+
});
|
|
358
|
+
|
|
359
|
+
const ProductCardActions = /*#__PURE__*/forwardRef(function CardActions({
|
|
360
|
+
testId = 'store-product-card-actions',
|
|
361
|
+
children,
|
|
362
|
+
...otherProps
|
|
363
|
+
}, ref) {
|
|
364
|
+
return React.createElement("div", Object.assign({
|
|
365
|
+
ref: ref,
|
|
366
|
+
"data-product-card-actions": true,
|
|
367
|
+
"data-testid": testId
|
|
368
|
+
}, otherProps), children);
|
|
369
|
+
});
|
|
370
|
+
|
|
371
|
+
const Card = /*#__PURE__*/forwardRef(function Card({
|
|
372
|
+
testId = 'store-card',
|
|
373
|
+
children,
|
|
374
|
+
...otherProps
|
|
375
|
+
}, ref) {
|
|
376
|
+
return React.createElement("article", Object.assign({
|
|
377
|
+
ref: ref,
|
|
378
|
+
"data-store-card": true,
|
|
379
|
+
"data-testid": testId
|
|
380
|
+
}, otherProps), children);
|
|
381
|
+
});
|
|
382
|
+
|
|
383
|
+
const CardImage = /*#__PURE__*/forwardRef(function CardImage({
|
|
384
|
+
testId = 'store-card-image',
|
|
385
|
+
children,
|
|
386
|
+
...otherProps
|
|
387
|
+
}, ref) {
|
|
388
|
+
return React.createElement("div", Object.assign({
|
|
389
|
+
ref: ref,
|
|
390
|
+
"data-card-image": true,
|
|
391
|
+
"data-testid": testId
|
|
392
|
+
}, otherProps), children);
|
|
393
|
+
});
|
|
394
|
+
|
|
395
|
+
const CardContent = /*#__PURE__*/forwardRef(function CardContent({
|
|
396
|
+
testId = 'store-card-content',
|
|
397
|
+
children,
|
|
398
|
+
...otherProps
|
|
399
|
+
}, ref) {
|
|
400
|
+
return React.createElement("section", Object.assign({
|
|
401
|
+
ref: ref,
|
|
402
|
+
"data-card-content": true,
|
|
403
|
+
"data-testid": testId
|
|
404
|
+
}, otherProps), children);
|
|
405
|
+
});
|
|
406
|
+
|
|
407
|
+
const CardActions = /*#__PURE__*/forwardRef(function CardActions({
|
|
408
|
+
testId = 'store-card-actions',
|
|
409
|
+
children,
|
|
410
|
+
...otherProps
|
|
411
|
+
}, ref) {
|
|
412
|
+
return React.createElement("div", Object.assign({
|
|
413
|
+
ref: ref,
|
|
414
|
+
"data-card-actions": true,
|
|
415
|
+
"data-testid": testId
|
|
416
|
+
}, otherProps), children);
|
|
417
|
+
});
|
|
418
|
+
|
|
323
419
|
const defaultAriaLabel = (idx, isActive) => isActive ? 'Current page' : `Go to page ${idx + 1}`;
|
|
324
420
|
|
|
325
421
|
const Bullets = /*#__PURE__*/forwardRef(function Bullets({
|
|
@@ -1863,53 +1959,5 @@ const DropdownMenu = ({
|
|
|
1863
1959
|
}, otherProps), children)), document.body) : clearChildrenReferences();
|
|
1864
1960
|
};
|
|
1865
1961
|
|
|
1866
|
-
|
|
1867
|
-
testId = 'store-card',
|
|
1868
|
-
children,
|
|
1869
|
-
...otherProps
|
|
1870
|
-
}, ref) {
|
|
1871
|
-
return React.createElement("article", Object.assign({
|
|
1872
|
-
ref: ref,
|
|
1873
|
-
"data-store-card": true,
|
|
1874
|
-
"data-testid": testId
|
|
1875
|
-
}, otherProps), children);
|
|
1876
|
-
});
|
|
1877
|
-
|
|
1878
|
-
const CardImage = /*#__PURE__*/forwardRef(function CardImage({
|
|
1879
|
-
testId = 'store-card-image',
|
|
1880
|
-
children,
|
|
1881
|
-
...otherProps
|
|
1882
|
-
}, ref) {
|
|
1883
|
-
return React.createElement("div", Object.assign({
|
|
1884
|
-
ref: ref,
|
|
1885
|
-
"data-card-image": true,
|
|
1886
|
-
"data-testid": testId
|
|
1887
|
-
}, otherProps), children);
|
|
1888
|
-
});
|
|
1889
|
-
|
|
1890
|
-
const CardContent = /*#__PURE__*/forwardRef(function CardContent({
|
|
1891
|
-
testId = 'store-card-content',
|
|
1892
|
-
children,
|
|
1893
|
-
...otherProps
|
|
1894
|
-
}, ref) {
|
|
1895
|
-
return React.createElement("section", Object.assign({
|
|
1896
|
-
ref: ref,
|
|
1897
|
-
"data-card-content": true,
|
|
1898
|
-
"data-testid": testId
|
|
1899
|
-
}, otherProps), children);
|
|
1900
|
-
});
|
|
1901
|
-
|
|
1902
|
-
const CardActions = /*#__PURE__*/forwardRef(function CardActions({
|
|
1903
|
-
testId = 'store-card-actions',
|
|
1904
|
-
children,
|
|
1905
|
-
...otherProps
|
|
1906
|
-
}, ref) {
|
|
1907
|
-
return React.createElement("div", Object.assign({
|
|
1908
|
-
ref: ref,
|
|
1909
|
-
"data-card-actions": true,
|
|
1910
|
-
"data-testid": testId
|
|
1911
|
-
}, otherProps), children);
|
|
1912
|
-
});
|
|
1913
|
-
|
|
1914
|
-
export { Accordion, AccordionButton, AccordionItem, AccordionPanel, Alert, Badge, Banner, BannerContent, BannerImage, BannerLink, Breadcrumb, Bullets, Button, Card, CardActions, CardContent, CardImage, Carousel, Checkbox, Dropdown, DropdownButton, DropdownItem, DropdownMenu, Form, Icon, IconButton, Incentive, Input, Label, Link, List, LoadingButton, Modal, Overlay, PaymentMethods, Popover, Price, PriceRange, QuantitySelector, Radio, RadioGroup, RadioOption, SearchInput, Select, Skeleton, Slider, Spinner, Table, TableBody, TableCell, TableFooter, TableHead, TableRow, TextArea, useSlider };
|
|
1962
|
+
export { Accordion, AccordionButton, AccordionItem, AccordionPanel, Alert, Badge, Banner, BannerContent, BannerImage, BannerLink, Breadcrumb, Bullets, Button, Card, CardActions, CardContent, CardImage, Carousel, Checkbox, Dropdown, DropdownButton, DropdownItem, DropdownMenu, Form, Icon, IconButton, Incentive, Input, Label, Link, List, LoadingButton, Modal, Overlay, PaymentMethods, Popover, Price, PriceRange, ProductCard, ProductCardActions, ProductCardContent, ProductCardImage, QuantitySelector, Radio, RadioGroup, RadioOption, SearchInput, Select, Skeleton, Slider, Spinner, Table, TableBody, TableCell, TableFooter, TableHead, TableRow, TextArea, useSlider };
|
|
1915
1963
|
//# sourceMappingURL=ui.esm.js.map
|