@ultraviolet/ui 1.53.3 → 1.53.4

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

@@ -13,7 +13,7 @@ declare const sizes: {
     readonly small: "\n    width: 24px;\n    height: 24px;\n    font-size: 14px;\n  ";
 };
 type BulletSize = keyof typeof sizes;
-export declare const bulletSizes: ("small" | "medium")[];
+export declare const bulletSizes: ("medium" | "small")[];
 type ContentProps = XOR<[
     {
         icon: ComponentProps<typeof Icon>['name'];

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

@@ -10,7 +10,7 @@ export declare const SIZE_HEIGHT: {
     readonly xsmall: 24;
 };
 type ButtonSize = keyof typeof SIZE_HEIGHT;
-export declare const buttonSizes: ("large" | "small" | "xsmall" | "medium")[];
+export declare const buttonSizes: ("large" | "medium" | "small" | "xsmall")[];
 declare const VARIANTS_COMPONENTS: {
     filled: {
         button: import("@emotion/styled").StyledComponent<{

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

@@ -23,7 +23,7 @@ export declare const Dialog: (({ ariaLabel, className, children, "data-testid":
         autoFocus?: boolean | undefined;
         variant?: "filled" | "outlined" | "ghost" | undefined;
         role?: import("react").AriaRole | undefined;
-        size?: "large" | "small" | "xsmall" | "medium" | undefined;
+        size?: "large" | "medium" | "small" | "xsmall" | undefined;
         className?: string | undefined;
         'data-testid'?: string | undefined;
         sentiment?: "primary" | "secondary" | "neutral" | "success" | "danger" | "warning" | "info" | undefined;

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

@@ -33,7 +33,7 @@ export declare const MenuV2: import("react").ForwardRefExoticComponent<{
      * behavior by setting a portalTarget prop.
      */
     portalTarget?: HTMLElement | undefined;
-    size?: "large" | "small" | "medium" | undefined;
+    size?: "large" | "medium" | "small" | undefined;
     /**
      * The behavior of the menu when it is opened. If set to `click`, the menu will open when the user clicks on the disclosure.
      * If set to `hover`, the menu will open when the user hovers over the disclosure.

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

@@ -4,7 +4,7 @@ import type { InputHTMLAttributes, ReactNode } from 'react';
  * by typing into input. If the value is out of the min / max range, the input will automatically be the min / max value on blur.
  */
 export declare const NumberInputV2: import("react").ForwardRefExoticComponent<{
-    size?: "large" | "small" | "medium" | undefined;
+    size?: "large" | "medium" | "small" | undefined;
     /**
      * Text displayed into component at the right of number value.
      */

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

@@ -10,7 +10,7 @@ export declare const Popover: import("react").ForwardRefExoticComponent<{
     title: string;
     sentiment?: SentimentType | undefined;
     visible?: boolean | undefined;
-    size?: "large" | "small" | "medium" | undefined;
+    size?: "large" | "medium" | "small" | undefined;
     onClose?: (() => void) | undefined;
     className?: string | undefined;
     'data-testid'?: string | undefined;

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

@@ -10,7 +10,7 @@ declare const inputSizes: {
     };
 };
 type TextInputSizes = keyof typeof inputSizes;
-export declare const textInputSizes: ("small" | "medium")[];
+export declare const textInputSizes: ("medium" | "small")[];
 type StyledInputProps = {
     disabled?: boolean;
     error?: boolean;

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

@@ -21,7 +21,7 @@ export declare const TextInputV2: import("react").ForwardRefExoticComponent<{
     onRandomize?: (() => void) | undefined;
     onChange?: ((newValue: string) => void) | undefined;
     prefix?: ReactNode;
-    size?: "large" | "small" | "medium" | undefined;
+    size?: "large" | "medium" | "small" | undefined;
     success?: string | boolean | undefined;
     suffix?: ReactNode;
     tooltip?: string | undefined;

package/dist/theme/index.d.ts

@@ -13,6 +13,11 @@ declare const colors: {
         backgroundStrong: string;
         backgroundStrongDisabled: string;
         backgroundStrongHover: string;
+        /**
+         * Will extend theme with new theme properties
+         * @param {UltravioletUITheme} baseTheme the theme you want to extend from, by default it is set to light theme
+         * @param {RecursivePartial<UltravioletUITheme>} extendedTheme the properties of a new theme you want to apply from baseTheme
+         */
         border: string;
         borderDisabled: string;
         borderHover: string;
@@ -786,6 +791,14 @@ type RecursivePartial<T> = {
  * @param {RecursivePartial<UltravioletUITheme>} extendedTheme the properties of a new theme you want to apply from baseTheme
  */
 declare const extendTheme: (extendedTheme: RecursivePartial<UltravioletUITheme>) => {
+    breakpoints: {
+        large: string;
+        medium: string;
+        small: string;
+        xlarge: string;
+        xsmall: string;
+        xxsmall: string;
+    };
     colors: {
         danger: {
             background: string;
@@ -794,6 +807,11 @@ declare const extendTheme: (extendedTheme: RecursivePartial<UltravioletUITheme>)
             backgroundStrong: string;
             backgroundStrongDisabled: string;
             backgroundStrongHover: string;
+            /**
+             * Will extend theme with new theme properties
+             * @param {UltravioletUITheme} baseTheme the theme you want to extend from, by default it is set to light theme
+             * @param {RecursivePartial<UltravioletUITheme>} extendedTheme the properties of a new theme you want to apply from baseTheme
+             */
             border: string;
             borderDisabled: string;
             borderHover: string;

package/dist/utils/responsive/Breakpoint.d.ts

@@ -3,7 +3,7 @@ declare const Breakpoint: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 } & {
-    down?: "large" | "small" | "xlarge" | "xsmall" | "medium" | undefined;
-    up?: "large" | "small" | "xlarge" | "xsmall" | "medium" | undefined;
+    down?: "large" | "medium" | "small" | "xlarge" | "xsmall" | undefined;
+    up?: "large" | "medium" | "small" | "xlarge" | "xsmall" | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export default Breakpoint;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/ui",
-  "version": "1.53.3",
+  "version": "1.53.4",
   "description": "Ultraviolet UI",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -68,8 +68,8 @@
     "@types/react-dom": "18.3.0",
     "react": "18.3.1",
     "react-dom": "18.3.1",
-    "@ultraviolet/icons": "2.12.9",
-    "@ultraviolet/themes": "1.10.2",
+    "@ultraviolet/icons": "2.12.10",
+    "@ultraviolet/themes": "1.11.0",
     "@utils/test": "0.0.1"
   },
   "dependencies": {
@@ -87,8 +87,8 @@
     "react-toastify": "10.0.5",
     "react-use-clipboard": "1.0.9",
     "reakit": "1.3.11",
-    "@ultraviolet/themes": "1.10.2",
-    "@ultraviolet/icons": "2.12.9"
+    "@ultraviolet/themes": "1.11.0",
+    "@ultraviolet/icons": "2.12.10"
   },
   "scripts": {
     "prebuild": "shx rm -rf dist",