@iota/apps-ui-kit 0.10.1 → 0.11.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @iota/apps-ui-kit
 
+## 0.11.0
+
+### Minor Changes
+
+-   bf352b1: Add `actionLeft` and `actionRight` props to `TableHeaderCell` to render content (e.g. a tooltip icon) alongside the header label.
+
+### Patch Changes
+
+-   140abe4: Add actionLeft and actionRight to TableHeaderCell
+-   b9462f0: Accept `ReactNode` in `KeyValueInfo` `supportingLabel` and `CardAction` `subtitle`, and fix `InfoBox` elevated-style left padding when no icon is provided.
+-   b656aef: Align card body title and subtitle text to the start.
+
 ## 0.10.1
 
 ### Patch Changes

package/dist/index.d.ts

@@ -383,7 +383,7 @@ export declare function CardAction({ type, onClick, subtitle, title, icon, iconA
 
 export declare type CardActionProps = {
     title?: string;
-    subtitle?: string;
+    subtitle?: string | React.ReactNode;
     type: CardActionType;
     onClick?: () => void;
     icon?: React.ReactNode;
@@ -1035,13 +1035,17 @@ export declare const IOTA_PRIMITIVES_COLOR_PALETTE: {
     };
 };
 
-export declare function KeyValueInfo({ keyText, value, tooltipPosition, tooltipText, supportingLabel, size, isTruncated, copyText, onCopySuccess, onCopyError, fullwidth, isReverse, valueHoverTitle, }: KeyValueProps): React.JSX.Element;
+export declare function KeyValueInfo({ keyText, keyIcon, value, tooltipPosition, tooltipText, supportingLabel, size, isTruncated, copyText, onCopySuccess, onCopyError, fullwidth, isReverse, valueHoverTitle, }: KeyValueProps): React.JSX.Element;
 
 declare interface KeyValueProps {
     /**
      * The key of the KeyValue.
      */
     keyText: string;
+    /**
+     * An icon shown next to the key text (optional).
+     */
+    keyIcon?: ReactNode;
     /**
      * The value of the KeyValue.
      */
@@ -1057,7 +1061,7 @@ declare interface KeyValueProps {
     /**
      * The supporting label of the KeyValue (optional).
      */
-    supportingLabel?: string;
+    supportingLabel?: string | ReactNode;
     /**
      * The size of the value (optional).
      */
@@ -1626,7 +1630,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, sortOrder, ...ariaProps }: TableHeaderCellProps): JSX.Element;
+export declare function TableHeaderCell({ label, columnKey, actionLeft, actionRight, hasSort, hasCheckbox, isChecked, isIndeterminate, isContentCentered, onSortClick, onCheckboxChange, sortOrder, ...ariaProps }: TableHeaderCellProps): JSX.Element;
 
 export declare interface TableHeaderCellProps extends React.AriaAttributes {
     /**