@lunit/oui 2.2.4 → 2.2.5

package/dist/presentations/ToggleControlGroup/ToggleControlGroup.d.ts

@@ -1,3 +1,3 @@
 import type { ToggleControlGroupProps } from './ToggleControlGroup.types';
-declare const ToggleControlGroup: ({ componentType, size, title, tooltip, bar, childToggles, disabled, checked, behavior, onChange, }: ToggleControlGroupProps) => import("react/jsx-runtime").JSX.Element;
+declare const ToggleControlGroup: ({ componentType, size, title, tooltip, bar, childToggles, disabled, checked, behavior, isDimmed, onChange, }: ToggleControlGroupProps) => import("react/jsx-runtime").JSX.Element;
 export default ToggleControlGroup;

package/dist/presentations/ToggleControlGroup/ToggleControlGroup.js

@@ -2,9 +2,9 @@ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import { v4 as uuidV4 } from 'uuid';
 import { ToggleControlGroupContainer } from './ToggleControlGroup.styled';
 import ToggleControl from '../ToggleControl/ToggleControl';
-const ToggleControlGroup = ({ componentType = 'toggleGroup', size = 'medium', title, tooltip = [], bar, childToggles, disabled, checked = true, behavior = 'multi', onChange, }) => {
-    return (_jsxs(ToggleControlGroupContainer, { children: [_jsx(ToggleControl, { isParent: true, componentType: "toggle", bar: bar, disabled: disabled, size: size, title: title, tooltip: tooltip, checked: checked, onChange: onChange }), childToggles?.map((child, index) => {
-                return (_jsx(ToggleControl, { componentType: "toggle", title: child.title, size: size, tooltip: child.tooltip, symbol: child.symbol, color: child.color, isDimmed: child.isDimmed, checked: child.checked, disabled: child.disabled, onChange: (event) => {
+const ToggleControlGroup = ({ componentType = 'toggleGroup', size = 'medium', title, tooltip = [], bar, childToggles, disabled, checked = true, behavior = 'multi', isDimmed = false, onChange, }) => {
+    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: size, tooltip: child.tooltip, symbol: child.symbol, color: child.color, isDimmed: child.isDimmed || isDimmed, checked: child.checked, disabled: child.disabled, onChange: (event) => {
                         child.onChange(event);
                     }, bar: child.bar }, uuidV4()));
             })] }));

package/dist/presentations/ToggleControlGroup/ToggleControlGroup.types.d.ts

@@ -18,4 +18,5 @@ export interface ToggleGroupControlSpec {
 export interface ToggleControlGroupProps extends ToggleGroupControlSpec {
     onChange: (event: React.ChangeEvent<HTMLInputElement>) => void;
     disabled?: boolean;
+    isDimmed?: boolean;
 }

package/package.json

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