@ultraviolet/plus 0.5.5 → 0.5.6

package/dist/src/components/ContentCardGroup/index.js

@@ -7,37 +7,25 @@ import { jsx, Fragment } from '@emotion/react/jsx-runtime';
 
 const StyledWrapper = /*#__PURE__*/_styled(Stack, {
   target: "e1393dgx0"
-})("border-radius:", _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.radii.default;
-}, ";border:1px solid ", _ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme.colors.neutral.border;
-}, ";background:", _ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme.colors.neutral.background;
-}, ";min-width:0;");
-const BaseContentCardGroup = /*#__PURE__*/forwardRef((_ref4, ref) => {
-  let {
-    children,
-    loading
-  } = _ref4;
-  return jsx(StyledWrapper, {
-    direction: "column",
-    ref: ref,
-    children: !loading ? children : jsx(Fragment, {
-      children: Children.map(children, (_child, index) =>
-      // eslint-disable-next-line react/no-array-index-key
-      jsx(SkeletonCard, {}, index))
-    })
-  });
-});
+})("border-radius:", ({
+  theme
+}) => theme.radii.default, ";border:1px solid ", ({
+  theme
+}) => theme.colors.neutral.border, ";background:", ({
+  theme
+}) => theme.colors.neutral.background, ";min-width:0;");
+const BaseContentCardGroup = /*#__PURE__*/forwardRef(({
+  children,
+  loading
+}, ref) => jsx(StyledWrapper, {
+  direction: "column",
+  ref: ref,
+  children: !loading ? children : jsx(Fragment, {
+    children: Children.map(children, (_child, index) =>
+    // eslint-disable-next-line react/no-array-index-key
+    jsx(SkeletonCard, {}, index))
+  })
+}));
 const ContentCardGroup = /*#__PURE__*/Object.assign(BaseContentCardGroup, {
   Card
 });

package/dist/src/components/EstimateCost/Components/CustomUnitInput.js

@@ -3,13 +3,12 @@ import { useEstimateCost } from '../EstimateCostProvider.js';
 import { UnitInput } from './UnitInput.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 
-const CustomUnitInput = _ref => {
-  let {
-    defaultTimeUnit = 'hours',
-    setIteration,
-    iteration,
-    timeUnits
-  } = _ref;
+const CustomUnitInput = ({
+  defaultTimeUnit = 'hours',
+  setIteration,
+  iteration,
+  timeUnits
+}) => {
   const {
     locales
   } = useEstimateCost();
@@ -17,12 +16,9 @@ const CustomUnitInput = _ref => {
     value: unit,
     label: locales[`estimate.cost.units.${unit}.label`]
   })), [timeUnits, locales]);
-  const defaultOption = useMemo(() => options.find(_ref2 => {
-    let {
-      value
-    } = _ref2;
-    return value === defaultTimeUnit;
-  }), [defaultTimeUnit, options]);
+  const defaultOption = useMemo(() => options.find(({
+    value
+  }) => value === defaultTimeUnit), [defaultTimeUnit, options]);
   return jsx(UnitInput, {
     name: "iteration",
     onChange: inputValue => setIteration({

package/dist/src/components/EstimateCost/Components/Item.js

@@ -15,34 +15,22 @@ const TIME_RELATED_UNIT = ['seconds', 'minutes', 'hours', 'days', 'months'];
 const StyledResourceName = /*#__PURE__*/_styled('div', {
   shouldForwardProp: prop => !['isOverlay', 'animated'].includes(prop),
   target: "e1kzy2rr7"
-})("text-align:", _ref => {
-  let {
-    isOverlay
-  } = _ref;
-  return isOverlay ? 'initial' : 'right';
-}, ";", _ref2 => {
-  let {
-    isOverlay,
-    animated
-  } = _ref2;
-  return isOverlay ? /*#__PURE__*/css("height:48px;display:flex;flex-direction:column;-webkit-box-pack:center;justify-content:center;animation:", animated ? /*#__PURE__*/css("800ms ", zoomIn, ";") : '', ";") : null;
-}, ";");
+})("text-align:", ({
+  isOverlay
+}) => isOverlay ? 'initial' : 'right', ";", ({
+  isOverlay,
+  animated
+}) => isOverlay ? /*#__PURE__*/css("height:48px;display:flex;flex-direction:column;-webkit-box-pack:center;justify-content:center;animation:", animated ? /*#__PURE__*/css("800ms ", zoomIn, ";") : '', ";") : null, ";");
 const StyledBadge = /*#__PURE__*/_styled(Badge, {
   target: "e1kzy2rr6"
-})("margin-left:", _ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme.space['1'];
-}, ";align-self:center;");
+})("margin-left:", ({
+  theme
+}) => theme.space['1'], ";align-self:center;");
 const StyledText = /*#__PURE__*/_styled(Text, {
   target: "e1kzy2rr5"
-})("margin-left:", _ref4 => {
-  let {
-    theme
-  } = _ref4;
-  return theme.space['1'];
-}, ";");
+})("margin-left:", ({
+  theme
+}) => theme.space['1'], ";");
 const MaxWidthText = /*#__PURE__*/_styled(Text, {
   target: "e1kzy2rr4"
 })(process.env.NODE_ENV === "production" ? {
@@ -75,12 +63,9 @@ const StyledTooltip = /*#__PURE__*/_styled(Tooltip, {
 });
 const StyledPriceCell = /*#__PURE__*/_styled(Cell, {
   target: "e1kzy2rr1"
-})(_ref5 => {
-  let {
-    theme
-  } = _ref5;
-  return PriceCell(theme);
-}, ";");
+})(({
+  theme
+}) => PriceCell(theme), ";");
 const StyleNoPriceItem = /*#__PURE__*/_styled(Text, {
   target: "e1kzy2rr0"
 })(process.env.NODE_ENV === "production" ? {
@@ -91,62 +76,61 @@ const StyleNoPriceItem = /*#__PURE__*/_styled(Text, {
   styles: "text-align:right",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const Item = _ref6 => {
-  let {
-    discount = 0,
-    priceText,
-    discountText,
-    label,
-    tooltipInfo,
-    // Shows an icon with tooltip that contains this text
-    subLabel = '',
-    // Usually used for showing amount that is free
-    price: basePrice = 0,
-    // Hourly price for one unit
-    monthlyPrice = 0,
-    // Price per month
-    unit: baseUnit,
-    // Can be GB, MB, Node, Queries, etc.
-    amount: currentAmount = 1,
-    // Current number of items
-    onAmountChange,
-    amountFree = 0,
-    // Amount that is free - offered by company
-    maxAmount = 0,
-    // Max amount - used for kubernetes for example
-    longFractionDigits = false,
-    // In case price is really long 0.0000076 - up 7 fraction digits
-    noIteration = false,
-    // if item is not based on time (ex: download, upload, transfer)
-    noIterationText,
-    noBorder,
-    // remove the border bottom of the item
-    noPrice,
-    // remove the price on right side of the table
-    isDefined = true,
-    children = null,
-    isFirstElement = false,
-    isLastElement = false,
-    isPrimaryBackground = false,
-    productsCallback,
-    iteration: receivedIteration,
-    // Object from parent that contains time period (hours, days, months)
-    shouldBeHidden = false,
-    // Hide element from overlay if screen width is small
-    hideFromOverlay = false,
-    // Hide element from overlay in any case
-    textNotDefined,
-    // Text to display in case of not defined value
-    animated = false,
-    // if true, zoomIn animation is triggered
-    tabulation,
-    // Increase left padding of the item
-    labelTextVariant,
-    // To change left cell typography variant
-    labelTextProminence,
-    // To change left cell typography prominence
-    notice // To display a gray text below the label
-  } = _ref6;
+const Item = ({
+  discount = 0,
+  priceText,
+  discountText,
+  label,
+  tooltipInfo,
+  // Shows an icon with tooltip that contains this text
+  subLabel = '',
+  // Usually used for showing amount that is free
+  price: basePrice = 0,
+  // Hourly price for one unit
+  monthlyPrice = 0,
+  // Price per month
+  unit: baseUnit,
+  // Can be GB, MB, Node, Queries, etc.
+  amount: currentAmount = 1,
+  // Current number of items
+  onAmountChange,
+  amountFree = 0,
+  // Amount that is free - offered by company
+  maxAmount = 0,
+  // Max amount - used for kubernetes for example
+  longFractionDigits = false,
+  // In case price is really long 0.0000076 - up 7 fraction digits
+  noIteration = false,
+  // if item is not based on time (ex: download, upload, transfer)
+  noIterationText,
+  noBorder,
+  // remove the border bottom of the item
+  noPrice,
+  // remove the price on right side of the table
+  isDefined = true,
+  children = null,
+  isFirstElement = false,
+  isLastElement = false,
+  isPrimaryBackground = false,
+  productsCallback,
+  iteration: receivedIteration,
+  // Object from parent that contains time period (hours, days, months)
+  shouldBeHidden = false,
+  // Hide element from overlay if screen width is small
+  hideFromOverlay = false,
+  // Hide element from overlay in any case
+  textNotDefined,
+  // Text to display in case of not defined value
+  animated = false,
+  // if true, zoomIn animation is triggered
+  tabulation,
+  // Increase left padding of the item
+  labelTextVariant,
+  // To change left cell typography variant
+  labelTextProminence,
+  // To change left cell typography prominence
+  notice // To display a gray text below the label
+}) => {
   const {
     locales,
     formatNumber

package/dist/src/components/EstimateCost/Components/LineThrough.js

@@ -4,12 +4,9 @@ import { css } from '@emotion/react';
 const LineThrough = /*#__PURE__*/_styled('span', {
   shouldForwardProp: prop => !['isActive'].includes(prop),
   target: "e1d1k6i0"
-})(_ref => {
-  let {
-    isActive,
-    theme
-  } = _ref;
-  return isActive ? /*#__PURE__*/css("text-decoration-line:line-through;text-decoration-color:", theme.colors.warning.border, ";") : null;
-}, ";");
+})(({
+  isActive,
+  theme
+}) => isActive ? /*#__PURE__*/css("text-decoration-line:line-through;text-decoration-color:", theme.colors.warning.border, ";") : null, ";");
 
 export { LineThrough };

package/dist/src/components/EstimateCost/Components/NumberInput.js

@@ -5,14 +5,13 @@ import { ItemResourceName } from '../componentStyle.js';
 import { Regular } from './Regular.js';
 import { jsx } from '@emotion/react/jsx-runtime';
 
-const NumberInput = _ref => {
-  let {
-    amount,
-    minValue = 0,
-    maxValue = 100,
-    getAmountValue,
-    itemCallback
-  } = _ref;
+const NumberInput = ({
+  amount,
+  minValue = 0,
+  maxValue = 100,
+  getAmountValue,
+  itemCallback
+}) => {
   const {
     isOverlay
   } = useOverlay();

package/dist/src/components/EstimateCost/Components/Region.js

@@ -6,27 +6,23 @@ import { jsx, jsxs } from '@emotion/react/jsx-runtime';
 
 const StyledImage = /*#__PURE__*/_styled("img", {
   target: "exu7lwu0"
-})("width:15px;margin-right:", _ref => {
-  let {
-    theme
-  } = _ref;
-  return theme.space['1'];
-}, ";");
-const Region = _ref2 => {
-  let {
-    label,
-    image,
-    shouldBeHidden = false,
-    priceText,
-    animated = false,
-    isFirstElement,
-    isLastElement,
-    productsCallback,
-    iteration,
-    discount,
-    noBorder,
-    noPrice
-  } = _ref2;
+})("width:15px;margin-right:", ({
+  theme
+}) => theme.space['1'], ";");
+const Region = ({
+  label,
+  image,
+  shouldBeHidden = false,
+  priceText,
+  animated = false,
+  isFirstElement,
+  isLastElement,
+  productsCallback,
+  iteration,
+  discount,
+  noBorder,
+  noPrice
+}) => {
   const {
     locales
   } = useEstimateCost();

package/dist/src/components/EstimateCost/Components/Regular.js

@@ -6,30 +6,20 @@ import { jsx } from '@emotion/react/jsx-runtime';
 const StyledRegular = /*#__PURE__*/_styled('div', {
   shouldForwardProp: prop => !['variant', 'isOverlay'].includes(prop),
   target: "e1l9k4qo0"
-})("display:", _ref => {
-  let {
-    isOverlay
-  } = _ref;
-  return isOverlay ? 'flex' : 'inline-flex';
-}, ";max-width:500px;align-items:center;font-size:16px;color:", _ref2 => {
-  let {
-    theme
-  } = _ref2;
-  return theme.colors.neutral.textStrong;
-}, ";margin-right:4px;", _ref3 => {
-  let {
-    theme,
-    variant
-  } = _ref3;
-  return variant === 'small' && /*#__PURE__*/css("display:block;font-size:14px;line-height:8px;color:", theme.colors.neutral.text, ";");
-}, ";");
-const Regular = _ref4 => {
-  let {
-    variant = 'normal',
-    isDisabledOnOverlay = false,
-    children = null,
-    className
-  } = _ref4;
+})("display:", ({
+  isOverlay
+}) => isOverlay ? 'flex' : 'inline-flex', ";max-width:500px;align-items:center;font-size:16px;color:", ({
+  theme
+}) => theme.colors.neutral.textStrong, ";margin-right:4px;", ({
+  theme,
+  variant
+}) => variant === 'small' && /*#__PURE__*/css("display:block;font-size:14px;line-height:8px;color:", theme.colors.neutral.text, ";"), ";");
+const Regular = ({
+  variant = 'normal',
+  isDisabledOnOverlay = false,
+  children = null,
+  className
+}) => {
   const {
     isOverlay
   } = useOverlay();

package/dist/src/components/EstimateCost/Components/Strong.js

@@ -5,33 +5,21 @@ import { jsx } from '@emotion/react/jsx-runtime';
 const StyledStrong = /*#__PURE__*/_styled(Regular, {
   shouldForwardProp: prop => !['variant'].includes(prop),
   target: "e1bhvxf60"
-})("display:inline-flex;align-items:center;font-size:", _ref => {
-  let {
-    variant
-  } = _ref;
-  return variant === 'big' ? 24 : 16;
-}, "px;", _ref2 => {
-  let {
-    variant
-  } = _ref2;
-  return variant === 'capitalized' ? `text-transform: capitalize;` : '';
-}, " color:", _ref3 => {
-  let {
-    theme
-  } = _ref3;
-  return theme.colors.neutral.textStrong;
-}, ";font-weight:500;margin-right:4px;");
-const Strong = _ref4 => {
-  let {
-    variant = 'normal',
-    children = null,
-    isDisabledOnOverlay = false
-  } = _ref4;
-  return jsx(StyledStrong, {
-    variant: variant,
-    isDisabledOnOverlay: isDisabledOnOverlay,
-    children: children
-  });
-};
+})("display:inline-flex;align-items:center;font-size:", ({
+  variant
+}) => variant === 'big' ? 24 : 16, "px;", ({
+  variant
+}) => variant === 'capitalized' ? `text-transform: capitalize;` : '', " color:", ({
+  theme
+}) => theme.colors.neutral.textStrong, ";font-weight:500;margin-right:4px;");
+const Strong = ({
+  variant = 'normal',
+  children = null,
+  isDisabledOnOverlay = false
+}) => jsx(StyledStrong, {
+  variant: variant,
+  isDisabledOnOverlay: isDisabledOnOverlay,
+  children: children
+});
 
 export { Strong, StyledStrong };

package/dist/src/components/EstimateCost/Components/Unit.js

@@ -17,13 +17,12 @@ const StyledTextInput = /*#__PURE__*/_styled(TextInput, {
   styles: "input[type='number']::-webkit-inner-spin-button,input[type='number']::-webkit-outer-spin-button{-webkit-appearance:none;margin:0;}input[type='number']{-moz-appearance:textfield;}",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 });
-const Unit = _ref => {
-  let {
-    amount,
-    itemCallback,
-    getAmountValue,
-    unit
-  } = _ref;
+const Unit = ({
+  amount,
+  itemCallback,
+  getAmountValue,
+  unit
+}) => {
   const {
     isOverlay
   } = useOverlay();