@strapi/design-system 1.7.0 → 1.7.1

package/dist/index.js

@@ -1,41 +1,41 @@
-import { Accordion as e, AccordionTypography as t } from "./Accordion/Accordion.js";
-import { AccordionContent as m } from "./Accordion/AccordionContent.js";
-import { AccordionToggle as f } from "./Accordion/AccordionToggle.js";
-import { AccordionGroup as i } from "./Accordion/AccordionGroup.js";
-import { Alert as d } from "./Alert/Alert.js";
-import { Avatar as l, Initials as c } from "./Avatar/Avatar.js";
-import { AvatarGroup as T } from "./Avatar/AvatarGroup.js";
-import { Badge as S } from "./Badge/Badge.js";
-import { BaseButton as v, BaseButtonWrapper as y } from "./BaseButton/BaseButton.js";
-import { BaseCheckbox as L } from "./BaseCheckbox/BaseCheckbox.js";
-import { BaseLink as N } from "./BaseLink/BaseLink.js";
-import { BaseRadio as k } from "./BaseRadio/BaseRadio.js";
-import { RadioGroup as P } from "./BaseRadio/RadioGroup.js";
-import { Box as I } from "./Box/Box.js";
-import { Breadcrumbs as R, Crumb as G } from "./Breadcrumbs/Breadcrumbs.js";
-import { Button as D, ButtonWrapper as O } from "./Button/Button.js";
-import { Card as E } from "./Card/Card.js";
-import { CardAction as V } from "./Card/CardAction.js";
-import { CardAsset as J } from "./Card/CardAsset.js";
-import { CardBadge as U } from "./Card/CardBadge.js";
-import { CardBody as j } from "./Card/CardBody.js";
-import { CardCheckbox as Q } from "./Card/CardCheckbox.js";
-import { CardContent as Y } from "./Card/CardContent.js";
-import { CardHeader as $ } from "./Card/CardHeader.js";
-import { CardTimer as ro } from "./Card/CardTimer.js";
-import { CardSubtitle as to, CardTitle as po } from "./Card/CardTitle.js";
-import { Carousel as xo } from "./CarouselInput/Carousel.js";
-import { CarouselInput as ao } from "./CarouselInput/CarouselInput.js";
-import { CarouselActions as no } from "./CarouselInput/CarouselActions.js";
-import { CarouselImage as lo } from "./CarouselInput/CarouselImage.js";
-import { CarouselSlide as so } from "./CarouselInput/CarouselSlide.js";
-import { Checkbox as bo } from "./Checkbox/Checkbox.js";
-import { Combobox as Co, CreatableCombobox as vo } from "./Combobox/Combobox.js";
-import { ComboboxOption as go } from "./Combobox/ComboboxOption.js";
-import { Dialog as Bo } from "./Dialog/Dialog.js";
-import { DialogBody as ho } from "./Dialog/DialogBody.js";
-import { DialogFooter as Fo } from "./Dialog/DialogFooter.js";
-import { DismissibleLayer as Ao } from "./DismissibleLayer/DismissibleLayer.js";
+import { DismissibleLayer as e } from "./DismissibleLayer/index.js";
+import { PopoverPrimitives as p } from "./Popover/index.js";
+import { BaseRadio as x } from "./BaseRadio/BaseRadio.js";
+import { Accordion as a, AccordionTypography as i } from "./Accordion/Accordion.js";
+import { AccordionContent as d } from "./Accordion/AccordionContent.js";
+import { AccordionToggle as l } from "./Accordion/AccordionToggle.js";
+import { AccordionGroup as s } from "./Accordion/AccordionGroup.js";
+import { Alert as b } from "./Alert/Alert.js";
+import { Avatar as C, Initials as v } from "./Avatar/Avatar.js";
+import { AvatarGroup as g } from "./Avatar/AvatarGroup.js";
+import { Badge as B } from "./Badge/Badge.js";
+import { BaseButton as h, BaseButtonWrapper as k } from "./BaseButton/BaseButton.js";
+import { BaseCheckbox as P } from "./BaseCheckbox/BaseCheckbox.js";
+import { BaseLink as I } from "./BaseLink/BaseLink.js";
+import { Box as R } from "./Box/Box.js";
+import { Breadcrumbs as w, Crumb as D } from "./Breadcrumbs/Breadcrumbs.js";
+import { Button as H, ButtonWrapper as E } from "./Button/Button.js";
+import { Card as V } from "./Card/Card.js";
+import { CardAction as J } from "./Card/CardAction.js";
+import { CardAsset as U } from "./Card/CardAsset.js";
+import { CardBadge as j } from "./Card/CardBadge.js";
+import { CardBody as Q } from "./Card/CardBody.js";
+import { CardCheckbox as Y } from "./Card/CardCheckbox.js";
+import { CardContent as $ } from "./Card/CardContent.js";
+import { CardHeader as ro } from "./Card/CardHeader.js";
+import { CardTimer as to } from "./Card/CardTimer.js";
+import { CardSubtitle as mo, CardTitle as xo } from "./Card/CardTitle.js";
+import { Carousel as ao } from "./CarouselInput/Carousel.js";
+import { CarouselInput as no } from "./CarouselInput/CarouselInput.js";
+import { CarouselActions as lo } from "./CarouselInput/CarouselActions.js";
+import { CarouselImage as so } from "./CarouselInput/CarouselImage.js";
+import { CarouselSlide as bo } from "./CarouselInput/CarouselSlide.js";
+import { Checkbox as Co } from "./Checkbox/Checkbox.js";
+import { Combobox as yo, CreatableCombobox as go } from "./Combobox/Combobox.js";
+import { ComboboxOption as Bo } from "./Combobox/ComboboxOption.js";
+import { Dialog as ho } from "./Dialog/Dialog.js";
+import { DialogBody as Fo } from "./Dialog/DialogBody.js";
+import { DialogFooter as Ao } from "./Dialog/DialogFooter.js";
 import { DatePicker as Mo } from "./DatePicker/DatePicker.js";
 import { DateTimePicker as Go } from "./DateTimePicker/DateTimePicker.js";
 import { Divider as Do } from "./Divider/Divider.js";
@@ -62,8 +62,8 @@ import { TwoColsLayout as hr } from "./Layout/TwoColsLayout.js";
 import { GridLayout as Fr } from "./Layout/GridLayout.js";
 import { Link as Ar } from "./Link/Link.js";
 import { LinkButton as Mr } from "./LinkButton/LinkButton.js";
-import { useNotifyAT as Gr } from "./LiveRegions/useNotifyAT.js";
-import { LiveRegions as Dr } from "./LiveRegions/LiveRegions.js";
+import { LiveRegions as Gr } from "./LiveRegions/LiveRegions.js";
+import { useNotifyAT as Dr } from "./LiveRegions/useNotifyAT.js";
 import { Loader as Hr } from "./Loader/Loader.js";
 import { Main as Wr } from "./Main/Main.js";
 import { SkipToContent as zr } from "./Main/SkipToContent.js";
@@ -82,110 +82,110 @@ import { ModalBody as ue } from "./ModalLayout/ModalBody.js";
 import { NumberInput as ce } from "./NumberInput/NumberInput.js";
 import { Pagination as Te } from "./Pagination/Pagination.js";
 import { Dots as Se, NextLink as Ce, PageLink as ve, PreviousLink as ye } from "./Pagination/components.js";
-import { PopoverPrimitives as Le } from "./Popover/index.js";
-import { Portal as Ne } from "./Portal/Portal.js";
-import { ProgressBar as ke } from "./ProgressBar/ProgressBar.js";
-import { Radio as Pe } from "./Radio/Radio.js";
-import { RawTable as Ie } from "./RawTable/RawTable.js";
-import { RawTd as Re, RawTh as Ge } from "./RawTable/RawCell.js";
-import { RawThead as De } from "./RawTable/RawThead.js";
-import { RawTbody as He } from "./RawTable/RawTbody.js";
-import { RawTr as We } from "./RawTable/RawTr.js";
-import { Flex as ze } from "./Flex/Flex.js";
-import { Searchbar as Ke } from "./Searchbar/Searchbar.js";
-import { SearchForm as _e } from "./Searchbar/SearchForm.js";
-import { MultiSelectNested as qe } from "./Select/MultiSelectNested.js";
-import { MultiSelect as Xe, MultiSelectGroup as Ye, MultiSelectOption as Ze } from "./Select/MultiSelect.js";
-import { SingleSelect as ot, SingleSelectOption as rt } from "./Select/SingleSelect.js";
-import { Select as tt } from "./Select/Select.js";
-import { Option as mt } from "./Select/Option.js";
-import { OptGroup as ft } from "./Select/OptGroup.js";
-import { SelectList as it } from "./Select/SelectList.js";
-import { MenuItem as dt, SimpleMenu as ut } from "./SimpleMenu/SimpleMenu.js";
-import { Stack as ct } from "./Stack/Stack.js";
-import { Status as Tt } from "./Status/Status.js";
-import { SubNav as St, subNavWidth as Ct } from "./SubNav/SubNav.js";
-import { SubNavHeader as yt } from "./SubNav/SubNavHeader.js";
-import { SubNavLink as Lt } from "./SubNav/SubNavLink.js";
-import { SubNavLinkSection as Nt } from "./SubNav/SubNavLinkSection.js";
-import { SubNavSection as kt } from "./SubNav/SubNavSection.js";
-import { SubNavSections as Pt } from "./SubNav/SubNavSections.js";
-import { Switch as It } from "./Switch/Switch.js";
-import { Tab as Rt, Tabs as Gt } from "./Tabs/Tabs.js";
-import { TabPanel as Dt, TabPanels as Ot } from "./Tabs/TabPanels.js";
-import { TabGroup as Et } from "./Tabs/TabGroup.js";
-import { Table as Vt } from "./Table/Table.js";
-import { Tbody as Jt } from "./Table/Tbody.js";
-import { Thead as Ut } from "./Table/Thead.js";
-import { Tr as jt } from "./Table/Tr.js";
-import { Td as Qt, Th as Xt } from "./Table/Cell.js";
-import { TFooter as Zt } from "./Table/TFooter.js";
-import { Tag as op } from "./Tag/Tag.js";
-import { TextButton as ep } from "./TextButton/TextButton.js";
-import { TextInput as pp } from "./TextInput/TextInput.js";
-import { Textarea as xp } from "./Textarea/Textarea.js";
-import { ThemeProvider as ap } from "./ThemeProvider/ThemeProvider.js";
-import { useTheme as np } from "./ThemeProvider/hooks.js";
-import { TimePicker as up } from "./TimePicker/TimePicker.js";
-import { ToggleCheckbox as cp } from "./ToggleCheckbox/ToggleCheckbox.js";
-import { ToggleInput as Tp } from "./ToggleInput/ToggleInput.js";
-import { Tooltip as Sp } from "./Tooltip/Tooltip.js";
-import { Typography as vp } from "./Typography/Typography.js";
-import { VisuallyHidden as gp } from "./VisuallyHidden/VisuallyHidden.js";
-import { lightTheme as Bp } from "./themes/lightTheme/index.js";
-import { darkTheme as hp } from "./themes/darkTheme/index.js";
-import { extendTheme as Fp } from "./themes/extendTheme.js";
-import { buttonFocusStyle as Ap, getThemeSize as Ip, inputFocusStyle as Mp } from "./themes/utils.js";
-import { POPOVER_PLACEMENTS as Gp, Popover as wp } from "./Popover/Popover.js";
+import { POPOVER_PLACEMENTS as Le, Popover as Be } from "./Popover/Popover.js";
+import { Portal as he } from "./Portal/Portal.js";
+import { ProgressBar as Fe } from "./ProgressBar/ProgressBar.js";
+import { RadioGroup as Ae } from "./BaseRadio/RadioGroup.js";
+import { Radio as Me } from "./Radio/Radio.js";
+import { RawTable as Ge } from "./RawTable/RawTable.js";
+import { RawTd as De, RawTh as Oe } from "./RawTable/RawCell.js";
+import { RawThead as Ee } from "./RawTable/RawThead.js";
+import { RawTbody as Ve } from "./RawTable/RawTbody.js";
+import { RawTr as Je } from "./RawTable/RawTr.js";
+import { Flex as Ue } from "./Flex/Flex.js";
+import { Searchbar as je } from "./Searchbar/Searchbar.js";
+import { SearchForm as Qe } from "./Searchbar/SearchForm.js";
+import { MultiSelectNested as Ye } from "./Select/MultiSelectNested.js";
+import { MultiSelect as $e, MultiSelectGroup as ot, MultiSelectOption as rt } from "./Select/MultiSelect.js";
+import { SingleSelect as tt, SingleSelectOption as pt } from "./Select/SingleSelect.js";
+import { Select as xt } from "./Select/Select.js";
+import { Option as at } from "./Select/Option.js";
+import { OptGroup as nt } from "./Select/OptGroup.js";
+import { SelectList as ut } from "./Select/SelectList.js";
+import { MenuItem as ct, SimpleMenu as st } from "./SimpleMenu/SimpleMenu.js";
+import { Stack as bt } from "./Stack/Stack.js";
+import { Status as Ct } from "./Status/Status.js";
+import { SubNav as yt, subNavWidth as gt } from "./SubNav/SubNav.js";
+import { SubNavHeader as Bt } from "./SubNav/SubNavHeader.js";
+import { SubNavLink as ht } from "./SubNav/SubNavLink.js";
+import { SubNavLinkSection as Ft } from "./SubNav/SubNavLinkSection.js";
+import { SubNavSection as At } from "./SubNav/SubNavSection.js";
+import { SubNavSections as Mt } from "./SubNav/SubNavSections.js";
+import { Switch as Gt } from "./Switch/Switch.js";
+import { Tab as Dt, Tabs as Ot } from "./Tabs/Tabs.js";
+import { TabPanel as Et, TabPanels as Wt } from "./Tabs/TabPanels.js";
+import { TabGroup as zt } from "./Tabs/TabGroup.js";
+import { Table as Kt } from "./Table/Table.js";
+import { Tbody as _t } from "./Table/Tbody.js";
+import { Thead as qt } from "./Table/Thead.js";
+import { Tr as Xt } from "./Table/Tr.js";
+import { Td as Zt, Th as $t } from "./Table/Cell.js";
+import { TFooter as rp } from "./Table/TFooter.js";
+import { Tag as tp } from "./Tag/Tag.js";
+import { TextButton as mp } from "./TextButton/TextButton.js";
+import { TextInput as fp } from "./TextInput/TextInput.js";
+import { Textarea as ip } from "./Textarea/Textarea.js";
+import { ThemeProvider as dp } from "./ThemeProvider/ThemeProvider.js";
+import { useTheme as lp } from "./ThemeProvider/hooks.js";
+import { TimePicker as sp } from "./TimePicker/TimePicker.js";
+import { ToggleCheckbox as bp } from "./ToggleCheckbox/ToggleCheckbox.js";
+import { ToggleInput as Cp } from "./ToggleInput/ToggleInput.js";
+import { Tooltip as yp } from "./Tooltip/Tooltip.js";
+import { Typography as Lp } from "./Typography/Typography.js";
+import { VisuallyHidden as Np } from "./VisuallyHidden/VisuallyHidden.js";
+import { lightTheme as kp } from "./themes/lightTheme/index.js";
+import { darkTheme as Pp } from "./themes/darkTheme/index.js";
+import { extendTheme as Ip } from "./themes/extendTheme.js";
+import { buttonFocusStyle as Rp, getThemeSize as Gp, inputFocusStyle as wp } from "./themes/utils.js";
 export {
-  e as Accordion,
-  m as AccordionContent,
-  i as AccordionGroup,
-  f as AccordionToggle,
-  t as AccordionTypography,
+  a as Accordion,
+  d as AccordionContent,
+  s as AccordionGroup,
+  l as AccordionToggle,
+  i as AccordionTypography,
   Cr as ActionLayout,
-  d as Alert,
-  l as Avatar,
-  T as AvatarGroup,
-  S as Badge,
-  v as BaseButton,
-  y as BaseButtonWrapper,
-  L as BaseCheckbox,
+  b as Alert,
+  C as Avatar,
+  g as AvatarGroup,
+  B as Badge,
+  h as BaseButton,
+  k as BaseButtonWrapper,
+  P as BaseCheckbox,
   Lr as BaseHeaderLayout,
-  N as BaseLink,
-  k as BaseRadio,
-  I as Box,
-  R as Breadcrumbs,
-  D as Button,
-  O as ButtonWrapper,
-  E as Card,
-  V as CardAction,
-  J as CardAsset,
-  U as CardBadge,
-  j as CardBody,
-  Q as CardCheckbox,
-  Y as CardContent,
-  $ as CardHeader,
-  to as CardSubtitle,
-  ro as CardTimer,
-  po as CardTitle,
-  xo as Carousel,
-  no as CarouselActions,
-  lo as CarouselImage,
-  ao as CarouselInput,
-  so as CarouselSlide,
-  bo as Checkbox,
-  Co as Combobox,
-  go as ComboboxOption,
+  I as BaseLink,
+  x as BaseRadio,
+  R as Box,
+  w as Breadcrumbs,
+  H as Button,
+  E as ButtonWrapper,
+  V as Card,
+  J as CardAction,
+  U as CardAsset,
+  j as CardBadge,
+  Q as CardBody,
+  Y as CardCheckbox,
+  $ as CardContent,
+  ro as CardHeader,
+  mo as CardSubtitle,
+  to as CardTimer,
+  xo as CardTitle,
+  ao as Carousel,
+  lo as CarouselActions,
+  so as CarouselImage,
+  no as CarouselInput,
+  bo as CarouselSlide,
+  Co as Checkbox,
+  yo as Combobox,
+  Bo as ComboboxOption,
   yr as ContentLayout,
-  vo as CreatableCombobox,
-  G as Crumb,
+  go as CreatableCombobox,
+  D as Crumb,
   Mo as DatePicker,
   Go as DateTimePicker,
-  Bo as Dialog,
-  ho as DialogBody,
-  Fo as DialogFooter,
-  Ao as DismissibleLayer,
+  ho as Dialog,
+  Fo as DialogBody,
+  Ao as DialogFooter,
+  e as DismissibleLayer,
   Do as Divider,
   Se as Dots,
   Ho as EmptyStateLayout,
@@ -196,7 +196,7 @@ export {
   jo as FieldHint,
   Ko as FieldInput,
   zo as FieldLabel,
-  ze as Flex,
+  Ue as Flex,
   er as FocusTrap,
   pr as Grid,
   xr as GridItem,
@@ -205,26 +205,26 @@ export {
   ar as Icon,
   nr as IconButton,
   dr as IconButtonGroup,
-  c as Initials,
+  v as Initials,
   Uo as InputWrapper,
   lr as JSONInput,
   sr as KeyboardNavigable,
   br as Layout,
   Ar as Link,
   Mr as LinkButton,
-  Dr as LiveRegions,
+  Gr as LiveRegions,
   Hr as Loader,
   Wr as Main,
   Kr as MainNav,
-  dt as MenuItem,
+  ct as MenuItem,
   ue as ModalBody,
   ne as ModalFooter,
   ae as ModalHeader,
   xe as ModalLayout,
-  Xe as MultiSelect,
-  Ye as MultiSelectGroup,
-  qe as MultiSelectNested,
-  Ze as MultiSelectOption,
+  $e as MultiSelect,
+  ot as MultiSelectGroup,
+  Ye as MultiSelectNested,
+  rt as MultiSelectOption,
   _r as NavBrand,
   qr as NavCondense,
   Xr as NavFooter,
@@ -234,73 +234,73 @@ export {
   pe as NavUser,
   Ce as NextLink,
   ce as NumberInput,
-  ft as OptGroup,
-  mt as Option,
-  Gp as POPOVER_PLACEMENTS,
+  nt as OptGroup,
+  at as Option,
+  Le as POPOVER_PLACEMENTS,
   ve as PageLink,
   Te as Pagination,
-  wp as Popover,
-  Le as PopoverPrimitives,
-  Ne as Portal,
+  Be as Popover,
+  p as PopoverPrimitives,
+  he as Portal,
   ye as PreviousLink,
-  ke as ProgressBar,
-  Pe as Radio,
-  P as RadioGroup,
-  Ie as RawTable,
-  He as RawTbody,
-  Re as RawTd,
-  Ge as RawTh,
-  De as RawThead,
-  We as RawTr,
-  _e as SearchForm,
-  Ke as Searchbar,
-  tt as Select,
-  it as SelectList,
-  ut as SimpleMenu,
-  ot as SingleSelect,
-  rt as SingleSelectOption,
+  Fe as ProgressBar,
+  Me as Radio,
+  Ae as RadioGroup,
+  Ge as RawTable,
+  Ve as RawTbody,
+  De as RawTd,
+  Oe as RawTh,
+  Ee as RawThead,
+  Je as RawTr,
+  Qe as SearchForm,
+  je as Searchbar,
+  xt as Select,
+  ut as SelectList,
+  st as SimpleMenu,
+  tt as SingleSelect,
+  pt as SingleSelectOption,
   zr as SkipToContent,
-  ct as Stack,
-  Tt as Status,
-  St as SubNav,
-  yt as SubNavHeader,
-  Lt as SubNavLink,
-  Nt as SubNavLinkSection,
-  kt as SubNavSection,
-  Pt as SubNavSections,
-  It as Switch,
-  Zt as TFooter,
-  Rt as Tab,
-  Et as TabGroup,
-  Dt as TabPanel,
-  Ot as TabPanels,
-  Vt as Table,
-  Gt as Tabs,
-  op as Tag,
-  Jt as Tbody,
-  Qt as Td,
-  ep as TextButton,
-  pp as TextInput,
-  xp as Textarea,
-  Xt as Th,
-  Ut as Thead,
-  ap as ThemeProvider,
-  up as TimePicker,
-  cp as ToggleCheckbox,
-  Tp as ToggleInput,
-  Sp as Tooltip,
-  jt as Tr,
+  bt as Stack,
+  Ct as Status,
+  yt as SubNav,
+  Bt as SubNavHeader,
+  ht as SubNavLink,
+  Ft as SubNavLinkSection,
+  At as SubNavSection,
+  Mt as SubNavSections,
+  Gt as Switch,
+  rp as TFooter,
+  Dt as Tab,
+  zt as TabGroup,
+  Et as TabPanel,
+  Wt as TabPanels,
+  Kt as Table,
+  Ot as Tabs,
+  tp as Tag,
+  _t as Tbody,
+  Zt as Td,
+  mp as TextButton,
+  fp as TextInput,
+  ip as Textarea,
+  $t as Th,
+  qt as Thead,
+  dp as ThemeProvider,
+  sp as TimePicker,
+  bp as ToggleCheckbox,
+  Cp as ToggleInput,
+  yp as Tooltip,
+  Xt as Tr,
   hr as TwoColsLayout,
-  vp as Typography,
-  gp as VisuallyHidden,
-  Ap as buttonFocusStyle,
-  hp as darkTheme,
-  Fp as extendTheme,
-  Ip as getThemeSize,
-  Mp as inputFocusStyle,
-  Bp as lightTheme,
-  Ct as subNavWidth,
+  Lp as Typography,
+  Np as VisuallyHidden,
+  Rp as buttonFocusStyle,
+  Pp as darkTheme,
+  Ip as extendTheme,
+  Gp as getThemeSize,
+  wp as inputFocusStyle,
+  kp as lightTheme,
+  gt as subNavWidth,
   Zo as useField,
-  Gr as useNotifyAT,
-  np as useTheme
+  Dr as useNotifyAT,
+  lp as useTheme
 };

package/dist/themes/common-theme.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("./sizes.cjs"),s={sizes:e.sizes,zIndices:[5,10,15,20],spaces:["0px","4px","8px","12px","16px","20px","24px","32px","40px","48px","56px","64px"],borderRadius:"4px",mediaQueries:{tablet:`@media (max-width: ${1100/16}rem)`,mobile:`@media (max-width: ${550/16}rem)`},fontSizes:[`${11/16}rem`,`${12/16}rem`,`${14/16}rem`,"1rem",`${18/16}rem`,`${32/16}rem`],lineHeights:[1.14,1.22,1.25,1.33,1.43,1.45,1.5],fontWeights:{regular:400,semiBold:500,bold:600}};exports.commonTheme=s;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./sizes.cjs"),m={sizes:e.sizes,zIndices:[5,10,15,20],spaces:["0px","4px","8px","12px","16px","20px","24px","32px","40px","48px","56px","64px"],borderRadius:"4px",mediaQueries:{tablet:`@media (max-width: ${1100/16}rem)`,mobile:`@media (max-width: ${550/16}rem)`},fontSizes:[`${11/16}rem`,`${12/16}rem`,`${14/16}rem`,"1rem",`${18/16}rem`,`${32/16}rem`],lineHeights:[1.14,1.22,1.25,1.33,1.43,1.45,1.5],fontWeights:{regular:400,semiBold:500,bold:600}};exports.commonTheme=m;

package/dist/themes/darkTheme/dark-colors.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const a={color:{alternative100:"#181826",alternative200:"#4a4a6a",alternative500:"#ac73e6",alternative600:"#ac73e6",alternative700:"#e0c1f4",buttonNeutral0:"#ffffff",buttonPrimary500:"#7b79ff",buttonPrimary600:"#4945ff",danger100:"#181826",danger200:"#4a4a6a",danger500:"#ee5e52",danger600:"#ee5e52",danger700:"#ee5e52",neutral0:"#212134",neutral100:"#181826",neutral1000:"#ffffff",neutral150:"#32324d",neutral200:"#4a4a6a",neutral300:"#666687",neutral400:"#a5a5ba",neutral500:"#c0c0cf",neutral600:"#a5a5ba",neutral700:"#eaeaef",neutral800:"#ffffff",neutral900:"#ffffff",primary100:"#181826",primary200:"#4a4a6a",primary500:"#4945ff",primary600:"#7b79ff",primary700:"#7b79ff",secondary100:"#181826",secondary200:"#4a4a6a",secondary500:"#66b7f1",secondary600:"#66b7f1",secondary700:"#b8e1ff",success100:"#181826",success200:"#4a4a6a",success500:"#5cb176",success600:"#5cb176",success700:"#c6f0c2",warning100:"#181826",warning200:"#4a4a6a",warning500:"#f29d41",warning600:"#f29d41",warning700:"#fae7b9"}};exports.darkColorTokenObject=a;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const a={color:{alternative100:"#181826",alternative200:"#4a4a6a",alternative500:"#ac73e6",alternative600:"#ac73e6",alternative700:"#e0c1f4",buttonNeutral0:"#ffffff",buttonPrimary500:"#7b79ff",buttonPrimary600:"#4945ff",danger100:"#181826",danger200:"#4a4a6a",danger500:"#ee5e52",danger600:"#ee5e52",danger700:"#ee5e52",neutral0:"#212134",neutral100:"#181826",neutral1000:"#ffffff",neutral150:"#32324d",neutral200:"#4a4a6a",neutral300:"#666687",neutral400:"#a5a5ba",neutral500:"#c0c0cf",neutral600:"#a5a5ba",neutral700:"#eaeaef",neutral800:"#ffffff",neutral900:"#ffffff",primary100:"#181826",primary200:"#4a4a6a",primary500:"#4945ff",primary600:"#7b79ff",primary700:"#7b79ff",secondary100:"#181826",secondary200:"#4a4a6a",secondary500:"#66b7f1",secondary600:"#66b7f1",secondary700:"#b8e1ff",success100:"#181826",success200:"#4a4a6a",success500:"#5cb176",success600:"#5cb176",success700:"#c6f0c2",warning100:"#181826",warning200:"#4a4a6a",warning500:"#f29d41",warning600:"#f29d41",warning700:"#fae7b9"}};exports.darkColorTokenObject=a;

package/dist/themes/darkTheme/dark-shadows.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p={shadow:{filterShadow:"1px 1px 10px rgba(3, 3, 5, 0.35)",focus:"inset 2px 0px 0px rgb(39, 31, 224), inset 0px 2px 0px rgb(39, 31, 224), inset -2px 0px 0px rgb(39, 31, 224), inset 0px -2px 0px rgb(39, 31, 224)",focusShadow:"0px 0px 6px rgba(76, 191, 255, 0.75)",popupShadow:"1px 1px 10px rgba(3, 3, 5, 0.35)",tableShadow:"1px 1px 10px rgba(3, 3, 5, 0.2)"}};exports.darkShadowTokenObject=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p={shadow:{filterShadow:"1px 1px 10px rgba(3, 3, 5, 0.35)",focus:"inset 2px 0px 0px rgb(39, 31, 224), inset 0px 2px 0px rgb(39, 31, 224), inset -2px 0px 0px rgb(39, 31, 224), inset 0px -2px 0px rgb(39, 31, 224)",focusShadow:"0px 0px 6px rgba(76, 191, 255, 0.75)",popupShadow:"1px 1px 10px rgba(3, 3, 5, 0.35)",tableShadow:"1px 1px 10px rgba(3, 3, 5, 0.2)"}};exports.darkShadowTokenObject=p;

package/dist/themes/darkTheme/index.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./dark-colors.cjs"),e=require("./dark-shadows.cjs"),r=require("../common-theme.cjs"),a={colors:o.darkColorTokenObject.color,shadows:e.darkShadowTokenObject.shadow,...r.commonTheme};exports.darkTheme=a;

package/dist/themes/extendTheme.cjs

@@ -1,4 +1,4 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const o=require("lodash"),d=require("./lightTheme/index.cjs"),n=require("../helpers/objects.cjs"),h=r=>`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("lodash"),d=require("./lightTheme/index.cjs"),n=require("../helpers/objects.cjs"),h=r=>`
 ${r}
 
 The following is an example:
@@ -10,4 +10,4 @@ const myCustomTheme = extendTheme(lightTheme, {
     ${Object.keys(d.lightTheme).map(t=>`${t}: /* put the overrides for the ${t} key */,`).join(`
 `)}
 })
-`,u=(r,t)=>{if(!n.isObject(r)){const e=h("The first argument should be an object and corresponds to the theme you want to extend.");throw new Error(e)}if(!n.isObject(t)){const e=h("The second argument should be an object and corresponds to the keys of the theme you want to override.");throw new Error(e)}function c(e,s){if(Array.isArray(e))return s;if(n.isObject(e)&&n.isObject(s))return o.merge(e,s)}const i=o.cloneDeep(r??{}),m=o.cloneDeep(t??{});return o.assignWith(i,m,c),i};exports.extendTheme=u;
+`,a=(r,t)=>{if(!n.isObject(r)){const e=h("The first argument should be an object and corresponds to the theme you want to extend.");throw new Error(e)}if(!n.isObject(t)){const e=h("The second argument should be an object and corresponds to the keys of the theme you want to override.");throw new Error(e)}function c(e,s){if(Array.isArray(e))return s;if(n.isObject(e)&&n.isObject(s))return o.merge(e,s)}const i=o.cloneDeep(r??{}),m=o.cloneDeep(t??{});return o.assignWith(i,m,c),i};exports.extendTheme=a;

package/dist/themes/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const t=require("./lightTheme/index.cjs"),i=require("./darkTheme/index.cjs"),u=require("./extendTheme.cjs"),e=require("./utils.cjs");exports.lightTheme=t.lightTheme;exports.darkTheme=i.darkTheme;exports.extendTheme=u.extendTheme;exports.buttonFocusStyle=e.buttonFocusStyle;exports.getThemeSize=e.getThemeSize;exports.inputFocusStyle=e.inputFocusStyle;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("./lightTheme/index.cjs"),i=require("./darkTheme/index.cjs"),u=require("./extendTheme.cjs"),e=require("./utils.cjs");exports.lightTheme=t.lightTheme;exports.darkTheme=i.darkTheme;exports.extendTheme=u.extendTheme;exports.buttonFocusStyle=e.buttonFocusStyle;exports.getThemeSize=e.getThemeSize;exports.inputFocusStyle=e.inputFocusStyle;

package/dist/themes/lightTheme/index.cjs

@@ -1 +1 @@
-"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;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("./light-colors.cjs"),e=require("./light-shadows.cjs"),t=require("../common-theme.cjs"),h={colors:o.lightColorTokenObject.color,shadows:e.lightShadowTokenObject.shadow,...t.commonTheme};exports.lightTheme=h;

package/dist/themes/lightTheme/light-colors.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={color:{alternative100:"#f6ecfc",alternative200:"#e0c1f4",alternative500:"#ac73e6",alternative600:"#9736e8",alternative700:"#8312d1",buttonNeutral0:"#ffffff",buttonPrimary500:"#7b79ff",buttonPrimary600:"#4945ff",danger100:"#fcecea",danger200:"#f5c0b8",danger500:"#ee5e52",danger600:"#d02b20",danger700:"#b72b1a",neutral0:"#ffffff",neutral100:"#f6f6f9",neutral1000:"#181826",neutral150:"#eaeaef",neutral200:"#dcdce4",neutral300:"#c0c0cf",neutral400:"#a5a5ba",neutral500:"#8e8ea9",neutral600:"#666687",neutral700:"#4a4a6a",neutral800:"#32324d",neutral900:"#212134",primary100:"#f0f0ff",primary200:"#d9d8ff",primary500:"#7b79ff",primary600:"#4945ff",primary700:"#271fe0",secondary100:"#eaf5ff",secondary200:"#b8e1ff",secondary500:"#66b7f1",secondary600:"#0c75af",secondary700:"#006096",success100:"#eafbe7",success200:"#c6f0c2",success500:"#5cb176",success600:"#328048",success700:"#2f6846",warning100:"#fdf4dc",warning200:"#fae7b9",warning500:"#f29d41",warning600:"#d9822f",warning700:"#be5d01"}};exports.lightColorTokenObject=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={color:{alternative100:"#f6ecfc",alternative200:"#e0c1f4",alternative500:"#ac73e6",alternative600:"#9736e8",alternative700:"#8312d1",buttonNeutral0:"#ffffff",buttonPrimary500:"#7b79ff",buttonPrimary600:"#4945ff",danger100:"#fcecea",danger200:"#f5c0b8",danger500:"#ee5e52",danger600:"#d02b20",danger700:"#b72b1a",neutral0:"#ffffff",neutral100:"#f6f6f9",neutral1000:"#181826",neutral150:"#eaeaef",neutral200:"#dcdce4",neutral300:"#c0c0cf",neutral400:"#a5a5ba",neutral500:"#8e8ea9",neutral600:"#666687",neutral700:"#4a4a6a",neutral800:"#32324d",neutral900:"#212134",primary100:"#f0f0ff",primary200:"#d9d8ff",primary500:"#7b79ff",primary600:"#4945ff",primary700:"#271fe0",secondary100:"#eaf5ff",secondary200:"#b8e1ff",secondary500:"#66b7f1",secondary600:"#0c75af",secondary700:"#006096",success100:"#eafbe7",success200:"#c6f0c2",success500:"#5cb176",success600:"#328048",success700:"#2f6846",warning100:"#fdf4dc",warning200:"#fae7b9",warning500:"#f29d41",warning600:"#d9822f",warning700:"#be5d01"}};exports.lightColorTokenObject=e;

package/dist/themes/lightTheme/light-shadows.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const p={shadow:{filterShadow:"0px 1px 4px rgba(33, 33, 52, 0.1)",focus:"inset 2px 0px 0px rgb(39, 31, 224), inset 0px 2px 0px rgb(39, 31, 224), inset -2px 0px 0px rgb(39, 31, 224), inset 0px -2px 0px rgb(39, 31, 224)",focusShadow:"0px 0px 6px rgba(76, 191, 255, 0.75)",popupShadow:"0px 2px 15px rgba(33, 33, 52, 0.1)",tableShadow:"0px 1px 4px rgba(33, 33, 52, 0.1)"}};exports.lightShadowTokenObject=p;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const p={shadow:{filterShadow:"0px 1px 4px rgba(33, 33, 52, 0.1)",focus:"inset 2px 0px 0px rgb(39, 31, 224), inset 0px 2px 0px rgb(39, 31, 224), inset -2px 0px 0px rgb(39, 31, 224), inset 0px -2px 0px rgb(39, 31, 224)",focusShadow:"0px 0px 6px rgba(76, 191, 255, 0.75)",popupShadow:"0px 2px 15px rgba(33, 33, 52, 0.1)",tableShadow:"0px 1px 4px rgba(33, 33, 52, 0.1)"}};exports.lightShadowTokenObject=p;

package/dist/themes/sizes.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e={input:{S:`${32/16}rem`,M:`${40/16}rem`},accordions:{S:`${48/16}rem`,M:`${88/16}rem`},badge:{S:`${16/16}rem`,M:`${24/16}rem`},button:{S:`${32/16}rem`,M:`${36/16}rem`,L:`${40/16}rem`}};exports.sizes=e;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e={input:{S:`${32/16}rem`,M:`${40/16}rem`},accordions:{S:`${48/16}rem`,M:`${88/16}rem`},badge:{S:`${16/16}rem`,M:`${24/16}rem`},button:{S:`${32/16}rem`,M:`${36/16}rem`,L:`${40/16}rem`}};exports.sizes=e;

package/dist/themes/sizes.js

@@ -1,18 +1,18 @@
 const e = {
   input: {
-    S: `${2}rem`,
+    S: "2rem",
     M: `${2.5}rem`
   },
   accordions: {
-    S: `${3}rem`,
+    S: "3rem",
     M: `${5.5}rem`
   },
   badge: {
-    S: `${1}rem`,
+    S: "1rem",
     M: `${1.5}rem`
   },
   button: {
-    S: `${2}rem`,
+    S: "2rem",
     M: `${2.25}rem`,
     L: `${2.5}rem`
   }

package/dist/themes/utils.cjs

@@ -1,14 +1,14 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const r=require("styled-components"),s=t=>({theme:o,size:e})=>o.sizes[t][e],i=(t="&")=>({theme:o,hasError:e})=>r.css`
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("styled-components"),i=t=>({theme:o,size:r})=>o.sizes[t][r],s=(t="&")=>({theme:o,hasError:r})=>e.css`
       outline: none;
       box-shadow: 0;
       transition-property: border-color, box-shadow, fill;
       transition-duration: 0.2s;
 
       ${t}:focus-within {
-        border: 1px solid ${e?o.colors.danger600:o.colors.primary600};
-        box-shadow: ${e?o.colors.danger600:o.colors.primary600} 0px 0px 0px 2px;
+        border: 1px solid ${r?o.colors.danger600:o.colors.primary600};
+        box-shadow: ${r?o.colors.danger600:o.colors.primary600} 0px 0px 0px 2px;
       }
-    `,n=({theme:t})=>r.css`
+    `,n=({theme:t})=>e.css`
   position: relative;
   outline: none;
 
@@ -38,4 +38,4 @@
       border: 2px solid ${t.colors.primary600};
     }
   }
-`;exports.buttonFocusStyle=n;exports.getThemeSize=s;exports.inputFocusStyle=i;
+`;exports.buttonFocusStyle=n;exports.getThemeSize=i;exports.inputFocusStyle=s;