@muraldevkit/ui-toolkit 2.42.0 → 2.43.1

package/README.md

@@ -4,7 +4,7 @@ Shared React components for use across the Mural platform.
 ## Table of contents
 - [Quick start](#quick-start)
 - [Documentation](#documentation)
-- [Component standards](./docs/component-standards.md)
+- [Component standards](./src/storybook_docs/getting-started/component-standards.mdx)
 - [Contribution Guide](./CONTRIBUTING.md)
 ## Quick start
 
@@ -20,7 +20,7 @@ To run tests locally:
 If you need to verify your local changes in an external project see our [Local Enviroment Guide](./docs/local-development.md).
 ## What's included
 
-Within the project you'll find the `src/` directory, which logically groups components together. For more information on our components see our [Component standards](./docs/component-standards.md).
+Within the project you'll find the `src/` directory, which logically groups components together. For more information on our components see our [Component standards](./src/storybook_docs/getting-started/component-standards.mdx)
 
 ## Documentation
 Our doc site uses Storybook as living documentation and dev environment. We support [mdx](https://mdxjs.com/) files and standard Storybook files, we use [CSF version 3](https://storybook.js.org/blog/component-story-format-3-0/). You can find examples on how to add markdown docs to the doc section of our site in the `src/storybookds_docs`. For documentation on how to write [Storybook stories](https://storybook.js.org/docs/react/writing-stories/introduction).

package/dist/components/button/MrlIconButton/MrlIconButton.d.ts

@@ -7,6 +7,8 @@ import './MrlIconButton.scss';
 export interface MrlIconButtonProps extends Omit<MrlComponentProps, 'style'>, React.ComponentProps<'button'> {
     /**
      * Applies additional HTML attributes to the button element.
+     *
+     * @deprecated
      */
     attrs?: AttrsObject;
     /**

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

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { LinkColor, LinkKind, LinkSize, LinkTargetType } from '../constants';
 import { AttrsObject } from '../../../utils';
-export interface MrlLinkProptypes {
+export interface MrlLinkProptypes extends React.ComponentProps<'a'> {
     /** The textual label describing the link's purpose */
     text: string;
     /** Specifies where to redirect the linked document */
@@ -46,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, kind, size, href, attrs, onClick, text }: MrlLinkProptypes) => React.ReactElement;
+export declare const MrlLink: ({ target, className, color, kind, size, href, attrs, onClick, text, ...remainingProps }: MrlLinkProptypes) => React.ReactElement;

package/dist/components/menu/MrlMenuItemLink/MrlMenuItemLink.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
 import { DSIconType } from '../../../';
-interface MrlMenuItemLinkProps {
+export interface MrlMenuItemLinkProps {
     /** ID for associated description */
     ariaDescribedBy?: string;
     /**
@@ -35,4 +35,3 @@ interface MrlMenuItemLinkProps {
  * @returns {Element} - rendered MrlMenuItem component
  */
 export declare function MrlMenuItemLink({ ariaDescribedBy, children, className, dataQa, disabled, href, icon, id, onClick, selected, target }: MrlMenuItemLinkProps): JSX.Element;
-export {};

package/dist/components/portal/MrlPortal.d.ts

@@ -1,6 +1,7 @@
 import React from 'react';
-export interface PortalProps {
+export interface PortalProps extends React.HTMLAttributes<HTMLDivElement> {
     children: React.ReactNode;
+    className?: string;
     id?: string;
 }
 export declare const MRL_PORTAL_ID = "mrl-root-portal";
@@ -11,4 +12,4 @@ export declare const MRL_PORTAL_ID = "mrl-root-portal";
  * @param PortalProps Portal only takes children. Contact the platform team if you need to extend this.
  * @returns MrlPortal component
  */
-export declare const MrlPortal: ({ children, id }: PortalProps) => React.ReactElement | null;
+export declare const MrlPortal: ({ children, className, id, ...remainingProps }: PortalProps) => React.ReactElement | null;

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/tooltip/MrlTooltip/MrlTooltip.d.ts

@@ -20,8 +20,18 @@ interface MrlTooltipProps {
      * are passed in the component will not have event handling for the additional child elements.
      */
     children: React.ReactElement;
+    /** Whether the tooltip should close when clicked */
+    clickToClose?: boolean;
     /** The data-qa attribute for the tooltip */
     dataQa?: string;
+    /**
+     * Whether to disable the screen reader text
+     *
+     * !!! only use this prop if you are sure that the tooltip content is not needed for screen reader users !!!
+     */
+    disableScreenReaderText?: boolean;
+    /** Whether to disable the tooltip hover action that keeps it open */
+    disableTooltipHover?: boolean;
     /** The kind of tooltip to be rendered */
     kind?: MrlTooltipVariant;
     /** The placement of the tooltip in relation to its trigger */
@@ -40,5 +50,8 @@ Pointing devices that can hover, but for which doing so is inconvenient and not
  * @param {MrlTooltipProps} props - The props of the component
  * @returns {HTMLElement} a configured Tooltip component
  */
-export declare const MrlTooltip: (props: MrlTooltipProps) => ReactElement;
+export declare const MrlTooltip: {
+    (props: MrlTooltipProps): ReactElement;
+    displayName: string;
+};
 export {};