@ntbjs/react-components 2.0.0-rc.27 → 2.0.0-rc.29

package/build/{widgets/ContextMenu/ContextMenuItem/ContextMenuItem.js → ContextMenuItem-ea411141.js}

@@ -1,7 +1,7 @@
-import { _ as _extends$1 } from '../../../_rollupPluginBabelHelpers-c245b26a.js';
+import { _ as _extends$1 } from './_rollupPluginBabelHelpers-c245b26a.js';
 import * as React from 'react';
 import React__default from 'react';
-import { a as applyDefaultTheme, P as PropTypes } from '../../../defaultTheme-1bcc2541.js';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
 import styled, { css } from 'styled-components';
 
 var _path;
@@ -124,4 +124,4 @@ ContextMenuItem.defaultProps = {
   opensSublevel: false
 };
 
-export { ContextMenuItem as default };
+export { ContextMenuItem as C };

package/build/{widgets/InfoCard/InfoCard.js → InfoCard-c98b6f5a.js}

@@ -1,8 +1,8 @@
-import { _ as _extends } from '../../_rollupPluginBabelHelpers-c245b26a.js';
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
 import React__default, { useState } from 'react';
-import { a as applyDefaultTheme, P as PropTypes } from '../../defaultTheme-1bcc2541.js';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
 import styled from 'styled-components';
-import { S as SvgArrowForward } from '../../arrow-forward-ad12c5f3.js';
+import { S as SvgArrowForward } from './arrow-forward-ad12c5f3.js';
 
 const Container = styled.div.attrs(applyDefaultTheme)`
   font-family: ${props => props.theme.primaryFontFamily};
@@ -122,4 +122,4 @@ InfoCard.propTypes = process.env.NODE_ENV !== "production" ? {
   height: PropTypes.number
 } : {};
 
-export { InfoCard as default };
+export { InfoCard as I };

package/build/{widgets/Instructions/Instructions.js → Instructions-bfd28cea.js}

@@ -1,30 +1,11 @@
-import { _ as _extends } from '../../_rollupPluginBabelHelpers-c245b26a.js';
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
 import { isFunction } from 'lodash';
-import { a as applyDefaultTheme, P as PropTypes } from '../../defaultTheme-1bcc2541.js';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
 import React__default, { useState, useEffect, useCallback } from 'react';
-import { S as SvgWarningCircle } from '../../warning-circle-24f3efcd.js';
-import { C as CompactAutocompleteSelect } from '../../CompactAutocompleteSelect-52c49513.js';
-import { T as TextArea } from '../../TextArea-1e5b9201.js';
+import { S as SvgWarningCircle } from './warning-circle-24f3efcd.js';
+import { C as CompactAutocompleteSelect } from './CompactAutocompleteSelect-52c49513.js';
+import { T as TextArea } from './TextArea-1e5b9201.js';
 import styled from 'styled-components';
-import 'nanoid';
-import '../../Alert-e6847a22.js';
-import '../../Badge-d93586a9.js';
-import '../../Popover-20050b91.js';
-import 'polished';
-import '@tippyjs/react';
-import '../../shift-away-subtle-0dd94a03.js';
-import 'popper-max-size-modifier';
-import '../../Tab-04d435c3.js';
-import '../../Tabs-74d1ea8a.js';
-import '../../Tooltip-c1d1199e.js';
-import '../../VerificationStatusIcon-49cb1c1b.js';
-import 'react-select';
-import 'react-select-async-paginate';
-import 'react-select/creatable';
-import '../../close-a5d37608.js';
-import '../../expand-more-c5523c46.js';
-import '@restart/hooks/useMergedRefs';
-import '../../edit-note-283a0e15.js';
 
 const Instructions$1 = styled.div.attrs(applyDefaultTheme)`
   display: flex;
@@ -252,4 +233,4 @@ Instructions.propTypes = process.env.NODE_ENV !== "production" ? {
   padding: PropTypes.oneOf(['', 'small', 'medium', 'large'])
 } : {};
 
-export { Instructions as default };
+export { Instructions as I };

package/build/{widgets/ProgressBar/ProgressBar.js → ProgressBar-bc4a4a7e.js}

@@ -1,8 +1,8 @@
-import { _ as _extends } from '../../_rollupPluginBabelHelpers-c245b26a.js';
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
 import React__default, { useState } from 'react';
-import { a as applyDefaultTheme, P as PropTypes } from '../../defaultTheme-1bcc2541.js';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
 import styled from 'styled-components';
-import { S as SvgArrowForward } from '../../arrow-forward-ad12c5f3.js';
+import { S as SvgArrowForward } from './arrow-forward-ad12c5f3.js';
 
 const getBackgroundColor = props => {
   if (props.barColor) {
@@ -207,4 +207,4 @@ ProgressBar.propTypes = process.env.NODE_ENV !== "production" ? {
   onClick: PropTypes.func
 } : {};
 
-export { ProgressBar as default };
+export { ProgressBar as P };

package/build/SummaryCard-24040650.js

@@ -0,0 +1,223 @@
+import { _ as _extends } from './_rollupPluginBabelHelpers-c245b26a.js';
+import { a as applyDefaultTheme, P as PropTypes } from './defaultTheme-1bcc2541.js';
+import React__default from 'react';
+import { S as SvgWarningCircle } from './warning-circle-24f3efcd.js';
+import { A as Alert } from './Alert-e6847a22.js';
+import './Badge-d93586a9.js';
+import './Popover-20050b91.js';
+import './Tab-04d435c3.js';
+import './Tabs-74d1ea8a.js';
+import './Tooltip-c1d1199e.js';
+import './VerificationStatusIcon-49cb1c1b.js';
+import styled, { css } from 'styled-components';
+import { FloatingArrow } from '@floating-ui/react';
+
+const shouldForwardProp = prop => {
+  return prop !== 'theme' && !prop.startsWith('$');
+};
+const SummaryCard$1 = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: flex;
+  flex-direction: column;
+  border-radius: 4px;
+  width: ${props => props.width ? `${props.width}px` : '100%'};
+  ${props => props.view === 'compact' ? props.theme.themeProp('background', props.theme.getColor('gray-700'), props.theme.getColor('white')) : 'background: transparent'};
+
+  ${props => props.$useBorder ? props.theme.themeProp('border', `1px solid ${props.theme.getColor('gray-500')}`, `1px solid ${props.theme.getColor('gray-300')}`) : null}
+`;
+const Gutter = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  ${props => {
+  if (props.renderAsMargin) {
+    return css`
+        margin-bottom: ${props.$gutter || 8}px;
+      `;
+  } else {
+    return css`
+        padding-bottom: ${props.$gutter || 8}px;
+      `;
+  }
+}}
+  padding-bottom: ${props => props.$gutter || 8}px;
+`;
+const Header = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 16px;
+`;
+const HeaderLeft = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+
+  > * {
+    margin-right: 4px;
+  }
+`;
+const HeaderRight = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+
+  > * {
+    margin-left: 4px;
+  }
+`;
+const Title = styled.span.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: inline-block;
+  padding: 0 16px;
+  font: normal normal 500 14px/19px Roboto;
+  letter-spacing: 0.28px;
+  display: -webkit-box;
+  -webkit-line-clamp: 1;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  box-sizing: border-box;
+
+  ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};
+`;
+const Description = styled.span.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  padding: 0 16px;
+  text-align: left;
+  font: normal normal normal 12px/16px Roboto;
+  letter-spacing: 0.24px;
+  display: -webkit-box;
+  -webkit-line-clamp: 3;
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  box-sizing: border-box;
+
+  ${props => props.theme.themeProp('color', props.theme.getColor('white'), props.theme.getColor('gray-700'))};
+`;
+const Instruction = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)``;
+const Footer = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  padding: 0 16px;
+`;
+const FooterLeft = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: flex;
+  align-items: center;
+  justify-content: flex-start;
+
+  > * {
+    margin-right: 4px;
+  }
+`;
+const FooterRight = styled.div.withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  display: flex;
+  align-items: center;
+  justify-content: flex-end;
+
+  > * {
+    margin-left: 4px;
+  }
+`;
+styled(FloatingArrow).withConfig({
+  shouldForwardProp
+}).attrs(applyDefaultTheme)`
+  ${props => props.theme.themeProp('fill', props.theme.getColor('gray-700'), props.theme.getColor('white'))}
+`;
+
+const SummaryCard = React__default.forwardRef(function AssetSummaryCard({
+  activeSummaryCard,
+  title,
+  description,
+  instructions,
+  instructionsType,
+  headerLeft,
+  headerRight,
+  footerLeft,
+  footerRight,
+  width,
+  useBorder,
+  view,
+  ...props
+}, forwardedRef) {
+  const shouldRenderInstructions = !!instructions;
+  const shouldRenderHeader = !!headerLeft || !!headerRight;
+  const shouldRenderFooter = !!footerLeft || !!footerRight;
+  const shouldAddGutterAfterInstructions = shouldRenderInstructions && shouldRenderFooter;
+  const shouldAddGutterAfterTitle = !!title && (!!description || !!instructions || shouldRenderFooter);
+  if (!activeSummaryCard) return null;
+  return React__default.createElement(SummaryCard$1, _extends({
+    ref: forwardedRef,
+    width: width,
+    useBorder: useBorder
+  }, props, {
+    view: view
+  }), shouldRenderHeader && React__default.createElement(React__default.Fragment, null, React__default.createElement(Gutter, {
+    gutter: 8
+  }), React__default.createElement(Header, null, React__default.createElement(HeaderLeft, null, headerLeft), React__default.createElement(HeaderRight, null, headerRight))), React__default.createElement(Gutter, {
+    gutter: shouldRenderHeader ? 8 : 16
+  }), title && React__default.createElement(Title, null, title), shouldAddGutterAfterTitle && React__default.createElement(Gutter, {
+    gutter: 4
+  }), description && React__default.createElement(Description, null, description), React__default.createElement(Gutter, {
+    gutter: 16
+  }), shouldRenderInstructions && React__default.createElement(Instruction, null, React__default.createElement(Alert, {
+    icon: React__default.createElement(SvgWarningCircle, null),
+    alertMessage: instructions,
+    type: instructionsType,
+    fontSize: 12,
+    verticalPadding: 12,
+    horizontalPadding: 16,
+    width: width,
+    lineClamp: 1
+  })), shouldAddGutterAfterInstructions && React__default.createElement(Gutter, {
+    gutter: 16
+  }), shouldRenderFooter && React__default.createElement(Footer, null, React__default.createElement(FooterLeft, null, footerLeft), React__default.createElement(FooterRight, null, footerRight)), shouldRenderFooter && React__default.createElement(Gutter, {
+    gutter: 16
+  }));
+});
+SummaryCard.propTypes = process.env.NODE_ENV !== "production" ? {
+  activeSummaryCard: PropTypes.bool,
+  title: PropTypes.string,
+  description: PropTypes.string,
+  instructions: PropTypes.string,
+  instructionsType: PropTypes.oneOf(['warning', 'error', 'info']),
+  headerLeft: PropTypes.node,
+  headerRight: PropTypes.node,
+  footerLeft: PropTypes.node,
+  footerRight: PropTypes.node,
+  width: PropTypes.number,
+  useBorder: PropTypes.bool,
+  view: PropTypes.string
+} : {};
+SummaryCard.defaultProps = {
+  title: '',
+  description: '',
+  instructions: '',
+  instructionsType: 'info',
+  headerLeft: null,
+  headerRight: null,
+  footerLeft: null,
+  footerRight: null,
+  useBorder: false,
+  activeSummaryCard: false
+};
+
+export { SummaryCard as S };

package/build/inputs/Button/index.js

@@ -1,4 +1,4 @@
-export { B as default } from '../../Button-179a2fe4.js';
+export { B as default } from '../../Button-73eb8516.js';
 import '../../_rollupPluginBabelHelpers-c245b26a.js';
 import 'react';
 import '../../defaultTheme-1bcc2541.js';
@@ -9,5 +9,5 @@ import 'polished';
 import '@tippyjs/react';
 import '../../shift-away-subtle-0dd94a03.js';
 import 'popper-max-size-modifier';
-import '../../widgets/ContextMenu/ContextMenu.js';
+import '../../ContextMenu-0f7134e4.js';
 import '../../expand-more-c5523c46.js';

package/build/inputs/index.js

@@ -1,5 +1,5 @@
 export { A as ActionButton } from '../ActionButton-4db754c3.js';
-export { B as Button } from '../Button-179a2fe4.js';
+export { B as Button } from '../Button-73eb8516.js';
 export { C as Checkbox } from '../Checkbox-4a5fd716.js';
 export { C as CompactAutocompleteSelect } from '../CompactAutocompleteSelect-52c49513.js';
 export { C as CompactStarRating } from '../CompactStarRating-9af2f427.js';
@@ -20,7 +20,7 @@ import 'lodash';
 import '@tippyjs/react';
 import '../shift-away-subtle-0dd94a03.js';
 import 'popper-max-size-modifier';
-import '../widgets/ContextMenu/ContextMenu.js';
+import '../ContextMenu-0f7134e4.js';
 import '../expand-more-c5523c46.js';
 import 'nanoid';
 import '../Alert-e6847a22.js';

package/build/styles/utils/colors.scss

@@ -1,15 +1,15 @@
-@import '../config';
+@use '../config';
 
 @function color($name) {
-  @if map-has-key($colors, $name) {
-    @return map-get($colors, $name);
+  @if map-has-key(config.$colors, $name) {
+    @return map-get(config.$colors, $name);
   } @else {
     @error "No color with the name `#{$name}`. was found.";
   }
 }
 
 :export {
-  @each $name, $color in $colors {
+  @each $name, $color in config.$colors {
     #{$name}: $color;
   }
 }

package/build/widgets/AssetAction/index.js

@@ -0,0 +1,7 @@
+export { A as default } from '../../AssetAction-98d76ce0.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'react';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import '@floating-ui/react';
+import 'lodash';

package/build/widgets/AssetActionsBase/index.js

@@ -0,0 +1,8 @@
+export { A as default } from '../../AssetActionsBase-9e4c0735.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'react';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import '../../AssetAction-98d76ce0.js';
+import '@floating-ui/react';
+import 'lodash';

package/build/widgets/AssetGallery/index.js

@@ -0,0 +1,48 @@
+export { A as default } from '../../AssetGallery-63f721ec.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'lodash';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import 'react';
+import '@restart/hooks/useMergedRefs';
+import 'resize-observer-polyfill';
+import '../../MultiLevelCheckboxSelect-d8044c88.js';
+import '../../Alert-e6847a22.js';
+import '../../Badge-d93586a9.js';
+import '../../Popover-20050b91.js';
+import 'polished';
+import '@tippyjs/react';
+import '../../shift-away-subtle-0dd94a03.js';
+import 'popper-max-size-modifier';
+import '../../Tab-04d435c3.js';
+import '../../Tabs-74d1ea8a.js';
+import '../../Tooltip-c1d1199e.js';
+import '../../VerificationStatusIcon-49cb1c1b.js';
+import '../../Checkbox-4a5fd716.js';
+import 'nanoid';
+import '../../TextInput-fab35842.js';
+import '../../edit-note-283a0e15.js';
+import '../../InputGroup-1294d190.js';
+import '../../SectionSeparator-f47760a2.js';
+import '../../close-a5d37608.js';
+import '@restart/hooks/useUpdateEffect';
+import '../../warning-circle-24f3efcd.js';
+import '../../SummaryCard-24040650.js';
+import '@floating-ui/react';
+import '../../AssetActionsBase-9e4c0735.js';
+import '../../AssetAction-98d76ce0.js';
+import '../../ActionButton-4db754c3.js';
+import '../../Button-73eb8516.js';
+import '../../ContextMenu-0f7134e4.js';
+import '../../expand-more-c5523c46.js';
+import '../../CompactAutocompleteSelect-52c49513.js';
+import 'react-select';
+import 'react-select-async-paginate';
+import 'react-select/creatable';
+import '../../CompactStarRating-9af2f427.js';
+import '../../CompactTextInput-42ca5d42.js';
+import '../../MultiSelect-9f497e62.js';
+import '../../Radio-73ca3ae2.js';
+import '../../TextArea-1e5b9201.js';
+import '../../Switch-ecf3122b.js';
+import '../../ContextMenuItem-ea411141.js';

package/build/widgets/AssetPreview/AssetPreviewTopBar/index.js

@@ -0,0 +1,6 @@
+export { A as default } from '../../../AssetPreviewTopBar-acd6353d.js';
+import '../../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'react';
+import '../../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import '../../../close-a5d37608.js';

package/build/widgets/ContextMenu/ContextMenuItem/index.js

@@ -0,0 +1,5 @@
+export { C as default } from '../../../ContextMenuItem-ea411141.js';
+import '../../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'react';
+import '../../../defaultTheme-1bcc2541.js';
+import 'styled-components';

package/build/widgets/ContextMenu/index.js

@@ -0,0 +1,5 @@
+export { C as default } from '../../ContextMenu-0f7134e4.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'react';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';

package/build/widgets/InfoCard/index.js

@@ -0,0 +1,6 @@
+export { I as default } from '../../InfoCard-c98b6f5a.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'react';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import '../../arrow-forward-ad12c5f3.js';

package/build/widgets/Instructions/index.js

@@ -0,0 +1,28 @@
+export { I as default } from '../../Instructions-bfd28cea.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'lodash';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import 'react';
+import '../../warning-circle-24f3efcd.js';
+import '../../CompactAutocompleteSelect-52c49513.js';
+import 'nanoid';
+import '../../Alert-e6847a22.js';
+import '../../Badge-d93586a9.js';
+import '../../Popover-20050b91.js';
+import 'polished';
+import '@tippyjs/react';
+import '../../shift-away-subtle-0dd94a03.js';
+import 'popper-max-size-modifier';
+import '../../Tab-04d435c3.js';
+import '../../Tabs-74d1ea8a.js';
+import '../../Tooltip-c1d1199e.js';
+import '../../VerificationStatusIcon-49cb1c1b.js';
+import 'react-select';
+import 'react-select-async-paginate';
+import 'react-select/creatable';
+import '../../close-a5d37608.js';
+import '../../expand-more-c5523c46.js';
+import '../../TextArea-1e5b9201.js';
+import '@restart/hooks/useMergedRefs';
+import '../../edit-note-283a0e15.js';

package/build/widgets/ProgressBar/index.js

@@ -0,0 +1,6 @@
+export { P as default } from '../../ProgressBar-bc4a4a7e.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import 'react';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import '../../arrow-forward-ad12c5f3.js';

package/build/widgets/SummaryCard/index.js

@@ -0,0 +1,19 @@
+export { S as default } from '../../SummaryCard-24040650.js';
+import '../../_rollupPluginBabelHelpers-c245b26a.js';
+import '../../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import 'react';
+import '../../warning-circle-24f3efcd.js';
+import '../../Alert-e6847a22.js';
+import 'lodash';
+import '../../Badge-d93586a9.js';
+import '../../Popover-20050b91.js';
+import 'polished';
+import '@tippyjs/react';
+import '../../shift-away-subtle-0dd94a03.js';
+import 'popper-max-size-modifier';
+import '../../Tab-04d435c3.js';
+import '../../Tabs-74d1ea8a.js';
+import '../../Tooltip-c1d1199e.js';
+import '../../VerificationStatusIcon-49cb1c1b.js';
+import '@floating-ui/react';

package/build/widgets/index.js

@@ -0,0 +1,53 @@
+export { A as AssetGallery } from '../AssetGallery-63f721ec.js';
+export { C as ContextMenu } from '../ContextMenu-0f7134e4.js';
+export { A as AssetPreviewTopBar } from '../AssetPreviewTopBar-acd6353d.js';
+export { I as Instructions } from '../Instructions-bfd28cea.js';
+export { S as SummaryCard } from '../SummaryCard-24040650.js';
+export { A as AssetActionBase } from '../AssetActionsBase-9e4c0735.js';
+export { A as AssetAction } from '../AssetAction-98d76ce0.js';
+export { P as ProgressBar } from '../ProgressBar-bc4a4a7e.js';
+export { I as InfoCard } from '../InfoCard-c98b6f5a.js';
+import '../_rollupPluginBabelHelpers-c245b26a.js';
+import 'lodash';
+import '../defaultTheme-1bcc2541.js';
+import 'styled-components';
+import 'react';
+import '@restart/hooks/useMergedRefs';
+import 'resize-observer-polyfill';
+import '../MultiLevelCheckboxSelect-d8044c88.js';
+import '../Alert-e6847a22.js';
+import '../Badge-d93586a9.js';
+import '../Popover-20050b91.js';
+import 'polished';
+import '@tippyjs/react';
+import '../shift-away-subtle-0dd94a03.js';
+import 'popper-max-size-modifier';
+import '../Tab-04d435c3.js';
+import '../Tabs-74d1ea8a.js';
+import '../Tooltip-c1d1199e.js';
+import '../VerificationStatusIcon-49cb1c1b.js';
+import '../Checkbox-4a5fd716.js';
+import 'nanoid';
+import '../TextInput-fab35842.js';
+import '../edit-note-283a0e15.js';
+import '../InputGroup-1294d190.js';
+import '../SectionSeparator-f47760a2.js';
+import '../close-a5d37608.js';
+import '@restart/hooks/useUpdateEffect';
+import '../warning-circle-24f3efcd.js';
+import '@floating-ui/react';
+import '../ActionButton-4db754c3.js';
+import '../Button-73eb8516.js';
+import '../expand-more-c5523c46.js';
+import '../CompactAutocompleteSelect-52c49513.js';
+import 'react-select';
+import 'react-select-async-paginate';
+import 'react-select/creatable';
+import '../CompactStarRating-9af2f427.js';
+import '../CompactTextInput-42ca5d42.js';
+import '../MultiSelect-9f497e62.js';
+import '../Radio-73ca3ae2.js';
+import '../TextArea-1e5b9201.js';
+import '../Switch-ecf3122b.js';
+import '../ContextMenuItem-ea411141.js';
+import '../arrow-forward-ad12c5f3.js';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ntbjs/react-components",
-  "version": "2.0.0-rc.27",
+  "version": "2.0.0-rc.29",
   "publishConfig": {
     "access": "public"
   },
@@ -86,10 +86,10 @@
     "rollup-plugin-delete": "^2.0.0",
     "rollup-plugin-multi-input": "^1.3.1",
     "rollup-plugin-peer-deps-external": "^2.2.0",
-    "rollup-plugin-postcss": "^4.0.0",
+    "rollup-plugin-postcss": "^4.0.2",
     "rollup-plugin-scss": "^2.6.1",
     "rollup-plugin-url": "^3.0.1",
-    "sass": "^1.34.1",
+    "sass": "^1.97.2",
     "sass-loader": "^10.1.1",
     "storybook-dark-mode": "^2.0.4",
     "url-loader": "^4.1.1"

package/styles/utils/colors.scss

@@ -1,15 +1,15 @@
-@import '../config';
+@use '../config';
 
 @function color($name) {
-  @if map-has-key($colors, $name) {
-    @return map-get($colors, $name);
+  @if map-has-key(config.$colors, $name) {
+    @return map-get(config.$colors, $name);
   } @else {
     @error "No color with the name `#{$name}`. was found.";
   }
 }
 
 :export {
-  @each $name, $color in $colors {
+  @each $name, $color in config.$colors {
     #{$name}: $color;
   }
 }