@apify/ui-library 1.84.3 → 1.86.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/dist/src/components/rating.d.ts +4 -0
- package/dist/src/components/rating.d.ts.map +1 -1
- package/dist/src/components/rating.js +4 -0
- package/dist/src/components/rating.js.map +1 -1
- package/dist/src/design_system/colors/colors.stories.d.ts +6 -0
- package/dist/src/design_system/colors/colors.stories.d.ts.map +1 -0
- package/dist/src/design_system/colors/colors.stories.js +17 -0
- package/dist/src/design_system/colors/colors.stories.js.map +1 -0
- package/dist/tsconfig.build.tsbuildinfo +1 -1
- package/package.json +4 -3
- package/src/components/badge.stories.jsx +104 -0
- package/src/components/button.stories.jsx +126 -0
- package/src/components/rating.tsx +16 -0
- package/src/design_system/colors/colors.stories.tsx +22 -0
|
@@ -4,6 +4,10 @@ import type { BoxProps } from './box.js';
|
|
|
4
4
|
type RatingStatsProps = {
|
|
5
5
|
ratingStats: Record<ReviewRating, number>;
|
|
6
6
|
};
|
|
7
|
+
type SingleStarRatingProps = BoxProps & {
|
|
8
|
+
color?: string;
|
|
9
|
+
};
|
|
10
|
+
export declare const SingleStarRating: FC<SingleStarRatingProps>;
|
|
7
11
|
type RatingProps = BoxProps & {
|
|
8
12
|
rating: number | undefined;
|
|
9
13
|
color?: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../../../src/components/rating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIzC,KAAK,gBAAgB,GAAG;IACpB,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAA;CAC5C,CAAA;AA0CD,KAAK,WAAW,GAAG,QAAQ,GAAG;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAmBlC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,GAAG,QAAQ,CAsBvD,CAAC"}
|
|
1
|
+
{"version":3,"file":"rating.d.ts","sourceRoot":"","sources":["../../../src/components/rating.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,EAAE,MAAM,OAAO,CAAC;AAMhC,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,uBAAuB,CAAC;AAG1D,OAAO,KAAK,EAAE,QAAQ,EAAE,MAAM,UAAU,CAAC;AAIzC,KAAK,gBAAgB,GAAG;IACpB,WAAW,EAAE,MAAM,CAAC,YAAY,EAAE,MAAM,CAAC,CAAA;CAC5C,CAAA;AA0CD,KAAK,qBAAqB,GAAG,QAAQ,GAAG;IACpC,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAA;AAED,eAAO,MAAM,gBAAgB,EAAE,EAAE,CAAC,qBAAqB,CAStD,CAAC;AAGF,KAAK,WAAW,GAAG,QAAQ,GAAG;IAC1B,MAAM,EAAE,MAAM,GAAG,SAAS,CAAC;IAC3B,KAAK,CAAC,EAAE,MAAM,CAAC;CAClB,CAAA;AAED,eAAO,MAAM,MAAM,EAAE,EAAE,CAAC,WAAW,CAmBlC,CAAC;AAEF,eAAO,MAAM,WAAW,EAAE,EAAE,CAAC,gBAAgB,GAAG,QAAQ,CAsBvD,CAAC"}
|
|
@@ -7,6 +7,7 @@ import { Box } from './box.js';
|
|
|
7
7
|
import { Text } from './text/index.js';
|
|
8
8
|
const StyledRating = styled(Box) `
|
|
9
9
|
display: flex;
|
|
10
|
+
align-items: center;
|
|
10
11
|
`;
|
|
11
12
|
const StyledRatingStats = styled(Box) `
|
|
12
13
|
display: grid;
|
|
@@ -41,6 +42,9 @@ const StyledRatingBar = styled(Box) `
|
|
|
41
42
|
|
|
42
43
|
}
|
|
43
44
|
`;
|
|
45
|
+
export const SingleStarRating = ({ color = theme.color.neutral.icon, ...rest }) => {
|
|
46
|
+
return (_jsx(StyledRating, { ...rest, children: _jsx(StarFullIcon, { size: "12", color: color }) }));
|
|
47
|
+
};
|
|
44
48
|
export const Rating = ({ rating = 0, color = theme.color.neutral.icon, ...rest }) => {
|
|
45
49
|
const ratingStatsContent = useMemo(() => [1, 2, 3, 4, 5].map((rate) => {
|
|
46
50
|
const ratingFloor = Math.floor(rating);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"rating.js","sourceRoot":"","sources":["../../../src/components/rating.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,aAAa,EAAE,YAAY,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAI5E,OAAO,EAAE,KAAK,EAAE,MAAM,2BAA2B,CAAC;AAElD,OAAO,EAAE,GAAG,EAAE,MAAM,UAAU,CAAC;AAC/B,OAAO,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAC;AAMvC,MAAM,YAAY,GAAG,MAAM,CAAC,GAAG,CAAC,CAAA
|
|
1
|
+
{"version":3,"file":"rating.js","sourceRoot":"","sources":["../../../src/components/rating.tsx"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.stories.d.ts","sourceRoot":"","sources":["../../../../src/design_system/colors/colors.stories.tsx"],"names":[],"mappings":";;;AAGA,wBAEE;AAUF,eAAO,MAAM,OAAO,+CAMnB,CAAC"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
2
|
+
import styled from 'styled-components';
|
|
3
|
+
// eslint-disable-next-line import/no-default-export
|
|
4
|
+
export default {
|
|
5
|
+
title: 'Design Tokens/Colors',
|
|
6
|
+
};
|
|
7
|
+
const Grid = styled.div `
|
|
8
|
+
padding: 32px;
|
|
9
|
+
width: 100%;
|
|
10
|
+
display: grid;
|
|
11
|
+
grid-template-columns: repeat( auto-fit, minmax(100px, 1fr) );
|
|
12
|
+
gap: 32px 16px;
|
|
13
|
+
`;
|
|
14
|
+
export const Default = () => {
|
|
15
|
+
return (_jsx(Grid, { children: "TODO COLORS PALETTE" }));
|
|
16
|
+
};
|
|
17
|
+
//# sourceMappingURL=colors.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"colors.stories.js","sourceRoot":"","sources":["../../../../src/design_system/colors/colors.stories.tsx"],"names":[],"mappings":";AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,oDAAoD;AACpD,eAAe;IACX,KAAK,EAAE,sBAAsB;CAChC,CAAC;AAEF,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAA;;;;;;CAMtB,CAAC;AAEF,MAAM,CAAC,MAAM,OAAO,GAAG,GAAG,EAAE;IACxB,OAAO,CACH,KAAC,IAAI,sCAEE,CACV,CAAC;AACN,CAAC,CAAC"}
|