@iota/apps-ui-kit 0.12.0 → 0.13.0

package/CHANGELOG.md

@@ -1,5 +1,19 @@
 # @iota/apps-ui-kit
 
+## 0.13.0
+### Minor Changes
+
+- 94c9333: Clickable `TableRow`s ignore clicks coming from interactive elements inside them (links, buttons, inputs, `role="button"`…) or that end a text selection, and accept an `onAuxClick` handler. While one of those elements is hovered the row is not highlighted and the hovered link is highlighted instead. Links spread with `ROW_LINK_PROPS`, which go where the row goes, keep the row hover and are not highlighted. Adds `INTERACTIVE_ELEMENT_SELECTOR`, `ROW_LINK_ATTRIBUTE`, `ROW_LINK_PROPS` and the `row-hover`, `inner-link` and `inner-link-hover` Tailwind variants.
+
+### Patch Changes
+
+- b1718f3: add overflow wrap to infobox
+- a24230f: align Cardaction supporting text
+- fe39bd9: Improve tooltip positioning when there's not enough space
+- 9fe2669: Allow `CardBody` to receive a React node as `title`, not only a string.
+- Updated dependencies [fecdf36]
+  - @iota/apps-ui-icons@0.7.6
+
 ## 0.12.0
 
 ### Minor Changes

package/dist/index.d.ts

@@ -411,7 +411,7 @@ export declare enum CardActionType {
 export declare function CardBody({ title, subtitle, clickableAction, icon, isTextTruncated, tooltipText, tooltipPosition, }: CardBodyProps): JSX_2.Element;
 
 export declare type CardBodyProps = {
-    title: string;
+    title: ReactNode;
     subtitle?: string | ReactNode;
     clickableAction?: React.ReactNode;
     icon?: React.ReactNode;
@@ -865,6 +865,8 @@ declare interface InputWrapperProps {
     labelHtmlTag?: LabelHtmlTag;
 }
 
+export declare const INTERACTIVE_ELEMENT_SELECTOR: string;
+
 export declare const IOTA_NAMES_COLOR_PALETTE: {
     'names-primary': {
         '0': string;
@@ -1360,6 +1362,12 @@ export declare enum Resize {
     Vertical = "vertical"
 }
 
+export declare const ROW_LINK_ATTRIBUTE = "data-row-link";
+
+export declare const ROW_LINK_PROPS: {
+    readonly "data-row-link": true;
+};
+
 export declare enum ScreenSize {
     Sm = "sm",
     Md = "md",
@@ -1779,9 +1787,10 @@ export declare type TableProps = {
     heightFull?: boolean;
 };
 
-export declare function TableRow({ children, leading, onClick, }: PropsWithChildren<{
+export declare function TableRow({ children, leading, onClick, onAuxClick, }: PropsWithChildren<{
     leading?: React.ReactNode;
     onClick?: React.MouseEventHandler<HTMLTableRowElement>;
+    onAuxClick?: React.MouseEventHandler<HTMLTableRowElement>;
 }>): JSX.Element;
 
 export declare function TableRowCheckbox({ rowIndex, onCheckboxChange, isDisabled, }: TableRowCheckboxProps): React.JSX.Element;