@ledgerhq/lumen-ui-react 0.1.5 → 0.1.6

package/dist/index.js

@@ -8,37 +8,38 @@ import { BaseInput as S } from "./lib/Components/BaseInput/BaseInput.js";
 import { Button as d } from "./lib/Components/Button/Button.js";
 import { BaseButton as c } from "./lib/Components/Button/BaseButton.js";
 import { ContentBanner as I, ContentBannerContent as C, ContentBannerDescription as s, ContentBannerTitle as L } from "./lib/Components/ContentBanner/ContentBanner.js";
-import { CardButton as h } from "./lib/Components/CardButton/CardButton.js";
+import { CardButton as M } from "./lib/Components/CardButton/CardButton.js";
 import { Checkbox as v } from "./lib/Components/Checkbox/Checkbox.js";
-import { DataTable as R, DataTableGlobalSearchInput as w, DataTableRoot as k } from "./lib/Components/DataTable/DataTable.js";
-import { useLumenDataTable as H } from "./lib/Components/DataTable/useLumenDataTable/useLumenDataTable.js";
+import { DataTable as A, DataTableGlobalSearchInput as w, DataTableRoot as H } from "./lib/Components/DataTable/DataTable.js";
+import { useLumenDataTable as G } from "./lib/Components/DataTable/useLumenDataTable/useLumenDataTable.js";
 import { DialogClose as y } from "./lib/Components/Dialog/DialogClose/DialogClose.js";
-import { Dialog as F, DialogBody as j, DialogContent as q, DialogFooter as z, DialogTrigger as E } from "./lib/Components/Dialog/Dialog.js";
-import { DialogHeader as K } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
-import { Divider as Q } from "./lib/Components/Divider/Divider.js";
-import { IconButton as V } from "./lib/Components/IconButton/IconButton.js";
-import { InteractiveIcon as X } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
-import { Link as Z } from "./lib/Components/Link/Link.js";
+import { Dialog as E, DialogBody as O, DialogContent as F, DialogFooter as _, DialogTrigger as j } from "./lib/Components/Dialog/Dialog.js";
+import { DialogHeader as z } from "./lib/Components/Dialog/DialogHeader/DialogHeader.js";
+import { Divider as K } from "./lib/Components/Divider/Divider.js";
+import { IconButton as U } from "./lib/Components/IconButton/IconButton.js";
+import { InteractiveIcon as W } from "./lib/Components/InteractiveIcon/InteractiveIcon.js";
+import { Link as Y } from "./lib/Components/Link/Link.js";
 import { ListItem as $, ListItemContent as ee, ListItemDescription as oe, ListItemIcon as te, ListItemLeading as re, ListItemSpot as ae, ListItemTitle as ne, ListItemTrailing as ie, ListItemTruncate as le } from "./lib/Components/ListItem/ListItem.js";
 import { Menu as me, MenuCheckboxItem as Te, MenuContent as ue, MenuGroup as xe, MenuItem as fe, MenuLabel as Se, MenuPortal as be, MenuRadioGroup as de, MenuRadioItem as ge, MenuSeparator as ce, MenuSub as Be, MenuSubContent as Ie, MenuSubTrigger as Ce, MenuTrigger as se } from "./lib/Components/Menu/Menu.js";
-import { NavBar as De, NavBarBackButton as he, NavBarCoinCapsule as Me, NavBarTitle as ve, NavBarTrailing as Ae } from "./lib/Components/NavBar/NavBar.js";
+import { NavBar as De, NavBarBackButton as Me, NavBarCoinCapsule as he, NavBarTitle as ve, NavBarTrailing as Re } from "./lib/Components/NavBar/NavBar.js";
 import { PageIndicator as we } from "./lib/Components/PageIndicator/PageIndicator.js";
-import { SearchInput as Ge } from "./lib/Components/SearchInput/SearchInput.js";
-import { Select as Ne, SelectContent as ye, SelectGroup as Pe, SelectItem as Fe, SelectItemText as je, SelectLabel as qe, SelectSeparator as ze, SelectTrigger as Ee } from "./lib/Components/Select/Select.js";
-import { SideBar as Ke, SideBarCollapseToggle as Oe, SideBarItem as Qe, SideBarLeading as Ue, SideBarTrailing as Ve } from "./lib/Components/SideBar/SideBar.js";
-import { Skeleton as Xe } from "./lib/Components/Skeleton/Skeleton.js";
-import { Spinner as Ze } from "./lib/Components/Spinner/Spinner.js";
+import { SearchInput as ke } from "./lib/Components/SearchInput/SearchInput.js";
+import { Select as Ne, SelectContent as ye, SelectGroup as Pe, SelectItem as Ee, SelectItemText as Oe, SelectLabel as Fe, SelectSeparator as _e, SelectTrigger as je } from "./lib/Components/Select/Select.js";
+import { SideBar as ze, SideBarCollapseToggle as Je, SideBarItem as Ke, SideBarLeading as Qe, SideBarTrailing as Ue } from "./lib/Components/SideBar/SideBar.js";
+import { Skeleton as We } from "./lib/Components/Skeleton/Skeleton.js";
+import { Spinner as Ye } from "./lib/Components/Spinner/Spinner.js";
 import { Spot as $e } from "./lib/Components/Spot/Spot.js";
 import { Stepper as oo } from "./lib/Components/Stepper/Stepper.js";
 import { Subheader as ro, SubheaderAction as ao, SubheaderCount as no, SubheaderDescription as io, SubheaderInfo as lo, SubheaderRow as po, SubheaderShowMore as mo, SubheaderTitle as To } from "./lib/Components/Subheader/Subheader.js";
 import { Switch as xo } from "./lib/Components/Switch/Switch.js";
-import { Table as So, TableActionBar as bo, TableActionBarLeading as go, TableActionBarTrailing as co, TableBody as Bo, TableCell as Io, TableCellContent as Co, TableGroupHeaderRow as so, TableHeader as Lo, TableHeaderCell as Do, TableHeaderRow as ho, TableInfoIcon as Mo, TableLoadingRow as vo, TableRoot as Ao, TableRow as Ro, TableSortButton as wo } from "./lib/Components/Table/Table.js";
-import { Tag as Go } from "./lib/Components/Tag/Tag.js";
+import { Table as So, TableActionBar as bo, TableActionBarLeading as go, TableActionBarTrailing as co, TableBody as Bo, TableCell as Io, TableCellContent as Co, TableGroupHeaderRow as so, TableHeader as Lo, TableHeaderCell as Do, TableHeaderRow as Mo, TableInfoIcon as ho, TableLoadingRow as vo, TableRoot as Ro, TableRow as Ao, TableSortButton as wo } from "./lib/Components/Table/Table.js";
+import { Tag as ko } from "./lib/Components/Tag/Tag.js";
 import { TextInput as No } from "./lib/Components/TextInput/TextInput.js";
-import { Tile as Po, TileContent as Fo, TileDescription as jo, TileSecondaryAction as qo, TileSpot as zo, TileTitle as Eo, TileTrailingContent as Jo } from "./lib/Components/Tile/Tile.js";
-import { TileButton as Oo } from "./lib/Components/TileButton/TileButton.js";
-import { Tooltip as Uo, TooltipContent as Vo, TooltipProvider as Wo, TooltipTrigger as Xo } from "./lib/Components/Tooltip/Tooltip.js";
-import { ThemeProvider as Zo, useTheme as _o } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { Tile as Po, TileContent as Eo, TileDescription as Oo, TileSecondaryAction as Fo, TileSpot as _o, TileTitle as jo, TileTrailingContent as qo } from "./lib/Components/Tile/Tile.js";
+import { TileButton as Jo } from "./lib/Components/TileButton/TileButton.js";
+import { Tooltip as Qo, TooltipContent as Uo, TooltipProvider as Vo, TooltipTrigger as Wo } from "./lib/Components/Tooltip/Tooltip.js";
+import { ThemeProvider as Yo } from "./lib/Components/ThemeProvider/ThemeProvider.js";
+import { COLOR_SCHEMES as $o } from "./lib/Components/ThemeProvider/ThemeProvider.types.js";
 export {
   a as AddressInput,
   p as AmountDisplay,
@@ -48,27 +49,28 @@ export {
   c as BaseButton,
   S as BaseInput,
   d as Button,
-  h as CardButton,
+  $o as COLOR_SCHEMES,
+  M as CardButton,
   v as Checkbox,
   I as ContentBanner,
   C as ContentBannerContent,
   s as ContentBannerDescription,
   L as ContentBannerTitle,
-  R as DataTable,
+  A as DataTable,
   w as DataTableGlobalSearchInput,
-  k as DataTableRoot,
-  F as Dialog,
-  j as DialogBody,
+  H as DataTableRoot,
+  E as Dialog,
+  O as DialogBody,
   y as DialogClose,
-  q as DialogContent,
-  z as DialogFooter,
-  K as DialogHeader,
-  E as DialogTrigger,
-  Q as Divider,
-  V as IconButton,
-  X as InteractiveIcon,
+  F as DialogContent,
+  _ as DialogFooter,
+  z as DialogHeader,
+  j as DialogTrigger,
+  K as Divider,
+  U as IconButton,
+  W as InteractiveIcon,
   t as Languages,
-  Z as Link,
+  Y as Link,
   $ as ListItem,
   ee as ListItemContent,
   oe as ListItemDescription,
@@ -93,27 +95,27 @@ export {
   Ce as MenuSubTrigger,
   se as MenuTrigger,
   De as NavBar,
-  he as NavBarBackButton,
-  Me as NavBarCoinCapsule,
+  Me as NavBarBackButton,
+  he as NavBarCoinCapsule,
   ve as NavBarTitle,
-  Ae as NavBarTrailing,
+  Re as NavBarTrailing,
   we as PageIndicator,
-  Ge as SearchInput,
+  ke as SearchInput,
   Ne as Select,
   ye as SelectContent,
   Pe as SelectGroup,
-  Fe as SelectItem,
-  je as SelectItemText,
-  qe as SelectLabel,
-  ze as SelectSeparator,
-  Ee as SelectTrigger,
-  Ke as SideBar,
-  Oe as SideBarCollapseToggle,
-  Qe as SideBarItem,
-  Ue as SideBarLeading,
-  Ve as SideBarTrailing,
-  Xe as Skeleton,
-  Ze as Spinner,
+  Ee as SelectItem,
+  Oe as SelectItemText,
+  Fe as SelectLabel,
+  _e as SelectSeparator,
+  je as SelectTrigger,
+  ze as SideBar,
+  Je as SideBarCollapseToggle,
+  Ke as SideBarItem,
+  Qe as SideBarLeading,
+  Ue as SideBarTrailing,
+  We as Skeleton,
+  Ye as Spinner,
   $e as Spot,
   oo as Stepper,
   ro as Subheader,
@@ -135,27 +137,26 @@ export {
   so as TableGroupHeaderRow,
   Lo as TableHeader,
   Do as TableHeaderCell,
-  ho as TableHeaderRow,
-  Mo as TableInfoIcon,
+  Mo as TableHeaderRow,
+  ho as TableInfoIcon,
   vo as TableLoadingRow,
-  Ao as TableRoot,
-  Ro as TableRow,
+  Ro as TableRoot,
+  Ao as TableRow,
   wo as TableSortButton,
-  Go as Tag,
+  ko as Tag,
   No as TextInput,
-  Zo as ThemeProvider,
+  Yo as ThemeProvider,
   Po as Tile,
-  Oo as TileButton,
-  Fo as TileContent,
-  jo as TileDescription,
-  qo as TileSecondaryAction,
-  zo as TileSpot,
-  Eo as TileTitle,
-  Jo as TileTrailingContent,
-  Uo as Tooltip,
-  Vo as TooltipContent,
-  Wo as TooltipProvider,
-  Xo as TooltipTrigger,
-  H as useLumenDataTable,
-  _o as useTheme
+  Jo as TileButton,
+  Eo as TileContent,
+  Oo as TileDescription,
+  Fo as TileSecondaryAction,
+  _o as TileSpot,
+  jo as TileTitle,
+  qo as TileTrailingContent,
+  Qo as Tooltip,
+  Uo as TooltipContent,
+  Vo as TooltipProvider,
+  Wo as TooltipTrigger,
+  G as useLumenDataTable
 };

package/dist/lib/Components/ThemeProvider/ThemeProvider.d.ts

@@ -1,11 +1,4 @@
 import { FC } from 'react';
-import { ThemeMode, ThemeProviderProps } from './ThemeProvider.types';
-declare const ThemeProvider: FC<ThemeProviderProps>;
-declare const useTheme: () => {
-    toggleMode: () => void;
-    mode: ThemeMode;
-    setMode: (mode: ThemeMode) => void;
-    locale: ThemeProviderProps["locale"];
-};
-export { ThemeProvider, useTheme };
+import { ThemeProviderProps } from './ThemeProvider.types';
+export declare const ThemeProvider: FC<ThemeProviderProps>;
 //# sourceMappingURL=ThemeProvider.d.ts.map

package/dist/lib/Components/ThemeProvider/ThemeProvider.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAqB,MAAM,OAAO,CAAC;AAE9C,OAAO,EAAE,SAAS,EAAE,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAiBtE,QAAA,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAuBzC,CAAC;AAEF,QAAA,MAAM,QAAQ;;UAjCN,SAAS;aACN,CAAC,IAAI,EAAE,SAAS,KAAK,IAAI;YAC1B,kBAAkB,CAAC,QAAQ,CAAC;CAyCrC,CAAC;AAEF,OAAO,EAAE,aAAa,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"ThemeProvider.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ThemeProvider/ThemeProvider.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,EAAE,EAAW,MAAM,OAAO,CAAC;AAEpC,OAAO,EAAiB,kBAAkB,EAAE,MAAM,uBAAuB,CAAC;AAU1E,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CAoBhD,CAAC"}

package/dist/lib/Components/ThemeProvider/ThemeProvider.js

@@ -1,35 +1,24 @@
-import { jsx as r } from "react/jsx-runtime";
+import { jsx as e } from "react/jsx-runtime";
 import { createSafeContext as i } from "../../../libs/utils-shared/dist/index.js";
-import { useState as u, useMemo as c } from "react";
-import { SYSTEM_MODE as M, useRootColorModeSideEffect as f, LIGHT_MODE as T, DARK_MODE as m } from "./useRootColorModeSideEffect.js";
-import { I18nProvider as h } from "../../../i18n/I18nProvider.js";
-const [x, p] = i("ThemeProvider"), D = ({
-  children: e,
-  defaultMode: s = M,
+import { useMemo as f } from "react";
+import { COLOR_SCHEMES as s } from "./ThemeProvider.types.js";
+import { useRootColorModeSideEffect as n } from "./useRootColorModeSideEffect.js";
+import { I18nProvider as d } from "../../../i18n/I18nProvider.js";
+const [p] = i("ThemeProvider"), M = ({
+  children: t,
+  colorScheme: r = s.system,
   locale: o
 }) => {
-  const [t, n] = u(s);
-  f({ mode: t });
-  const d = c(
+  n({ colorScheme: r });
+  const m = f(
     () => ({
-      mode: t,
-      setMode: n,
+      colorScheme: r,
       locale: o
     }),
-    [t, o]
+    [r, o]
   );
-  return /* @__PURE__ */ r(x, { value: d, children: /* @__PURE__ */ r(h, { locale: o, children: e }) });
-}, P = () => {
-  const e = p({
-    consumerName: "useTheme",
-    contextRequired: !0
-  });
-  return {
-    ...e,
-    toggleMode: () => e.setMode(e.mode === m ? T : m)
-  };
+  return /* @__PURE__ */ e(p, { value: m, children: /* @__PURE__ */ e(d, { locale: o, children: t }) });
 };
 export {
-  D as ThemeProvider,
-  P as useTheme
+  M as ThemeProvider
 };

package/dist/lib/Components/ThemeProvider/ThemeProvider.types.d.ts

@@ -1,12 +1,18 @@
 import { PropsWithChildren } from 'react';
 import { SupportedLocale } from '../../../i18n';
-export type ThemeMode = 'dark' | 'light' | 'system';
+export declare const COLOR_SCHEMES: {
+    readonly light: "light";
+    readonly dark: "dark";
+    readonly system: "system";
+};
+export type ColorSchemeName = (typeof COLOR_SCHEMES)[keyof typeof COLOR_SCHEMES];
 export type ThemeProviderProps = PropsWithChildren & {
     /**
-     * The default mode of the theme.
+     * The color scheme of the theme.
+     * system will follow the user's OS preference via `prefers-color-scheme`.
      * @default 'system'
      */
-    defaultMode?: ThemeMode;
+    colorScheme?: ColorSchemeName;
     /**
      * The locale to use for translations.
      * When changed, translations will be lazy-loaded automatically.

package/dist/lib/Components/ThemeProvider/ThemeProvider.types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"ThemeProvider.types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ThemeProvider/ThemeProvider.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,MAAM,MAAM,SAAS,GAAG,MAAM,GAAG,OAAO,GAAG,QAAQ,CAAC;AAEpD,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG;IACnD;;;OAGG;IACH,WAAW,CAAC,EAAE,SAAS,CAAC;IACxB;;;;OAIG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B,CAAC"}
+{"version":3,"file":"ThemeProvider.types.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ThemeProvider/ThemeProvider.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAC1C,OAAO,EAAE,KAAK,eAAe,EAAE,MAAM,eAAe,CAAC;AAErD,eAAO,MAAM,aAAa;;;;CAIhB,CAAC;AAEX,MAAM,MAAM,eAAe,GACzB,CAAC,OAAO,aAAa,CAAC,CAAC,MAAM,OAAO,aAAa,CAAC,CAAC;AAErD,MAAM,MAAM,kBAAkB,GAAG,iBAAiB,GAAG;IACnD;;;;OAIG;IACH,WAAW,CAAC,EAAE,eAAe,CAAC;IAC9B;;;;OAIG;IACH,MAAM,CAAC,EAAE,eAAe,CAAC;CAC1B,CAAC"}

package/dist/lib/Components/ThemeProvider/ThemeProvider.types.js

@@ -0,0 +1,8 @@
+const t = {
+  light: "light",
+  dark: "dark",
+  system: "system"
+};
+export {
+  t as COLOR_SCHEMES
+};

package/dist/lib/Components/ThemeProvider/useRootColorModeSideEffect.d.ts

@@ -1,4 +1,4 @@
-import { ThemeMode } from './ThemeProvider.types';
+import { ColorSchemeName } from './ThemeProvider.types';
 export declare const LIGHT_MODE = "light";
 export declare const DARK_MODE = "dark";
 export declare const SYSTEM_MODE = "system";
@@ -6,7 +6,7 @@ export declare const SYSTEM_MODE = "system";
  * Updates the root element className when the theme mode changes.
  * This allows the design-system theme config to be applied
  */
-export declare const useRootColorModeSideEffect: ({ mode }: {
-    mode: ThemeMode;
+export declare const useRootColorModeSideEffect: ({ colorScheme, }: {
+    colorScheme: ColorSchemeName;
 }) => void;
 //# sourceMappingURL=useRootColorModeSideEffect.d.ts.map

package/dist/lib/Components/ThemeProvider/useRootColorModeSideEffect.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"useRootColorModeSideEffect.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ThemeProvider/useRootColorModeSideEffect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAElD,eAAO,MAAM,UAAU,UAAU,CAAC;AAClC,eAAO,MAAM,SAAS,SAAS,CAAC;AAChC,eAAO,MAAM,WAAW,WAAW,CAAC;AAEpC;;;GAGG;AACH,eAAO,MAAM,0BAA0B,aAAc;IAAE,IAAI,EAAE,SAAS,CAAA;CAAE,SAiBvE,CAAC"}
+{"version":3,"file":"useRootColorModeSideEffect.d.ts","sourceRoot":"","sources":["../../../../src/lib/Components/ThemeProvider/useRootColorModeSideEffect.tsx"],"names":[],"mappings":"AACA,OAAO,EAAiB,eAAe,EAAE,MAAM,uBAAuB,CAAC;AAEvE,eAAO,MAAM,UAAU,UAAU,CAAC;AAClC,eAAO,MAAM,SAAS,SAAS,CAAC;AAChC,eAAO,MAAM,WAAW,WAAW,CAAC;AAEpC;;;GAGG;AACH,eAAO,MAAM,0BAA0B,qBAEpC;IACD,WAAW,EAAE,eAAe,CAAC;CAC9B,SA0BA,CAAC"}

package/dist/lib/Components/ThemeProvider/useRootColorModeSideEffect.js

@@ -1,18 +1,24 @@
-import { useEffect as r } from "react";
-const e = "light", o = "dark", n = "system", a = ({ mode: s }) => {
-  r(() => {
-    const t = window.document.documentElement;
-    if (t.classList.remove(e, o), s === n) {
-      const c = window.matchMedia("(prefers-color-scheme: dark)").matches ? o : e;
-      t.classList.add(c);
-      return;
+import { useLayoutEffect as a } from "react";
+import { COLOR_SCHEMES as c } from "./ThemeProvider.types.js";
+const r = "light", n = "dark", m = ({
+  colorScheme: t
+}) => {
+  a(() => {
+    const e = window.document.documentElement;
+    if (e.classList.remove(r, n), t === c.system) {
+      const s = window.matchMedia("(prefers-color-scheme: dark)"), o = () => {
+        e.classList.remove(r, n), e.classList.add(s.matches ? n : r);
+      };
+      return o(), s.addEventListener("change", o), () => {
+        s.removeEventListener("change", o);
+      };
     }
-    t.classList.add(s);
-  }, [s]);
+    return e.classList.add(t), () => {
+    };
+  }, [t]);
 };
 export {
-  o as DARK_MODE,
-  e as LIGHT_MODE,
-  n as SYSTEM_MODE,
-  a as useRootColorModeSideEffect
+  n as DARK_MODE,
+  r as LIGHT_MODE,
+  m as useRootColorModeSideEffect
 };

package/dist/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.4",
+  "version": "0.1.5",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ledgerhq/lumen-ui-react",
-  "version": "0.1.5",
+  "version": "0.1.6",
   "license": "Apache-2.0",
   "sideEffects": false,
   "keywords": [