@getsoren/design-system 4.77.0 → 4.79.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/main.cjs +53 -53
- package/dist/main.js +2537 -2408
- package/dist/src/components/DataDisplay/Icons/StarIcon.d.ts +8 -0
- package/dist/src/components/DataDisplay/RatingBadge/RatingBadge.d.ts +31 -0
- package/dist/src/config/theme.d.ts +1 -0
- package/dist/src/main.d.ts +2 -0
- package/package.json +1 -1
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { SvgIconProps } from '@mui/material';
|
|
2
|
+
interface StarIconProps {
|
|
3
|
+
color?: string;
|
|
4
|
+
fontSize?: SvgIconProps["fontSize"];
|
|
5
|
+
sx?: SvgIconProps["sx"];
|
|
6
|
+
}
|
|
7
|
+
declare const StarIcon: ({ sx, fontSize, color }: StarIconProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
8
|
+
export default StarIcon;
|
|
@@ -0,0 +1,31 @@
|
|
|
1
|
+
export interface RatingBadgeDimension {
|
|
2
|
+
/** Already-translated label of the dimension. */
|
|
3
|
+
label: string;
|
|
4
|
+
/** Rating of the dimension, on the same scale as the global rating. */
|
|
5
|
+
value: number;
|
|
6
|
+
}
|
|
7
|
+
export interface RatingBadgeProps {
|
|
8
|
+
/**
|
|
9
|
+
* The global rating, displayed next to the star.
|
|
10
|
+
*/
|
|
11
|
+
rating: number;
|
|
12
|
+
/**
|
|
13
|
+
* Top of the rating scale — drives the "/ max" in the tooltip header and the breakdown bar widths.
|
|
14
|
+
*/
|
|
15
|
+
max?: number;
|
|
16
|
+
/**
|
|
17
|
+
* Already-translated "based on N reviews" line, shown on the right of the tooltip header.
|
|
18
|
+
*/
|
|
19
|
+
reviewsLabel?: string;
|
|
20
|
+
/**
|
|
21
|
+
* Per-dimension breakdown revealed on hover. Without dimensions and without a reviews label,
|
|
22
|
+
* the badge renders with no tooltip at all.
|
|
23
|
+
*/
|
|
24
|
+
dimensions?: RatingBadgeDimension[];
|
|
25
|
+
/**
|
|
26
|
+
* Indicates if the badge is dimmed (the value is kept readable but clearly inactive).
|
|
27
|
+
*/
|
|
28
|
+
disabled?: boolean;
|
|
29
|
+
}
|
|
30
|
+
declare const RatingBadge: ({ rating, max, reviewsLabel, dimensions, disabled }: RatingBadgeProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
31
|
+
export default RatingBadge;
|
package/dist/src/main.d.ts
CHANGED
|
@@ -40,6 +40,8 @@ export * from './components/DataDisplay/NumberBadge/NumberBadge';
|
|
|
40
40
|
export { default as NumberBadge } from './components/DataDisplay/NumberBadge/NumberBadge';
|
|
41
41
|
export { default as PlanningTimeline } from './components/DataDisplay/PlanningTimeline/PlanningTimeline';
|
|
42
42
|
export * from './components/DataDisplay/PlanningTimeline/types';
|
|
43
|
+
export * from './components/DataDisplay/RatingBadge/RatingBadge';
|
|
44
|
+
export { default as RatingBadge } from './components/DataDisplay/RatingBadge/RatingBadge';
|
|
43
45
|
export * from './components/DataDisplay/StatusIcon';
|
|
44
46
|
export { default as StatusIcon } from './components/DataDisplay/StatusIcon';
|
|
45
47
|
export * from './components/DataDisplay/TimeLine';
|