@ultraviolet/plus 3.0.0-beta.9 → 3.1.0

package/dist/components/CustomerSatisfaction/styles.css.js

@@ -0,0 +1,6 @@
+/* empty css                          */
+import { createRuntimeFn } from "@vanilla-extract/recipes/createRuntimeFn";
+var customerStatisfaction = createRuntimeFn({ defaultClassName: "uv_plus_wizdzu2", variantClassNames: { isScaled: { true: "uv_plus_wizdzu3" }, animated: { happy: "uv_plus_wizdzu4", angry: "uv_plus_wizdzu5" } }, defaultVariants: {}, compoundVariants: [] });
+export {
+  customerStatisfaction
+};

package/dist/components/EstimateCost/Components/CustomUnitInput.d.ts

@@ -5,5 +5,5 @@ type CustomUnitInputProps = {
     iteration: Iteration;
     timeUnits: Units[];
 };
-export declare const CustomUnitInput: import("react").MemoExoticComponent<({ defaultTimeUnit, setIteration, iteration, timeUnits, }: CustomUnitInputProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export declare const CustomUnitInput: import("react").MemoExoticComponent<({ defaultTimeUnit, setIteration, iteration, timeUnits, }: CustomUnitInputProps) => import("react/jsx-runtime").JSX.Element>;
 export {};

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

@@ -1,34 +1,54 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { UnitInput } from "@ultraviolet/ui";
 import { memo, useMemo } from "react";
 import { useEstimateCost } from "../EstimateCostProvider.js";
-const CustomUnitInput = memo(({
-  defaultTimeUnit = "hours",
-  setIteration,
-  iteration,
-  timeUnits
-}) => {
-  const {
-    locales
-  } = useEstimateCost();
-  const options = useMemo(() => timeUnits.map((unit) => ({
-    label: locales[`estimate.cost.units.${unit}.label`],
-    value: unit
-  })), [timeUnits, locales]);
-  const defaultOption = useMemo(() => options.find(({
-    value
-  }) => value === defaultTimeUnit), [defaultTimeUnit, options]);
-  return /* @__PURE__ */ jsx(UnitInput, { min: 1, name: "iteration", onChange: (inputValue) => setIteration({
-    unit: iteration.unit,
-    value: inputValue
-  }), onChangeUnitValue: (unitValue) => {
-    setIteration({
-      unit: unitValue,
-      value: iteration.value
-    });
-  }, options, placeholder: "0", selectInputWidth: "100%", size: "medium", templateColumns: "auto auto", unitValue: iteration.unit || defaultOption?.value, value: iteration.value, width: "100%" });
-});
+const CustomUnitInput = memo(
+  ({
+    defaultTimeUnit = "hours",
+    setIteration,
+    iteration,
+    timeUnits
+  }) => {
+    const { locales } = useEstimateCost();
+    const options = useMemo(
+      () => timeUnits.map((unit) => ({
+        label: locales[`estimate.cost.units.${unit}.label`],
+        value: unit
+      })),
+      [timeUnits, locales]
+    );
+    const defaultOption = useMemo(
+      () => options.find(({ value }) => value === defaultTimeUnit),
+      [defaultTimeUnit, options]
+    );
+    return /* @__PURE__ */ jsx(
+      UnitInput,
+      {
+        min: 1,
+        name: "iteration",
+        onChange: (inputValue) => setIteration({
+          unit: iteration.unit,
+          value: inputValue
+        }),
+        onChangeUnitValue: (unitValue) => {
+          setIteration({
+            unit: unitValue,
+            value: iteration.value
+          });
+        },
+        options,
+        placeholder: "0",
+        selectInputWidth: "100%",
+        size: "medium",
+        templateColumns: "auto auto",
+        unitValue: iteration.unit || defaultOption?.value,
+        value: iteration.value,
+        width: "100%"
+      }
+    );
+  }
+);
 export {
   CustomUnitInput
 };

package/dist/components/EstimateCost/Components/Item.d.ts

@@ -1,5 +1,5 @@
 import { Text } from '@ultraviolet/ui';
-import type { ComponentProps, ReactNode } from 'react';
+import type { ComponentProps, CSSProperties, ReactNode } from 'react';
 import type { BareEstimateProduct, EstimateProduct, Iteration } from '../types';
 type ItemProps = {
     amount?: number;
@@ -111,6 +111,7 @@ type ItemProps = {
      */
     unit?: 'mb' | 'gb' | 'tb' | 'seconds' | 'minutes' | 'hours' | 'days' | 'months' | 'years' | (string & NonNullable<unknown>);
     strikeThrough?: boolean;
+    style?: CSSProperties;
 };
-export declare const Item: import("react").MemoExoticComponent<({ discount, priceText, discountText, label, tooltipInfo, subLabel, price: basePrice, monthlyPrice, unit: baseUnit, amount: currentAmount, onAmountChange, amountFree, maxAmount, longFractionDigits, noIteration, noIterationText, noBorder, noPrice, isDefined, children, isFirstElement, isLastElement, isPrimaryBackground, productsCallback, iteration: receivedIteration, shouldBeHidden, hideFromOverlay, textNotDefined, animated, tabulation, labelTextVariant, labelTextProminence, notice, strikeThrough, }: ItemProps) => import("@emotion/react/jsx-runtime").JSX.Element>;
+export declare const Item: import("react").MemoExoticComponent<({ discount, priceText, discountText, label, tooltipInfo, subLabel, price: basePrice, monthlyPrice, unit: baseUnit, amount: currentAmount, onAmountChange, amountFree, maxAmount, longFractionDigits, noIteration, noIterationText, noBorder, noPrice, isDefined, children, isFirstElement, isLastElement, isPrimaryBackground, productsCallback, iteration: receivedIteration, shouldBeHidden, hideFromOverlay, textNotDefined, animated, tabulation, labelTextVariant, labelTextProminence, notice, strikeThrough, style, }: ItemProps) => import("react/jsx-runtime").JSX.Element>;
 export {};