@ultraviolet/ui 2.0.0-beta.15 → 2.0.0-beta.16

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

@@ -14,7 +14,7 @@ type ChipType = {
 export declare const Chip: {
     ({ children, size, disabled, active, className, "data-testid": dataTestId, onClick, }: ChipType): import("@emotion/react/jsx-runtime").JSX.Element;
     Icon: ({ name, onClick, "data-testid": dataTestId, }: {
-        name: "address" | "search" | "filter" | "stop" | "view" | "id" | "anchor" | "bold" | "sort" | "arrowLeft" | "cancel" | "close" | "drag" | "play" | "download" | "italic" | "underline" | "upload" | "email" | "addressPlay" | "arrowDown" | "arrowLeftBottom" | "arrowLeftDouble" | "arrowRightBottom" | "arrowRightDouble" | "arrowRight" | "arrowUp" | "attach" | "burger" | "check" | "clickhouse" | "closeCircleOutline" | "copyContent" | "detach" | "dotsHorizontal" | "dotsVertical" | "eastShort" | "east" | "equal" | "escape" | "expandMore" | "expand" | "github" | "instagram" | "leftRightArrow" | "linkedin" | "listBullet" | "listNumber" | "logout" | "minus" | "northShort" | "north" | "openInNew" | "organization" | "partnerSpace" | "plus" | "progressCheck" | "rayEndArrow" | "rayStartArrow" | "rayStartEnd" | "rayTopArrow" | "reboot" | "restore" | "revoke" | "rss" | "slack" | "southShort" | "south" | "switchOrga" | "twitter" | "westShort" | "west" | "youtube" | "addressOutline" | "adjustmentsHorizontalOutline" | "alertCircleOutline" | "autoFixOutline" | "bookOpenOutlineOutline" | "bullhornOutline" | "calculatorOutline" | "calendarRangeOutline" | "chatOutline" | "checkCircleOutline" | "clockOutlineOutline" | "consoleOutline" | "credentialOutline" | "creditCardOutline" | "databaseOutline" | "deleteOutline" | "docOutline" | "earthOutline" | "emailRemoveOutline" | "emailOutline" | "eyeOffOutline" | "eyeOutline" | "filterOutline" | "folderOutline" | "helpCircleOutline" | "idOutline" | "informationOutline" | "leafOutline" | "lightBulbOutline" | "lockOutline" | "membersOutline" | "moonOutline" | "mosaicOutline" | "notificationOutline" | "penOutline" | "pen2Outline" | "pencilOutline" | "phoneOutline" | "pinOutline" | "playOutline" | "privacyOutline" | "profileOutline" | "rocketOutline" | "sendOutline" | "settingsOutline" | "sidebarOutline" | "sparklesOutline" | "starOutline" | "stopOutline" | "sunOutline" | "supportOutline" | "thumbsDownOutline" | "thumbsUpOutline" | "unlockOutline" | "unpinOutline" | "weatherNightOutline" | "adjustmentsHorizontal" | "alertCircle" | "autoFix" | "bookOpenOutline" | "bullhorn" | "calculator" | "calendarRange" | "chat" | "checkCircle" | "clockOutline" | "console" | "credential" | "creditCard" | "database" | "delete" | "doc" | "earth" | "emailRemove" | "eyeOff" | "eye" | "folder" | "helpCircle" | "information" | "leaf" | "lightBulb" | "lock" | "members" | "moon" | "mosaic" | "notification" | "pen" | "pen2" | "pencil" | "phone" | "pin" | "privacy" | "profile" | "rocket" | "send" | "settings" | "sidebar" | "sparkles" | "star" | "sun" | "support" | "thumbsDown" | "thumbsUp" | "unlock" | "unpin" | "weatherNight";
+        name: "address" | "search" | "filter" | "stop" | "view" | "sort" | "id" | "anchor" | "bold" | "arrowLeft" | "cancel" | "close" | "drag" | "play" | "download" | "italic" | "underline" | "upload" | "email" | "addressPlay" | "arrowDown" | "arrowLeftBottom" | "arrowLeftDouble" | "arrowRightBottom" | "arrowRightDouble" | "arrowRight" | "arrowUp" | "attach" | "burger" | "check" | "clickhouse" | "closeCircleOutline" | "copyContent" | "detach" | "dotsHorizontal" | "dotsVertical" | "eastShort" | "east" | "equal" | "escape" | "expandMore" | "expand" | "github" | "instagram" | "leftRightArrow" | "linkedin" | "listBullet" | "listNumber" | "logout" | "minus" | "northShort" | "north" | "openInNew" | "organization" | "partnerSpace" | "plus" | "progressCheck" | "rayEndArrow" | "rayStartArrow" | "rayStartEnd" | "rayTopArrow" | "reboot" | "restore" | "revoke" | "rss" | "slack" | "southShort" | "south" | "switchOrga" | "twitter" | "westShort" | "west" | "youtube" | "addressOutline" | "adjustmentsHorizontalOutline" | "alertCircleOutline" | "autoFixOutline" | "bookOpenOutlineOutline" | "bullhornOutline" | "calculatorOutline" | "calendarRangeOutline" | "chatOutline" | "checkCircleOutline" | "clockOutlineOutline" | "consoleOutline" | "credentialOutline" | "creditCardOutline" | "databaseOutline" | "deleteOutline" | "docOutline" | "earthOutline" | "emailRemoveOutline" | "emailOutline" | "eyeOffOutline" | "eyeOutline" | "filterOutline" | "folderOutline" | "helpCircleOutline" | "idOutline" | "informationOutline" | "leafOutline" | "lightBulbOutline" | "lockOutline" | "membersOutline" | "moonOutline" | "mosaicOutline" | "notificationOutline" | "penOutline" | "pen2Outline" | "pencilOutline" | "phoneOutline" | "pinOutline" | "playOutline" | "privacyOutline" | "profileOutline" | "rocketOutline" | "sendOutline" | "settingsOutline" | "sidebarOutline" | "sparklesOutline" | "starOutline" | "stopOutline" | "sunOutline" | "supportOutline" | "thumbsDownOutline" | "thumbsUpOutline" | "unlockOutline" | "unpinOutline" | "weatherNightOutline" | "adjustmentsHorizontal" | "alertCircle" | "autoFix" | "bookOpenOutline" | "bullhorn" | "calculator" | "calendarRange" | "chat" | "checkCircle" | "clockOutline" | "console" | "credential" | "creditCard" | "database" | "delete" | "doc" | "earth" | "emailRemove" | "eyeOff" | "eye" | "folder" | "helpCircle" | "information" | "leaf" | "lightBulb" | "lock" | "members" | "moon" | "mosaic" | "notification" | "pen" | "pen2" | "pencil" | "phone" | "pin" | "privacy" | "profile" | "rocket" | "send" | "settings" | "sidebar" | "sparkles" | "star" | "sun" | "support" | "thumbsDown" | "thumbsUp" | "unlock" | "unpin" | "weatherNight";
         onClick?: () => void;
         'data-testid'?: string;
     }) => import("@emotion/react/jsx-runtime").JSX.Element;

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

@@ -22,7 +22,7 @@ export declare const Dialog: (({ ariaLabel, className, children, "data-testid":
         autoFocus?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["autoFocus"];
         variant?: "filled" | "outlined" | "ghost";
         role?: import("react").AriaRole;
-        size?: "small" | "large" | "medium" | "xsmall";
+        size?: "large" | "medium" | "small" | "xsmall";
         className?: string;
         'data-testid'?: string;
         sentiment?: import("../../theme").ExtendedColor;
@@ -54,7 +54,7 @@ export declare const Dialog: (({ ariaLabel, className, children, "data-testid":
         href?: string;
         target?: string;
         download?: string;
-    } & import("react").RefAttributes<Element>, "onClick" | "tooltip" | "disabled">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    } & import("react").RefAttributes<Element>, "tooltip" | "onClick" | "disabled">) => import("@emotion/react/jsx-runtime").JSX.Element;
     CancelButton: ({ children, onClick, disabled, }: {
         children: import("react").ReactNode;
         onClick: ComponentProps<typeof import("..").Button>["onClick"];

package/dist/components/Slider/styles.d.ts

@@ -53,7 +53,7 @@ export declare const StyledTooltip: import("@emotion/styled").StyledComponent<Pi
     disableAnimation?: boolean;
     portalTarget?: HTMLElement;
     dynamicDomRendering?: boolean;
-} & import("react").RefAttributes<HTMLDivElement>, "text" | "children" | "className" | "id" | "tabIndex" | "role" | "maxWidth" | "data-testid" | "containerFullHeight" | "containerFullWidth" | "visible" | "debounceDelay" | "portalTarget" | "innerRef"> & {
+} & import("react").RefAttributes<HTMLDivElement>, "text" | "maxWidth" | "className" | "id" | "tabIndex" | "role" | "children" | "data-testid" | "containerFullHeight" | "containerFullWidth" | "visible" | "debounceDelay" | "portalTarget" | "innerRef"> & {
     placement?: Exclude<import("react").ComponentProps<typeof import("..").Popup>["placement"], "nested-menu">;
 } & import("react").RefAttributes<HTMLDivElement> & {
     theme?: Theme;

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

@@ -23,7 +23,7 @@ export declare const Tabs: {
         subtitle?: string;
         tooltip?: string;
         value?: string | number;
-    } & Omit<any, "children" | "className" | "role" | "value" | "tooltip" | "as" | "disabled" | "badge" | "counter">, "ref"> & import("react").RefAttributes<HTMLElement>>;
+    } & Omit<any, "tooltip" | "className" | "role" | "children" | "as" | "disabled" | "value" | "badge" | "counter">, "ref"> & import("react").RefAttributes<HTMLElement>>;
     Menu: import("react").ForwardRefExoticComponent<{
         children: ReactNode;
         disclosure: ReactNode;

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

@@ -36,6 +36,6 @@ export declare const Tooltip: import("react").ForwardRefExoticComponent<Pick<{
     disableAnimation?: boolean;
     portalTarget?: HTMLElement;
     dynamicDomRendering?: boolean;
-} & import("react").RefAttributes<HTMLDivElement>, "text" | "children" | "className" | "id" | "tabIndex" | "role" | "maxWidth" | "data-testid" | "containerFullHeight" | "containerFullWidth" | "visible" | "debounceDelay" | "portalTarget" | "innerRef"> & {
+} & import("react").RefAttributes<HTMLDivElement>, "text" | "maxWidth" | "className" | "id" | "tabIndex" | "role" | "children" | "data-testid" | "containerFullHeight" | "containerFullWidth" | "visible" | "debounceDelay" | "portalTarget" | "innerRef"> & {
     placement?: Exclude<ComponentProps<typeof Popup>["placement"], "nested-menu">;
 } & import("react").RefAttributes<HTMLDivElement>>;

package/dist/index.cjs

@@ -1,7 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const index = require("./theme/index.cjs");
-const ThemeRegistry = require("./theme/ThemeRegistry.cjs");
 const Breakpoint = require("./utils/responsive/Breakpoint.cjs");
 const normalize = require("./utils/normalize.cjs");
 const themes = require("@ultraviolet/themes");
@@ -82,7 +81,6 @@ const index$17 = require("./components/VerificationCode/index.cjs");
 const index$18 = require("./components/Drawer/index.cjs");
 const index$19 = require("./components/InfiniteScroll/index.cjs");
 exports.extendTheme = index.extendTheme;
-exports.ThemeRegistry = ThemeRegistry;
 exports.Breakpoint = Breakpoint;
 exports.normalize = normalize;
 Object.defineProperty(exports, "darkTheme", {

package/dist/index.d.ts

@@ -1,4 +1,4 @@
 export * from './components';
-export { darkTheme, default as theme, extendTheme, ThemeRegistry, } from './theme';
+export { darkTheme, default as theme, extendTheme, } from './theme';
 export type { SCWUITheme, UltravioletUITheme } from './theme';
 export { bounce, Breakpoint, down, fadeIn, fadeOut, flash, getUUID, normalize, ping, pulse, quickScaleDown, scaleBack, scaleDown, scaleForward, scaleUp, sketchIn, sketchOut, slideDownLarge, slideFromBottom, slideFromLeft, slideFromRight, slideFromTop, slideToBottom, slideToLeft, slideToRight, slideToTop, slideUpLarge, unfoldIn, unfoldOut, up, zoomIn, zoomOut, } from './utils';

package/dist/index.js

@@ -1,7 +1,6 @@
 import { extendTheme } from "./theme/index.js";
-import { default as default2 } from "./theme/ThemeRegistry.js";
-import { default as default3 } from "./utils/responsive/Breakpoint.js";
-import { default as default4 } from "./utils/normalize.js";
+import { default as default2 } from "./utils/responsive/Breakpoint.js";
+import { default as default3 } from "./utils/normalize.js";
 import { consoleDarkTheme, consoleLightTheme } from "@ultraviolet/themes";
 import { bounce, fadeIn, fadeOut, flash, ping, pulse, quickScaleDown, scaleBack, scaleDown, scaleForward, scaleUp, sketchIn, sketchOut, slideDownLarge, slideFromBottom, slideFromLeft, slideFromRight, slideFromTop, slideToBottom, slideToLeft, slideToRight, slideToTop, slideUpLarge, unfoldIn, unfoldOut, zoomIn, zoomOut } from "./utils/animations.js";
 import { down, up } from "./utils/responsive/utilities.js";
@@ -88,7 +87,7 @@ export {
   BarChart,
   BarStack,
   Breadcrumbs,
-  default3 as Breakpoint,
+  default2 as Breakpoint,
   Bullet,
   Button,
   Card,
@@ -148,7 +147,6 @@ export {
   Text,
   TextArea,
   TextInput,
-  default2 as ThemeRegistry,
   TimeInput,
   ToastContainer,
   Toggle,
@@ -164,7 +162,7 @@ export {
   fadeOut,
   flash,
   getUUID,
-  default4 as normalize,
+  default3 as normalize,
   notification,
   ping,
   pulse,

package/dist/theme/index.d.ts

@@ -1,5 +1,4 @@
 import { consoleDarkTheme, consoleLightTheme } from '@ultraviolet/themes';
-import ThemeRegistry from './ThemeRegistry';
 export type ScreenSize = keyof typeof consoleLightTheme.breakpoints;
 /**
  * @deprecated use UltravioletUITheme instead
@@ -706,5 +705,5 @@ type ExtendedColor = Color | 'white' | 'black';
 declare const SENTIMENTS: readonly ["primary", "secondary", "neutral", "success", "danger", "warning", "info"];
 declare const SENTIMENTS_WITHOUT_NEUTRAL: ("primary" | "secondary" | "success" | "danger" | "warning" | "info")[];
 export type { SCWUITheme, UltravioletUITheme, Color, ExtendedColor };
-export { colors, shadows, space, radii, breakpoints as screens, consoleDarkTheme as darkTheme, extendTheme, SENTIMENTS, SENTIMENTS_WITHOUT_NEUTRAL, typography, ThemeRegistry, };
+export { colors, shadows, space, radii, breakpoints as screens, consoleDarkTheme as darkTheme, extendTheme, SENTIMENTS, SENTIMENTS_WITHOUT_NEUTRAL, typography, };
 export default consoleLightTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ultraviolet/ui",
-  "version": "2.0.0-beta.15",
+  "version": "2.0.0-beta.16",
   "description": "Ultraviolet UI",
   "homepage": "https://github.com/scaleway/ultraviolet#readme",
   "repository": {
@@ -70,7 +70,6 @@
     "@utils/test": "0.0.1"
   },
   "dependencies": {
-    "@emotion/cache": "11.14.0",
     "@emotion/serialize": "1.3.3",
     "@nivo/bar": "0.89.1",
     "@nivo/core": "0.89.1",
@@ -80,7 +79,6 @@
     "@scaleway/random-name": "5.1.2",
     "@scaleway/use-media": "3.0.3",
     "deepmerge": "4.3.1",
-    "next": "15.3.4",
     "react-toastify": "11.0.5",
     "react-use-clipboard": "1.0.9",
     "@ultraviolet/icons": "4.0.0-beta.7",

package/dist/theme/ThemeRegistry.cjs

@@ -1,56 +0,0 @@
-"use client";
-"use strict";
-const jsxRuntime = require("@emotion/react/jsx-runtime");
-const createCache = require("@emotion/cache");
-const react$1 = require("@emotion/react");
-const navigation = require("next/navigation");
-const react = require("react");
-const _interopDefaultCompat = (e) => e && typeof e === "object" && "default" in e ? e : { default: e };
-const createCache__default = /* @__PURE__ */ _interopDefaultCompat(createCache);
-function ThemeRegistry({
-  children,
-  theme
-}) {
-  const [{
-    cache,
-    flush
-  }] = react.useState(() => {
-    const localCache = createCache__default.default({
-      key: "uv"
-    });
-    localCache.compat = true;
-    const prevInsert = localCache.insert;
-    let inserted = [];
-    localCache.insert = (...args) => {
-      const serialized = args[1];
-      if (localCache.inserted[serialized.name] === void 0) {
-        inserted.push(serialized.name);
-      }
-      return prevInsert(...args);
-    };
-    const localFlush = () => {
-      const prevInserted = inserted;
-      inserted = [];
-      return prevInserted;
-    };
-    return {
-      cache: localCache,
-      flush: localFlush
-    };
-  });
-  navigation.useServerInsertedHTML(() => {
-    const names = flush();
-    if (names.length === 0) {
-      return null;
-    }
-    let styles = "";
-    for (const name of names) {
-      styles += cache.inserted[name];
-    }
-    return /* @__PURE__ */ jsxRuntime.jsx("style", { "data-emotion": `${cache.key} ${names.join(" ")}`, dangerouslySetInnerHTML: {
-      __html: styles
-    } }, cache.key);
-  });
-  return /* @__PURE__ */ jsxRuntime.jsx(react$1.CacheProvider, { value: cache, children: /* @__PURE__ */ jsxRuntime.jsx(react$1.ThemeProvider, { theme, children }) });
-}
-module.exports = ThemeRegistry;

package/dist/theme/ThemeRegistry.d.ts

@@ -1,12 +0,0 @@
-import { ThemeProvider } from '@emotion/react';
-import type { ComponentProps, ReactNode } from 'react';
-type ThemeRegistryProps = {
-    children: ReactNode;
-    theme: ComponentProps<typeof ThemeProvider>['theme'];
-};
-/**
- * ThemeRegistry is a component that provides a theme to its children.
- * This solution is provided to work with Next.js app router.
- */
-export default function ThemeRegistry({ children, theme }: ThemeRegistryProps): import("@emotion/react/jsx-runtime").JSX.Element;
-export {};

package/dist/theme/ThemeRegistry.js

@@ -1,55 +0,0 @@
-"use client";
-import { jsx } from "@emotion/react/jsx-runtime";
-import createCache from "@emotion/cache";
-import { CacheProvider, ThemeProvider } from "@emotion/react";
-import { useServerInsertedHTML } from "next/navigation";
-import { useState } from "react";
-function ThemeRegistry({
-  children,
-  theme
-}) {
-  const [{
-    cache,
-    flush
-  }] = useState(() => {
-    const localCache = createCache({
-      key: "uv"
-    });
-    localCache.compat = true;
-    const prevInsert = localCache.insert;
-    let inserted = [];
-    localCache.insert = (...args) => {
-      const serialized = args[1];
-      if (localCache.inserted[serialized.name] === void 0) {
-        inserted.push(serialized.name);
-      }
-      return prevInsert(...args);
-    };
-    const localFlush = () => {
-      const prevInserted = inserted;
-      inserted = [];
-      return prevInserted;
-    };
-    return {
-      cache: localCache,
-      flush: localFlush
-    };
-  });
-  useServerInsertedHTML(() => {
-    const names = flush();
-    if (names.length === 0) {
-      return null;
-    }
-    let styles = "";
-    for (const name of names) {
-      styles += cache.inserted[name];
-    }
-    return /* @__PURE__ */ jsx("style", { "data-emotion": `${cache.key} ${names.join(" ")}`, dangerouslySetInnerHTML: {
-      __html: styles
-    } }, cache.key);
-  });
-  return /* @__PURE__ */ jsx(CacheProvider, { value: cache, children: /* @__PURE__ */ jsx(ThemeProvider, { theme, children }) });
-}
-export {
-  ThemeRegistry as default
-};