uikit-react-public 0.50.5 → 0.50.6

package/dist/components/ToggleGroup/ToggleGroup.d.ts

@@ -1,15 +1,17 @@
 import { default as React } from 'react';
 import { NonClearableSelectProps } from '../Select';
-import { ItemProps } from './subcomponents/Item';
+import { ToggleGroupItemProps } from './subcomponents/ToggleGroupItem';
+export declare const NAME = "ucl-uikit-toggle-group";
 export interface ToggleGroupProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
     value?: string;
     defaultValue?: string;
     onValueChange?: (value: string) => void;
+    testId?: string;
     selectProps?: Omit<NonClearableSelectProps<string>, 'options' | 'value' | 'onValueChange'>;
 }
 declare const ToggleGroup: {
-    ({ children, value, defaultValue, onValueChange, selectProps, }: ToggleGroupProps): React.JSX.Element;
-    Item: ({ value, label, sublabel, icon, disabled, }: ItemProps) => React.JSX.Element;
+    ({ children, value, defaultValue, onValueChange, selectProps, className, onKeyDown, testId, ...htmlAttributes }: ToggleGroupProps): React.JSX.Element;
+    Item: ({ value, label, sublabel, icon, disabled, className, onChange, testId, ...inputProps }: ToggleGroupItemProps) => React.JSX.Element;
 };
 export default ToggleGroup;

package/dist/components/ToggleGroup/ToggleGroup.stories.d.ts

@@ -2,8 +2,8 @@ import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
     component: {
-        ({ children, value, defaultValue, onValueChange, selectProps, }: import('./ToggleGroup').ToggleGroupProps): import("react").JSX.Element;
-        Item: ({ value, label, sublabel, icon, disabled, }: import('.').ItemProps) => import("react").JSX.Element;
+        ({ children, value, defaultValue, onValueChange, selectProps, className, onKeyDown, testId, ...htmlAttributes }: import('./ToggleGroup').ToggleGroupProps): import("react").JSX.Element;
+        Item: ({ value, label, sublabel, icon, disabled, className, onChange, testId, ...inputProps }: import('.').ToggleGroupItemProps) => import("react").JSX.Element;
     };
     parameters: {
         layout: string;

package/dist/components/ToggleGroup/ToggleGroupContext.d.ts

@@ -2,6 +2,8 @@ export interface ToggleGroupContextType {
     value: string | undefined;
     setValue: (value: string) => void;
     name: string;
+    tabbableValue: string | undefined;
+    hasSublabel: boolean;
 }
 declare const ToggleGroupContext: import('react').Context<ToggleGroupContextType | undefined>;
 export declare const useToggleGroupContext: () => ToggleGroupContextType;

package/dist/components/ToggleGroup/index.d.ts

@@ -1,4 +1,3 @@
 export { default } from './ToggleGroup';
 export type { ToggleGroupProps } from './ToggleGroup';
-export { default as Item } from './subcomponents/Item';
-export type { ItemProps } from './subcomponents/Item';
+export type { ToggleGroupItemProps } from './subcomponents/ToggleGroupItem';

package/dist/components/ToggleGroup/subcomponents/ToggleGroupItem.d.ts

@@ -0,0 +1,13 @@
+import { default as React } from 'react';
+import { SpecificIconsType } from '../../Icon/Icon';
+export declare const NAME = "ucl-uikit-toggle-group__item";
+export interface ToggleGroupItemProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    value: string;
+    label: string;
+    icon?: keyof SpecificIconsType;
+    disabled?: boolean;
+    sublabel?: string;
+    testId?: string;
+}
+declare const ToggleGroupItem: ({ value, label, sublabel, icon, disabled, className, onChange, testId, ...inputProps }: ToggleGroupItemProps) => React.JSX.Element;
+export default ToggleGroupItem;

package/dist/components/ToggleGroup/subcomponents/{Item.stories.d.ts → ToggleGroupItem.stories.d.ts}

@@ -1,7 +1,7 @@
 import { StoryObj } from '@storybook/react-vite';
 declare const meta: {
     title: string;
-    component: ({ value, label, sublabel, icon, disabled, }: import('./Item').ItemProps) => import("react").JSX.Element;
+    component: ({ value, label, sublabel, icon, disabled, className, onChange, testId, ...inputProps }: import('./ToggleGroupItem').ToggleGroupItemProps) => import("react").JSX.Element;
     parameters: {
         layout: string;
     };
@@ -12,6 +12,7 @@ declare const meta: {
         icon?: keyof import('../../Icon/Icon').SpecificIconsType | undefined;
         disabled?: boolean | undefined;
         sublabel?: string | undefined;
+        testId?: string | undefined;
         accept?: string | undefined | undefined;
         alt?: string | undefined | undefined;
         autoComplete?: import('react').HTMLInputAutoCompleteAttribute | undefined;

package/dist/components/index.d.ts

@@ -77,7 +77,7 @@ export type { CheckboxProps, LabelledCheckboxProps } from './Checkbox';
 export { default as Toggle } from './Toggle';
 export type { ToggleProps } from './Toggle';
 export { default as ToggleGroup } from './ToggleGroup';
-export type { ToggleGroupProps, ItemProps } from './ToggleGroup';
+export type { ToggleGroupItemProps, ToggleGroupProps } from './ToggleGroup';
 export { default as Chip } from './Chip';
 export type { ChipProps } from './Chip';
 export { default as AppMenu } from './AppMenu';