@equinor/eds-core-react 0.15.0-dev.20211116 → 0.15.0-dev.20211116v2

package/dist/esm/components/Accordion/Accordion.js

@@ -1,5 +1,5 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef, Children, cloneElement } from 'react';
+import { jsx } from 'react/jsx-runtime';
 import { useId } from '../../hooks/useId.js';
 
 const Accordion = /*#__PURE__*/forwardRef(function Accordion({
@@ -19,9 +19,10 @@ const Accordion = /*#__PURE__*/forwardRef(function Accordion({
       chevronPosition
     });
   });
-  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-    ref: ref
-  }), AccordionItems);
+  return /*#__PURE__*/jsx("div", { ...props,
+    ref: ref,
+    children: AccordionItems
+  });
 }); // Accordion.displayName = 'Accordion'
 
 export { Accordion };

package/dist/esm/components/Accordion/AccordionHeader.js

@@ -1,10 +1,10 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef, Children, isValidElement, cloneElement } from 'react';
 import styled, { css } from 'styled-components';
 import { chevron_up, chevron_down } from '@equinor/eds-icons';
 import { Icon } from '../Icon/index.js';
 import { AccordionHeaderTitle } from './AccordionHeaderTitle.js';
 import { accordion } from './Accordion.tokens.js';
+import { jsx } from 'react/jsx-runtime';
 import { typographyTemplate, spacingsTemplate } from '../../utils/templates/index.js';
 import { bordersTemplate } from '../../utils/templates/borders.js';
 import { outlineTemplate } from '../../utils/templates/focus.js';
@@ -94,19 +94,20 @@ const AccordionHeader = /*#__PURE__*/forwardRef(function AccordionHeader({
     }
   };
 
-  const chevron = /*#__PURE__*/React.createElement(StyledIcon, {
-    key: `${id}-icon`,
+  const chevron = /*#__PURE__*/jsx(StyledIcon, {
     data: isExpanded ? chevron_up : chevron_down,
     size: 24,
     chevronPosition: chevronPosition,
     color: disabled ? chevronToken.states.disabled.background : chevronToken.background
-  });
+  }, `${id}-icon`);
+
   const headerChildren = Children.map(children, child => {
     if (typeof child === 'string') {
-      return /*#__PURE__*/React.createElement(AccordionHeaderTitle, {
+      return /*#__PURE__*/jsx(AccordionHeaderTitle, {
         isExpanded: isExpanded,
-        disabled: disabled
-      }, child);
+        disabled: disabled,
+        children: child
+      });
     }
 
     if ( /*#__PURE__*/isValidElement(child) && child.type === AccordionHeaderTitle) {
@@ -119,17 +120,18 @@ const AccordionHeader = /*#__PURE__*/forwardRef(function AccordionHeader({
     return child;
   });
   const newChildren = [chevron, headerChildren];
-  return /*#__PURE__*/React.createElement(StyledAccordionHeader, _extends({
+  return /*#__PURE__*/jsx(StyledAccordionHeader, {
     isExpanded: isExpanded,
     parentIndex: parentIndex,
     as: headerLevel,
-    disabled: disabled
-  }, props, {
+    disabled: disabled,
+    ...props,
     panelId: panelId,
     onClick: handleClick,
     onKeyDown: handleKeyDown,
-    ref: ref
-  }), chevronPosition === 'left' ? newChildren : newChildren.reverse());
+    ref: ref,
+    children: chevronPosition === 'left' ? newChildren : newChildren.reverse()
+  });
 }); // AccordionHeader.displayName = 'EdsAccordionHeader'
 
 export { AccordionHeader };

package/dist/esm/components/Accordion/AccordionHeaderTitle.js

@@ -1,6 +1,7 @@
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { accordion } from './Accordion.tokens.js';
+import { jsx } from 'react/jsx-runtime';
 
 const StyledAccordionHeaderTitle = styled.span.withConfig({
   displayName: "AccordionHeaderTitle__StyledAccordionHeaderTitle",
@@ -18,11 +19,12 @@ const AccordionHeaderTitle = /*#__PURE__*/forwardRef(function AccordionHeaderTit
   disabled,
   children
 }, ref) {
-  return /*#__PURE__*/React.createElement(StyledAccordionHeaderTitle, {
+  return /*#__PURE__*/jsx(StyledAccordionHeaderTitle, {
     ref: ref,
     isExpanded: isExpanded,
-    disabled: disabled
-  }, children);
+    disabled: disabled,
+    children: children
+  });
 }); // AccordionHeaderTitle.displayName = 'AccordionHeaderTitle'
 
 export { AccordionHeaderTitle };

package/dist/esm/components/Accordion/AccordionItem.js

@@ -1,5 +1,5 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef, useState, Children, cloneElement, useEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
 
 const AccordionItem = /*#__PURE__*/forwardRef(function AccordionItem({
   headerLevel,
@@ -38,9 +38,10 @@ const AccordionItem = /*#__PURE__*/forwardRef(function AccordionItem({
   useEffect(() => {
     setExpanded(isExpanded);
   }, [isExpanded]);
-  return /*#__PURE__*/React.createElement("div", _extends({}, props, {
-    ref: ref
-  }), Children$1);
+  return /*#__PURE__*/jsx("div", { ...props,
+    ref: ref,
+    children: Children$1
+  });
 }); // AccordionItem.displayName = 'AccordionItem'
 
 export { AccordionItem };

package/dist/esm/components/Accordion/AccordionPanel.js

@@ -1,7 +1,7 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { accordion } from './Accordion.tokens.js';
+import { jsx } from 'react/jsx-runtime';
 import { bordersTemplate } from '../../utils/templates/borders.js';
 import { spacingsTemplate } from '../../utils/templates/index.js';
 
@@ -27,13 +27,14 @@ const AccordionPanel = /*#__PURE__*/forwardRef(function AccordionPanel({
   children,
   ...props
 }, ref) {
-  return /*#__PURE__*/React.createElement(StyledAccordionPanel, _extends({
+  return /*#__PURE__*/jsx(StyledAccordionPanel, {
     headerId: headerId,
     id: id,
-    hidden: hidden
-  }, props, {
-    ref: ref
-  }), children);
+    hidden: hidden,
+    ...props,
+    ref: ref,
+    children: children
+  });
 }); // AccordionPanel.displayName = 'eds-accordion-panel'
 
 export { AccordionPanel };

package/dist/esm/components/Avatar/Avatar.js

@@ -1,7 +1,7 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { avatar } from './Avatar.tokens.js';
+import { jsx } from 'react/jsx-runtime';
 import { bordersTemplate } from '../../utils/templates/borders.js';
 
 const StyledAvatar = styled.div.withConfig({
@@ -23,15 +23,17 @@ const Avatar = /*#__PURE__*/forwardRef(function Avatar({
   disabled = false,
   ...rest
 }, ref) {
-  return /*#__PURE__*/React.createElement(StyledAvatar, _extends({
+  return /*#__PURE__*/jsx(StyledAvatar, {
     size: size,
     disabled: disabled,
-    ref: ref
-  }, rest), /*#__PURE__*/React.createElement(StyledImage, {
-    src: src,
-    alt: alt,
-    disabled: disabled
-  }));
+    ref: ref,
+    ...rest,
+    children: /*#__PURE__*/jsx(StyledImage, {
+      src: src,
+      alt: alt,
+      disabled: disabled
+    })
+  });
 });
 Avatar.displayName = 'Avatar';
 

package/dist/esm/components/Banner/Banner.js

@@ -1,8 +1,8 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef, Children, isValidElement } from 'react';
 import styled from 'styled-components';
 import * as Banner_tokens from './Banner.tokens.js';
 import { BannerIcon } from './BannerIcon.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { spacingsTemplate } from '../../utils/templates/index.js';
 import { Divider } from '../Divider/Divider.js';
 
@@ -36,14 +36,16 @@ const Banner = /*#__PURE__*/forwardRef(function Banner({
     ref,
     ...rest
   };
-  return /*#__PURE__*/React.createElement(StyledBanner, _extends({}, props, {
+  return /*#__PURE__*/jsxs(StyledBanner, { ...props,
     className: className,
-    role: "alert"
-  }), /*#__PURE__*/React.createElement(Content, {
-    hasIcon: hasIcon
-  }, children), /*#__PURE__*/React.createElement(NonMarginDivider, {
-    color: "light"
-  }));
+    role: "alert",
+    children: [/*#__PURE__*/jsx(Content, {
+      hasIcon: hasIcon,
+      children: children
+    }), /*#__PURE__*/jsx(NonMarginDivider, {
+      color: "light"
+    })]
+  });
 });
 
 export { Banner };

package/dist/esm/components/Banner/BannerActions.js

@@ -1,7 +1,7 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import * as Banner_tokens from './Banner.tokens.js';
+import { jsx } from 'react/jsx-runtime';
 
 const {
   enabled
@@ -26,9 +26,11 @@ const BannerActions = /*#__PURE__*/forwardRef(function BannerActions({
     ref,
     ...rest
   };
-  return /*#__PURE__*/React.createElement(StyledBannerActions, _extends({
-    placement: placement
-  }, props), children);
+  return /*#__PURE__*/jsx(StyledBannerActions, {
+    placement: placement,
+    ...props,
+    children: children
+  });
 });
 
 export { BannerActions };

package/dist/esm/components/Banner/BannerIcon.js

@@ -1,8 +1,8 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef, Children, isValidElement, cloneElement } from 'react';
 import styled from 'styled-components';
 import * as Banner_tokens from './Banner.tokens.js';
 import { Icon } from '../Icon/index.js';
+import { jsx } from 'react/jsx-runtime';
 import { bordersTemplate } from '../../utils/templates/borders.js';
 
 const {
@@ -31,9 +31,11 @@ const BannerIcon = /*#__PURE__*/forwardRef(function BannerIcon({
     ref,
     ...rest
   };
-  return /*#__PURE__*/React.createElement(StyledBannerIcon, _extends({
-    variant: variant
-  }, props), childrenWithColor);
+  return /*#__PURE__*/jsx(StyledBannerIcon, {
+    variant: variant,
+    ...props,
+    children: childrenWithColor
+  });
 });
 
 export { BannerIcon };

package/dist/esm/components/Banner/BannerMessage.js

@@ -1,6 +1,6 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
+import { jsx } from 'react/jsx-runtime';
 import { Typography } from '../Typography/Typography.js';
 
 const StyledBannerMessage = styled(Typography).withConfig({
@@ -15,9 +15,11 @@ const BannerMessage = /*#__PURE__*/forwardRef(function BannerMessage({
     ref,
     ...rest
   };
-  return /*#__PURE__*/React.createElement(StyledBannerMessage, _extends({
-    variant: "body_long"
-  }, props), children);
+  return /*#__PURE__*/jsx(StyledBannerMessage, {
+    variant: "body_long",
+    ...props,
+    children: children
+  });
 });
 
 export { BannerMessage };

package/dist/esm/components/Breadcrumbs/Breadcrumb.js

@@ -1,7 +1,7 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { breadcrumbs } from './Breadcrumbs.tokens.js';
+import { jsx } from 'react/jsx-runtime';
 import { Tooltip } from '../Tooltip/Tooltip.js';
 import { Typography } from '../Typography/Typography.js';
 
@@ -30,15 +30,20 @@ const Breadcrumb = /*#__PURE__*/forwardRef(function Breadcrumb({
   };
   const showTooltip = maxWidth > 0;
   const isHrefDefined = href !== undefined;
-  const crumb = /*#__PURE__*/React.createElement(StyledTypography, _extends({
+
+  const crumb = /*#__PURE__*/jsx(StyledTypography, {
     link: isHrefDefined,
     as: isHrefDefined ? null : 'span',
-    variant: "body_short"
-  }, props), children);
-  return showTooltip ? /*#__PURE__*/React.createElement(Tooltip, {
+    variant: "body_short",
+    ...props,
+    children: children
+  });
+
+  return showTooltip ? /*#__PURE__*/jsx(Tooltip, {
     title: children,
-    placement: "top"
-  }, crumb) : crumb;
+    placement: "top",
+    children: crumb
+  }) : crumb;
 });
 
 export { Breadcrumb };

package/dist/esm/components/Breadcrumbs/Breadcrumbs.js

@@ -1,7 +1,7 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef, useState, Children, Fragment } from 'react';
 import styled from 'styled-components';
 import { breadcrumbs } from './Breadcrumbs.tokens.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Typography } from '../Typography/Typography.js';
 import { spacingsTemplate } from '../../utils/templates/index.js';
 
@@ -52,35 +52,47 @@ const Breadcrumbs = /*#__PURE__*/forwardRef(function Breadcrumbs({
       return allCrumbs;
     }
 
-    return [allCrumbs[0], /*#__PURE__*/React.createElement(Fragment, {
-      key: "collapsed"
-    }, /*#__PURE__*/React.createElement(ListItem, null, /*#__PURE__*/React.createElement(Collapsed, {
-      link: true,
-      role: "button",
-      variant: "body_short",
-      onClick: handleExpandClick,
-      onKeyPress: handleExpandClick,
-      tabIndex: 0
-    }, "\u2026")), /*#__PURE__*/React.createElement("li", {
-      "aria-hidden": true
-    }, /*#__PURE__*/React.createElement(Separator, {
-      variant: "body_short"
-    }, "/"))), allCrumbs[allCrumbs.length - 1]];
+    return [allCrumbs[0], /*#__PURE__*/jsxs(Fragment, {
+      children: [/*#__PURE__*/jsx(ListItem, {
+        children: /*#__PURE__*/jsx(Collapsed, {
+          link: true,
+          role: "button",
+          variant: "body_short",
+          onClick: handleExpandClick,
+          onKeyPress: handleExpandClick,
+          tabIndex: 0,
+          children: "\u2026"
+        })
+      }), /*#__PURE__*/jsx("li", {
+        "aria-hidden": true,
+        children: /*#__PURE__*/jsx(Separator, {
+          variant: "body_short",
+          children: "/"
+        })
+      })]
+    }, "collapsed"), allCrumbs[allCrumbs.length - 1]];
   };
 
   const allCrumbs = Children.toArray(children).map((child, index) =>
   /*#__PURE__*/
   // eslint-disable-next-line react/no-array-index-key
-  React.createElement(Fragment, {
-    key: `breadcrumb-${index}`
-  }, /*#__PURE__*/React.createElement(ListItem, null, child), index !== Children.toArray(children).length - 1 && /*#__PURE__*/React.createElement("li", {
-    "aria-hidden": true
-  }, /*#__PURE__*/React.createElement(Separator, {
-    variant: "body_short"
-  }, "/"))));
-  return /*#__PURE__*/React.createElement("nav", _extends({}, props, {
-    "aria-label": "breadcrumbs"
-  }), /*#__PURE__*/React.createElement(OrderedList, null, collapse && !expanded ? collapsedCrumbs(allCrumbs) : allCrumbs));
+  jsxs(Fragment, {
+    children: [/*#__PURE__*/jsx(ListItem, {
+      children: child
+    }), index !== Children.toArray(children).length - 1 && /*#__PURE__*/jsx("li", {
+      "aria-hidden": true,
+      children: /*#__PURE__*/jsx(Separator, {
+        variant: "body_short",
+        children: "/"
+      })
+    })]
+  }, `breadcrumb-${index}`));
+  return /*#__PURE__*/jsx("nav", { ...props,
+    "aria-label": "breadcrumbs",
+    children: /*#__PURE__*/jsx(OrderedList, {
+      children: collapse && !expanded ? collapsedCrumbs(allCrumbs) : allCrumbs
+    })
+  });
 }); // Breadcrumbs.displayName = 'eds-breadcrumbs'
 
 export { Breadcrumbs };

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

@@ -2,6 +2,7 @@ import { forwardRef } from 'react';
 import styled, { css, ThemeProvider } from 'styled-components';
 import { token } from './tokens/index.js';
 import { InnerFullWidth } from './InnerFullWidth.js';
+import { jsx } from 'react/jsx-runtime';
 import { spacingsTemplate, typographyTemplate } from '../../utils/templates/index.js';
 import { bordersTemplate } from '../../utils/templates/borders.js';
 import { outlineTemplate } from '../../utils/templates/focus.js';
@@ -90,9 +91,16 @@ const Button = /*#__PURE__*/forwardRef(function Button({
     tabIndex,
     ...other
   };
-  return /*#__PURE__*/React.createElement(ThemeProvider, {
-    theme: token
-  }, /*#__PURE__*/React.createElement(ButtonBase, buttonProps, fullWidth ? /*#__PURE__*/React.createElement(InnerFullWidth, null, children) : /*#__PURE__*/React.createElement(Inner, null, children)));
+  return /*#__PURE__*/jsx(ThemeProvider, {
+    theme: token,
+    children: /*#__PURE__*/jsx(ButtonBase, { ...buttonProps,
+      children: fullWidth ? /*#__PURE__*/jsx(InnerFullWidth, {
+        children: children
+      }) : /*#__PURE__*/jsx(Inner, {
+        children: children
+      })
+    })
+  });
 });
 
 export { Button };

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

@@ -1,5 +1,6 @@
 import { forwardRef, Children } from 'react';
 import styled from 'styled-components';
+import { jsx } from 'react/jsx-runtime';
 
 const FullWidthCenterContent = styled.span.withConfig({
   displayName: "InnerFullWidth__FullWidthCenterContent",
@@ -13,10 +14,13 @@ const InnerFullWidth = /*#__PURE__*/forwardRef(function InnerFullWidth({
   children
 }, ref) {
   // We need everything in elements for proper flexing 💪
-  const updatedChildren = Children.map(children, child => typeof child !== 'object' ? /*#__PURE__*/React.createElement(FullWidthCenterContent, null, child) : child);
-  return /*#__PURE__*/React.createElement(FullWidthInner, {
-    ref: ref
-  }, updatedChildren);
+  const updatedChildren = Children.map(children, child => typeof child !== 'object' ? /*#__PURE__*/jsx(FullWidthCenterContent, {
+    children: child
+  }) : child);
+  return /*#__PURE__*/jsx(FullWidthInner, {
+    ref: ref,
+    children: updatedChildren
+  });
 });
 
 export { InnerFullWidth };

package/dist/esm/components/Card/Card.js

@@ -1,7 +1,7 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import * as Card_tokens from './Card.tokens.js';
+import { jsx } from 'react/jsx-runtime';
 import { bordersTemplate } from '../../utils/templates/borders.js';
 import { spacingsTemplate } from '../../utils/templates/index.js';
 
@@ -31,9 +31,10 @@ const Card = /*#__PURE__*/forwardRef(function Card({
     cursor,
     ...rest
   };
-  return /*#__PURE__*/React.createElement(StyledCard, _extends({}, props, {
-    onClick: onClick
-  }), children);
+  return /*#__PURE__*/jsx(StyledCard, { ...props,
+    onClick: onClick,
+    children: children
+  });
 });
 
 export { Card };

package/dist/esm/components/Card/CardActions.js

@@ -1,5 +1,6 @@
 import { forwardRef } from 'react';
 import styled from 'styled-components';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { Typography } from '../Typography/Typography.js';
 
 const StyledCardActions = styled.div.withConfig({
@@ -20,9 +21,12 @@ const CardActions = /*#__PURE__*/forwardRef(function CardActions({
     justifyContent,
     ...rest
   };
-  return /*#__PURE__*/React.createElement(StyledCardActions, props, children, meta !== '' && /*#__PURE__*/React.createElement(Typography, {
-    variant: "caption"
-  }, meta));
+  return /*#__PURE__*/jsxs(StyledCardActions, { ...props,
+    children: [children, meta !== '' && /*#__PURE__*/jsx(Typography, {
+      variant: "caption",
+      children: meta
+    })]
+  });
 });
 
 export { CardActions };

package/dist/esm/components/Card/CardHeader.js

@@ -1,6 +1,7 @@
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { primary } from './Card.tokens.js';
+import { jsx } from 'react/jsx-runtime';
 
 const {
   spacings
@@ -16,7 +17,9 @@ const CardHeader = /*#__PURE__*/forwardRef(function CardHeader({
   const props = { ...rest,
     ref
   };
-  return /*#__PURE__*/React.createElement(StyledCardHeader, props, children);
+  return /*#__PURE__*/jsx(StyledCardHeader, { ...props,
+    children: children
+  });
 });
 
 export { CardHeader };

package/dist/esm/components/Card/CardHeaderTitle.js

@@ -1,5 +1,6 @@
 import { forwardRef } from 'react';
 import styled from 'styled-components';
+import { jsx } from 'react/jsx-runtime';
 
 const StyledCardHeaderTitle = styled.div.withConfig({
   displayName: "CardHeaderTitle__StyledCardHeaderTitle",
@@ -12,7 +13,9 @@ const CardHeaderTitle = /*#__PURE__*/forwardRef(function CardHeaderTitle({
   const props = { ...rest,
     ref
   };
-  return /*#__PURE__*/React.createElement(StyledCardHeaderTitle, props, children);
+  return /*#__PURE__*/jsx(StyledCardHeaderTitle, { ...props,
+    children: children
+  });
 });
 
 export { CardHeaderTitle };

package/dist/esm/components/Card/CardMedia.js

@@ -1,6 +1,7 @@
 import { forwardRef } from 'react';
 import styled, { css } from 'styled-components';
 import { primary } from './Card.tokens.js';
+import { jsx } from 'react/jsx-runtime';
 
 const {
   spacings,
@@ -21,7 +22,9 @@ const CardMedia = /*#__PURE__*/forwardRef(function CardMedia({
     ref,
     fullWidth
   };
-  return /*#__PURE__*/React.createElement(StyledCardMedia, props, children);
+  return /*#__PURE__*/jsx(StyledCardMedia, { ...props,
+    children: children
+  });
 });
 
 export { CardMedia };

package/dist/esm/components/Checkbox/Checkbox.js

@@ -1,10 +1,11 @@
-import _extends from '@babel/runtime/helpers/extends';
 import { forwardRef } from 'react';
 import styled from 'styled-components';
 import { checkbox } from './Checkbox.tokens.js';
 import { CheckboxInput } from './Input.js';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { typographyTemplate } from '../../utils/templates/index.js';
 
+/* eslint camelcase: "off" */
 const StyledLabel = styled.label.withConfig({
   displayName: "Checkbox__StyledLabel",
   componentId: "sc-yg6l8h-0"
@@ -22,18 +23,21 @@ const Checkbox = /*#__PURE__*/forwardRef(function Checkbox({
   className,
   ...rest
 }, ref) {
-  return label ? /*#__PURE__*/React.createElement(StyledLabel, {
+  return label ? /*#__PURE__*/jsxs(StyledLabel, {
     disabled: disabled,
-    className: className
-  }, /*#__PURE__*/React.createElement(CheckboxInput, _extends({}, rest, {
+    className: className,
+    children: [/*#__PURE__*/jsx(CheckboxInput, { ...rest,
+      disabled: disabled,
+      ref: ref,
+      indeterminate: indeterminate
+    }), /*#__PURE__*/jsx(LabelText, {
+      children: label
+    })]
+  }) : /*#__PURE__*/jsx(CheckboxInput, { ...rest,
     disabled: disabled,
     ref: ref,
     indeterminate: indeterminate
-  })), /*#__PURE__*/React.createElement(LabelText, null, label)) : /*#__PURE__*/React.createElement(CheckboxInput, _extends({}, rest, {
-    disabled: disabled,
-    ref: ref,
-    indeterminate: indeterminate
-  }));
+  });
 });
 Checkbox.displayName = 'Checkbox';