@ultraviolet/plus 0.17.8 → 0.17.10

package/README.md

@@ -8,7 +8,7 @@ We are going to make breaking changes regularly until the first version is relea
 
 Ultraviolet Plus is a set of complex components that are built on top of Ultraviolet UI.
 
-## Installation
+## Get Started
 
 ```sh
 $ pnpm add @ultraviolet/plus

package/dist/components/ContentCardGroup/index.d.ts

@@ -5,12 +5,12 @@ type BaseContentCardGroupProps = {
 };
 export declare const ContentCardGroup: import("react").ForwardRefExoticComponent<BaseContentCardGroupProps & import("react").RefAttributes<HTMLDivElement>> & {
     Card: import("react").ForwardRefExoticComponent<{
-        title?: string | undefined;
-        subtitle?: string | undefined;
-        description?: string | undefined;
+        title?: string;
+        subtitle?: string;
+        description?: string;
         children?: ReactNode;
         href: string;
-        target?: import("react").HTMLAttributeAnchorTarget | undefined;
+        target?: import("react").AnchorHTMLAttributes<HTMLAnchorElement>["target"];
     } & import("react").RefAttributes<HTMLAnchorElement>>;
 };
 export {};

package/dist/components/Conversation/index.d.ts

@@ -9,7 +9,7 @@ declare const Conversation: {
     Message: ({ className, children, avatar, align, }: MessageProps) => import("@emotion/react/jsx-runtime").JSX.Element;
     MessageInfos: ({ children, align, }: {
         children: ReactNode;
-        align: 'left' | 'right';
+        align: "left" | "right";
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
     Tag: ({ children }: {
         children: ReactNode;
@@ -17,7 +17,7 @@ declare const Conversation: {
 };
 export declare const MessageInfos: ({ children, align, }: {
     children: ReactNode;
-    align: 'left' | 'right';
+    align: "left" | "right";
 }) => import("@emotion/react/jsx-runtime").JSX.Element;
 export declare const Date: ({ children }: {
     children: ReactNode;

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

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 type LineThroughProps = {
     isActive?: boolean;
 };
 export declare const LineThrough: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: import("@emotion/react").Theme;
+    as?: import("react").ElementType;
 } & LineThroughProps, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
 export {};

package/dist/components/EstimateCost/Components/NumberInput.cjs

@@ -11,7 +11,8 @@ const NumberInput = ({
   minValue = 0,
   maxValue = 100,
   getAmountValue,
-  itemCallback
+  itemCallback,
+  controls = true
 }) => {
   const {
     isOverlay
@@ -24,6 +25,6 @@ const NumberInput = ({
     setValue(newValue);
     itemCallback?.(newValue, true);
     getAmountValue?.(newValue);
-  }, value });
+  }, value, controls });
 };
 exports.NumberInput = NumberInput;

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

@@ -4,6 +4,7 @@ type NumberInputProps = {
     getAmountValue?: (amount?: number | null) => void;
     minValue?: number;
     maxValue?: number;
+    controls?: boolean;
 };
-export declare const NumberInput: ({ amount, minValue, maxValue, getAmountValue, itemCallback, }: NumberInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const NumberInput: ({ amount, minValue, maxValue, getAmountValue, itemCallback, controls, }: NumberInputProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

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

@@ -9,7 +9,8 @@ const NumberInput = ({
   minValue = 0,
   maxValue = 100,
   getAmountValue,
-  itemCallback
+  itemCallback,
+  controls = true
 }) => {
   const {
     isOverlay
@@ -22,7 +23,7 @@ const NumberInput = ({
     setValue(newValue);
     itemCallback?.(newValue, true);
     getAmountValue?.(newValue);
-  }, value });
+  }, value, controls });
 };
 export {
   NumberInput

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

@@ -5,12 +5,12 @@ type StrongProps = {
     isDisabledOnOverlay?: boolean;
 };
 export declare const StyledStrong: import("@emotion/styled").StyledComponent<{
-    variant?: "big" | "small" | "normal" | "capitalized" | undefined;
-    isDisabledOnOverlay?: boolean | undefined;
+    variant?: "normal" | "small" | "big" | "capitalized";
+    isDisabledOnOverlay?: boolean;
     children?: ReactNode;
-    className?: string | undefined;
+    className?: string;
 } & {
-    theme?: import("@emotion/react").Theme | undefined;
+    theme?: import("@emotion/react").Theme;
 } & StrongProps, {}, {}>;
 export declare const Strong: ({ variant, children, isDisabledOnOverlay, }: StrongProps) => import("@emotion/react/jsx-runtime").JSX.Element;
 export {};

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

@@ -1,154 +1,156 @@
+import { Text } from '@ultraviolet/ui';
 import type { ReactNode } from 'react';
 import type { EstimateCostProps } from './types';
 declare const EstimateCost: {
     ({ description, alert, alertTitle, alertVariant, defaultTimeUnit, timeUnits, hideOverlay, disableOverlayLeft, disableOverlayRight, hideTimeUnit, hideTotal, discount, OverlayRight, OverlayLeft, overlayMargin, isBeta, commitmentFees, commitmentFeesContent, monthlyFees, monthlyFeesLabel, monthlyFeesContent, overlayUnit, children, locales, numberLocales, currency, onTotalPriceChange, }: EstimateCostProps): import("@emotion/react/jsx-runtime").JSX.Element;
     LineThrough: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        theme?: import("@emotion/react").Theme;
+        as?: import("react").ElementType;
     } & {
-        isActive?: boolean | undefined;
+        isActive?: boolean;
     }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
     Item: ({ 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, }: {
-        amount?: number | undefined;
-        amountFree?: number | undefined;
-        animated?: boolean | undefined;
+        amount?: number;
+        amountFree?: number;
+        animated?: boolean;
         children?: ReactNode;
-        discount?: number | undefined;
-        discountText?: string | undefined;
-        hideFromOverlay?: boolean | undefined;
-        isDefined?: boolean | undefined;
-        isFirstElement?: boolean | undefined;
-        isLastElement?: boolean | undefined;
-        isPrimaryBackground?: boolean | undefined;
-        iteration?: import("./types").Iteration | undefined;
+        discount?: number;
+        discountText?: string;
+        hideFromOverlay?: boolean;
+        isDefined?: boolean;
+        isFirstElement?: boolean;
+        isLastElement?: boolean;
+        isPrimaryBackground?: boolean;
+        iteration?: import("./types").Iteration;
         label?: ReactNode;
-        labelTextVariant?: "body" | "caption" | "code" | "heading" | "bodySmall" | "bodySmallStrong" | "bodySmallStronger" | "bodyStrong" | "bodyStronger" | "captionSmall" | "captionSmallStrong" | "captionSmallStronger" | "captionStrong" | "captionStronger" | "codeStrong" | "codeStronger" | "headingLarge" | "headingLargeStrong" | "headingLargeStronger" | "headingSmall" | "headingSmallStrong" | "headingSmallStronger" | "headingStrong" | "headingStronger" | undefined;
-        labelTextProminence?: "strong" | "weak" | "default" | "stronger" | undefined;
-        longFractionDigits?: boolean | undefined;
-        maxAmount?: number | undefined;
-        monthlyPrice?: number | undefined;
-        noBorder?: boolean | undefined;
-        noIteration?: boolean | undefined;
-        noIterationText?: string | undefined;
-        noPrice?: boolean | undefined;
-        notice?: string | undefined;
-        onAmountChange?: ((amount: number) => void) | undefined;
-        price?: number | undefined;
+        labelTextVariant?: import("react").ComponentProps<typeof Text>["variant"];
+        labelTextProminence?: import("react").ComponentProps<typeof Text>["prominence"];
+        longFractionDigits?: boolean;
+        maxAmount?: number;
+        monthlyPrice?: number;
+        noBorder?: boolean;
+        noIteration?: boolean;
+        noIterationText?: string;
+        noPrice?: boolean;
+        notice?: string;
+        onAmountChange?: (amount: number) => void;
+        price?: number;
         priceText?: ReactNode;
         productsCallback?: {
             add: (product: import("./types").EstimateProduct) => void;
             remove: (product: import("./types").BareEstimateProduct) => void;
-        } | undefined;
-        shouldBeHidden?: boolean | undefined;
-        subLabel?: string | undefined;
-        tabulation?: number | undefined;
-        textNotDefined?: string | undefined;
-        tooltipInfo?: string | undefined;
-        unit?: (string & {}) | "seconds" | "minutes" | "hours" | "days" | "months" | "mb" | "gb" | "tb" | "years" | undefined;
+        };
+        shouldBeHidden?: boolean;
+        subLabel?: string;
+        tabulation?: number;
+        textNotDefined?: string;
+        tooltipInfo?: string;
+        unit?: "mb" | "gb" | "tb" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | (string & {});
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
-    NumberInput: ({ amount, minValue, maxValue, getAmountValue, itemCallback, }: {
-        amount?: number | undefined;
-        itemCallback?: ((amount?: number | null | undefined, isVariant?: boolean | undefined) => void) | undefined;
-        getAmountValue?: ((amount?: number | null | undefined) => void) | undefined;
-        minValue?: number | undefined;
-        maxValue?: number | undefined;
+    NumberInput: ({ amount, minValue, maxValue, getAmountValue, itemCallback, controls, }: {
+        amount?: number;
+        itemCallback?: (amount?: number | null, isVariant?: boolean) => void;
+        getAmountValue?: (amount?: number | null) => void;
+        minValue?: number;
+        maxValue?: number;
+        controls?: boolean;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
     Unit: ({ amount, itemCallback, getAmountValue, unit, }: {
-        amount?: number | undefined;
-        itemCallback?: ((amount?: number | undefined, isVariant?: boolean | undefined) => void) | undefined;
-        getAmountValue?: ((amount?: number | undefined) => void) | undefined;
-        unit?: string | undefined;
+        amount?: number;
+        itemCallback?: (amount?: number, isVariant?: boolean) => void;
+        getAmountValue?: (amount?: number) => void;
+        unit?: string;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
     Strong: ({ variant, children, isDisabledOnOverlay, }: {
-        variant?: "big" | "small" | "normal" | "capitalized" | undefined;
+        variant?: "normal" | "small" | "big" | "capitalized";
         children?: ReactNode;
-        isDisabledOnOverlay?: boolean | undefined;
+        isDisabledOnOverlay?: boolean;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
     Regular: ({ variant, isDisabledOnOverlay, children, className, }: {
-        variant?: "big" | "small" | "normal" | "capitalized" | undefined;
-        isDisabledOnOverlay?: boolean | undefined;
+        variant?: "normal" | "small" | "big" | "capitalized";
+        isDisabledOnOverlay?: boolean;
         children?: ReactNode;
-        className?: string | undefined;
+        className?: string;
     }) => import("@emotion/react/jsx-runtime").JSX.Element | null;
     Image: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme | undefined;
-        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+        theme?: import("@emotion/react").Theme;
+        as?: React.ElementType;
     }, import("react").DetailedHTMLProps<import("react").ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, {}>;
     Region: ({ label, image, shouldBeHidden, priceText, animated, isFirstElement, isLastElement, productsCallback, iteration, discount, noBorder, noPrice, hideFromOverlay, }: {
-        shouldBeHidden?: boolean | undefined;
+        shouldBeHidden?: boolean;
         priceText?: ReactNode;
-        animated?: boolean | undefined;
-        isFirstElement?: boolean | undefined;
-        isLastElement?: boolean | undefined;
+        animated?: boolean;
+        isFirstElement?: boolean;
+        isLastElement?: boolean;
         productsCallback?: {
             add: (product: import("./types").EstimateProduct) => void;
             remove: (product: import("./types").BareEstimateProduct) => void;
-        } | undefined;
-        iteration?: import("./types").Iteration | undefined;
-        discount?: number | undefined;
+        };
+        iteration?: import("./types").Iteration;
+        discount?: number;
         label: string;
         image: string;
-        noBorder?: boolean | undefined;
-        noPrice?: boolean | undefined;
+        noBorder?: boolean;
+        noPrice?: boolean;
     } & Pick<{
-        amount?: number | undefined;
-        amountFree?: number | undefined;
-        animated?: boolean | undefined;
+        amount?: number;
+        amountFree?: number;
+        animated?: boolean;
         children?: ReactNode;
-        discount?: number | undefined;
-        discountText?: string | undefined;
-        hideFromOverlay?: boolean | undefined;
-        isDefined?: boolean | undefined;
-        isFirstElement?: boolean | undefined;
-        isLastElement?: boolean | undefined;
-        isPrimaryBackground?: boolean | undefined;
-        iteration?: import("./types").Iteration | undefined;
+        discount?: number;
+        discountText?: string;
+        hideFromOverlay?: boolean;
+        isDefined?: boolean;
+        isFirstElement?: boolean;
+        isLastElement?: boolean;
+        isPrimaryBackground?: boolean;
+        iteration?: import("./types").Iteration;
         label?: ReactNode;
-        labelTextVariant?: "body" | "caption" | "code" | "heading" | "bodySmall" | "bodySmallStrong" | "bodySmallStronger" | "bodyStrong" | "bodyStronger" | "captionSmall" | "captionSmallStrong" | "captionSmallStronger" | "captionStrong" | "captionStronger" | "codeStrong" | "codeStronger" | "headingLarge" | "headingLargeStrong" | "headingLargeStronger" | "headingSmall" | "headingSmallStrong" | "headingSmallStronger" | "headingStrong" | "headingStronger" | undefined;
-        labelTextProminence?: "strong" | "weak" | "default" | "stronger" | undefined;
-        longFractionDigits?: boolean | undefined;
-        maxAmount?: number | undefined;
-        monthlyPrice?: number | undefined;
-        noBorder?: boolean | undefined;
-        noIteration?: boolean | undefined;
-        noIterationText?: string | undefined;
-        noPrice?: boolean | undefined;
-        notice?: string | undefined;
-        onAmountChange?: ((amount: number) => void) | undefined;
-        price?: number | undefined;
+        labelTextVariant?: import("react").ComponentProps<typeof Text>["variant"];
+        labelTextProminence?: import("react").ComponentProps<typeof Text>["prominence"];
+        longFractionDigits?: boolean;
+        maxAmount?: number;
+        monthlyPrice?: number;
+        noBorder?: boolean;
+        noIteration?: boolean;
+        noIterationText?: string;
+        noPrice?: boolean;
+        notice?: string;
+        onAmountChange?: (amount: number) => void;
+        price?: number;
         priceText?: ReactNode;
         productsCallback?: {
             add: (product: import("./types").EstimateProduct) => void;
             remove: (product: import("./types").BareEstimateProduct) => void;
-        } | undefined;
-        shouldBeHidden?: boolean | undefined;
-        subLabel?: string | undefined;
-        tabulation?: number | undefined;
-        textNotDefined?: string | undefined;
-        tooltipInfo?: string | undefined;
-        unit?: (string & {}) | "seconds" | "minutes" | "hours" | "days" | "months" | "mb" | "gb" | "tb" | "years" | undefined;
+        };
+        shouldBeHidden?: boolean;
+        subLabel?: string;
+        tabulation?: number;
+        textNotDefined?: string;
+        tooltipInfo?: string;
+        unit?: "mb" | "gb" | "tb" | "seconds" | "minutes" | "hours" | "days" | "months" | "years" | (string & {});
     }, "hideFromOverlay">) => import("@emotion/react/jsx-runtime").JSX.Element;
     Zone: ({ label, image, shouldBeHidden, priceText, animated, isFirstElement, isLastElement, productsCallback, iteration, discount, noBorder, noPrice, }: {
-        shouldBeHidden?: boolean | undefined;
-        priceText?: string | undefined;
-        animated?: boolean | undefined;
-        isFirstElement?: boolean | undefined;
-        isLastElement?: boolean | undefined;
+        shouldBeHidden?: boolean;
+        priceText?: string;
+        animated?: boolean;
+        isFirstElement?: boolean;
+        isLastElement?: boolean;
         productsCallback?: {
             add: (product: import("./types").EstimateProduct) => void;
             remove: (product: import("./types").BareEstimateProduct) => void;
-        } | undefined;
-        iteration?: import("./types").Iteration | undefined;
-        discount?: number | undefined;
+        };
+        iteration?: import("./types").Iteration;
+        discount?: number;
         label: string;
         image: string;
-        noBorder?: boolean | undefined;
-        noPrice?: boolean | undefined;
+        noBorder?: boolean;
+        noPrice?: boolean;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
     Ellipsis: ({ children, maxWidth, "data-testid": dataTestId, }: {
         children: ReactNode;
         maxWidth?: number;
-        'data-testid'?: string;
+        "data-testid"?: string;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
 };
 export { EstimateCost };

package/dist/components/EstimateCost/componentStyle.d.ts

@@ -1,107 +1,106 @@
-/// <reference types="react" />
 import type { Theme } from '@emotion/react';
 export declare const StyledDiv: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledTable: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: import("react").ElementType;
 } & {
     noTotal: boolean;
 }, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
 export declare const StyledFeesTable: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: import("react").ElementType;
 }, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
 export declare const PriceCol: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").ColHTMLAttributes<HTMLTableColElement>, HTMLTableColElement>, {}>;
 export declare const PriceCell: (theme: Theme) => import("@emotion/react").SerializedStyles;
 export declare const Cell: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: import("react").ElementType;
 } & {
-    hasBorder?: boolean | undefined;
-    tabulation?: number | undefined;
-    primary?: boolean | undefined;
+    hasBorder?: boolean;
+    tabulation?: number;
+    primary?: boolean;
 }, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
 export declare const TotalPriceCell: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: import("react").ElementType;
 } & {
-    hasBorder?: boolean | undefined;
-    tabulation?: number | undefined;
-    primary?: boolean | undefined;
+    hasBorder?: boolean;
+    tabulation?: number;
+    primary?: boolean;
 } & import("react").ClassAttributes<HTMLTableDataCellElement> & import("react").TdHTMLAttributes<HTMLTableDataCellElement> & {
-    theme?: Theme | undefined;
+    theme?: Theme;
 }, {}, {}>;
 export declare const EmptyTable: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>, {}>;
 export declare const Title: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
 export declare const EmptyCell: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").TdHTMLAttributes<HTMLTableDataCellElement>, HTMLTableDataCellElement>, {}>;
 export declare const TimeCell: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const BadgeBeta: import("@emotion/styled").StyledComponent<{
-    sentiment?: import("node_modules/@ultraviolet/ui/dist/theme").Color | undefined;
-    size?: "small" | "large" | "medium" | undefined;
-    prominence?: "strong" | "default" | undefined;
+    sentiment?: import("node_modules/@ultraviolet/ui/dist/theme").Color;
+    size?: keyof typeof import("node_modules/@ultraviolet/ui/dist/components/Badge").SIZES;
+    prominence?: keyof typeof import("node_modules/@ultraviolet/ui/dist/components/Badge").PROMINENCES;
     icon?: "address" | "search" | "filter" | "view" | "anchor" | "id" | "download" | "alert" | "open-in-new" | "arrow-down" | "arrow-left-bottom" | "arrow-left-double" | "arrow-left" | "arrow-right-bottom" | "arrow-right-double" | "arrow-right" | "arrow-up" | "asterisk" | "attach" | "burger" | "cancel" | "check" | "close" | "close-circle-outline" | "copy-content" | "detach" | "dots-horizontal" | "dots-vertical" | "drag-vertical" | "drag-variant" | "east-short" | "east" | "equal" | "escape" | "expand" | "expand-more" | "github" | "instagram" | "linkedIn" | "logout" | "minus" | "north-short" | "north" | "organization" | "plus" | "progress-check" | "ray-end-arrow" | "ray-start-arrow" | "ray-start-end" | "ray-top-arrow" | "reboot" | "restore" | "revoke" | "rss" | "send" | "slack" | "sort" | "south-short" | "south" | "switch_orga" | "x" | "upload" | "west-short" | "west" | "youtube" | "auto-fix" | "book-open-outline" | "bullhorn" | "calculator" | "calendar-range" | "chat" | "checkbox-circle-outline" | "clock-outline" | "console" | "credentials" | "credit-card" | "database" | "delete" | "doc" | "earth" | "email-remove-outline" | "email-outline" | "eye-off" | "eye" | "folder" | "help-circle-outline" | "information-outline" | "lock" | "members" | "moon" | "mosaic" | "pen" | "pencil" | "phone" | "play-circle-outline" | "privacy" | "profile" | "rocket" | "settings" | "sun" | "support" | "unlock" | "weather-night" | "pin" | "unpin" | undefined;
-    disabled?: boolean | undefined;
-    className?: string | undefined;
+    disabled?: boolean;
+    className?: string;
     children: import("react").ReactNode;
-    'data-testid'?: string | undefined;
+    'data-testid'?: string;
 } & {
-    theme?: Theme | undefined;
+    theme?: Theme;
 } & {
     long: boolean;
 }, {}, {}>;
 export declare const StyledTr: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: import("react").ElementType;
 } & {
-    isFirstElement?: boolean | undefined;
-    shouldBeHidden?: boolean | undefined;
-    hideFromOverlay?: boolean | undefined;
+    isFirstElement?: boolean;
+    shouldBeHidden?: boolean;
+    hideFromOverlay?: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLTableRowElement>, HTMLTableRowElement>, {}>;
 export declare const OverlayRow: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: import("react").ElementType;
 } & {
-    isFirstElement?: boolean | undefined;
-    shouldBeHidden?: boolean | undefined;
-    hideFromOverlay?: boolean | undefined;
+    isFirstElement?: boolean;
+    shouldBeHidden?: boolean;
+    hideFromOverlay?: boolean;
 }, import("react").DetailedHTMLProps<import("react").LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>, {}>;
 export declare const StyledLeftSide: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: React.ElementType;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ItemResourceName: import("@emotion/styled").StyledComponent<{
-    theme?: Theme | undefined;
-    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    theme?: Theme;
+    as?: import("react").ElementType;
 } & {
     animated: boolean;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const StyledBadge: import("@emotion/styled").StyledComponent<{
-    sentiment?: import("node_modules/@ultraviolet/ui/dist/theme").Color | undefined;
-    size?: "small" | "large" | "medium" | undefined;
-    prominence?: "strong" | "default" | undefined;
+    sentiment?: import("node_modules/@ultraviolet/ui/dist/theme").Color;
+    size?: keyof typeof import("node_modules/@ultraviolet/ui/dist/components/Badge").SIZES;
+    prominence?: keyof typeof import("node_modules/@ultraviolet/ui/dist/components/Badge").PROMINENCES;
     icon?: "address" | "search" | "filter" | "view" | "anchor" | "id" | "download" | "alert" | "open-in-new" | "arrow-down" | "arrow-left-bottom" | "arrow-left-double" | "arrow-left" | "arrow-right-bottom" | "arrow-right-double" | "arrow-right" | "arrow-up" | "asterisk" | "attach" | "burger" | "cancel" | "check" | "close" | "close-circle-outline" | "copy-content" | "detach" | "dots-horizontal" | "dots-vertical" | "drag-vertical" | "drag-variant" | "east-short" | "east" | "equal" | "escape" | "expand" | "expand-more" | "github" | "instagram" | "linkedIn" | "logout" | "minus" | "north-short" | "north" | "organization" | "plus" | "progress-check" | "ray-end-arrow" | "ray-start-arrow" | "ray-start-end" | "ray-top-arrow" | "reboot" | "restore" | "revoke" | "rss" | "send" | "slack" | "sort" | "south-short" | "south" | "switch_orga" | "x" | "upload" | "west-short" | "west" | "youtube" | "auto-fix" | "book-open-outline" | "bullhorn" | "calculator" | "calendar-range" | "chat" | "checkbox-circle-outline" | "clock-outline" | "console" | "credentials" | "credit-card" | "database" | "delete" | "doc" | "earth" | "email-remove-outline" | "email-outline" | "eye-off" | "eye" | "folder" | "help-circle-outline" | "information-outline" | "lock" | "members" | "moon" | "mosaic" | "pen" | "pencil" | "phone" | "play-circle-outline" | "privacy" | "profile" | "rocket" | "settings" | "sun" | "support" | "unlock" | "weather-night" | "pin" | "unpin" | undefined;
-    disabled?: boolean | undefined;
-    className?: string | undefined;
+    disabled?: boolean;
+    className?: string;
     children: import("react").ReactNode;
-    'data-testid'?: string | undefined;
+    'data-testid'?: string;
 } & {
-    theme?: Theme | undefined;
+    theme?: Theme;
 }, {}, {}>;

package/dist/components/Navigation/Navigation.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import type { NavigationProps } from './types';
 /**
  * Navigation is a component that allows you to create a sidebar navigation.
@@ -13,29 +12,29 @@ export declare const Navigation: {
     }) => import("@emotion/react/jsx-runtime").JSX.Element | null;
     Item: ({ children, categoryIcon, categoryIconVariant, label, subLabel, badgeText, badgeSentiment, href, onClick, onClickPinUnpin, toggle, active, noPinButton, type, hasParents, as, disabled, noExpand, index, id, }: {
         children?: import("react").ReactNode;
-        categoryIcon?: "security" | "console" | "database" | "pin" | "billing" | "storage" | "baremetal" | "webHosting" | "vpc" | "useCase" | "toolsServices" | "serverless" | "observability" | "network" | "managedServices" | "iot" | "documentation" | "dedicatedServer" | "datacenter" | "containers" | "compute" | "ai" | "labs" | "devTools" | "applicationIntegration" | undefined;
-        categoryIconVariant?: "neutral" | "primary" | undefined;
+        categoryIcon?: import("react").ComponentProps<typeof import("@ultraviolet/icons").CategoryIcon>["name"];
+        categoryIconVariant?: import("react").ComponentProps<typeof import("@ultraviolet/icons").CategoryIcon>["variant"];
         label: string;
         id: string;
-        subLabel?: string | undefined;
-        badgeText?: string | undefined;
-        badgeSentiment?: import("node_modules/@ultraviolet/ui/dist/theme").Color | undefined;
-        href?: string | undefined;
-        onClick?: ((toggle?: boolean | undefined) => void) | undefined;
-        onClickPinUnpin?: ((parameters: import("./types").PinUnPinType) => void) | undefined;
-        toggle?: boolean | undefined;
-        active?: boolean | undefined;
-        noPinButton?: boolean | undefined;
-        type?: ("default" | "pinned" | "pinnedGroup") | undefined;
-        hasParents?: boolean | undefined;
-        index?: number | undefined;
-        as?: keyof import("react").JSX.IntrinsicElements | undefined;
-        noExpand?: boolean | undefined;
-        disabled?: boolean | undefined;
+        subLabel?: string;
+        badgeText?: string;
+        badgeSentiment?: import("react").ComponentProps<typeof import("@ultraviolet/ui").Badge>["sentiment"];
+        href?: string;
+        onClick?: (toggle?: true | false) => void;
+        onClickPinUnpin?: (parameters: import("./types").PinUnPinType) => void;
+        toggle?: boolean;
+        active?: boolean;
+        noPinButton?: boolean;
+        type?: "default" | "pinned" | "pinnedGroup";
+        hasParents?: boolean;
+        index?: number;
+        as?: keyof import("react").JSX.IntrinsicElements;
+        noExpand?: boolean;
+        disabled?: boolean;
     }) => import("@emotion/react/jsx-runtime").JSX.Element | null;
     PinnedItems: ({ toggle, onReorder }: {
-        toggle?: boolean | undefined;
-        onReorder?: ((pinnedItems: string[]) => void) | undefined;
+        toggle?: boolean;
+        onReorder?: (pinnedItems: string[]) => void;
     }) => import("@emotion/react/jsx-runtime").JSX.Element | null;
     Separator: () => import("@emotion/react/jsx-runtime").JSX.Element;
 };