@iota/apps-ui-kit 0.2.1 → 0.3.0

package/CHANGELOG.md

@@ -1,5 +1,30 @@
 # @iota/apps-ui-kit
 
+## 0.3.0
+
+### Minor Changes
+
+-   3b8b320: update input styles for darkmode
+-   b28a0be: Improve search input behavior:
+
+    -   Allow navigation through suggestions with arrow up/down keys
+    -   Select suggestion on Enter
+
+### Patch Changes
+
+-   b83b198: improve darkmode styles for destructive button
+-   b06e657: Improve styling for small screens
+-   9f4c5e4: Enhance snackbar and infobox with warning type. Update styles for default type.
+-   2bd31a2: fix tooltip max-width
+-   Updated dependencies [8f73b75]
+    -   @iota/apps-ui-icons@0.2.2
+
+## 0.2.2
+
+### Patch Changes
+
+-   c0ef9f2: Update scrollbar styles for firefox and add firefox only class selector
+
 ## 0.2.1
 
 ### Patch Changes

package/dist/index.d.ts

@@ -25,7 +25,7 @@ declare interface AccordionContentProps {
     isExpanded: boolean;
 }
 
-export declare function AccordionHeader({ onToggle, children, isExpanded, hideArrow, hideBorder, }: PropsWithChildren<AccordionHeaderProps>): JSX_2.Element;
+export declare function AccordionHeader({ onToggle, children, isExpanded, hideArrow, }: PropsWithChildren<AccordionHeaderProps>): JSX_2.Element;
 
 export declare interface AccordionHeaderProps {
     /**
@@ -655,7 +655,9 @@ export declare enum InfoBoxStyle {
 
 export declare enum InfoBoxType {
     Default = "default",
-    Error = "error"
+    Error = "error",
+    Success = "success",
+    Warning = "warning"
 }
 
 export declare const Input: ForwardRefExoticComponent<InputProps & RefAttributes<HTMLInputElement>>;
@@ -776,6 +778,11 @@ export declare const IOTA_PRIMITIVES_COLOR_PALETTE: {
         '98': string;
         '100': string;
     };
+    warning: {
+        '10': string;
+        '20': string;
+        '90': string;
+    };
 };
 
 export declare function KeyValueInfo({ keyText, value, tooltipPosition, tooltipText, supportingLabel, size, isTruncated, copyText, onCopySuccess, onCopyError, fullwidth, isReverse, valueHoverTitle, }: KeyValueProps): React.JSX.Element;
@@ -925,7 +932,7 @@ export declare interface LoadingIndicatorProps {
     testId?: string;
 }
 
-export declare function Navbar({ items, activeId, onClickItem, isCollapsable, onToggleNavbar, }: NavbarProps): JSX_2.Element;
+export declare function Navbar({ items, activeId, onClickItem, isCollapsible, onToggleNavbar, }: NavbarProps): JSX_2.Element;
 
 export declare function NavbarItem(props: NavbarItemProps): React.JSX.Element;
 
@@ -971,9 +978,9 @@ export declare type NavbarItemWithId = NavbarItemProps_2 & {
 
 export declare interface NavbarProps {
     /**
-     * If this flag is true we need to leave only the icon and collapsable button
+     * If this flag is true we need to leave only the icon and collapsible button
      */
-    isCollapsable?: boolean;
+    isCollapsible?: boolean;
     /**
      * List of elements to be displayed in the navbar.
      */
@@ -987,7 +994,7 @@ export declare interface NavbarProps {
      */
     onClickItem: (id: string) => void;
     /**
-     * If the navbar is collapsable, this flag indicates if it is open or not.
+     * If the navbar is collapsible, this flag indicates if it is open or not.
      */
     isOpen?: boolean;
     /**
@@ -1303,7 +1310,9 @@ export declare interface SnackbarProps {
 
 export declare enum SnackbarType {
     Default = "default",
-    Error = "error"
+    Error = "error",
+    Warning = "warning",
+    Success = "success"
 }
 
 export declare interface Suggestion {
@@ -1346,7 +1355,7 @@ 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, }: TableHeaderCellProps): JSX.Element;
+export declare function TableHeaderCell({ label, columnKey, hasSort, hasCheckbox, isChecked, isIndeterminate, isContentCentered, onSortClick, onCheckboxChange, sortOrder, }: TableHeaderCellProps): JSX.Element;
 
 export declare interface TableHeaderCellProps {
     /**
@@ -1393,6 +1402,10 @@ export declare interface TableHeaderCellProps {
      * Whether the cell content should be centered.
      */
     isContentCentered?: boolean;
+    /**
+     * Sort order when cell is initialized
+     */
+    sortOrder?: TableHeaderCellSortOrder;
 }
 
 export declare enum TableHeaderCellSortOrder {
@@ -1552,7 +1565,7 @@ export declare enum TitleSize {
     Medium = "medium"
 }
 
-export declare function Tooltip({ text, position, children, }: PropsWithChildren<TooltipProps>): React.JSX.Element;
+export declare function Tooltip({ text, position, maxWidth, children, }: PropsWithChildren<TooltipProps>): React.JSX.Element;
 
 export declare enum TooltipPosition {
     Top = "top",
@@ -1564,6 +1577,7 @@ export declare enum TooltipPosition {
 declare interface TooltipProps {
     text: string;
     position?: TooltipPosition;
+    maxWidth?: string;
 }
 
 export declare function truncate(value: string, startLength?: number, endLength?: number): string;