@mmb-digital/ds-lilly 0.10.13 → 0.10.15

package/dist/types/src/components/Components/CompactButtons/CompactButtons.d.ts

@@ -1,6 +1,6 @@
 import React, { ReactElement, ReactNode, SyntheticEvent } from 'react';
 import { IconNameType, TargetType } from '../../..';
-import { ComponentPropsType, DisabledTooltipPropsType } from '../../../utils';
+import { AriaPropsType, ComponentPropsType, DisabledTooltipPropsType } from '../../../utils';
 interface CompactButtonsButtonType extends ComponentPropsType, DisabledTooltipPropsType {
     /** Allow click event propagation */
     allowEventPropagation?: boolean;
@@ -34,6 +34,9 @@ interface CompactButtonsButtonType extends ComponentPropsType, DisabledTooltipPr
     /** Title of the button element */
     title?: string;
 }
+interface CompactButtonOtherPropsType extends AriaPropsType {
+    role?: string;
+}
 export interface CompactButtonsPropsType extends ComponentPropsType {
     /** Background color of compacted buttons wrapper. Default color is `primary` */
     background?: 'green' | 'gold' | 'red' | 'secondary';
@@ -45,7 +48,9 @@ export interface CompactButtonsPropsType extends ComponentPropsType {
     maxVisibleButtons?: number;
     /** Type of the buttons. Primary is filled with color, secondary is border-only and transparent is for links. */
     type?: 'border' | 'filled';
+    /** Props for other button */
+    otherButton: CompactButtonOtherPropsType;
 }
-export declare const CompactButtons: ({ background, buttons, isSmall, maxVisibleButtons, theme, type }: CompactButtonsPropsType) => JSX.Element;
+export declare const CompactButtons: ({ background, buttons, isSmall, otherButton, maxVisibleButtons, theme, type }: CompactButtonsPropsType) => JSX.Element;
 export {};
 //# sourceMappingURL=CompactButtons.d.ts.map

package/dist/types/src/components/Form/Toggle/Toggle.d.ts

@@ -10,12 +10,16 @@ export interface TogglePropsType extends ComponentPropsType, DisabledTooltipProp
     isActive?: boolean;
     /** Flag indicating that the toggle is disabled. */
     isDisabled?: boolean;
-    /** Flag if you want to use **secondary** visual. */
+    /** @deprecated Flag if you want to use **secondary** visual. Will be removed and replaced with **color** prop in upcoming versions */
     isSecondary?: boolean;
     /** Unique name. */
     name: string;
     /** Custom onChange handler. */
     onChange?: (value: boolean, event: SyntheticEvent) => void;
+    /** Sets color of Toggle. Default color is `primary` */
+    color?: 'green' | 'secondary';
+    /** Name of the icon to be displayed inside the handle when toggle is checked */
+    iconNameChecked?: IconNameType;
 }
-export declare const Toggle: ({ children, disabledTooltip, disabledTooltipType, iconName, isActive, isDisabled, isSecondary, name, onChange, testId, theme }: TogglePropsType) => JSX.Element;
+export declare const Toggle: ({ children, color, disabledTooltip, disabledTooltipType, iconName, iconNameChecked, isActive, isDisabled, isSecondary, name, onChange, testId, theme }: TogglePropsType) => JSX.Element;
 //# sourceMappingURL=Toggle.d.ts.map

package/dist/types/src/utils/classBinder.d.ts

@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import { ReactNode } from 'react';
+import { ReactElement, ReactNode } from 'react';
 import { TooltipType } from '../components/Components';
 import { Theme } from '../types';
 export declare const cx: typeof classNames;
@@ -17,4 +17,8 @@ export interface DisabledTooltipPropsType {
     /** Tooltip type - dark, light, grey */
     disabledTooltipType?: TooltipType;
 }
+export interface AriaPropsType extends ComponentPropsType {
+    ariaHidden?: boolean;
+    ariaLabel: string | ReactElement;
+}
 //# sourceMappingURL=classBinder.d.ts.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mmb-digital/ds-lilly",
-  "version": "0.10.13",
+  "version": "0.10.15",
   "description": "MMB LILLY design system",
   "license": "UNLICENSED",
   "sideEffects": false,