@design-system-rte/react 0.11.0 → 0.13.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -1,8 +1,7 @@
1
1
  import { BadgeProps as BadgePropsCore } from '../../../../core/components/badge/badge.interface';
2
- import { RegularIconIdKey, TogglableIconIdKey } from '../icon/Icon';
3
- export interface BadgeProps extends BadgePropsCore, Omit<React.HTMLAttributes<HTMLDivElement>, "children"> {
4
- children: React.ReactNode;
5
- icon?: RegularIconIdKey | TogglableIconIdKey;
2
+ export interface BadgeProps extends BadgePropsCore, Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "content"> {
3
+ children?: React.ReactNode;
4
+ icon?: string;
6
5
  }
7
6
  declare const Badge: import('react').ForwardRefExoticComponent<BadgeProps & import('react').RefAttributes<HTMLDivElement>>;
8
7
  export default Badge;
@@ -0,0 +1,5 @@
1
+ import { BannerProps as CoreBannerProps } from '../../../../core/components/banner/banner.interface';
2
+ interface BannerProps extends CoreBannerProps, React.HTMLAttributes<HTMLDivElement> {
3
+ }
4
+ declare const Banner: import('react').ForwardRefExoticComponent<BannerProps & import('react').RefAttributes<HTMLDivElement>>;
5
+ export default Banner;
@@ -0,0 +1,6 @@
1
+ import { DropdownProps as CoreDropdownProps } from '../../../../core/components/dropdown/dropdown.interface';
2
+ interface DropdownProps extends CoreDropdownProps, React.HTMLAttributes<HTMLDivElement> {
3
+ trigger: React.ReactNode;
4
+ }
5
+ export declare const Dropdown: import('react').ForwardRefExoticComponent<DropdownProps & import('react').RefAttributes<HTMLDivElement>>;
6
+ export {};
@@ -0,0 +1,4 @@
1
+ export declare const focusNextElement: (dropdown: HTMLElement) => void;
2
+ export declare const focusPreviousElement: (dropdown: HTMLElement) => void;
3
+ export declare const focusChildDropdownFirstElement: (childDropdownId: string) => void;
4
+ export declare const focusParentDropdownFirstElement: (dropdownId: string) => void;
@@ -0,0 +1,5 @@
1
+ export declare const DropdownParentContext: import('react').Context<{
2
+ dropdownId: string;
3
+ closeRoot: () => void;
4
+ autoClose: boolean;
5
+ } | undefined>;
@@ -0,0 +1,6 @@
1
+ export declare const DropdownContextProvider: ({ dropdownId, closeRoot, autoClose, children, }: {
2
+ dropdownId: string;
3
+ autoClose?: boolean;
4
+ closeRoot: () => void;
5
+ children: React.ReactNode;
6
+ }) => import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1,6 @@
1
+ import { DropdownItemProps as CoreDropdownItemProps } from '../../../../../core/components/dropdown/dropdown.interface';
2
+ interface DropdownItemProps extends Omit<CoreDropdownItemProps, "onClick">, React.HTMLAttributes<HTMLLIElement> {
3
+ onClick?: (event: React.MouseEvent<HTMLLIElement> | React.KeyboardEvent<HTMLLIElement>) => void;
4
+ }
5
+ export declare const DropdownItem: ({ label, link, leftIcon, trailingText, disabled, hasSeparator, hasIndent, children, onClick, ...props }: DropdownItemProps) => import("react/jsx-runtime").JSX.Element;
6
+ export {};
@@ -0,0 +1,7 @@
1
+ export declare const useDropdownState: (dropdownId?: string) => {
2
+ dropdownId: string;
3
+ isOpen: boolean;
4
+ open: () => void;
5
+ close: () => void;
6
+ toggle: () => void;
7
+ };
@@ -0,0 +1,8 @@
1
+ import { PopoverProps as CorePopoverProps } from '../../../../core/components/popover/popover.interface';
2
+ interface PopoverProps extends CorePopoverProps, Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "content"> {
3
+ content: string;
4
+ children: React.ReactNode;
5
+ triggerStyles?: React.CSSProperties;
6
+ }
7
+ declare const Popover: import('react').ForwardRefExoticComponent<PopoverProps & import('react').RefAttributes<HTMLDivElement>>;
8
+ export default Popover;
@@ -0,0 +1,7 @@
1
+ import { TabProps as CoreTabProps } from '../../../../core/components/tab/tab.interface';
2
+ import { HTMLAttributes } from 'react';
3
+ interface TabProps extends CoreTabProps, Omit<HTMLAttributes<HTMLDivElement>, "onChange"> {
4
+ onChange: (id: string) => void;
5
+ }
6
+ declare const Tab: import('react').ForwardRefExoticComponent<TabProps & import('react').RefAttributes<HTMLDivElement>>;
7
+ export default Tab;
@@ -0,0 +1,7 @@
1
+ import { TabItemProps as CoreTabItemProps } from '../../../../../core/components/tab/tab.interface';
2
+ import { HTMLAttributes, MouseEvent, KeyboardEvent } from 'react';
3
+ interface TabItemProps extends CoreTabItemProps, Omit<HTMLAttributes<HTMLButtonElement>, "id" | "onClick"> {
4
+ onClick: (event: MouseEvent<HTMLButtonElement> | KeyboardEvent<HTMLButtonElement>) => void;
5
+ }
6
+ declare const TabItem: import('react').ForwardRefExoticComponent<TabItemProps & import('react').RefAttributes<HTMLButtonElement>>;
7
+ export default TabItem;
package/dist/index.d.ts CHANGED
@@ -1,4 +1,5 @@
1
1
  import { default as Badge } from './components/badge/Badge.tsx';
2
+ import { default as Banner } from './components/banner/Banner.tsx';
2
3
  import { default as Breadcrumbs } from './components/breadcrumbs/Breadcrumbs.tsx';
3
4
  import { default as Button } from './components/button/Button';
4
5
  import { default as Checkbox } from './components/checkbox/Checkbox.tsx';
@@ -10,6 +11,7 @@ import { default as Icon } from './components/icon/Icon.tsx';
10
11
  import { default as IconButton } from './components/iconButton/IconButton.tsx';
11
12
  import { default as IconButtonToggle } from './components/iconButtonToggle/IconButtonToggle.tsx';
12
13
  import { default as Link } from './components/link/Link.tsx';
14
+ import { default as Popover } from './components/popover/Popover.tsx';
13
15
  import { default as RadioButton } from './components/radioButton/RadioButton.tsx';
14
16
  import { default as RadioButtonGroup } from './components/radioButtonGroup/RadioButtonGroup.tsx';
15
17
  import { default as SegmentedControl } from './components/segmentedControl/SegmentedControl.tsx';
@@ -18,4 +20,4 @@ import { default as Switch } from './components/switch/Switch.tsx';
18
20
  import { default as Textarea } from './components/textarea/Textarea.tsx';
19
21
  import { default as TextInput } from './components/textInput/TextInput.tsx';
20
22
  import { default as Tooltip } from './components/tooltip/Tooltip.tsx';
21
- export { Button, Grid, Checkbox, CheckboxGroup, Link, RadioButton, RadioButtonGroup, Icon, IconButton, IconButtonToggle, SplitButton, Tooltip, TextInput, Chip, Badge, Textarea, Divider, Switch, SegmentedControl, Breadcrumbs, };
23
+ export { Button, Grid, Checkbox, CheckboxGroup, Link, RadioButton, RadioButtonGroup, Icon, IconButton, IconButtonToggle, SplitButton, Tooltip, TextInput, Chip, Badge, Textarea, Divider, Switch, SegmentedControl, Breadcrumbs, Banner, Popover, };