@design-system-rte/react 0.9.1 → 0.10.0

package/dist/components/divider/Divider.d.ts

@@ -0,0 +1,3 @@
+import { DividerProps } from '../../../../core/components/divider/divider.interface';
+declare const Divider: import('react').ForwardRefExoticComponent<DividerProps & import('react').RefAttributes<HTMLDivElement>>;
+export default Divider;

package/dist/components/icon/Icon.d.ts

@@ -6,7 +6,7 @@ export interface IconProps extends coreIconProps {
     className?: string;
 }
 interface IconWrapperProps extends CoreIconWrapperProps, Omit<React.SVGProps<SVGSVGElement>, "name" | "width" | "height"> {
-    name: RegularIconIdKey | TogglableIconIdKey;
+    name: string;
     appearance?: "outlined" | "filled";
 }
 declare const Icon: ({ name, size, color, appearance, ...props }: IconWrapperProps) => import("react/jsx-runtime").JSX.Element | null;

package/dist/components/segmentedControl/Segment.d.ts

@@ -0,0 +1,3 @@
+import { SegmentProps } from './SegmentedControl';
+declare const Segment: ({ id, icon, label, position, isSelected, onClick, ...props }: SegmentProps) => import("react/jsx-runtime").JSX.Element;
+export default Segment;

package/dist/components/segmentedControl/SegmentedControl.d.ts

@@ -0,0 +1,11 @@
+import { SegmentProps as CoreSegmentProps, SegmentedControlProps as CoreSegmentedControlProps } from '../../../../core/components/segmented-control/segmented-control.interface';
+import { MutableRefObject } from 'react';
+export interface SegmentProps extends CoreSegmentProps, Omit<React.HTMLAttributes<HTMLDivElement>, "id"> {
+    onClick?: (event: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;
+    parentRef?: MutableRefObject<HTMLDivElement | null>;
+}
+interface SegmentedControlProps extends CoreSegmentedControlProps, Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
+    onChange: (id: string) => void;
+}
+declare const SegmentedControl: import('react').ForwardRefExoticComponent<SegmentedControlProps & import('react').RefAttributes<HTMLDivElement>>;
+export default SegmentedControl;

package/dist/components/segmentedControl/SegmentedControlUtils.d.ts

@@ -0,0 +1,4 @@
+export declare const focusNextNotSegmentElement: (currentFocusedElementIndex: number, allFocusableElement: HTMLElement[], criteria: string) => void;
+export declare const focusPreviousNotSegmentElement: (currentFocusedElementIndex: number, allFocusableElement: HTMLElement[], criteria: string) => void;
+export declare const focusNextSegmentElement: (currentActiveSegmentElementIndex: number, allSegmentElements: HTMLElement[]) => void;
+export declare const focusPreviousSegmentElement: (currentActiveSegmentElementIndex: number, allSegmentElements: HTMLElement[]) => void;

package/dist/components/segmentedControl/hooks/useFocusFirstSegment.d.ts

@@ -0,0 +1,2 @@
+declare const useFocusCurrentSegmentElement: (ref: React.RefObject<HTMLDivElement>) => void;
+export default useFocusCurrentSegmentElement;

package/dist/components/segmentedControl/hooks/useSelectedSegmentIndicatorStyle.d.ts

@@ -0,0 +1,7 @@
+import { SegmentedControlProps as CoreSegmentedControlProps } from '../../../../../core/components/segmented-control/segmented-control.interface';
+import { MutableRefObject } from 'react';
+declare const useSelectedSegmentIndicatorStyle: (containerRef: MutableRefObject<HTMLDivElement | null>, options: CoreSegmentedControlProps["options"], selectedSegment?: string) => {
+    left: number;
+    width: number;
+};
+export default useSelectedSegmentIndicatorStyle;

package/dist/components/switch/Switch.d.ts

@@ -0,0 +1,7 @@
+import { SwitchProps as CoreSwitchProps } from '../../../../core/components/switch/switch.interface';
+import { InputHTMLAttributes } from 'react';
+interface SwitchProps extends CoreSwitchProps, InputHTMLAttributes<HTMLInputElement> {
+    onChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+}
+declare const Switch: ({ label, appearance, showLabel, showIcon, disabled, readOnly, checked, onChange, ...props }: SwitchProps) => import("react/jsx-runtime").JSX.Element;
+export default Switch;

package/dist/index.d.ts

@@ -3,6 +3,7 @@ import { default as Button } from './components/button/Button';
 import { default as Checkbox } from './components/checkbox/Checkbox.tsx';
 import { default as CheckboxGroup } from './components/checkboxGroup/CheckboxGroup.tsx';
 import { default as Chip } from './components/chip/Chip.tsx';
+import { default as Divider } from './components/divider/Divider.tsx';
 import { default as Grid } from './components/grid/Grid.tsx';
 import { default as Icon } from './components/icon/Icon.tsx';
 import { default as IconButton } from './components/iconButton/IconButton.tsx';
@@ -10,8 +11,10 @@ import { default as IconButtonToggle } from './components/iconButtonToggle/IconB
 import { default as Link } from './components/link/Link.tsx';
 import { default as RadioButton } from './components/radioButton/RadioButton.tsx';
 import { default as RadioButtonGroup } from './components/radioButtonGroup/RadioButtonGroup.tsx';
+import { default as SegmentedControl } from './components/segmentedControl/SegmentedControl.tsx';
 import { default as SplitButton } from './components/splitButton/SplitButton.tsx';
+import { default as Switch } from './components/switch/Switch.tsx';
 import { default as Textarea } from './components/textarea/Textarea.tsx';
 import { default as TextInput } from './components/textInput/TextInput.tsx';
 import { default as Tooltip } from './components/tooltip/Tooltip.tsx';
-export { Button, Grid, Checkbox, CheckboxGroup, Link, RadioButton, RadioButtonGroup, Icon, IconButton, IconButtonToggle, SplitButton, Tooltip, TextInput, Chip, Badge, Textarea, };
+export { Button, Grid, Checkbox, CheckboxGroup, Link, RadioButton, RadioButtonGroup, Icon, IconButton, IconButtonToggle, SplitButton, Tooltip, TextInput, Chip, Badge, Textarea, Divider, Switch, SegmentedControl, };