@patternfly/react-core 4.264.0 → 4.264.1

package/package.json

@@ -1,10 +1,17 @@
 {
   "name": "@patternfly/react-core",
-  "version": "4.264.0",
+  "version": "4.264.1",
   "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
+  "exports": {
+    ".": "./dist/esm/index.js",
+    "./dist/*": "./dist/*",
+    "./next": "./dist/esm/next",
+    "./deprecated": "./dist/esm/deprecated",
+    "./package.json": "./package.json"
+  },
   "typesVersions": {
     "*": {
       "next": [
@@ -55,7 +62,7 @@
   "devDependencies": {
     "@patternfly/patternfly": "4.221.2",
     "@rollup/plugin-commonjs": "^21.0.0",
-    "@rollup/plugin-node-resolve": "^13.0.0",
+    "@rollup/plugin-node-resolve": "^15.0.1",
     "@rollup/plugin-replace": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^6.0.1",
@@ -70,5 +77,5 @@
     "react": "^16.8 || ^17 || ^18",
     "react-dom": "^16.8 || ^17 || ^18"
   },
-  "gitHead": "e1f95ce96852165dd4d102cd87c6b49288f01eff"
+  "gitHead": "3c9dd17f7327ffafa0b9751074b188ea19eaeee6"
 }

package/src/components/Tooltip/examples/Tooltip.md

@@ -13,68 +13,17 @@ import './TooltipExamples.css';
 
 ### Basic
 
-```js
-import React from 'react';
-import { Tooltip } from '@patternfly/react-core';
-
-<div style={{ margin: '100px' }}>
-  <Tooltip
-    content={
-      <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id feugiat augue, nec fringilla turpis.</div>
-    }
-  >
-    <span tabIndex="0" style={{ border: '1px dashed' }}>
-      I have a tooltip!
-    </span>
-  </Tooltip>
-</div>;
+```ts file="./TooltipBasic.tsx"
 ```
 
 ### Tooltip react ref
 
-```js
-import React from 'react';
-import { Tooltip } from '@patternfly/react-core';
-
-TooltipReactRef = () => {
-  const tooltipRef = React.useRef();
-  return (
-    <div style={{ margin: '100px' }}>
-      <button aria-describedby="tooltip-ref1" ref={tooltipRef}>
-        Tooltip attached via react ref
-      </button>
-      <Tooltip
-        id="tooltip-ref1"
-        content={
-          <div>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id feugiat augue, nec fringilla turpis.
-          </div>
-        }
-        reference={tooltipRef}
-      />
-    </div>
-  );
-};
+```ts file="./TooltipReactRef.tsx"
 ```
 
 ### Tooltip selector ref
 
-```js
-import React from 'react';
-import { Tooltip } from '@patternfly/react-core';
-
-<div style={{ margin: '100px' }}>
-  <button aria-describedby="tooltip-ref2" id="tooltip-selector">
-    Tooltip attached via selector ref
-  </button>
-  <Tooltip
-    id="tooltip-ref2"
-    content={
-      <div>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id feugiat augue, nec fringilla turpis.</div>
-    }
-    reference={() => document.getElementById('tooltip-selector')}
-  />
-</div>;
+```ts file="./TooltipSelectorRef.tsx"
 ```
 
 ### On icon with dynamic content
@@ -83,239 +32,10 @@ When the tooltip is used as a wrapper and its content will dynamically update, t
 
 When using a React or selector ref with a tooltip that has dynamic content, the `aria` and `aria-live` props do not need to be manually passed in.
 
-```js
-import React from 'react';
-import { Tooltip, Button } from '@patternfly/react-core';
-import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon';
-
-IconExample = () => {
-  const [showSuccessContent, setShowSuccessContent] = React.useState(false);
-  const copyText = 'Copy to clipboard';
-  const doneCopyText = 'Successfully copied to clipboard!';
-  const [content, setContent] = React.useState(copyText);
-  return (
-    <div style={{ margin: '100px' }}>
-      <Tooltip aria="none" aria-live="polite" content={showSuccessContent ? doneCopyText : copyText}>
-        <Button
-          aria-label="Clipboard"
-          variant="plain"
-          id="tt-ref"
-          onClick={() => setShowSuccessContent(!showSuccessContent)}
-        >
-          <CopyIcon />
-        </Button>
-      </Tooltip>
-    </div>
-  );
-};
+```ts file="./TooltipIcon.tsx"
 ```
 
 ### Options
 
-```js
-import React from 'react';
-import { Button, Tooltip, Checkbox, Select, SelectOption, TextInput } from '@patternfly/react-core';
-
-OptionsTooltip = () => {
-  const [trigger, setTrigger] = React.useState(['mouseenter', 'focus']);
-  const [isVisible, setIsVisible] = React.useState(true);
-  const [contentLeftAligned, setContentLeftAligned] = React.useState(false);
-  const [enableFlip, setEnableFlip] = React.useState(true);
-  const [position, setPosition] = React.useState('top');
-  const [positionSelectOpen, setPositionSelectOpen] = React.useState(false);
-  const [flipSelectOpen, setFlipSelectOpen] = React.useState(false);
-  const [flipBehavior, setFlipBehavior] = React.useState('flip');
-  const [entryDelayInput, setEntryDelayInput] = React.useState(0);
-  const [exitDelayInput, setExitDelayInput] = React.useState(0);
-  const [animationDuration, setAnimationDuration] = React.useState(300);
-  const tipBoxRef = React.useRef(null);
-
-  const scrollToRef = ref => {
-    if (ref && ref.current) {
-      ref.current.scrollTop = 400;
-      ref.current.scrollLeft = 300;
-    }
-  };
-
-  React.useEffect(() => {
-    scrollToRef(tipBoxRef);
-  }, []);
-
-  return (
-    <>
-      <div>
-        <div style={{ border: '1px solid' }}>
-          <Checkbox
-            label="trigger: mouseenter"
-            isChecked={trigger.includes('mouseenter')}
-            onChange={checked => {
-              let updatedTrigger;
-              checked && (updatedTrigger = trigger.concat('mouseenter'));
-              !checked && (updatedTrigger = trigger.filter(t => t !== 'mouseenter'));
-              setIsVisible(false);
-              setTrigger(updatedTrigger);
-            }}
-            aria-label="trigger: mouseenter"
-            id="trigger_mouseenter"
-          />
-          <Checkbox
-            label="trigger: focus"
-            isChecked={trigger.includes('focus')}
-            onChange={checked => {
-              let updatedTrigger;
-              checked && (updatedTrigger = trigger.concat('focus'));
-              !checked && (updatedTrigger = trigger.filter(t => t !== 'focus'));
-              setIsVisible(false);
-              setTrigger(updatedTrigger);
-            }}
-            aria-label="trigger: focus"
-            id="trigger_focus"
-          />
-          <Checkbox
-            label="trigger: click"
-            isChecked={trigger.includes('click')}
-            onChange={checked => {
-              let updatedTrigger;
-              checked && (updatedTrigger = trigger.concat('click'));
-              !checked && (updatedTrigger = trigger.filter(t => t !== 'click'));
-              setIsVisible(false);
-              setTimeout(() => setTrigger(updatedTrigger));
-            }}
-            aria-label="trigger: click"
-            id="trigger_click"
-          />
-          <Checkbox
-            label="trigger: manual"
-            isChecked={trigger.includes('manual')}
-            onChange={checked => {
-              let updatedTrigger;
-              checked && (updatedTrigger = trigger.concat('manual'));
-              !checked && (updatedTrigger = trigger.filter(t => t !== 'manual'));
-              setIsVisible(false);
-              setTrigger(updatedTrigger);
-            }}
-            aria-label="trigger: manual"
-            id="trigger_manual"
-          />
-        </div>
-        <div style={{ border: '1px solid' }}>
-          <Checkbox
-            label="content left-aligned"
-            isChecked={contentLeftAligned}
-            onChange={checked => setContentLeftAligned(checked)}
-            aria-label="content left-aligned"
-            id="content_left_aligned"
-          />
-        </div>
-        <div style={{ border: '1px solid' }}>
-          <Checkbox
-            label="enableFlip"
-            isChecked={enableFlip}
-            onChange={checked => setEnableFlip(checked)}
-            aria-label="enableFlip"
-            id="enable_flip"
-          />
-        </div>
-        <div style={{ border: '1px solid' }}>
-          position (will flip if enableFlip is true). The 'auto' position requires enableFlip to be set to true.
-          <Select
-            onToggle={() => setPositionSelectOpen(!positionSelectOpen)}
-            onSelect={(event, selection) => {
-              setPosition(selection);
-              setPositionSelectOpen(false);
-            }}
-            isOpen={positionSelectOpen}
-            selections={position}
-            menuAppendTo={() => document.body}
-          >
-            <SelectOption value="auto" />
-            <SelectOption value="top" />
-            <SelectOption value="bottom" />
-            <SelectOption value="left" />
-            <SelectOption value="right" />
-            <SelectOption value="top-start" />
-            <SelectOption value="top-end" />
-            <SelectOption value="bottom-start" />
-            <SelectOption value="bottom-end" />
-            <SelectOption value="left-start" />
-            <SelectOption value="left-end" />
-            <SelectOption value="right-start" />
-            <SelectOption value="right-end" />
-          </Select>
-        </div>
-        <div style={{ border: '1px solid' }}>
-          <Checkbox
-            label="isVisible (also set trigger to only manual to programmatically control it)"
-            isChecked={isVisible}
-            onChange={checked => setIsVisible(checked)}
-            aria-label="isVisible"
-            id="is_visible"
-          />
-        </div>
-        <div style={{ border: '1px solid' }}>
-          Entry delay (ms){' '}
-          <TextInput
-            value={entryDelayInput}
-            type="number"
-            onChange={val => setEntryDelayInput(val)}
-            aria-label="entry delay"
-          />
-          Exit delay (ms) <TextInput
-            value={exitDelayInput}
-            type="number"
-            onChange={val => setExitDelayInput(val)}
-            aria-label="exit delay"
-          />
-          Animation duration (ms){' '}
-          <TextInput
-            value={animationDuration}
-            type="number"
-            onChange={val => setAnimationDuration(val)}
-            aria-label="animation duration"
-          />
-        </div>
-        <div style={{ border: '1px solid' }}>
-          flip behavior examples (enableFlip has to be true). "flip" will try to flip the tooltip to the opposite of the
-          starting position. The second option ensures that there are 3 escape positions for every possible starting
-          position (default). This setting is ignored if position prop is set to 'auto'.
-          <Select
-            onToggle={() => setFlipSelectOpen(!flipSelectOpen)}
-            onSelect={(event, selection) => {
-              console.log(selection);
-              setFlipBehavior(selection);
-              setFlipSelectOpen(false);
-            }}
-            isOpen={flipSelectOpen}
-            selections={flipBehavior}
-            menuAppendTo={() => document.body}
-          >
-            <SelectOption value="flip" />
-            <SelectOption value="clockwise">['top', 'right', 'bottom', 'left', 'top', 'right', 'bottom']</SelectOption>
-          </Select>
-        </div>
-      </div>
-      <div id="tooltip-boundary" className="tooltip-box" ref={tipBoxRef}>
-        <Tooltip
-          content={
-            <div>
-              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id feugiat augue, nec fringilla turpis.
-            </div>
-          }
-          trigger={trigger.join(' ')}
-          enableFlip={enableFlip}
-          flipBehavior={flipBehavior === 'flip' ? 'flip' : ['top', 'right', 'bottom', 'left', 'top', 'right', 'bottom']}
-          position={position}
-          isVisible={isVisible}
-          entryDelay={entryDelayInput}
-          exitDelay={exitDelayInput}
-          animationDuration={animationDuration}
-          isContentLeftAligned={contentLeftAligned}
-          appendTo={() => document.getElementById('tooltip-boundary')}
-        >
-          <Button className="tooltip-button">Tooltip</Button>
-        </Tooltip>
-      </div>
-    </>
-  );
-};
+```ts file="./TooltipOptions.tsx"
 ```

package/src/components/Tooltip/examples/TooltipBasic.tsx

@@ -0,0 +1,16 @@
+import React from 'react';
+import { Button, Tooltip } from '@patternfly/react-core';
+
+export const TooltipBasic: React.FunctionComponent = () => (
+  <div style={{ margin: '100px' }}>
+    <Tooltip
+      content={
+        <div>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id feugiat augue, nec fringilla turpis.
+        </div>
+      }
+    >
+      <Button>I have a tooltip!</Button>
+    </Tooltip>
+  </div>
+);

package/src/components/Tooltip/examples/TooltipIcon.tsx

@@ -0,0 +1,24 @@
+import React from 'react';
+import { Tooltip, Button } from '@patternfly/react-core';
+import CopyIcon from '@patternfly/react-icons/dist/esm/icons/copy-icon';
+
+export const TooltipIcon: React.FunctionComponent = () => {
+  const [showSuccessContent, setShowSuccessContent] = React.useState(false);
+  const copyText: string = 'Copy to clipboard';
+  const doneCopyText: string = 'Successfully copied to clipboard!';
+
+  return (
+    <div style={{ margin: '100px' }}>
+      <Tooltip aria="none" aria-live="polite" content={showSuccessContent ? doneCopyText : copyText}>
+        <Button
+          aria-label="Clipboard"
+          variant="plain"
+          id="tt-ref"
+          onClick={() => setShowSuccessContent(!showSuccessContent)}
+        >
+          <CopyIcon />
+        </Button>
+      </Tooltip>
+    </div>
+  );
+};

package/src/components/Tooltip/examples/TooltipOptions.tsx

@@ -0,0 +1,197 @@
+import React from 'react';
+import { Button, Tooltip, Checkbox, Select, SelectOption, TextInput, TooltipPosition } from '@patternfly/react-core';
+
+export const TooltipOptions: React.FunctionComponent = () => {
+  const [trigger, setTrigger] = React.useState(['mouseenter', 'focus']);
+  const [isVisible, setIsVisible] = React.useState(true);
+  const [contentLeftAligned, setContentLeftAligned] = React.useState(false);
+  const [enableFlip, setEnableFlip] = React.useState(true);
+  const [position, setPosition] = React.useState<TooltipPosition>(TooltipPosition.top);
+  const [positionSelectOpen, setPositionSelectOpen] = React.useState(false);
+  const [flipSelectOpen, setFlipSelectOpen] = React.useState(false);
+  const [flipBehavior, setFlipBehavior] = React.useState('flip');
+  const [entryDelayInput, setEntryDelayInput] = React.useState(0);
+  const [exitDelayInput, setExitDelayInput] = React.useState(0);
+  const [animationDuration, setAnimationDuration] = React.useState(300);
+  const tipBoxRef = React.useRef(null);
+
+  const scrollToRef = (ref: React.RefObject<any>) => {
+    if (ref && ref.current) {
+      ref.current.scrollTop = 400;
+      ref.current.scrollLeft = 300;
+    }
+  };
+
+  React.useEffect(() => {
+    scrollToRef(tipBoxRef);
+  }, []);
+
+  return (
+    <>
+      <div>
+        <div style={{ border: '1px solid' }}>
+          <Checkbox
+            label="trigger: mouseenter"
+            isChecked={trigger.includes('mouseenter')}
+            onChange={checked => {
+              const updatedTrigger = checked ? trigger.concat('mouseenter') : trigger.filter(t => t !== 'mouseenter');
+              setIsVisible(false);
+              setTrigger(updatedTrigger);
+            }}
+            aria-label="trigger: mouseenter"
+            id="trigger_mouseenter"
+          />
+          <Checkbox
+            label="trigger: focus"
+            isChecked={trigger.includes('focus')}
+            onChange={checked => {
+              const updatedTrigger = checked ? trigger.concat('focus') : trigger.filter(t => t !== 'focus');
+              setIsVisible(false);
+              setTrigger(updatedTrigger);
+            }}
+            aria-label="trigger: focus"
+            id="trigger_focus"
+          />
+          <Checkbox
+            label="trigger: click"
+            isChecked={trigger.includes('click')}
+            onChange={checked => {
+              const updatedTrigger = checked ? trigger.concat('click') : trigger.filter(t => t !== 'click');
+              setIsVisible(false);
+              setTimeout(() => setTrigger(updatedTrigger));
+            }}
+            aria-label="trigger: click"
+            id="trigger_click"
+          />
+          <Checkbox
+            label="trigger: manual"
+            isChecked={trigger.includes('manual')}
+            onChange={checked => {
+              const updatedTrigger = checked ? trigger.concat('manual') : trigger.filter(t => t !== 'manual');
+              setIsVisible(false);
+              setTrigger(updatedTrigger);
+            }}
+            aria-label="trigger: manual"
+            id="trigger_manual"
+          />
+        </div>
+        <div style={{ border: '1px solid' }}>
+          <Checkbox
+            label="content left-aligned"
+            isChecked={contentLeftAligned}
+            onChange={checked => setContentLeftAligned(checked)}
+            aria-label="content left-aligned"
+            id="content_left_aligned"
+          />
+        </div>
+        <div style={{ border: '1px solid' }}>
+          <Checkbox
+            label="enableFlip"
+            isChecked={enableFlip}
+            onChange={checked => setEnableFlip(checked)}
+            aria-label="enableFlip"
+            id="enable_flip"
+          />
+        </div>
+        <div style={{ border: '1px solid' }}>
+          position (will flip if enableFlip is true). The 'auto' position requires enableFlip to be set to true.
+          <Select
+            onToggle={() => setPositionSelectOpen(!positionSelectOpen)}
+            onSelect={(_event, selection) => {
+              setPosition(selection.toString() as TooltipPosition);
+              setPositionSelectOpen(false);
+            }}
+            isOpen={positionSelectOpen}
+            selections={position}
+            menuAppendTo={() => document.body}
+          >
+            <SelectOption value={TooltipPosition.auto} />
+            <SelectOption value={TooltipPosition.top} />
+            <SelectOption value={TooltipPosition.bottom} />
+            <SelectOption value={TooltipPosition.left} />
+            <SelectOption value={TooltipPosition.right} />
+            <SelectOption value={TooltipPosition.topStart} />
+            <SelectOption value={TooltipPosition.topEnd} />
+            <SelectOption value={TooltipPosition.bottomStart} />
+            <SelectOption value={TooltipPosition.bottomEnd} />
+            <SelectOption value={TooltipPosition.leftStart} />
+            <SelectOption value={TooltipPosition.leftEnd} />
+            <SelectOption value={TooltipPosition.rightStart} />
+            <SelectOption value={TooltipPosition.rightEnd} />
+          </Select>
+        </div>
+        <div style={{ border: '1px solid' }}>
+          <Checkbox
+            label="isVisible (also set trigger to only manual to programmatically control it)"
+            isChecked={isVisible}
+            onChange={checked => setIsVisible(checked)}
+            aria-label="isVisible"
+            id="is_visible"
+          />
+        </div>
+        <div style={{ border: '1px solid' }}>
+          Entry delay (ms){' '}
+          <TextInput
+            value={entryDelayInput}
+            type="number"
+            onChange={val => setEntryDelayInput(Number(val))}
+            aria-label="entry delay"
+          />
+          Exit delay (ms){' '}
+          <TextInput
+            value={exitDelayInput}
+            type="number"
+            onChange={val => setExitDelayInput(Number(val))}
+            aria-label="exit delay"
+          />
+          Animation duration (ms){' '}
+          <TextInput
+            value={animationDuration}
+            type="number"
+            onChange={val => setAnimationDuration(Number(val))}
+            aria-label="animation duration"
+          />
+        </div>
+        <div style={{ border: '1px solid' }}>
+          flip behavior examples (enableFlip has to be true). "flip" will try to flip the tooltip to the opposite of the
+          starting position. The second option ensures that there are 3 escape positions for every possible starting
+          position (default). This setting is ignored if position prop is set to 'auto'.
+          <Select
+            onToggle={() => setFlipSelectOpen(!flipSelectOpen)}
+            onSelect={(_event, selection) => {
+              setFlipBehavior(selection.toString());
+              setFlipSelectOpen(false);
+            }}
+            isOpen={flipSelectOpen}
+            selections={flipBehavior}
+            menuAppendTo={() => document.body}
+          >
+            <SelectOption value="flip" />
+            <SelectOption value="clockwise">['top', 'right', 'bottom', 'left', 'top', 'right', 'bottom']</SelectOption>
+          </Select>
+        </div>
+      </div>
+      <div id="tooltip-boundary" className="tooltip-box" ref={tipBoxRef}>
+        <Tooltip
+          content={
+            <div>
+              Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id feugiat augue, nec fringilla turpis.
+            </div>
+          }
+          trigger={trigger.join(' ')}
+          enableFlip={enableFlip}
+          flipBehavior={flipBehavior === 'flip' ? 'flip' : ['top', 'right', 'bottom', 'left', 'top', 'right', 'bottom']}
+          position={position}
+          isVisible={isVisible}
+          entryDelay={entryDelayInput}
+          exitDelay={exitDelayInput}
+          animationDuration={animationDuration}
+          isContentLeftAligned={contentLeftAligned}
+          appendTo={() => document.getElementById('tooltip-boundary') as HTMLElement}
+        >
+          <Button className="tooltip-button">Tooltip</Button>
+        </Tooltip>
+      </div>
+    </>
+  );
+};

package/src/components/Tooltip/examples/TooltipReactRef.tsx

@@ -0,0 +1,22 @@
+import React from 'react';
+import { Tooltip } from '@patternfly/react-core';
+
+export const TooltipReactRef: React.FunctionComponent = () => {
+  const tooltipRef = React.useRef<HTMLButtonElement>(null);
+  return (
+    <div style={{ margin: '100px' }}>
+      <button aria-describedby="tooltip-ref1" ref={tooltipRef}>
+        Tooltip attached via react ref
+      </button>
+      <Tooltip
+        id="tooltip-ref1"
+        content={
+          <div>
+            Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id feugiat augue, nec fringilla turpis.
+          </div>
+        }
+        reference={tooltipRef}
+      />
+    </div>
+  );
+};

package/src/components/Tooltip/examples/TooltipSelectorRef.tsx

@@ -0,0 +1,19 @@
+import React from 'react';
+import { Tooltip } from '@patternfly/react-core';
+
+export const TooltipSelectorRef: React.FunctionComponent = () => (
+  <div style={{ margin: '100px' }}>
+    <button aria-describedby="tooltip-ref2" id="tooltip-selector">
+      Tooltip attached via selector ref
+    </button>
+    <Tooltip
+      id="tooltip-ref2"
+      content={
+        <div>
+          Lorem ipsum dolor sit amet, consectetur adipiscing elit. Nullam id feugiat augue, nec fringilla turpis.
+        </div>
+      }
+      reference={() => document.getElementById('tooltip-selector') as HTMLButtonElement}
+    />
+  </div>
+);

package/dist/esm/components/Button/__mocks__/Button.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-import { ButtonProps } from '../';
-export declare const Button: ({ children, variant, isInline, onClick, iconPosition, icon, ...props }: ButtonProps) => JSX.Element;
-export declare const ButtonVariant: {
-    plain: string;
-    link: string;
-};
-//# sourceMappingURL=Button.d.ts.map

package/dist/esm/components/Button/__mocks__/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/__mocks__/Button.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,WAAW,EAAE,MAAM,KAAK,CAAC;AAElC,eAAO,MAAM,MAAM,2EAA4E,WAAW,gBAWzG,CAAC;AAEF,eAAO,MAAM,aAAa;;;CAAmC,CAAC"}

package/dist/esm/components/Button/__mocks__/Button.js

@@ -1,14 +0,0 @@
-import { __rest } from "tslib";
-import React from 'react';
-export const Button = (_a) => {
-    var { children, variant, isInline, onClick, iconPosition, icon } = _a, props = __rest(_a, ["children", "variant", "isInline", "onClick", "iconPosition", "icon"]);
-    return (React.createElement(React.Fragment, null,
-        React.createElement("button", Object.assign({ onClick: onClick }, props), children),
-        React.createElement("p", null, `variant: ${variant}`),
-        React.createElement("p", { id: "labelling-id" }, "Test label"),
-        React.createElement("p", null, `isInline: ${isInline}`),
-        React.createElement("p", null, `iconPosition: ${iconPosition}`),
-        React.createElement("div", { "data-testid": "icon" }, icon)));
-};
-export const ButtonVariant = { plain: 'plain', link: 'link' };
-//# sourceMappingURL=Button.js.map

package/dist/esm/components/Button/__mocks__/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../../../../src/components/Button/__mocks__/Button.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAG1B,MAAM,CAAC,MAAM,MAAM,GAAG,CAAC,EAAmF,EAAE,EAAE;QAAvF,EAAE,QAAQ,EAAE,OAAO,EAAE,QAAQ,EAAE,OAAO,EAAE,YAAY,EAAE,IAAI,OAAyB,EAApB,KAAK,cAApE,sEAAsE,CAAF;IAAoB,OAAA,CAC7G;QACE,8CAAQ,OAAO,EAAE,OAAO,IAAM,KAAK,GAChC,QAAQ,CACF;QACT,+BAAI,YAAY,OAAO,EAAE,CAAK;QAC9B,2BAAG,EAAE,EAAC,cAAc,iBAAe;QACnC,+BAAI,aAAa,QAAQ,EAAE,CAAK;QAChC,+BAAI,iBAAiB,YAAY,EAAE,CAAK;QACxC,4CAAiB,MAAM,IAAE,IAAI,CAAO,CACnC,CACJ,CAAA;CAAA,CAAC;AAEF,MAAM,CAAC,MAAM,aAAa,GAAG,EAAE,KAAK,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC"}

package/dist/esm/components/Button/__mocks__/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Button';
-//# sourceMappingURL=index.d.ts.map

package/dist/esm/components/Button/__mocks__/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Button/__mocks__/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC"}

package/dist/esm/components/Button/__mocks__/index.js

@@ -1,2 +0,0 @@
-export * from './Button';
-//# sourceMappingURL=index.js.map