@lunit/oui 2.2.22 → 2.2.24

package/dist/presentations/AnalysisBar/AnalysisBar.styled.js

@@ -10,6 +10,7 @@ export const AnalysisBarOuter = styled(Box, {
     width: '100%',
     gap: '4px',
     opacity: isDimmed ? 0.4 : 1,
+    marginTop: '10px',
 }));
 export const AnalysisBarSegmentContainer = styled(Box)(() => ({
     display: 'flex',

package/dist/presentations/ToggleControl/ToggleControl.styled.js

@@ -1,10 +1,4 @@
 import { Box, styled } from '@mui/material';
-const getPadding = (size) => {
-    if (size === 'large-bold') {
-        return '14px 0';
-    }
-    return '2px';
-};
 export const ToggleControlOuter = styled(Box, { shouldForwardProp: (prop) => prop !== 'hasBar' })(({ hasBar }) => ({
     display: 'flex',
     flexDirection: 'column',
@@ -20,7 +14,7 @@ export const ToggleControlContainer = styled(Box, {
         width: '100%',
         display: 'flex',
         justifyContent: 'space-between',
-        padding: getPadding(size),
+        padding: '2px',
         alignItems: 'center',
     };
 });

package/dist/presentations/ToggleControlGroup/ToggleControlGroup.js

@@ -12,7 +12,7 @@ const ToggleControlGroup = ({ componentType = 'toggleGroup', size = 'medium', ti
     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) => {
-                return (_jsx(ToggleControl, { componentType: "toggle", title: child.title, size: child.size, tooltip: child.tooltip, symbol: child.symbol, color: child.color, isDimmed: child.isDimmed || isDimmed, checked: child.checked, disabled: child.disabled, onChange: (event) => {
+                return (_jsx(ToggleControl, { componentType: "toggle", title: child.title, size: child.size, tooltip: child.tooltip, symbol: child.symbol, color: child.color, isDimmed: child.isDimmed || isDimmed || !checked, checked: child.checked, disabled: child.disabled || !checked, onChange: (event) => {
                         child.onChange(event);
                     }, bar: child.bar }, uuidV4()));
             })] }));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lunit/oui",
-  "version": "2.2.22",
+  "version": "2.2.24",
   "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)"