@ntbjs/react-components 2.0.0-rc.9 → 2.0.2-rc.1

package/esm/components/widgets/AssetGallery/AssetGalleryBase/AssetGalleryCompactCard/AssetGalleryCompactCard.styled.js

@@ -1,311 +0,0 @@
-import { rgba } from 'polished';
-import styled, { css } from 'styled-components';
-import { applyDefaultTheme } from '../../../../../utils/defaultTheme.js';
-import { FloatingArrow } from '@floating-ui/react';
-
-let _ = t => t,
-  _t,
-  _t2,
-  _t3,
-  _t4,
-  _t5,
-  _t6,
-  _t7,
-  _t8,
-  _t9,
-  _t10,
-  _t11,
-  _t12,
-  _t13,
-  _t14,
-  _t15,
-  _t16,
-  _t17,
-  _t18,
-  _t19,
-  _t20,
-  _t21,
-  _t22,
-  _t23,
-  _t24,
-  _t25,
-  _t26,
-  _t27,
-  _t28,
-  _t29;
-const AssetGalleryWrapper = styled.div.attrs(applyDefaultTheme)(_t || (_t = _`
-  ${0};
-`), props => props.disabled && css(_t2 || (_t2 = _`
-      cursor: not-allowed;
-    `)));
-const Reference = styled.div.attrs(applyDefaultTheme)(_t3 || (_t3 = _`
-  width: 100%;
-  height: 100%;
-`));
-const AssetGalleryCompactCard = styled.div.attrs(applyDefaultTheme)(_t4 || (_t4 = _`
-  display: block;
-  height: 100%;
-  padding-left: ${0}px;
-  padding-right: ${0}px;
-  padding-top: ${0}px;
-  box-sizing: border-box;
-  cursor: pointer;
-
-  ${0};
-
-  ${0};
-
-  ${0};
-
-  ${0}
-  video {
-    width: 100%;
-    height: 100%;
-  }
-
-  .audio {
-    display: flex;
-    justify-content: center;
-    svg {
-      width: 25%;
-    }
-  }
-`), props => props.selected ? 1 : 0, props => props.selected ? 1 : 0, props => props.selected ? 1 : 0, props => props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('gray-300')), props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700')), props => props.disabled && css(_t5 || (_t5 = _`
-      pointer-events: none;
-      opacity: 0.4;
-    `)), props => props.extendedSelectMode && css(_t6 || (_t6 = _`
-      cursor: pointer;
-    `)));
-const Figure = styled.figure(_t7 || (_t7 = _`
-  display: flex;
-  flex-direction: row;
-  flex-wrap: nowrap;
-  justify-content: center;
-  align-items: center;
-  position: relative;
-  margin: 0;
-  width: 100%;
-  height: 100%;
-  box-sizing: border-box;
-
-  .lazy-load-image-background {
-    display: block !important;
-  }
-
-  img {
-    display: block;
-    height: 100%;
-    width: 100%;
-    ${0}
-  }
-`), props => props.hasHeightAndWidth ? css(_t8 || (_t8 = _`
-            object-fit: cover;
-          `)) : css(_t9 || (_t9 = _`
-            object-fit: contain;
-          `)));
-const FigureOverlayBackdrop = styled.div.attrs(applyDefaultTheme)(_t10 || (_t10 = _`
-  position: absolute;
-  inset: 0;
-  opacity: ${0};
-  background-color: ${0};
-`), props => props.selected ? 0.6 : 0, props => props.selected ? '#ACCEF7' : 'transparent');
-const Overlay = styled.div.attrs(applyDefaultTheme)(_t11 || (_t11 = _`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-`));
-const OverlayBackdrop = styled.div.attrs(applyDefaultTheme)(_t12 || (_t12 = _`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  opacity: 0;
-  transition: opacity 220ms;
-
-  ${0}
-  ${0}
-    ${0}:hover & {
-    opacity: 1;
-  }
-`), props => !props.selected ? css(_t13 || (_t13 = _`
-          background: radial-gradient(
-            ellipse at center,
-            rgba(0, 0, 0, 0.3) 27%,
-            rgba(0, 0, 0, 0.5) 60%,
-            rgba(0, 0, 0, 0.7) 90%
-          );
-        `)) : null, props => (props.selected || props.softSelected) && css(_t14 || (_t14 = _`
-      opacity: 1;
-    `)), Overlay);
-const OverlayInfo = styled.div.attrs(applyDefaultTheme)(_t15 || (_t15 = _`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  padding: 15px 50px 10px 12px;
-  color: ${0};
-  & span {
-    overflow: hidden;
-    word-wrap: break-word;
-  }
-`), props => props.theme.getColor('gray-100'));
-const OverlayCompleted = styled.div.attrs(applyDefaultTheme)(_t16 || (_t16 = _`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  pointer-events: none;
-  transition: border-color 120ms;
-  border: 3px solid;
-  ${0};
-`), props => {
-  if (props.softSelected) return null;
-  return props.theme.themeProp('border-color', props.theme.getColor('emerald-500'), rgba(props.theme.getColor('emerald-500'), 0.7));
-});
-const OverlayHasError = styled.div.attrs(applyDefaultTheme)(_t17 || (_t17 = _`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  pointer-events: none;
-  transition: border-color 120ms;
-  border: 3px solid;
-  ${0}
-`), props => {
-  if (props.softSelected) return null;
-  return props.theme.themeProp('border-color', props.theme.getColor('red-600'), rgba(props.theme.getColor('red-500'), 0.7));
-});
-const OverlaySelected = styled.div.attrs(applyDefaultTheme)(_t18 || (_t18 = _`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  pointer-events: none;
-  transition: border-color 120ms;
-  border-style: solid;
-  border-width: 3px;
-
-  ${0};
-`), props => {
-  if (props.softSelected) {
-    return props.theme.themeProp('border-color', rgba(props.theme.getColor('gray-100'), 0.5), rgba(props.theme.getColor('gray-700'), 0.5));
-  }
-  if (props.selected) {
-    return props.theme.themeProp('border-color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700'));
-  }
-  return props.theme.themeProp('border-color', 'transparent', 'transparent');
-});
-const OverlayInfoTop = styled.div.attrs(applyDefaultTheme)(_t19 || (_t19 = _`
-  position: absolute;
-  left: 0;
-  right: 0;
-  top: 0;
-  padding: 8px;
-  display: flex;
-`));
-const OverlayInfoTopActions = styled.div.attrs(applyDefaultTheme)(_t20 || (_t20 = _`
-  position: absolute;
-  top: 0;
-  right: 0;
-  padding: 4px;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  transition: opacity 220ms;
-  z-index: 99999;
-  ${0}
-
-  opacity: ${0};
-`), props => props.theme.themeProp('color', props.theme.getColor('gray-300'), props.theme.getColor('gray-700')), props => props.isOverlayHovered ? 1 : 0);
-const OverlayInfoTopLeft = styled.div.attrs(applyDefaultTheme)(_t21 || (_t21 = _`
-  opacity: 1;
-  display: ${0};
-
-  ${0}:hover & {
-    opacity: 0;
-  }
-`), props => props !== null && props !== void 0 && props.collapseExtraInfo ? 'none' : 'block', Overlay);
-const OverlayInfoTopWarning = styled.div.attrs(applyDefaultTheme)(_t22 || (_t22 = _`
-  margin-left: auto;
-  height: 24px;
-  width: 24px;
-  border-radius: 50%;
-  box-sizing: border-box;
-  padding: ${0};
-  background-color: ${0};
-  opacity: 1;
-
-  svg {
-    width: 100%;
-    color: ${0};
-  }
-
-  ${0}:hover & {
-    opacity: 0;
-  }
-`), props => props.type === 'error' ? 0 : '3px 4px', props => props.type === 'error' ? props.theme.getColor('red-500') : props.theme.getColor('gray-100'), props => props.type === 'error' ? props.theme.getColor('gray-100') : props.theme.getColor('gray-700'), Overlay);
-const OverlayInfoBottom = styled.div.attrs(applyDefaultTheme)(_t23 || (_t23 = _`
-  position: absolute;
-  left: 0;
-  right: 0;
-  bottom: 0;
-  padding: 8px;
-  display: flex;
-`));
-const OverlayInfoBottomSelectButton = styled.div.attrs(applyDefaultTheme)(_t24 || (_t24 = _`
-  opacity: ${0};
-  flex-shrink: 0;
-  cursor: pointer;
-  transition: opacity 220ms;
-  height: 24px;
-
-  > svg {
-    width: 24px;
-    height: 24px;
-    transition: opacity 120ms;
-    opacity: ${0};
-  }
-
-  ${0}:hover & {
-    opacity: 1;
-  }
-`), props => props.selected ? 1 : 0, props => props.selected ? 1 : 0.5, Overlay);
-const OverlayInfoBottomMediaIcon = styled.div.attrs(applyDefaultTheme)(_t25 || (_t25 = _`
-  margin-left: auto;
-  opacity: 1;
-
-  ${0}:hover & {
-    opacity: 0;
-  }
-`), Overlay);
-const ConsumerDefinedOverlay = styled.div.attrs(applyDefaultTheme)(_t26 || (_t26 = _`
-  position: absolute;
-  top: 0;
-  bottom: 0;
-  left: 0;
-  right: 0;
-  pointer-events: none;
-`));
-styled.div(_t27 || (_t27 = _`
-  margin: 4px;
-`));
-styled.div.attrs(applyDefaultTheme)(_t28 || (_t28 = _`
-  ${0}
-  padding: 4px 8px;
-  border-radius: 4px;
-`), props => props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white')));
-const StyledFloatingArrow = styled(FloatingArrow).attrs(applyDefaultTheme)(_t29 || (_t29 = _`
-  ${0}
-`), props => props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white')));
-
-export { AssetGalleryCompactCard, AssetGalleryWrapper, ConsumerDefinedOverlay, Figure, FigureOverlayBackdrop, Overlay, OverlayBackdrop, OverlayCompleted, OverlayHasError, OverlayInfo, OverlayInfoBottom, OverlayInfoBottomMediaIcon, OverlayInfoBottomSelectButton, OverlayInfoTop, OverlayInfoTopActions, OverlayInfoTopLeft, OverlayInfoTopWarning, OverlaySelected, Reference, StyledFloatingArrow };

package/esm/components/widgets/AssetGallery/widgets/AssetGallery/index.js

@@ -1 +0,0 @@
-export { default } from '../../AssetGallery.js';

package/esm/components/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.js

@@ -1,46 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from '../../../../node_modules/react/index.js';
-import PropTypes from '../../../../node_modules/prop-types/index.js';
-import { AssetPreviewTopBar as AssetPreviewTopBar$2, BackButtonContainer, BackHoverEffect, LeftText, ButtonsContainer } from './AssetPreviewTopBar.styled.js';
-import { ReactComponent as SvgArrowBack } from '../../../../icons/arrow-back.svg.js';
-import { ReactComponent as SvgClose } from '../../../../icons/close.svg.js';
-
-const _excluded = ["onBackButtonClick", "backButtonText", "backButtonAsClose", "leftText", "buttons", "shadow", "border", "disabled"];
-const AssetPreviewTopBar = React.forwardRef(function AssetPreviewTopBar(_ref, forwardedRef) {
-  let {
-      onBackButtonClick,
-      backButtonText,
-      backButtonAsClose,
-      leftText,
-      buttons,
-      shadow,
-      border,
-      disabled
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return React.createElement(AssetPreviewTopBar$2, _extends({
-    ref: forwardedRef,
-    shadow: shadow,
-    border: border,
-    disabled: disabled
-  }, props), React.createElement(BackButtonContainer, {
-    onClick: onBackButtonClick,
-    disabled: disabled
-  }, backButtonAsClose ? React.createElement(React.Fragment, null, React.createElement(SvgClose, null), backButtonText) : React.createElement(BackHoverEffect, null, React.createElement(SvgArrowBack, null), backButtonText)), leftText && React.createElement(LeftText, null, leftText), Array.isArray(buttons) && React.createElement(ButtonsContainer, null, buttons.map((button, index) => React.createElement("span", {
-    key: 'topBarButton-' + index
-  }, button))));
-});
-AssetPreviewTopBar.propTypes = process.env.NODE_ENV !== "production" ? {
-  onBackButtonClick: PropTypes.func.isRequired,
-  backButtonText: PropTypes.string.isRequired,
-  disabled: PropTypes.bool,
-  backButtonAsClose: PropTypes.bool,
-  leftText: PropTypes.string,
-  shadow: PropTypes.bool,
-  border: PropTypes.bool,
-  buttons: PropTypes.arrayOf(PropTypes.node)
-} : {};
-AssetPreviewTopBar.defaultProps = {};
-var AssetPreviewTopBar$1 = AssetPreviewTopBar;
-
-export { AssetPreviewTopBar$1 as default };

package/esm/components/widgets/AssetPreview/AssetPreviewTopBar/AssetPreviewTopBar.styled.js

@@ -1,84 +0,0 @@
-import styled, { css } from 'styled-components';
-import { applyDefaultTheme } from '../../../../utils/defaultTheme.js';
-
-let _ = t => t,
-  _t,
-  _t2,
-  _t3,
-  _t4,
-  _t5,
-  _t6,
-  _t7;
-const AssetPreviewTopBar = styled.div.attrs(applyDefaultTheme)(_t || (_t = _`
-  box-sizing: border-box;
-  align-items: center;
-  border-bottom: ${0};
-  color: inherit;
-  display: flex;
-  font-family: ${0};
-  font-weight: 400;
-  min-height: 72px;
-  padding: 0 24px;
-  width: 100%;
-
-  ${0}
-
-  ${0}
-
-      ${0}
-`), props => props.border ? `1px solid` : `none`, props => props.theme.primaryFontFamily, props => props.theme.themeProp('border-color', props.theme.getColor('gray-800'), props.theme.getColor('gray-200')), props => props.shadow && props.theme.themeProp('box-shadow', '0 -2px 12px #505050', '0 -3px 12px #b0b6b9'), props => props.disabled && css(_t2 || (_t2 = _`
-      cursor: not-allowed;
-    `)));
-const BackButtonContainer = styled.a.attrs(applyDefaultTheme)(_t3 || (_t3 = _`
-  align-items: center;
-  display: flex;
-  font-size: 1.125rem;
-  ${0};
-
-  ${0}
-
-  &:hover {
-    cursor: pointer;
-  }
-
-  > svg {
-    height: 24px;
-    margin-right: 16px;
-    width: 24px;
-  }
-`), props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-900')), props => props.disabled && css(_t4 || (_t4 = _`
-      opacity: 0.5;
-      pointer-events: none;
-    `)));
-const BackHoverEffect = styled.div(_t5 || (_t5 = _`
-  display: inline-flex;
-  align-items: center;
-
-  > svg {
-    height: 24px;
-    margin-right: 16px;
-    width: 24px;
-    transition: transform 0.3s ease-in-out;
-  }
-
-  &:hover > svg {
-    transform: translateX(-2px);
-  }
-`));
-const LeftText = styled.span.attrs(applyDefaultTheme)(_t6 || (_t6 = _`
-  font-size: 1.125rem;
-  margin-left: 16px;
-
-  ${0};
-`), props => props.theme.themeProp('color', props.theme.getColor('gray-500'), props.theme.getColor('gray-400')));
-const ButtonsContainer = styled.div.attrs(applyDefaultTheme)(_t7 || (_t7 = _`
-  align-items: center;
-  display: flex;
-  margin-left: auto;
-
-  > span {
-    margin-left: 16px;
-  }
-`));
-
-export { AssetPreviewTopBar, BackButtonContainer, BackHoverEffect, ButtonsContainer, LeftText };

package/esm/components/widgets/AssetPreview/AssetPreviewTopBar/widgets/AssetPreview/AssetPreviewTopBar/index.js

@@ -1 +0,0 @@
-export { default } from '../../../AssetPreviewTopBar.js';

package/esm/components/widgets/ContextMenu/ContextMenu.js

@@ -1,24 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from '../../../node_modules/react/index.js';
-import PropTypes from '../../../node_modules/prop-types/index.js';
-import { ContextMenu as ContextMenu$2 } from './ContextMenu.styled.js';
-
-const _excluded = ["children"];
-const ContextMenu = React.forwardRef(function ContextMenu(_ref, forwardedRef) {
-  let {
-      children
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return React.createElement(ContextMenu$2, _extends({
-    ref: forwardedRef
-  }, props, {
-    role: "menu"
-  }), children);
-});
-ContextMenu.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: PropTypes.any
-} : {};
-ContextMenu.defaultProps = {};
-var ContextMenu$1 = ContextMenu;
-
-export { ContextMenu$1 as default };

package/esm/components/widgets/ContextMenu/ContextMenu.styled.js

@@ -1,11 +0,0 @@
-import styled from 'styled-components';
-import { applyDefaultTheme } from '../../../utils/defaultTheme.js';
-
-let _ = t => t,
-  _t;
-const ContextMenu = styled.div.attrs(applyDefaultTheme)(_t || (_t = _`
-  font-family: ${0};
-  padding: 3px 0;
-`), props => props.theme.primaryFontFamily);
-
-export { ContextMenu };

package/esm/components/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.js

@@ -1,46 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from '../../../../node_modules/react/index.js';
-import PropTypes from '../../../../node_modules/prop-types/index.js';
-import { ContextMenuItem as ContextMenuItem$2, IconContainer, SublevelIconContainer } from './ContextMenuItem.styled.js';
-import { ReactComponent as SvgTriangleRight } from '../../../../icons/triangle-right.svg.js';
-
-const _excluded = ["title", "icon", "onClickEffect", "opensSublevel", "hoverColors", "hoverBackgroundColors"];
-const ContextMenuItem = React.forwardRef(function ContextMenuItem(_ref, forwardedRef) {
-  let {
-      title,
-      icon,
-      onClickEffect,
-      opensSublevel,
-      hoverColors,
-      hoverBackgroundColors
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return React.createElement(ContextMenuItem$2, _extends({
-    ref: forwardedRef,
-    icon: icon,
-    onClick: onClickEffect,
-    hoverColors: hoverColors,
-    hoverBackgroundColors: hoverBackgroundColors,
-    opensSublevel: opensSublevel,
-    className: opensSublevel ? 'context-menu-item opens-sublevel' : 'context-menu-item'
-  }, props, {
-    role: "menuitem"
-  }), icon && React.createElement(IconContainer, null, icon), React.createElement("span", null, title), opensSublevel && React.createElement(SublevelIconContainer, null, React.createElement(SvgTriangleRight, null)));
-});
-ContextMenuItem.propTypes = process.env.NODE_ENV !== "production" ? {
-  title: PropTypes.string.isRequired,
-  icon: PropTypes.element,
-  onClickEffect: PropTypes.func,
-  opensSublevel: PropTypes.bool,
-  hoverColors: PropTypes.arrayOf(PropTypes.string),
-  hoverBackgroundColors: PropTypes.arrayOf(PropTypes.string)
-} : {};
-ContextMenuItem.defaultProps = {
-  icon: undefined,
-  hoverColors: undefined,
-  hoverBackgroundColors: undefined,
-  opensSublevel: false
-};
-var ContextMenuItem$1 = ContextMenuItem;
-
-export { ContextMenuItem$1 as default };

package/esm/components/widgets/ContextMenu/ContextMenuItem/ContextMenuItem.styled.js

@@ -1,83 +0,0 @@
-import styled, { css } from 'styled-components';
-import { applyDefaultTheme } from '../../../../utils/defaultTheme.js';
-
-let _ = t => t,
-  _t,
-  _t2,
-  _t3,
-  _t4,
-  _t5,
-  _t6;
-const ContextMenuItem = styled.span.attrs(applyDefaultTheme)(_t || (_t = _`
-  align-items: center;
-  cursor: pointer;
-  display: flex;
-  font-family: ${0};
-  font-size: 0.875rem;
-  font-weight: normal;
-  height: 31px;
-  min-width: 160px;
-  padding: ${0};
-
-  ${0}
-
-  ${0}
-
-  ${0}
-
-  :not(:last-of-type) {
-    border-bottom: 1px solid;
-
-    ${0}
-  }
-
-  :last-of-type {
-    height: 32px;
-  }
-
-  &:hover {
-    cursor: pointer;
-
-    ${0}
-  }
-
-  ${0}
-
-  ${0}
-`), props => props.theme.primaryFontFamily, props => props.opensSublevel ? '0 8px' : '0 28px 0 8px', props => props.theme.themeProp('color', props.theme.getColor('gray-100'), props.theme.getColor('gray-700')), props => props.theme.themeProp('background-color', props.theme.getColor('gray-700'), '#FEFEFE'), props => !props.icon && css(_t2 || (_t2 = _`
-      padding-left: 28px;
-    `)), props => props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200')), props => props.theme.themeProp('background-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200')), props => props.hoverColors && props.hoverColors[0] && props.hoverColors[1] && css(_t3 || (_t3 = _`
-      &&:hover {
-        ${0}
-      }
-    `), props => props.theme.themeProp('color', props.hoverColors[0], props.hoverColors[1])), props => props.hoverBackgroundColors && props.hoverBackgroundColors[0] && props.hoverBackgroundColors[1] && css(_t4 || (_t4 = _`
-      &&:hover {
-        ${0}
-      }
-    `), props => props.theme.themeProp('background-color', props.hoverBackgroundColors[0], props.hoverBackgroundColors[1])));
-const IconContainer = styled.span.attrs(applyDefaultTheme)(_t5 || (_t5 = _`
-  align-items: center;
-  display: flex;
-  height: fit-content;
-  max-width: 12px;
-  margin-right: 8px;
-
-  svg {
-    height: 12px;
-  }
-`));
-const SublevelIconContainer = styled.span.attrs(applyDefaultTheme)(_t6 || (_t6 = _`
-  align-items: center;
-  display: flex;
-  height: fit-content;
-  max-width: 12px;
-  margin-left: auto;
-  margin-right: 8px;
-  padding-left: 24px;
-
-  svg {
-    height: 12px;
-  }
-`));
-
-export { ContextMenuItem, IconContainer, SublevelIconContainer };

package/esm/components/widgets/ContextMenu/ContextMenuItem/widgets/ContextMenu/ContextMenuItem/index.js

@@ -1 +0,0 @@
-export { default } from '../../../ContextMenuItem.js';

package/esm/components/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.js

@@ -1,24 +0,0 @@
-import { objectWithoutProperties as _objectWithoutProperties, extends as _extends } from '../../../../_virtual/_rollupPluginBabelHelpers.js';
-import React from '../../../../node_modules/react/index.js';
-import PropTypes from '../../../../node_modules/prop-types/index.js';
-import { ContextMenuItemsGroup as ContextMenuItemsGroup$2 } from './ContextMenuItemsGroup.styled.js';
-
-const _excluded = ["children"];
-const ContextMenuItemsGroup = React.forwardRef(function ContextMenuItemsGroup(_ref, forwardedRef) {
-  let {
-      children
-    } = _ref,
-    props = _objectWithoutProperties(_ref, _excluded);
-  return React.createElement(ContextMenuItemsGroup$2, _extends({
-    ref: forwardedRef
-  }, props, {
-    role: "group"
-  }), children);
-});
-ContextMenuItemsGroup.propTypes = process.env.NODE_ENV !== "production" ? {
-  children: PropTypes.arrayOf(PropTypes.node)
-} : {};
-ContextMenuItemsGroup.defaultProps = {};
-var ContextMenuItemsGroup$1 = ContextMenuItemsGroup;
-
-export { ContextMenuItemsGroup$1 as default };

package/esm/components/widgets/ContextMenu/ContextMenuItemsGroup/ContextMenuItemsGroup.styled.js

@@ -1,22 +0,0 @@
-import styled from 'styled-components';
-import { applyDefaultTheme } from '../../../../utils/defaultTheme.js';
-
-let _ = t => t,
-  _t;
-const ContextMenuItemsGroup = styled.div.attrs(applyDefaultTheme)(_t || (_t = _`
-  :not(:last-child) {
-    border-bottom: 1px solid;
-
-    ${0}
-  }
-
-  > * {
-    border-bottom: none !important;
-  }
-
-  > *:not(:last-child) {
-    height: 32px;
-  }
-`), props => props.theme.themeProp('border-color', props.theme.getColor('gray-600'), props.theme.getColor('gray-200')));
-
-export { ContextMenuItemsGroup };

package/esm/components/widgets/ContextMenu/ContextMenuItemsGroup/widgets/ContextMenu/ContextMenuItemsGroup/index.js

@@ -1 +0,0 @@
-export { default } from '../../../ContextMenuItemsGroup.js';

package/esm/components/widgets/ContextMenu/widgets/ContextMenu/index.js

@@ -1 +0,0 @@
-export { default } from '../../ContextMenu.js';