@design-system-rte/react 1.1.0 → 1.3.0

package/dist/components/assistivetext/AssistiveText.d.ts

@@ -0,0 +1,3 @@
+import { AssistiveTextProps } from '../../../../core/components/assistive-text/assistive-text.interface';
+declare const AssistiveText: ({ label, appearance, showIcon, href, width }: AssistiveTextProps) => import("react/jsx-runtime").JSX.Element;
+export default AssistiveText;

package/dist/components/breadcrumbs/breadcrumbItem/BreadcrumbItem.d.ts

@@ -1,10 +1,3 @@
-type BreadcrumbItemProps = {
-    item: {
-        label: string;
-        link: string;
-    };
-    isLast: boolean;
-    breadcrumbItemMaxWidth?: number;
-};
-declare const BreadcrumbItem: ({ item, isLast, breadcrumbItemMaxWidth }: BreadcrumbItemProps) => import("react/jsx-runtime").JSX.Element;
+import { BreadcrumbProps } from '../../../../../core/components/breadcrumbs/breadcrumbs.interface';
+declare const BreadcrumbItem: ({ item, isLast, breadcrumbItemMaxWidth }: BreadcrumbProps) => import("react/jsx-runtime").JSX.Element;
 export default BreadcrumbItem;

package/dist/components/dropdown/Dropdown.d.ts

@@ -1,6 +1,8 @@
 import { DropdownProps as CoreDropdownProps } from '../../../../core/components/dropdown/dropdown.interface';
 interface DropdownProps extends CoreDropdownProps, React.HTMLAttributes<HTMLDivElement> {
     trigger: React.ReactNode;
+    header?: React.ReactNode;
+    footer?: React.ReactNode;
 }
 export declare const Dropdown: import('react').ForwardRefExoticComponent<DropdownProps & import('react').RefAttributes<HTMLDivElement>>;
 export {};

package/dist/components/dropdown/dropdownItem/DropdownItem.d.ts

@@ -2,5 +2,5 @@ import { DropdownItemProps as CoreDropdownItemProps } from '../../../../../core/
 interface DropdownItemProps extends Omit<CoreDropdownItemProps, "onClick">, React.HTMLAttributes<HTMLLIElement> {
     onClick?: (event: React.MouseEvent<HTMLLIElement> | React.KeyboardEvent<HTMLLIElement>) => void;
 }
-export declare const DropdownItem: ({ label, link, leftIcon, trailingText, disabled, hasSeparator, hasIndent, children, onClick, ...props }: DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
+export declare const DropdownItem: ({ label, link, leftIcon, trailingText, disabled, hasSeparator, hasIndent, children, badgeCount, badgeContent, badgeIcon, badgeType, badgeSize, showBadge, isSelected, onClick, ...props }: DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/requiredindicator/RequiredIndicator.d.ts

@@ -0,0 +1,3 @@
+import { RequiredIndicatorProps } from '../../../../core/components/required-indicator/required-indicator.interface';
+declare const RequiredIndicator: ({ required, showLabelRequirement }: RequiredIndicatorProps) => import("react/jsx-runtime").JSX.Element;
+export default RequiredIndicator;

package/dist/components/searchbar/Searchbar.d.ts

@@ -0,0 +1,9 @@
+import { SearchBarProps as CoreSearchBarProps } from '../../../../core/components/searchbar/searchbar.interface';
+import { InputHTMLAttributes } from 'react';
+interface SearchbarProps extends CoreSearchBarProps, Omit<InputHTMLAttributes<HTMLInputElement>, "id" | "onChange" | "value" | "defaultValue" | "placeholder"> {
+    onSearch?: (input: string | undefined) => void;
+    onChange?: (input: string | undefined) => void;
+    onClear?: () => void;
+}
+declare const Searchbar: import('react').ForwardRefExoticComponent<SearchbarProps & import('react').RefAttributes<HTMLInputElement>>;
+export default Searchbar;

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

@@ -1,3 +1,6 @@
-import { SegmentProps } from './SegmentedControl';
-declare const Segment: ({ id, icon, label, position, isSelected, onClick, ...props }: SegmentProps) => import("react/jsx-runtime").JSX.Element;
+import { SegmentProps as CoreSegmentProps } from '../../../../core/components/segmented-control/segmented-control.interface';
+interface SegmentProps extends CoreSegmentProps {
+    onClick?: (event: React.MouseEvent<HTMLDivElement> | React.KeyboardEvent<HTMLDivElement>) => void;
+}
+declare const Segment: ({ id, icon, label, position, isSelected, onClick, badgeCount, badgeContent, badgeIcon, badgeType, badgeSize, showBadge, ...props }: SegmentProps) => import("react/jsx-runtime").JSX.Element;
 export default Segment;

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

@@ -1,9 +1,4 @@
-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>;
-}
+import { SegmentedControlProps as CoreSegmentedControlProps } from '../../../../core/components/segmented-control/segmented-control.interface';
 interface SegmentedControlProps extends CoreSegmentedControlProps, Omit<React.HTMLAttributes<HTMLDivElement>, "onChange"> {
     onChange: (id: string) => void;
 }

package/dist/components/select/Select.d.ts

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

package/dist/components/sideNav/stories/helpers/testHelpers.d.ts

@@ -0,0 +1,7 @@
+import { within } from '@storybook/test';
+declare function getCanvasAndSideNav(canvasElement: HTMLElement): {
+    canvas: ReturnType<typeof within>;
+    sideNav: HTMLElement;
+};
+declare function waitForTooltip(delay?: number): Promise<void>;
+export { getCanvasAndSideNav, waitForTooltip };

package/dist/components/textInput/baseTextuInput/BaseTextInput.d.ts

@@ -0,0 +1,10 @@
+import { BaseTextInputProps as CoreTextInputProps } from '../../../../../core/components/text-input/text-input.interface';
+import { CSSProperties, InputHTMLAttributes, ReactNode } from 'react';
+interface BaseTextInputProps extends CoreTextInputProps, Omit<InputHTMLAttributes<HTMLInputElement>, "id" | "onChange" | "value" | "defaultValue" | "placeholder"> {
+    onChange?: (value: string) => void;
+    rightSlot?: ReactNode;
+    inputStyle?: CSSProperties;
+    highlighted?: boolean;
+}
+declare const BaseTextInput: import('react').ForwardRefExoticComponent<BaseTextInputProps & import('react').RefAttributes<HTMLInputElement>>;
+export default BaseTextInput;

package/dist/index.d.ts

@@ -16,15 +16,18 @@ import { default as Modal } from './components/modal/Modal.tsx';
 import { default as Popover } from './components/popover/Popover.tsx';
 import { default as RadioButton } from './components/radioButton/RadioButton.tsx';
 import { default as RadioButtonGroup } from './components/radioButtonGroup/RadioButtonGroup.tsx';
+import { default as Searchbar } from './components/searchbar/Searchbar.tsx';
 import { default as SegmentedControl } from './components/segmentedControl/SegmentedControl.tsx';
+import { default as Select } from './components/select/Select.tsx';
 import { default as BaseSideNav } from './components/sideNav/baseSideNav/BaseSideNav.tsx';
 import { default as SideNav } from './components/sideNav/SideNav.tsx';
 import { default as SplitButton } from './components/splitButton/SplitButton.tsx';
 import { default as Switch } from './components/switch/Switch.tsx';
+import { default as Tab } from './components/tab/Tab.tsx';
 import { default as Tag } from './components/tag/Tag.tsx';
 import { default as Textarea } from './components/textarea/Textarea.tsx';
-import { default as TextInput } from './components/textInput/TextInput.tsx';
+import { default as BaseTextInput } from './components/textInput/baseTextuInput/BaseTextInput.tsx';
 import { default as Toast } from './components/toast/Toast.tsx';
 import { default as ToastQueueProvider } from './components/toast/toastQueue/ToastQueueProvider.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, Divider, Switch, SegmentedControl, Breadcrumbs, Banner, Popover, Modal, SideNav, BaseSideNav, Card, Toast, ToastQueueProvider, Tag, };
+export { Button, Grid, Checkbox, CheckboxGroup, Link, RadioButton, RadioButtonGroup, Icon, IconButton, IconButtonToggle, SplitButton, Tooltip, BaseTextInput as TextInput, Chip, Badge, Textarea, Divider, Switch, SegmentedControl, Breadcrumbs, Banner, Popover, Modal, SideNav, BaseSideNav, Card, Toast, ToastQueueProvider, Tag, Tab, Searchbar, Select, };