@televet/kibble-ui 1.12.11-beta.3chctp9.0 → 1.12.11

package/build/components/Forms/RatingDots/ratingDots.component.d.ts

@@ -1,12 +1,9 @@
 export interface IRatingDotsProps {
     minValue: number;
     maxValue: number;
-    minLabel?: string;
-    maxLabel?: string;
-    centeredLabel?: string;
     isInteractive?: boolean;
     isDisabled?: boolean;
     onClick?: (value: number) => void;
     selected?: number;
 }
-export declare const RatingDots: ({ minValue, maxValue, minLabel, maxLabel, centeredLabel, isDisabled, isInteractive, onClick, selected, }: IRatingDotsProps) => JSX.Element;
+export declare const RatingDots: ({ minValue, maxValue, isDisabled, isInteractive, onClick, selected, }: IRatingDotsProps) => JSX.Element;

package/build/index.js

@@ -4163,7 +4163,7 @@ var TruncatedText = function (_a) {
 };
 
 var RatingDots = function (_a) {
-    var minValue = _a.minValue, maxValue = _a.maxValue, minLabel = _a.minLabel, maxLabel = _a.maxLabel, centeredLabel = _a.centeredLabel, isDisabled = _a.isDisabled, isInteractive = _a.isInteractive, onClick = _a.onClick, selected = _a.selected;
+    var minValue = _a.minValue, maxValue = _a.maxValue, isDisabled = _a.isDisabled, isInteractive = _a.isInteractive, onClick = _a.onClick, selected = _a.selected;
     var _b = __read(React.useState(), 2), selectedValue = _b[0], setSelectedValue = _b[1];
     var roundedMin = React.useMemo(function () { return Math.round(minValue); }, [minValue]);
     var roundedMax = React.useMemo(function () { return Math.round(maxValue); }, [maxValue]);
@@ -4180,10 +4180,10 @@ var RatingDots = function (_a) {
     }, [selected]);
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(react.Flex, { my: 4, flexWrap: "wrap", justifyContent: isInteractive ? 'center' : 'flex-start' }, values.map(function (value) { return (React__default["default"].createElement(RatingDot, { key: "composer-rating-dot-".concat(value), number: value, isInteractive: isInteractive, onClick: onClick, isDisabled: isDisabled, selected: selectedValue === value })); })),
-        React__default["default"].createElement(react.Flex, { justifyContent: isInteractive ? (centeredLabel ? 'center' : 'space-between') : 'flex-start' }, centeredLabel ? (React__default["default"].createElement(Text, { colorToken: "subtle", size: "sm" }, centeredLabel)) : (React__default["default"].createElement(React__default["default"].Fragment, null,
-            minLabel && React__default["default"].createElement(Text, { colorToken: "subtle", size: "sm" }, "".concat(roundedMin, " - ").concat(minLabel)),
-            !isInteractive && React__default["default"].createElement(Text, { colorToken: "subtle", size: "sm", pr: 1 }, ","),
-            maxLabel && React__default["default"].createElement(Text, { colorToken: "subtle", size: "sm" }, "".concat(roundedMax, " - ").concat(maxLabel)))))));
+        React__default["default"].createElement(react.Flex, { color: colors.text.light.subtle, justifyContent: isInteractive ? 'space-between' : 'flex-start' },
+            React__default["default"].createElement(Text, { size: "sm" }, "".concat(roundedMin, " - Not likely")),
+            !isInteractive && React__default["default"].createElement(Text, { size: "sm", pr: 1 }, ","),
+            React__default["default"].createElement(Text, { size: "sm" }, "".concat(roundedMax, " - Very likely")))));
 };
 
 // TODO: Figure out how to document this functionality