@muraldevkit/ui-toolkit 2.8.0 → 2.9.1

package/dist/components/link/MrlLink/MrlLink.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import { LinkTargetType, LinkColor, LinkSize } from '../constants';
+import { LinkColor, LinkKind, LinkSize, LinkTargetType } from '../constants';
 import { AttrsObject } from '../../../utils';
 export interface MrlLinkProptypes {
     /** The textual label describing the link's purpose */
@@ -8,6 +8,12 @@ export interface MrlLinkProptypes {
     href: string;
     /** Specifies how to open the linked document */
     target?: LinkTargetType;
+    /**
+     * Color scheme to use based on the link's container background
+     * - bold (default): a thicker underline to help a link stand out in a large amount of body copy
+     * - simple: a thinner underline to help address visual hierarchy issues when many links are in a list
+     */
+    kind?: LinkKind;
     /**
      * Color scheme to use based on the link's container background
      * - default: most use cases
@@ -40,4 +46,4 @@ export interface MrlLinkProptypes {
  * @param {MrlLinkProptypes} props the props for your MrlLink
  * @returns {React.ReactElement} an a element containing the text you pass
  */
-export declare const MrlLink: ({ target, className, color, size, href, attrs, onClick, text }: MrlLinkProptypes) => React.ReactElement;
+export declare const MrlLink: ({ target, className, color, kind, size, href, attrs, onClick, text }: MrlLinkProptypes) => React.ReactElement;

package/dist/components/link/constants.d.ts

@@ -1,13 +1,16 @@
 export declare const allowedValues: {
     colors: readonly ["default", "mono", "inverse"];
+    kind: readonly ["bold", "simple"];
     sizes: readonly ["default", "large", "medium", "small", "xsmall"];
     targets: readonly ["_blank", "_parent", "_top", "_self"];
 };
 export type LinkColor = (typeof allowedValues.colors)[number];
+export type LinkKind = (typeof allowedValues.kind)[number];
 export type LinkSize = (typeof allowedValues.sizes)[number];
 export type LinkTargetType = (typeof allowedValues.targets)[number];
 export interface LinkDefaults {
     color: LinkColor;
+    kind: LinkKind;
     size: LinkSize;
     target: LinkTargetType;
 }

package/dist/components/svg/config.d.ts

@@ -115,7 +115,7 @@ export declare const colorPictoStoryData: {
 export declare const animateStoryData: {
     args: {
         delay: number;
-        state: "play" | "stop";
+        state: "stop" | "play";
     };
     argTypes: {
         delay: {

package/dist/components/table/MrlSmartTable/MrlSmartTable.d.ts

@@ -1,4 +1,5 @@
-import React from 'react';
+/// <reference types="react" />
+import { MrlTableProps } from '../MrlTable';
 import { MrlSortDirection, MrlTableColumnId, MrlTableColumnSortDescriptor, MrlTableItemId, MrlTableSelectionMode } from '../constants';
 export interface MrlSmartColumnRendererProps {
     /**
@@ -100,7 +101,7 @@ export interface MrlSmartTableSelectionOptions {
      */
     onSelectionChange: (keys: MrlTableSelection) => void;
 }
-export interface MrlSmartTableProps {
+export interface MrlSmartTableProps extends Partial<Pick<MrlTableProps, 'aria-label' | 'aria-labelledby' | 'aria-describedby' | 'aria-details'>> {
     /**
      * A list of table columns.
      */
@@ -139,4 +140,4 @@ export interface MrlSmartTableProps {
  * @param {MrlSmartTableProps} props - MrlSmartTable component props
  * @returns a table
  */
-export declare function MrlSmartTable(props: MrlSmartTableProps & React.HTMLProps<HTMLTableElement>): JSX.Element;
+export declare function MrlSmartTable(props: MrlSmartTableProps): JSX.Element;

package/dist/components/table/MrlTable/MrlTable.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export interface MrlTableProps extends React.HTMLProps<HTMLTableElement> {
+import * as React from 'react';
+export interface MrlTableProps extends React.ComponentPropsWithoutRef<'table'> {
     /**
      * An element id (and if not provided, a unique value decorated
      * to prevent conflict with aria controls will be generated).

package/dist/components/table/MrlTableBody/MrlTableBody.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export interface MrlTableBodyProps extends React.HTMLProps<HTMLTableSectionElement> {
+import * as React from 'react';
+export interface MrlTableBodyProps extends React.ComponentPropsWithoutRef<'tbody'> {
     /**
      * An element id (and if not provided, a unique value decorated
      * to prevent conflict with aria controls will be generated).

package/dist/components/table/MrlTableCell/MrlTableCell.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export interface MrlTableCellProps extends React.HTMLProps<HTMLTableCellElement> {
+import * as React from 'react';
+export interface MrlTableCellProps extends React.ComponentPropsWithoutRef<'td'> {
     /**
      * An element id (and if not provided, a unique value decorated
      * to prevent conflict with aria controls will be generated).

package/dist/components/table/MrlTableColumn/MrlTableColumn.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export interface MrlTableColumnProps extends React.HTMLProps<HTMLTableCellElement> {
+import * as React from 'react';
+export interface MrlTableColumnProps extends React.ComponentPropsWithoutRef<'th'> {
     /**
      * An element id (and if not provided, a unique value decorated
      * to prevent conflict with aria controls will be generated).

package/dist/components/table/MrlTableHeader/MrlTableHeader.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export interface MrlTableHeaderProps extends React.HTMLProps<HTMLTableSectionElement> {
+import * as React from 'react';
+export interface MrlTableHeaderProps extends React.ComponentPropsWithoutRef<'thead'> {
     /**
      * An element id (and if not provided, a unique value decorated
      * to prevent conflict with aria controls will be generated).

package/dist/components/table/MrlTableRow/MrlTableRow.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-export interface MrlTableRowProps extends React.HTMLProps<HTMLTableRowElement> {
+import * as React from 'react';
+export interface MrlTableRowProps extends React.ComponentPropsWithoutRef<'tr'> {
     /**
      * An element id (and if not provided, a unique value decorated
      * to prevent conflict with aria controls will be generated).