@lunit/oui 2.2.26 → 2.2.27

package/dist/presentations/Score/Score.js

@@ -10,6 +10,8 @@ const Score = ({ componentType = 'score', title, size = 'medium', metrics }) =>
         throw new Error("The 'title' prop is required.");
     if (!metrics)
         throw new Error("The 'metrics' prop is required.");
+    if (metrics && !metrics.value)
+        throw new Error("The 'value' prop in 'metrics' is required.");
     return (_jsxs(PresentationTypography, { size: size, style: { color: metrics.isFullColored ? metrics.color : 'inherit' }, children: [title, ": ", metrics.value, metrics.scoreType && (_jsx("span", { style: { color: metrics.color, marginLeft: 4 }, children: capitalize(metrics.scoreType) }))] }));
 };
 export default Score;

package/dist/presentations/ToggleControl/ToggleControl.js

@@ -17,6 +17,8 @@ const ToggleControl = ({ componentType = 'toggle', title, size = 'medium', symbo
         throw new Error("The 'title' prop is required.");
     if (checked === undefined)
         throw new Error("The 'checked' prop is required.");
+    if (typeof checked !== 'boolean')
+        throw new Error("The 'checked' prop must be a boolean.");
     return (_jsxs(ToggleControlOuter, { "data-toggle-name": `toggle-control-${title?.replace(/\s/g, '-')}`, hasBar: !!bar || !!content.length, style: { marginBottom: isParent ? '4px' : '0' }, children: [_jsxs(ToggleControlContainer, { className: "toggle-inner-container", size: size, children: [_jsxs(Box, { sx: { display: 'flex', alignItems: 'center', gap: '6px' }, className: "toggle-label", children: [!!tooltip.length && (_jsx(Tooltip, { arrow: true, size: "large", title: _jsx(Box, { sx: { display: 'flex', flexDirection: 'column', gap: '8px' }, children: tooltip.map((item) => (_jsxs(Box, { children: [item.componentType === 'freeText' && (_jsx(FreeText, { componentType: item.componentType, size: item.size, content: item.content })), item.componentType === 'statistic' && (_jsx(Statistic, { componentType: item.componentType, title: item.title, size: item.size, layout: item.layout, symbol: item.symbol, color: item.color }))] }, uuidV4()))) }), children: _jsx(Box, { sx: {
                                         display: 'flex',
                                         alignItems: 'center',

package/dist/presentations/ToggleControlGroup/ToggleControlGroup.js

@@ -9,6 +9,8 @@ const ToggleControlGroup = ({ componentType = 'toggleGroup', size = 'medium', ti
         throw new Error("The 'title' prop is required.");
     if (checked === undefined)
         throw new Error("The 'checked' prop is required.");
+    if (typeof checked !== 'boolean')
+        throw new Error("The 'checked' prop must be a boolean.");
     if (!childToggles.length)
         throw new Error("The 'childToggles' prop must contain at least one child toggle.");
     return (_jsxs(ToggleControlGroupContainer, { children: [_jsx(ToggleControl, { isParent: true, componentType: "toggle", bar: bar, disabled: disabled, size: size, title: title, tooltip: tooltip, checked: checked, isDimmed: isDimmed, onChange: onChange }), childToggles?.map((child, index) => {

package/dist/presentations/presentations.styled.js

@@ -22,6 +22,7 @@ export const PresentationTypography = (props) => {
     return (_jsx(Typography, { variant: "body5", ...rest, sx: { color: isDimmed ? theme.palette.neutralGrey[40] : 'inherit' } }));
 };
 export const PresentationSymbolIcon = ({ symbol, color = 'black', isDimmed = false, }) => {
+    const symbolColor = color?.length ? color : 'black';
     if (symbol === 'circle') {
         return (_jsx("div", { style: {
                 height: '100%',
@@ -31,7 +32,7 @@ export const PresentationSymbolIcon = ({ symbol, color = 'black', isDimmed = fal
             }, children: _jsx("span", { style: {
                     height: '6px',
                     width: '6px',
-                    backgroundColor: color,
+                    backgroundColor: symbolColor,
                     borderRadius: '50%',
                     border: '1px solid black',
                 } }) }));
@@ -45,7 +46,7 @@ export const PresentationSymbolIcon = ({ symbol, color = 'black', isDimmed = fal
             }, children: _jsx("span", { style: {
                     height: '10px',
                     width: '10px',
-                    backgroundColor: color,
+                    backgroundColor: symbolColor,
                 } }) }));
     }
     if (symbol === 'border-circle') {
@@ -57,7 +58,7 @@ export const PresentationSymbolIcon = ({ symbol, color = 'black', isDimmed = fal
             }, children: _jsx("span", { style: {
                     height: '10px',
                     width: '10px',
-                    backgroundColor: color,
+                    backgroundColor: symbolColor,
                     borderRadius: '50%',
                     border: '1px solid black',
                 } }) }));
@@ -71,7 +72,7 @@ export const PresentationSymbolIcon = ({ symbol, color = 'black', isDimmed = fal
             }, children: _jsx("span", { style: {
                     height: '10px',
                     width: '10px',
-                    backgroundColor: color,
+                    backgroundColor: symbolColor,
                     border: '1px solid black',
                 } }) }));
     }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lunit/oui",
-  "version": "2.2.26",
+  "version": "2.2.27",
   "validate-branch-name": {
     "pattern": "^(main|develop)|(feature|fix|release|hotfix|qe)/.+$",
     "errorMsg": "The branch name is not correct. Please check the pattern. (ex. feature/add-something)"