@iota/apps-ui-kit 0.9.3 → 0.9.5

package/CHANGELOG.md

@@ -1,5 +1,25 @@
 # @iota/apps-ui-kit
 
+## 0.9.5
+
+### Patch Changes
+
+-   e19cf85: add badge size property
+-   Updated dependencies [ced5c54]
+    -   @iota/apps-ui-icons@0.7.5
+
+## 0.9.4
+
+### Patch Changes
+
+-   4a5ec26: Always show Copy and explorer buttons in Address component.
+-   adea573: Enable declarationMap in TS packages
+-   8ec6dd5: Extend support for aria props
+-   caf344f: Animations for dialog and Select.
+-   Updated dependencies [adea573]
+-   Updated dependencies [0142ab5]
+    -   @iota/apps-ui-icons@0.7.4
+
 ## 0.9.3
 
 ### Patch Changes

package/dist/index.d.ts

@@ -186,7 +186,7 @@ export declare interface AssetMediaRendererProps extends VideoProps {
     showFallback?: boolean;
 }
 
-export declare function Badge({ type, label }: BadgeProps): React.JSX.Element;
+export declare function Badge({ type, label, size }: BadgeProps): React.JSX.Element;
 
 declare interface BadgeProps {
     /**
@@ -197,6 +197,15 @@ declare interface BadgeProps {
      * The label of the badge.
      */
     label?: string;
+    /**
+     * The size of the badge
+     */
+    size?: BadgeSize;
+}
+
+export declare enum BadgeSize {
+    Medium = "medium",
+    Small = "small"
 }
 
 export declare enum BadgeType {
@@ -263,7 +272,7 @@ declare type ButtonPickedProps = Pick<ButtonProps, 'htmlType' | 'testId'>;
 
 export declare function ButtonPill({ htmlType, children, tabIndex, ...buttonProps }: Omit<ButtonVariantProps, 'className'>): JSX_2.Element;
 
-export declare interface ButtonProps {
+export declare interface ButtonProps extends Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'> {
     /**
      * The size of the button.
      */
@@ -310,9 +319,9 @@ export declare interface ButtonProps {
     testId?: string;
 }
 
-export declare function ButtonSegment({ icon, label, selected, disabled, onClick, type, isNested, }: ButtonSegmentProps): React.JSX.Element;
+export declare function ButtonSegment({ icon, label, selected, disabled, onClick, type, isNested, ...ariaProps }: ButtonSegmentProps): React.JSX.Element;
 
-declare interface ButtonSegmentProps {
+declare interface ButtonSegmentProps extends React.AriaAttributes {
     /**
      * The label of the button.
      */
@@ -367,7 +376,7 @@ declare interface ButtonVariantProps extends ButtonPickedProps, PropsFromButtonE
     children: React.ReactNode;
 }
 
-export declare function Card({ isDisabled, type, isHoverable, onClick, children, testId, }: CardProps): JSX_2.Element;
+export declare function Card({ isDisabled, type, isHoverable, onClick, children, testId, ...ariaProps }: CardProps): JSX_2.Element;
 
 export declare function CardAction({ type, onClick, subtitle, title, icon, iconAfterText, buttonType, buttonDisabled, }: CardActionProps): JSX_2.Element | null;
 
@@ -409,7 +418,7 @@ export declare interface CardImageProps {
     children?: React.ReactNode;
 }
 
-export declare interface CardProps {
+export declare interface CardProps extends React.AriaAttributes {
     /**
      * If `true`, the card will be disabled.
      */
@@ -445,7 +454,7 @@ export declare enum CardType {
 
 export declare const Checkbox: ForwardRefExoticComponent<CheckboxProps & RefAttributes<HTMLInputElement>>;
 
-declare interface CheckboxProps {
+declare interface CheckboxProps extends React.AriaAttributes {
     /**
      * The label of the checkbox.
      */
@@ -476,9 +485,9 @@ declare interface CheckboxProps {
     name?: string;
 }
 
-export declare function Chip({ label, type, selected, showClose, onClose, onClick, avatar, leadingElement, trailingElement, disabled, size, }: ChipProps): JSX_2.Element;
+export declare function Chip({ label, type, selected, showClose, onClose, onClick, avatar, leadingElement, trailingElement, disabled, size, ...ariaProps }: ChipProps): JSX_2.Element;
 
-declare interface ChipProps {
+declare interface ChipProps extends React.AriaAttributes {
     /**
      * The label of the chip
      */
@@ -1075,9 +1084,9 @@ export declare enum LabelTextSize {
     Large = "large"
 }
 
-export declare function ListItem({ showRightIcon, hideBottomBorder, onClick, isDisabled, children, isHighlighted, }: PropsWithChildren<ListItemProps>): React.JSX.Element;
+export declare function ListItem({ showRightIcon, hideBottomBorder, onClick, isDisabled, children, isHighlighted, ...ariaProps }: PropsWithChildren<ListItemProps>): React.JSX.Element;
 
-export declare interface ListItemProps {
+export declare interface ListItemProps extends React.AriaAttributes {
     /**
      * Has right icon (optional).
      */
@@ -1127,7 +1136,7 @@ export declare function Navbar({ items, activeId, onClickItem, isCollapsible, on
 
 export declare function NavbarItem(props: NavbarItemProps): React.JSX.Element;
 
-export declare interface NavbarItemProps {
+export declare interface NavbarItemProps extends React.AriaAttributes {
     /**
      * The type of the navbar item.
      */
@@ -1236,9 +1245,9 @@ declare interface PlaceholderProps {
 
 declare type PropsFromButtonElement = Omit<React.HTMLProps<HTMLButtonElement>, 'type'>;
 
-export declare function RadioButton({ id, name, label, supportingLabel, body, isChecked, isDisabled, onChange, }: RadioButtonProps): React.JSX.Element;
+export declare function RadioButton({ id, name, label, supportingLabel, body, isChecked, isDisabled, onChange, ...ariaProps }: RadioButtonProps): React.JSX.Element;
 
-declare interface RadioButtonProps {
+declare interface RadioButtonProps extends React.AriaAttributes {
     /**
      * The id of the radio button.
      */
@@ -1287,14 +1296,14 @@ export declare enum ScreenSize {
     Xl = "xl"
 }
 
-export declare function Search({ searchValue, suggestions, onSearchValueChange, onSuggestionClick, placeholder, isLoading, type, renderSuggestion, }: SearchProps): React.JSX.Element;
+export declare function Search({ searchValue, suggestions, onSearchValueChange, onSuggestionClick, placeholder, isLoading, type, renderSuggestion, ...ariaProps }: SearchProps): React.JSX.Element;
 
 export declare enum SearchBarType {
     Outlined = "outlined",
     Filled = "filled"
 }
 
-export declare interface SearchProps {
+export declare interface SearchProps extends React.AriaAttributes {
     /**
      * The value of the search input.
      */
@@ -1371,7 +1380,7 @@ export declare type SelectOption = string | {
     label: React.ReactNode;
 };
 
-declare interface SelectProps extends Pick<React.HTMLProps<HTMLSelectElement>, 'disabled'> {
+declare interface SelectProps extends Pick<React.HTMLProps<HTMLSelectElement>, 'disabled'>, React.AriaAttributes {
     /**
      * The selected option value.
      */
@@ -1565,9 +1574,9 @@ export declare interface TableCellTextProps {
 
 export declare function TableHeader({ children }: PropsWithChildren): JSX.Element;
 
-export declare function TableHeaderCell({ label, columnKey, hasSort, hasCheckbox, isChecked, isIndeterminate, isContentCentered, onSortClick, onCheckboxChange, sortOrder, }: TableHeaderCellProps): JSX.Element;
+export declare function TableHeaderCell({ label, columnKey, hasSort, hasCheckbox, isChecked, isIndeterminate, isContentCentered, onSortClick, onCheckboxChange, sortOrder, ...ariaProps }: TableHeaderCellProps): JSX.Element;
 
-export declare interface TableHeaderCellProps {
+export declare interface TableHeaderCellProps extends React.AriaAttributes {
     /**
      * The column key.
      */
@@ -1791,7 +1800,7 @@ export declare enum ToggleLabelPosition {
     Right = "right"
 }
 
-declare interface ToggleProps {
+declare interface ToggleProps extends React.AriaAttributes {
     /**
      * The label for the toggle.
      */
@@ -1877,7 +1886,7 @@ export declare interface VideoProps {
     disableControls?: boolean;
 }
 
-declare interface VisualAssetBaseProps {
+declare interface VisualAssetBaseProps extends React.AriaAttributes {
     /**
      * The onClick event for the icon.
      */