@strapi/design-system 1.4.2 → 1.5.0

package/dist/index.js

@@ -7,8 +7,8 @@ import { Avatar as l, Initials as T } from "./Avatar/Avatar.js";
 import { AvatarGroup as c } from "./Avatar/AvatarGroup.js";
 import { Badge as C } from "./Badge/Badge.js";
 import { BaseButton as y, BaseButtonWrapper as B } from "./BaseButton/BaseButton.js";
-import { BaseCheckbox as g } from "./BaseCheckbox/BaseCheckbox.js";
-import { BaseLink as v } from "./BaseLink/BaseLink.js";
+import { BaseCheckbox as v } from "./BaseCheckbox/BaseCheckbox.js";
+import { BaseLink as h } from "./BaseLink/BaseLink.js";
 import { BaseRadio as k } from "./BaseRadio/BaseRadio.js";
 import { RadioGroup as A } from "./BaseRadio/RadioGroup.js";
 import { Box as I } from "./Box/Box.js";
@@ -32,7 +32,7 @@ import { CarouselSlide as so } from "./CarouselInput/CarouselSlide.js";
 import { Checkbox as bo } from "./Checkbox/Checkbox.js";
 import { Combobox as So, CreatableCombobox as yo } from "./Combobox/Combobox.js";
 import { ComboboxOption as Lo } from "./Combobox/ComboboxOption.js";
-import { Dialog as ho } from "./Dialog/Dialog.js";
+import { Dialog as go } from "./Dialog/Dialog.js";
 import { DialogBody as No } from "./Dialog/DialogBody.js";
 import { DialogFooter as Fo } from "./Dialog/DialogFooter.js";
 import { DismissibleLayer as Po } from "./DismissibleLayer/DismissibleLayer.js";
@@ -57,7 +57,7 @@ import { Layout as sr } from "./Layout/Layout.js";
 import { ActionLayout as br } from "./Layout/ActionLayout.js";
 import { ContentLayout as Sr } from "./Layout/ContentLayout.js";
 import { BaseHeaderLayout as Br, HeaderLayout as Lr } from "./Layout/HeaderLayout.js";
-import { TwoColsLayout as hr } from "./Layout/TwoColsLayout.js";
+import { TwoColsLayout as gr } from "./Layout/TwoColsLayout.js";
 import { GridLayout as Nr } from "./Layout/GridLayout.js";
 import { Link as Fr } from "./Link/Link.js";
 import { LinkButton as Pr } from "./LinkButton/LinkButton.js";
@@ -67,70 +67,71 @@ import { Main as Dr } from "./Main/Main.js";
 import { SkipToContent as Er } from "./Main/SkipToContent.js";
 import { MainNav as Wr } from "./MainNav/MainNav.js";
 import { NavBrand as zr } from "./MainNav/NavBrand.js";
-import { NavLink as Ur } from "./MainNav/NavLink.js";
-import { NavSection as jr } from "./MainNav/NavSection.js";
-import { NavSections as Jr } from "./MainNav/NavSections.js";
-import { NavUser as Xr } from "./MainNav/NavUser.js";
-import { NavCondense as Zr } from "./MainNav/NavCondense.js";
-import { ModalLayout as oe } from "./ModalLayout/ModalLayout.js";
-import { ModalHeader as ee } from "./ModalLayout/ModalHeader.js";
-import { ModalFooter as pe } from "./ModalLayout/ModalFooter.js";
-import { ModalBody as xe } from "./ModalLayout/ModalBody.js";
-import { NumberInput as ae } from "./NumberInput/NumberInput.js";
-import { Pagination as ne } from "./Pagination/Pagination.js";
-import { Dots as ue, NextLink as le, PageLink as Te, PreviousLink as se } from "./Pagination/components.js";
-import { POPOVER_PLACEMENTS as be, Popover as Ce } from "./Popover/Popover.js";
-import { Portal as ye } from "./Portal/Portal.js";
-import { ProgressBar as Le } from "./ProgressBar/ProgressBar.js";
-import { Radio as he } from "./Radio/Radio.js";
-import { RawTable as Ne } from "./RawTable/RawTable.js";
-import { RawTd as Fe, RawTh as Ae } from "./RawTable/RawCell.js";
-import { RawThead as Ie } from "./RawTable/RawThead.js";
-import { RawTbody as Re } from "./RawTable/RawTbody.js";
-import { RawTr as we } from "./RawTable/RawTr.js";
-import { Flex as He } from "./Flex/Flex.js";
-import { Searchbar as Oe } from "./Searchbar/Searchbar.js";
-import { SearchForm as Ve } from "./Searchbar/SearchForm.js";
-import { Select as Ke } from "./Select/Select.js";
-import { Option as _e } from "./Select/Option.js";
-import { OptGroup as qe } from "./Select/OptGroup.js";
-import { MultiSelectNested as Qe } from "./Select/MultiSelectNested.js";
-import { SelectList as Ye } from "./Select/SelectList.js";
-import { MenuItem as $e, SimpleMenu as ot } from "./SimpleMenu/SimpleMenu.js";
-import { Stack as et } from "./Stack/Stack.js";
-import { Status as pt } from "./Status/Status.js";
-import { SubNav as xt, subNavWidth as ft } from "./SubNav/SubNav.js";
-import { SubNavHeader as it } from "./SubNav/SubNavHeader.js";
-import { SubNavLink as dt } from "./SubNav/SubNavLink.js";
-import { SubNavLinkSection as lt } from "./SubNav/SubNavLinkSection.js";
-import { SubNavSection as st } from "./SubNav/SubNavSection.js";
-import { SubNavSections as bt } from "./SubNav/SubNavSections.js";
-import { Switch as St } from "./Switch/Switch.js";
-import { Tab as Bt, Tabs as Lt } from "./Tabs/Tabs.js";
-import { TabPanel as ht, TabPanels as vt } from "./Tabs/TabPanels.js";
-import { TabGroup as kt } from "./Tabs/TabGroup.js";
-import { Table as At } from "./Table/Table.js";
-import { Tbody as It } from "./Table/Tbody.js";
-import { Thead as Rt } from "./Table/Thead.js";
-import { Tr as wt } from "./Table/Tr.js";
-import { Td as Ht, Th as Et } from "./Table/Cell.js";
-import { TFooter as Wt } from "./Table/TFooter.js";
-import { Tag as zt } from "./Tag/Tag.js";
-import { TextButton as Ut } from "./TextButton/TextButton.js";
-import { TextInput as jt } from "./TextInput/TextInput.js";
-import { Textarea as Jt } from "./Textarea/Textarea.js";
-import { ThemeProvider as Xt } from "./ThemeProvider/ThemeProvider.js";
-import { useTheme as Zt } from "./ThemeProvider/hooks.js";
-import { TimePicker as op } from "./TimePicker/TimePicker.js";
-import { ToggleCheckbox as ep } from "./ToggleCheckbox/ToggleCheckbox.js";
-import { ToggleInput as pp } from "./ToggleInput/ToggleInput.js";
-import { Tooltip as xp } from "./Tooltip/Tooltip.js";
-import { Typography as ap } from "./Typography/Typography.js";
-import { VisuallyHidden as np } from "./VisuallyHidden/VisuallyHidden.js";
-import { lightTheme as up } from "./themes/lightTheme/index.js";
-import { darkTheme as Tp } from "./themes/darkTheme/index.js";
-import { extendTheme as cp } from "./themes/extendTheme.js";
-import { buttonFocusStyle as Cp, getThemeSize as Sp, inputFocusStyle as yp } from "./themes/utils.js";
+import { NavCondense as Ur } from "./MainNav/NavCondense.js";
+import { NavFooter as jr } from "./MainNav/NavFooter.js";
+import { NavLink as Jr } from "./MainNav/NavLink.js";
+import { NavSection as Xr } from "./MainNav/NavSection.js";
+import { NavSections as Zr } from "./MainNav/NavSections.js";
+import { NavUser as oe } from "./MainNav/NavUser.js";
+import { ModalLayout as ee } from "./ModalLayout/ModalLayout.js";
+import { ModalHeader as pe } from "./ModalLayout/ModalHeader.js";
+import { ModalFooter as xe } from "./ModalLayout/ModalFooter.js";
+import { ModalBody as ae } from "./ModalLayout/ModalBody.js";
+import { NumberInput as ne } from "./NumberInput/NumberInput.js";
+import { Pagination as ue } from "./Pagination/Pagination.js";
+import { Dots as Te, NextLink as se, PageLink as ce, PreviousLink as be } from "./Pagination/components.js";
+import { POPOVER_PLACEMENTS as Se, Popover as ye } from "./Popover/Popover.js";
+import { Portal as Le } from "./Portal/Portal.js";
+import { ProgressBar as ge } from "./ProgressBar/ProgressBar.js";
+import { Radio as Ne } from "./Radio/Radio.js";
+import { RawTable as Fe } from "./RawTable/RawTable.js";
+import { RawTd as Pe, RawTh as Ie } from "./RawTable/RawCell.js";
+import { RawThead as Re } from "./RawTable/RawThead.js";
+import { RawTbody as we } from "./RawTable/RawTbody.js";
+import { RawTr as He } from "./RawTable/RawTr.js";
+import { Flex as Oe } from "./Flex/Flex.js";
+import { Searchbar as Ve } from "./Searchbar/Searchbar.js";
+import { SearchForm as Ke } from "./Searchbar/SearchForm.js";
+import { Select as _e } from "./Select/Select.js";
+import { Option as qe } from "./Select/Option.js";
+import { OptGroup as Qe } from "./Select/OptGroup.js";
+import { MultiSelectNested as Ye } from "./Select/MultiSelectNested.js";
+import { SelectList as $e } from "./Select/SelectList.js";
+import { MenuItem as rt, SimpleMenu as et } from "./SimpleMenu/SimpleMenu.js";
+import { Stack as pt } from "./Stack/Stack.js";
+import { Status as xt } from "./Status/Status.js";
+import { SubNav as at, subNavWidth as it } from "./SubNav/SubNav.js";
+import { SubNavHeader as dt } from "./SubNav/SubNavHeader.js";
+import { SubNavLink as lt } from "./SubNav/SubNavLink.js";
+import { SubNavLinkSection as st } from "./SubNav/SubNavLinkSection.js";
+import { SubNavSection as bt } from "./SubNav/SubNavSection.js";
+import { SubNavSections as St } from "./SubNav/SubNavSections.js";
+import { Switch as Bt } from "./Switch/Switch.js";
+import { Tab as vt, Tabs as gt } from "./Tabs/Tabs.js";
+import { TabPanel as Nt, TabPanels as kt } from "./Tabs/TabPanels.js";
+import { TabGroup as At } from "./Tabs/TabGroup.js";
+import { Table as It } from "./Table/Table.js";
+import { Tbody as Rt } from "./Table/Tbody.js";
+import { Thead as wt } from "./Table/Thead.js";
+import { Tr as Ht } from "./Table/Tr.js";
+import { Td as Ot, Th as Wt } from "./Table/Cell.js";
+import { TFooter as zt } from "./Table/TFooter.js";
+import { Tag as Ut } from "./Tag/Tag.js";
+import { TextButton as jt } from "./TextButton/TextButton.js";
+import { TextInput as Jt } from "./TextInput/TextInput.js";
+import { Textarea as Xt } from "./Textarea/Textarea.js";
+import { ThemeProvider as Zt } from "./ThemeProvider/ThemeProvider.js";
+import { useTheme as op } from "./ThemeProvider/hooks.js";
+import { TimePicker as ep } from "./TimePicker/TimePicker.js";
+import { ToggleCheckbox as pp } from "./ToggleCheckbox/ToggleCheckbox.js";
+import { ToggleInput as xp } from "./ToggleInput/ToggleInput.js";
+import { Tooltip as ap } from "./Tooltip/Tooltip.js";
+import { Typography as np } from "./Typography/Typography.js";
+import { VisuallyHidden as up } from "./VisuallyHidden/VisuallyHidden.js";
+import { lightTheme as Tp } from "./themes/lightTheme/index.js";
+import { darkTheme as cp } from "./themes/darkTheme/index.js";
+import { extendTheme as Cp } from "./themes/extendTheme.js";
+import { buttonFocusStyle as yp, getThemeSize as Bp, inputFocusStyle as Lp } from "./themes/utils.js";
 export {
   e as Accordion,
   m as AccordionContent,
@@ -144,9 +145,9 @@ export {
   C as Badge,
   y as BaseButton,
   B as BaseButtonWrapper,
-  g as BaseCheckbox,
+  v as BaseCheckbox,
   Br as BaseHeaderLayout,
-  v as BaseLink,
+  h as BaseLink,
   k as BaseRadio,
   I as Box,
   R as Breadcrumbs,
@@ -176,12 +177,12 @@ export {
   G as Crumb,
   Mo as DatePicker,
   Go as DateTimePicker,
-  ho as Dialog,
+  go as Dialog,
   No as DialogBody,
   Fo as DialogFooter,
   Po as DismissibleLayer,
   Do as Divider,
-  ue as Dots,
+  Te as Dots,
   Eo as EmptyStateLayout,
   Wo as Field,
   or as FieldAction,
@@ -190,7 +191,7 @@ export {
   qo as FieldHint,
   Uo as FieldInput,
   zo as FieldLabel,
-  He as Flex,
+  Oe as Flex,
   er as FocusTrap,
   pr as Grid,
   xr as GridItem,
@@ -208,84 +209,85 @@ export {
   Gr as Loader,
   Dr as Main,
   Wr as MainNav,
-  $e as MenuItem,
-  xe as ModalBody,
-  pe as ModalFooter,
-  ee as ModalHeader,
-  oe as ModalLayout,
-  Qe as MultiSelectNested,
+  rt as MenuItem,
+  ae as ModalBody,
+  xe as ModalFooter,
+  pe as ModalHeader,
+  ee as ModalLayout,
+  Ye as MultiSelectNested,
   zr as NavBrand,
-  Zr as NavCondense,
-  Ur as NavLink,
-  jr as NavSection,
-  Jr as NavSections,
-  Xr as NavUser,
-  le as NextLink,
-  ae as NumberInput,
-  qe as OptGroup,
-  _e as Option,
-  be as POPOVER_PLACEMENTS,
-  Te as PageLink,
-  ne as Pagination,
-  Ce as Popover,
-  ye as Portal,
-  se as PreviousLink,
-  Le as ProgressBar,
-  he as Radio,
+  Ur as NavCondense,
+  jr as NavFooter,
+  Jr as NavLink,
+  Xr as NavSection,
+  Zr as NavSections,
+  oe as NavUser,
+  se as NextLink,
+  ne as NumberInput,
+  Qe as OptGroup,
+  qe as Option,
+  Se as POPOVER_PLACEMENTS,
+  ce as PageLink,
+  ue as Pagination,
+  ye as Popover,
+  Le as Portal,
+  be as PreviousLink,
+  ge as ProgressBar,
+  Ne as Radio,
   A as RadioGroup,
-  Ne as RawTable,
-  Re as RawTbody,
-  Fe as RawTd,
-  Ae as RawTh,
-  Ie as RawThead,
-  we as RawTr,
-  Ve as SearchForm,
-  Oe as Searchbar,
-  Ke as Select,
-  Ye as SelectList,
-  ot as SimpleMenu,
+  Fe as RawTable,
+  we as RawTbody,
+  Pe as RawTd,
+  Ie as RawTh,
+  Re as RawThead,
+  He as RawTr,
+  Ke as SearchForm,
+  Ve as Searchbar,
+  _e as Select,
+  $e as SelectList,
+  et as SimpleMenu,
   Er as SkipToContent,
-  et as Stack,
-  pt as Status,
-  xt as SubNav,
-  it as SubNavHeader,
-  dt as SubNavLink,
-  lt as SubNavLinkSection,
-  st as SubNavSection,
-  bt as SubNavSections,
-  St as Switch,
-  Wt as TFooter,
-  Bt as Tab,
-  kt as TabGroup,
-  ht as TabPanel,
-  vt as TabPanels,
-  At as Table,
-  Lt as Tabs,
-  zt as Tag,
-  It as Tbody,
-  Ht as Td,
-  Ut as TextButton,
-  jt as TextInput,
-  Jt as Textarea,
-  Et as Th,
-  Rt as Thead,
-  Xt as ThemeProvider,
-  op as TimePicker,
-  ep as ToggleCheckbox,
-  pp as ToggleInput,
-  xp as Tooltip,
-  wt as Tr,
-  hr as TwoColsLayout,
-  ap as Typography,
-  np as VisuallyHidden,
-  Cp as buttonFocusStyle,
-  Tp as darkTheme,
-  cp as extendTheme,
-  Sp as getThemeSize,
-  yp as inputFocusStyle,
-  up as lightTheme,
-  ft as subNavWidth,
+  pt as Stack,
+  xt as Status,
+  at as SubNav,
+  dt as SubNavHeader,
+  lt as SubNavLink,
+  st as SubNavLinkSection,
+  bt as SubNavSection,
+  St as SubNavSections,
+  Bt as Switch,
+  zt as TFooter,
+  vt as Tab,
+  At as TabGroup,
+  Nt as TabPanel,
+  kt as TabPanels,
+  It as Table,
+  gt as Tabs,
+  Ut as Tag,
+  Rt as Tbody,
+  Ot as Td,
+  jt as TextButton,
+  Jt as TextInput,
+  Xt as Textarea,
+  Wt as Th,
+  wt as Thead,
+  Zt as ThemeProvider,
+  ep as TimePicker,
+  pp as ToggleCheckbox,
+  xp as ToggleInput,
+  ap as Tooltip,
+  Ht as Tr,
+  gr as TwoColsLayout,
+  np as Typography,
+  up as VisuallyHidden,
+  yp as buttonFocusStyle,
+  cp as darkTheme,
+  Cp as extendTheme,
+  Bp as getThemeSize,
+  Lp as inputFocusStyle,
+  Tp as lightTheme,
+  it as subNavWidth,
   Zo as useField,
   Mr as useNotifyAT,
-  Zt as useTheme
+  op as useTheme
 };

package/dist/themes/darkTheme/index.cjs

@@ -1 +1 @@
-"use strict";var d=Object.defineProperty;var s=Object.getOwnPropertySymbols;var t=Object.prototype.hasOwnProperty,m=Object.prototype.propertyIsEnumerable;var c=(r,e,o)=>e in r?d(r,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):r[e]=o,a=(r,e)=>{for(var o in e||(e={}))t.call(e,o)&&c(r,o,e[o]);if(s)for(var o of s(e))m.call(e,o)&&c(r,o,e[o]);return r};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const n=require("./dark-colors.cjs"),h=require("./dark-shadows.cjs"),k=require("../common-theme.cjs"),l=a({colors:n.darkColorTokenObject.color,shadows:h.darkShadowTokenObject.shadow},k.commonTheme);exports.darkTheme=l;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./dark-colors.cjs"),o=require("./dark-shadows.cjs"),r=require("../common-theme.cjs"),s={colors:e.darkColorTokenObject.color,shadows:o.darkShadowTokenObject.shadow,...r.commonTheme};exports.darkTheme=s;

package/dist/themes/darkTheme/index.js

@@ -1,21 +1,11 @@
-var c = Object.defineProperty;
-var e = Object.getOwnPropertySymbols;
-var d = Object.prototype.hasOwnProperty, h = Object.prototype.propertyIsEnumerable;
-var t = (m, o, r) => o in m ? c(m, o, { enumerable: !0, configurable: !0, writable: !0, value: r }) : m[o] = r, a = (m, o) => {
-  for (var r in o || (o = {}))
-    d.call(o, r) && t(m, r, o[r]);
-  if (e)
-    for (var r of e(o))
-      h.call(o, r) && t(m, r, o[r]);
-  return m;
+import { darkColorTokenObject as o } from "./dark-colors.js";
+import { darkShadowTokenObject as r } from "./dark-shadows.js";
+import { commonTheme as m } from "../common-theme.js";
+const c = {
+  colors: o.color,
+  shadows: r.shadow,
+  ...m
 };
-import { darkColorTokenObject as k } from "./dark-colors.js";
-import { darkShadowTokenObject as s } from "./dark-shadows.js";
-import { commonTheme as n } from "../common-theme.js";
-const l = a({
-  colors: k.color,
-  shadows: s.shadow
-}, n);
 export {
-  l as darkTheme
+  c as darkTheme
 };

package/dist/themes/extendTheme.cjs

@@ -1,5 +1,5 @@
-"use strict";var m=Object.defineProperty;var s=Object.getOwnPropertySymbols;var a=Object.prototype.hasOwnProperty,l=Object.prototype.propertyIsEnumerable;var h=(t,e,o)=>e in t?m(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,c=(t,e)=>{for(var o in e||(e={}))a.call(e,o)&&h(t,o,e[o]);if(s)for(var o of s(e))l.call(e,o)&&h(t,o,e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const d=require("./lightTheme/index.cjs"),u=t=>`
-${t}
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const c=require("./lightTheme/index.cjs"),s=e=>`
+${e}
 
 The following is an example:
 
@@ -7,7 +7,7 @@ The following is an example:
 import { lightTheme, extendTheme } from '@strapi/design-system';
 
 const myCustomTheme = extendTheme(lightTheme, {
-    ${Object.keys(d.lightTheme).map(e=>`${e}: /* put the overrides for the ${e} key */,`).join(`
+    ${Object.keys(c.lightTheme).map(t=>`${t}: /* put the overrides for the ${t} key */,`).join(`
 `)}
 })
-`,r=t=>t&&typeof t=="object"&&!Array.isArray(t),i=(t,e)=>{const o=c({},t);return r(t)&&r(e)&&Object.keys(e).forEach(n=>{r(e[n])&&t.hasOwnProperty(n)?o[n]=i(t[n],e[n]):o[n]=e[n]}),o},f=(t,e)=>{if(!r(t)){const o=u("The first argument should be an object and corresponds to the theme you want to extend.");throw new Error(o)}if(!r(e)){const o=u("The second argument should be an object and corresponds to the keys of the theme you want to override.");throw new Error(o)}return i(t,e)};exports.extendTheme=f;
+`,r=e=>e&&typeof e=="object"&&!Array.isArray(e),h=(e,t)=>{const n={...e};return r(e)&&r(t)&&Object.keys(t).forEach(o=>{r(t[o])&&e.hasOwnProperty(o)?n[o]=h(e[o],t[o]):n[o]=t[o]}),n},u=(e,t)=>{if(!r(e)){const n=s("The first argument should be an object and corresponds to the theme you want to extend.");throw new Error(n)}if(!r(t)){const n=s("The second argument should be an object and corresponds to the keys of the theme you want to override.");throw new Error(n)}return h(e,t)};exports.extendTheme=u;

package/dist/themes/extendTheme.js

@@ -1,17 +1,6 @@
-var f = Object.defineProperty;
-var h = Object.getOwnPropertySymbols;
-var p = Object.prototype.hasOwnProperty, u = Object.prototype.propertyIsEnumerable;
-var s = (t, e, o) => e in t ? f(t, e, { enumerable: !0, configurable: !0, writable: !0, value: o }) : t[e] = o, c = (t, e) => {
-  for (var o in e || (e = {}))
-    p.call(e, o) && s(t, o, e[o]);
-  if (h)
-    for (var o of h(e))
-      u.call(e, o) && s(t, o, e[o]);
-  return t;
-};
-import { lightTheme as i } from "./lightTheme/index.js";
-const m = (t) => `
-${t}
+import { lightTheme as c } from "./lightTheme/index.js";
+const h = (e) => `
+${e}
 
 The following is an example:
 
@@ -19,29 +8,29 @@ The following is an example:
 import { lightTheme, extendTheme } from '@strapi/design-system';
 
 const myCustomTheme = extendTheme(lightTheme, {
-    ${Object.keys(i).map((e) => `${e}: /* put the overrides for the ${e} key */,`).join(`
+    ${Object.keys(c).map((t) => `${t}: /* put the overrides for the ${t} key */,`).join(`
 `)}
 })
-`, r = (t) => t && typeof t == "object" && !Array.isArray(t), a = (t, e) => {
-  const o = c({}, t);
-  return r(t) && r(e) && Object.keys(e).forEach((n) => {
-    r(e[n]) && t.hasOwnProperty(n) ? o[n] = a(t[n], e[n]) : o[n] = e[n];
-  }), o;
-}, b = (t, e) => {
-  if (!r(t)) {
-    const o = m(
+`, r = (e) => e && typeof e == "object" && !Array.isArray(e), s = (e, t) => {
+  const n = { ...e };
+  return r(e) && r(t) && Object.keys(t).forEach((o) => {
+    r(t[o]) && e.hasOwnProperty(o) ? n[o] = s(e[o], t[o]) : n[o] = t[o];
+  }), n;
+}, a = (e, t) => {
+  if (!r(e)) {
+    const n = h(
       "The first argument should be an object and corresponds to the theme you want to extend."
     );
-    throw new Error(o);
+    throw new Error(n);
   }
-  if (!r(e)) {
-    const o = m(
+  if (!r(t)) {
+    const n = h(
       "The second argument should be an object and corresponds to the keys of the theme you want to override."
     );
-    throw new Error(o);
+    throw new Error(n);
   }
-  return a(t, e);
+  return s(e, t);
 };
 export {
-  b as extendTheme
+  a as extendTheme
 };

package/dist/themes/lightTheme/index.cjs

@@ -1 +1 @@
-"use strict";var c=Object.defineProperty;var s=Object.getOwnPropertySymbols;var r=Object.prototype.hasOwnProperty,i=Object.prototype.propertyIsEnumerable;var h=(t,e,o)=>e in t?c(t,e,{enumerable:!0,configurable:!0,writable:!0,value:o}):t[e]=o,l=(t,e)=>{for(var o in e||(e={}))r.call(e,o)&&h(t,o,e[o]);if(s)for(var o of s(e))i.call(e,o)&&h(t,o,e[o]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const m=require("./light-colors.cjs"),n=require("./light-shadows.cjs"),g=require("../common-theme.cjs"),u=l({colors:m.lightColorTokenObject.color,shadows:n.lightShadowTokenObject.shadow},g.commonTheme);exports.lightTheme=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./light-colors.cjs"),o=require("./light-shadows.cjs"),t=require("../common-theme.cjs"),s={colors:e.lightColorTokenObject.color,shadows:o.lightShadowTokenObject.shadow,...t.commonTheme};exports.lightTheme=s;

package/dist/themes/lightTheme/index.js

@@ -1,21 +1,11 @@
-var c = Object.defineProperty;
-var t = Object.getOwnPropertySymbols;
-var i = Object.prototype.hasOwnProperty, l = Object.prototype.propertyIsEnumerable;
-var e = (r, o, m) => o in r ? c(r, o, { enumerable: !0, configurable: !0, writable: !0, value: m }) : r[o] = m, h = (r, o) => {
-  for (var m in o || (o = {}))
-    i.call(o, m) && e(r, m, o[m]);
-  if (t)
-    for (var m of t(o))
-      l.call(o, m) && e(r, m, o[m]);
-  return r;
+import { lightColorTokenObject as o } from "./light-colors.js";
+import { lightShadowTokenObject as m } from "./light-shadows.js";
+import { commonTheme as r } from "../common-theme.js";
+const c = {
+  colors: o.color,
+  shadows: m.shadow,
+  ...r
 };
-import { lightColorTokenObject as s } from "./light-colors.js";
-import { lightShadowTokenObject as n } from "./light-shadows.js";
-import { commonTheme as p } from "../common-theme.js";
-const g = h({
-  colors: s.color,
-  shadows: n.shadow
-}, p);
 export {
-  g as lightTheme
+  c as lightTheme
 };

package/dist/v2/Breadcrumbs/Breadcrumbs.cjs

@@ -1,4 +1,4 @@
-"use strict";var _=Object.defineProperty;var i=Object.getOwnPropertySymbols;var h=Object.prototype.hasOwnProperty,p=Object.prototype.propertyIsEnumerable;var f=(e,r,t)=>r in e?_(e,r,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[r]=t,m=(e,r)=>{for(var t in r||(r={}))h.call(r,t)&&f(e,t,r[t]);if(i)for(var t of i(r))p.call(r,t)&&f(e,t,r[t]);return e};var y=(e,r)=>{var t={};for(var a in e)h.call(e,a)&&r.indexOf(a)<0&&(t[a]=e[a]);if(e!=null&&i)for(var a of i(e))r.indexOf(a)<0&&p.call(e,a)&&(t[a]=e[a]);return t};Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("react"),q=require("prop-types"),B=require("styled-components"),D=require("../../Box/Box.cjs"),T=require("./Divider.cjs"),b=require("../../Flex/Flex.cjs"),d=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},n=d(o),l=d(q),j=d(B),F=j.default(b.Flex)`
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const l=require("react"),h=require("prop-types"),p=require("styled-components"),m=require("../../Box/Box.cjs"),y=require("./Divider.cjs"),s=require("../../Flex/Flex.cjs"),i=e=>e&&typeof e=="object"&&"default"in e?e:{default:e},r=i(l),t=i(h),b=i(p),g=b.default(s.Flex)`
   // CrumbLinks do have padding-x, because they need to have a
   // interaction effect, which mis-aligns the breadcrumbs on the left.
   // This normalizes the behavior by moving the first item to left by
@@ -6,4 +6,4 @@
   :first-child {
     margin-left: ${({theme:e})=>`calc(-1*${e.spaces[2]})`};
   }
-`,c=a=>{var u=a,{label:e,children:r}=u,t=y(u,["label","children"]);const s=o.Children.toArray(r);return n.default.createElement(D.Box,m({"aria-label":e},t),n.default.createElement(F,{as:"ol",horizontal:!0},o.Children.map(s,(g,v)=>{const x=s.length>1&&v+1<s.length;return n.default.createElement(b.Flex,{inline:!0,as:"li"},g,x&&n.default.createElement(T.Divider,null))})))};c.displayName="Breadcrumbs";c.propTypes={children:l.default.oneOfType([l.default.arrayOf(l.default.node),l.default.node]).isRequired,label:l.default.string.isRequired};exports.Breadcrumbs=c;
+`,n=({label:e,children:o,...d})=>{const a=l.Children.toArray(o);return r.default.createElement(m.Box,{"aria-label":e,...d},r.default.createElement(g,{as:"ol",horizontal:!0},l.Children.map(a,(c,u)=>{const f=a.length>1&&u+1<a.length;return r.default.createElement(s.Flex,{inline:!0,as:"li"},c,f&&r.default.createElement(y.Divider,null))})))};n.displayName="Breadcrumbs";n.propTypes={children:t.default.oneOfType([t.default.arrayOf(t.default.node),t.default.node]).isRequired,label:t.default.string.isRequired};exports.Breadcrumbs=n;

package/dist/v2/Breadcrumbs/Breadcrumbs.js

@@ -1,58 +1,38 @@
-var x = Object.defineProperty;
-var n = Object.getOwnPropertySymbols;
-var d = Object.prototype.hasOwnProperty, c = Object.prototype.propertyIsEnumerable;
-var m = (e, t, r) => t in e ? x(e, t, { enumerable: !0, configurable: !0, writable: !0, value: r }) : e[t] = r, h = (e, t) => {
-  for (var r in t || (t = {}))
-    d.call(t, r) && m(e, r, t[r]);
-  if (n)
-    for (var r of n(t))
-      c.call(t, r) && m(e, r, t[r]);
-  return e;
-};
-var p = (e, t) => {
-  var r = {};
-  for (var i in e)
-    d.call(e, i) && t.indexOf(i) < 0 && (r[i] = e[i]);
-  if (e != null && n)
-    for (var i of n(e))
-      t.indexOf(i) < 0 && c.call(e, i) && (r[i] = e[i]);
-  return r;
-};
-import o, { Children as f } from "react";
-import a from "prop-types";
-import E from "styled-components";
-import { Box as T } from "../../Box/Box.js";
-import { Divider as A } from "./Divider.js";
-import { Flex as u } from "../../Flex/Flex.js";
-const B = E(u)`
+import r, { Children as a } from "react";
+import e from "prop-types";
+import h from "styled-components";
+import { Box as p } from "../../Box/Box.js";
+import { Divider as f } from "./Divider.js";
+import { Flex as n } from "../../Flex/Flex.js";
+const u = h(n)`
   // CrumbLinks do have padding-x, because they need to have a
   // interaction effect, which mis-aligns the breadcrumbs on the left.
   // This normalizes the behavior by moving the first item to left by
   // the same amount it has inner padding
   :first-child {
-    margin-left: ${({ theme: e }) => `calc(-1*${e.spaces[2]})`};
+    margin-left: ${({ theme: t }) => `calc(-1*${t.spaces[2]})`};
   }
-`, y = (i) => {
-  var s = i, { label: e, children: t } = s, r = p(s, ["label", "children"]);
-  const l = f.toArray(t);
-  return /* @__PURE__ */ o.createElement(T, h({
-    "aria-label": e
-  }, r), /* @__PURE__ */ o.createElement(B, {
+`, o = ({ label: t, children: l, ...s }) => {
+  const i = a.toArray(l);
+  return /* @__PURE__ */ r.createElement(p, {
+    "aria-label": t,
+    ...s
+  }, /* @__PURE__ */ r.createElement(u, {
     as: "ol",
     horizontal: !0
-  }, f.map(l, (b, g) => {
-    const v = l.length > 1 && g + 1 < l.length;
-    return /* @__PURE__ */ o.createElement(u, {
+  }, a.map(i, (m, d) => {
+    const c = i.length > 1 && d + 1 < i.length;
+    return /* @__PURE__ */ r.createElement(n, {
       inline: !0,
       as: "li"
-    }, b, v && /* @__PURE__ */ o.createElement(A, null));
+    }, m, c && /* @__PURE__ */ r.createElement(f, null));
   })));
 };
-y.displayName = "Breadcrumbs";
-y.propTypes = {
-  children: a.oneOfType([a.arrayOf(a.node), a.node]).isRequired,
-  label: a.string.isRequired
+o.displayName = "Breadcrumbs";
+o.propTypes = {
+  children: e.oneOfType([e.arrayOf(e.node), e.node]).isRequired,
+  label: e.string.isRequired
 };
 export {
-  y as Breadcrumbs
+  o as Breadcrumbs
 };