@strapi/design-system 1.3.0 → 1.4.0-beta.0

package/dist/index.js

@@ -7,7 +7,7 @@ import { Avatar as Z, Initials as $ } from "./Avatar/Avatar.js";
 import { AvatarGroup as ro } from "./Avatar/AvatarGroup.js";
 import { Badge as eo } from "./Badge/Badge.js";
 import { BaseButton as mo, BaseButtonWrapper as xo } from "./BaseButton/BaseButton.js";
-import { BaseCheckbox as ao } from "./BaseCheckbox/BaseCheckbox.js";
+import { BaseCheckbox as io } from "./BaseCheckbox/BaseCheckbox.js";
 import { BaseLink as lo } from "./BaseLink/BaseLink.js";
 import { BaseRadio as no } from "./BaseRadio/BaseRadio.js";
 import { RadioGroup as co } from "./BaseRadio/RadioGroup.js";
@@ -17,10 +17,10 @@ import { Button as yo, ButtonWrapper as ho } from "./Button/Button.js";
 import { Card as go } from "./Card/Card.js";
 import { CardAction as Fo } from "./Card/CardAction.js";
 import { CardAsset as Ao } from "./Card/CardAsset.js";
-import { CardBadge as ko } from "./Card/CardBadge.js";
+import { CardBadge as Io } from "./Card/CardBadge.js";
 import { CardBody as Ro } from "./Card/CardBody.js";
 import { CardCheckbox as wo } from "./Card/CardCheckbox.js";
-import { CardContent as vo } from "./Card/CardContent.js";
+import { CardContent as Do } from "./Card/CardContent.js";
 import { CardHeader as Ho } from "./Card/CardHeader.js";
 import { CardTimer as No } from "./Card/CardTimer.js";
 import { CardSubtitle as Wo, CardTitle as Vo } from "./Card/CardTitle.js";
@@ -33,37 +33,38 @@ import { Checkbox as $o } from "./Checkbox/Checkbox.js";
 import { Combobox as rr, CreatableCombobox as tr } from "./Combobox/Combobox.js";
 import { ComboboxOption as pr } from "./Combobox/ComboboxOption.js";
 import { Dialog as xr } from "./Dialog/Dialog.js";
-import { DialogBody as ar } from "./Dialog/DialogBody.js";
+import { DialogBody as ir } from "./Dialog/DialogBody.js";
 import { DialogFooter as dr } from "./Dialog/DialogFooter.js";
 import { DismissibleLayer as ur } from "./DismissibleLayer/DismissibleLayer.js";
 import { DatePicker as Tr } from "./DatePicker/DatePicker.js";
-import { Divider as sr } from "./Divider/Divider.js";
-import { EmptyStateLayout as br } from "./EmptyStateLayout/EmptyStateLayout.js";
-import { Field as hr } from "./Field/Field.js";
-import { FieldLabel as gr } from "./Field/FieldLabel.js";
-import { FieldInput as Fr, InputWrapper as Lr } from "./Field/FieldInput.js";
-import { FieldHint as Ir } from "./Field/FieldHint.js";
-import { FieldError as Pr } from "./Field/FieldError.js";
-import { FieldContext as Gr, useField as wr } from "./Field/FieldContext.js";
-import { FieldAction as vr } from "./Field/FieldAction.js";
-import { FocusTrap as Hr } from "./FocusTrap/FocusTrap.js";
-import { Grid as Nr } from "./Grid/Grid.js";
-import { GridItem as Wr } from "./Grid/GridItem.js";
-import { Icon as zr } from "./Icon/Icon.js";
-import { IconButton as _r, IconButtonGroup as jr } from "./IconButton/IconButton.js";
-import { KeyboardNavigable as Jr } from "./KeyboardNavigable/KeyboardNavigable.js";
-import { Layout as Ur } from "./Layout/Layout.js";
-import { ActionLayout as Yr } from "./Layout/ActionLayout.js";
-import { ContentLayout as $r } from "./Layout/ContentLayout.js";
-import { BaseHeaderLayout as rt, HeaderLayout as tt } from "./Layout/HeaderLayout.js";
-import { TwoColsLayout as pt } from "./Layout/TwoColsLayout.js";
-import { GridLayout as xt } from "./Layout/GridLayout.js";
+import { DateTimePicker as sr } from "./DateTimePicker/DateTimePicker.js";
+import { Divider as br } from "./Divider/Divider.js";
+import { EmptyStateLayout as hr } from "./EmptyStateLayout/EmptyStateLayout.js";
+import { Field as gr } from "./Field/Field.js";
+import { FieldLabel as Fr } from "./Field/FieldLabel.js";
+import { FieldInput as Ar, InputWrapper as kr } from "./Field/FieldInput.js";
+import { FieldHint as Pr } from "./Field/FieldHint.js";
+import { FieldError as Gr } from "./Field/FieldError.js";
+import { FieldContext as Mr, useField as Dr } from "./Field/FieldContext.js";
+import { FieldAction as Hr } from "./Field/FieldAction.js";
+import { FocusTrap as Nr } from "./FocusTrap/FocusTrap.js";
+import { Grid as Wr } from "./Grid/Grid.js";
+import { GridItem as zr } from "./Grid/GridItem.js";
+import { Icon as _r } from "./Icon/Icon.js";
+import { IconButton as qr, IconButtonGroup as Jr } from "./IconButton/IconButton.js";
+import { KeyboardNavigable as Ur } from "./KeyboardNavigable/KeyboardNavigable.js";
+import { Layout as Yr } from "./Layout/Layout.js";
+import { ActionLayout as $r } from "./Layout/ActionLayout.js";
+import { ContentLayout as rt } from "./Layout/ContentLayout.js";
+import { BaseHeaderLayout as et, HeaderLayout as pt } from "./Layout/HeaderLayout.js";
+import { TwoColsLayout as xt } from "./Layout/TwoColsLayout.js";
+import { GridLayout as it } from "./Layout/GridLayout.js";
 import "./Link/Link.js";
 import "./LinkButton/LinkButton.js";
-import { useNotifyAT as at } from "./LiveRegions/useNotifyAT.js";
-import { Loader as dt } from "./Loader/Loader.js";
-import { Main as ut } from "./Main/Main.js";
-import { SkipToContent as Tt } from "./Main/SkipToContent.js";
+import { useNotifyAT as dt } from "./LiveRegions/useNotifyAT.js";
+import { Loader as ut } from "./Loader/Loader.js";
+import { Main as Tt } from "./Main/Main.js";
+import { SkipToContent as st } from "./Main/SkipToContent.js";
 import "./MainNav/MainNav.js";
 import "./MainNav/NavBrand.js";
 import "./MainNav/NavLink.js";
@@ -71,65 +72,65 @@ import "./MainNav/NavSection.js";
 import "./MainNav/NavSections.js";
 import "./MainNav/NavUser.js";
 import "./MainNav/NavCondense.js";
-import { ModalLayout as st } from "./ModalLayout/ModalLayout.js";
-import { ModalHeader as bt } from "./ModalLayout/ModalHeader.js";
-import { ModalFooter as ht } from "./ModalLayout/ModalFooter.js";
-import { ModalBody as gt } from "./ModalLayout/ModalBody.js";
-import { NumberInput as Ft } from "./NumberInput/NumberInput.js";
+import { ModalLayout as bt } from "./ModalLayout/ModalLayout.js";
+import { ModalHeader as ht } from "./ModalLayout/ModalHeader.js";
+import { ModalFooter as gt } from "./ModalLayout/ModalFooter.js";
+import { ModalBody as Ft } from "./ModalLayout/ModalBody.js";
+import { NumberInput as At } from "./NumberInput/NumberInput.js";
 import "./Pagination/Pagination.js";
 import "./Pagination/components.js";
-import { POPOVER_PLACEMENTS as At, Popover as It } from "./Popover/Popover.js";
-import { Portal as Pt } from "./Portal/Portal.js";
-import { ProgressBar as Gt } from "./ProgressBar/ProgressBar.js";
-import { Radio as Mt } from "./Radio/Radio.js";
-import { RawTable as Dt } from "./RawTable/RawTable.js";
-import { RawTd as Et, RawTh as Nt } from "./RawTable/RawCell.js";
-import { RawThead as Wt } from "./RawTable/RawThead.js";
-import { RawTbody as zt } from "./RawTable/RawTbody.js";
-import { RawTr as _t } from "./RawTable/RawTr.js";
-import { Flex as qt } from "./Flex/Flex.js";
-import { Searchbar as Qt } from "./Searchbar/Searchbar.js";
-import { SearchForm as Xt } from "./Searchbar/SearchForm.js";
-import { Select as Zt } from "./Select/Select.js";
-import { Option as oe } from "./Select/Option.js";
-import { OptGroup as te } from "./Select/OptGroup.js";
-import { MultiSelectNested as pe } from "./Select/MultiSelectNested.js";
-import { SelectList as xe } from "./Select/SelectList.js";
+import { POPOVER_PLACEMENTS as It, Popover as Pt } from "./Popover/Popover.js";
+import { Portal as Gt } from "./Portal/Portal.js";
+import { ProgressBar as Mt } from "./ProgressBar/ProgressBar.js";
+import { Radio as vt } from "./Radio/Radio.js";
+import { RawTable as Et } from "./RawTable/RawTable.js";
+import { RawTd as Ot, RawTh as Wt } from "./RawTable/RawCell.js";
+import { RawThead as zt } from "./RawTable/RawThead.js";
+import { RawTbody as _t } from "./RawTable/RawTbody.js";
+import { RawTr as qt } from "./RawTable/RawTr.js";
+import { Flex as Qt } from "./Flex/Flex.js";
+import { Searchbar as Xt } from "./Searchbar/Searchbar.js";
+import { SearchForm as Zt } from "./Searchbar/SearchForm.js";
+import { Select as oe } from "./Select/Select.js";
+import { Option as te } from "./Select/Option.js";
+import { OptGroup as pe } from "./Select/OptGroup.js";
+import { MultiSelectNested as xe } from "./Select/MultiSelectNested.js";
+import { SelectList as ie } from "./Select/SelectList.js";
 import "./SimpleMenu/SimpleMenu.js";
-import { Stack as ae } from "./Stack/Stack.js";
-import { Status as de } from "./Status/Status.js";
+import { Stack as de } from "./Stack/Stack.js";
+import { Status as ue } from "./Status/Status.js";
 import "./SubNav/SubNav.js";
 import "./SubNav/SubNavHeader.js";
 import "./SubNav/SubNavLink.js";
 import "./SubNav/SubNavLinkSection.js";
 import "./SubNav/SubNavSection.js";
 import "./SubNav/SubNavSections.js";
-import { Switch as ue } from "./Switch/Switch.js";
-import { Tab as Te, Tabs as ce } from "./Tabs/Tabs.js";
-import { TabPanel as Ce, TabPanels as be } from "./Tabs/TabPanels.js";
-import { TabGroup as he } from "./Tabs/TabGroup.js";
-import { Table as ge } from "./Table/Table.js";
-import { Tbody as Fe } from "./Table/Tbody.js";
-import { Thead as Ae } from "./Table/Thead.js";
-import { Tr as ke } from "./Table/Tr.js";
-import { Td as Re, Th as Ge } from "./Table/Cell.js";
-import { TFooter as Me } from "./Table/TFooter.js";
-import { Tag as De } from "./Tag/Tag.js";
-import { TextButton as Ee } from "./TextButton/TextButton.js";
-import { TextInput as Oe } from "./TextInput/TextInput.js";
-import { Textarea as Ve } from "./Textarea/Textarea.js";
-import { ThemeProvider as Ke } from "./ThemeProvider/ThemeProvider.js";
-import { useTheme as je } from "./ThemeProvider/hooks.js";
-import { TimePicker as Je } from "./TimePicker/TimePicker.js";
-import { ToggleCheckbox as Ue } from "./ToggleCheckbox/ToggleCheckbox.js";
-import { ToggleInput as Ye } from "./ToggleInput/ToggleInput.js";
-import { Tooltip as $e } from "./Tooltip/Tooltip.js";
-import { Typography as rp } from "./Typography/Typography.js";
-import { VisuallyHidden as ep } from "./VisuallyHidden/VisuallyHidden.js";
+import { Switch as Te } from "./Switch/Switch.js";
+import { Tab as se, Tabs as Ce } from "./Tabs/Tabs.js";
+import { TabPanel as ye, TabPanels as he } from "./Tabs/TabPanels.js";
+import { TabGroup as ge } from "./Tabs/TabGroup.js";
+import { Table as Fe } from "./Table/Table.js";
+import { Tbody as Ae } from "./Table/Tbody.js";
+import { Thead as Ie } from "./Table/Thead.js";
+import { Tr as Re } from "./Table/Tr.js";
+import { Td as we, Th as Me } from "./Table/Cell.js";
+import { TFooter as ve } from "./Table/TFooter.js";
+import { Tag as Ee } from "./Tag/Tag.js";
+import { TextButton as Oe } from "./TextButton/TextButton.js";
+import { TextInput as Ve } from "./TextInput/TextInput.js";
+import { Textarea as Ke } from "./Textarea/Textarea.js";
+import { ThemeProvider as je } from "./ThemeProvider/ThemeProvider.js";
+import { useTheme as Je } from "./ThemeProvider/hooks.js";
+import { TimePicker as Ue } from "./TimePicker/TimePicker.js";
+import { ToggleCheckbox as Ye } from "./ToggleCheckbox/ToggleCheckbox.js";
+import { ToggleInput as $e } from "./ToggleInput/ToggleInput.js";
+import { Tooltip as rp } from "./Tooltip/Tooltip.js";
+import { Typography as ep } from "./Typography/Typography.js";
+import { VisuallyHidden as mp } from "./VisuallyHidden/VisuallyHidden.js";
 import "./v2/Breadcrumbs/Breadcrumbs.js";
 import "./v2/Breadcrumbs/Crumb.js";
-import { CrumbLink as mp } from "./v2/Breadcrumbs/CrumbLink.js";
-import { CrumbSimpleMenu as fp } from "./v2/Breadcrumbs/CrumbSimpleMenu.js";
+import { CrumbLink as fp } from "./v2/Breadcrumbs/CrumbLink.js";
+import { CrumbSimpleMenu as ap } from "./v2/Breadcrumbs/CrumbSimpleMenu.js";
 import "./v2/Link/Link.js";
 import "./v2/LinkButton/LinkButton.js";
 import "./v2/MainNav/MainNav.js";
@@ -148,25 +149,25 @@ import "./v2/SubNav/SubNavLink.js";
 import "./v2/SubNav/SubNavLinkSection.js";
 import "./v2/SubNav/SubNavSection.js";
 import "./v2/SubNav/SubNavSections.js";
-import { lightTheme as ip } from "./themes/lightTheme/index.js";
-import { darkTheme as lp } from "./themes/darkTheme/index.js";
-import { extendTheme as np } from "./themes/extendTheme.js";
-import { buttonFocusStyle as cp, getThemeSize as sp, inputFocusStyle as Cp } from "./themes/utils.js";
+import { lightTheme as lp } from "./themes/lightTheme/index.js";
+import { darkTheme as np } from "./themes/darkTheme/index.js";
+import { extendTheme as cp } from "./themes/extendTheme.js";
+import { buttonFocusStyle as Cp, getThemeSize as bp, inputFocusStyle as yp } from "./themes/utils.js";
 export {
   V as Accordion,
   _ as AccordionContent,
   Q as AccordionGroup,
   q as AccordionToggle,
   z as AccordionTypography,
-  Yr as ActionLayout,
+  $r as ActionLayout,
   X as Alert,
   Z as Avatar,
   ro as AvatarGroup,
   eo as Badge,
   mo as BaseButton,
   xo as BaseButtonWrapper,
-  ao as BaseCheckbox,
-  rt as BaseHeaderLayout,
+  io as BaseCheckbox,
+  et as BaseHeaderLayout,
   lo as BaseLink,
   no as BaseRadio,
   Co as Box,
@@ -175,10 +176,10 @@ export {
   go as Card,
   Fo as CardAction,
   Ao as CardAsset,
-  ko as CardBadge,
+  Io as CardBadge,
   Ro as CardBody,
   wo as CardCheckbox,
-  vo as CardContent,
+  Do as CardContent,
   Ho as CardHeader,
   Wo as CardSubtitle,
   No as CardTimer,
@@ -191,98 +192,99 @@ export {
   $o as Checkbox,
   rr as Combobox,
   pr as ComboboxOption,
-  $r as ContentLayout,
+  rt as ContentLayout,
   tr as CreatableCombobox,
-  mp as CrumbLink,
-  fp as CrumbSimpleMenu,
+  fp as CrumbLink,
+  ap as CrumbSimpleMenu,
   Tr as DatePicker,
+  sr as DateTimePicker,
   xr as Dialog,
-  ar as DialogBody,
+  ir as DialogBody,
   dr as DialogFooter,
   ur as DismissibleLayer,
-  sr as Divider,
-  br as EmptyStateLayout,
-  hr as Field,
-  vr as FieldAction,
-  Gr as FieldContext,
-  Pr as FieldError,
-  Ir as FieldHint,
-  Fr as FieldInput,
-  gr as FieldLabel,
-  qt as Flex,
-  Hr as FocusTrap,
-  Nr as Grid,
-  Wr as GridItem,
-  xt as GridLayout,
-  tt as HeaderLayout,
-  zr as Icon,
-  _r as IconButton,
-  jr as IconButtonGroup,
+  br as Divider,
+  hr as EmptyStateLayout,
+  gr as Field,
+  Hr as FieldAction,
+  Mr as FieldContext,
+  Gr as FieldError,
+  Pr as FieldHint,
+  Ar as FieldInput,
+  Fr as FieldLabel,
+  Qt as Flex,
+  Nr as FocusTrap,
+  Wr as Grid,
+  zr as GridItem,
+  it as GridLayout,
+  pt as HeaderLayout,
+  _r as Icon,
+  qr as IconButton,
+  Jr as IconButtonGroup,
   $ as Initials,
-  Lr as InputWrapper,
-  Jr as KeyboardNavigable,
-  Ur as Layout,
-  dt as Loader,
-  ut as Main,
-  gt as ModalBody,
-  ht as ModalFooter,
-  bt as ModalHeader,
-  st as ModalLayout,
-  pe as MultiSelectNested,
-  Ft as NumberInput,
-  te as OptGroup,
-  oe as Option,
-  At as POPOVER_PLACEMENTS,
-  It as Popover,
-  Pt as Portal,
-  Gt as ProgressBar,
-  Mt as Radio,
+  kr as InputWrapper,
+  Ur as KeyboardNavigable,
+  Yr as Layout,
+  ut as Loader,
+  Tt as Main,
+  Ft as ModalBody,
+  gt as ModalFooter,
+  ht as ModalHeader,
+  bt as ModalLayout,
+  xe as MultiSelectNested,
+  At as NumberInput,
+  pe as OptGroup,
+  te as Option,
+  It as POPOVER_PLACEMENTS,
+  Pt as Popover,
+  Gt as Portal,
+  Mt as ProgressBar,
+  vt as Radio,
   co as RadioGroup,
-  Dt as RawTable,
-  zt as RawTbody,
-  Et as RawTd,
-  Nt as RawTh,
-  Wt as RawThead,
-  _t as RawTr,
-  Xt as SearchForm,
-  Qt as Searchbar,
-  Zt as Select,
-  xe as SelectList,
-  Tt as SkipToContent,
-  ae as Stack,
-  de as Status,
-  ue as Switch,
-  Me as TFooter,
-  Te as Tab,
-  he as TabGroup,
-  Ce as TabPanel,
-  be as TabPanels,
-  ge as Table,
-  ce as Tabs,
-  De as Tag,
-  Fe as Tbody,
-  Re as Td,
-  Ee as TextButton,
-  Oe as TextInput,
-  Ve as Textarea,
-  Ge as Th,
-  Ae as Thead,
-  Ke as ThemeProvider,
-  Je as TimePicker,
-  Ue as ToggleCheckbox,
-  Ye as ToggleInput,
-  $e as Tooltip,
-  ke as Tr,
-  pt as TwoColsLayout,
-  rp as Typography,
-  ep as VisuallyHidden,
-  cp as buttonFocusStyle,
-  lp as darkTheme,
-  np as extendTheme,
-  sp as getThemeSize,
-  Cp as inputFocusStyle,
-  ip as lightTheme,
-  wr as useField,
-  at as useNotifyAT,
-  je as useTheme
+  Et as RawTable,
+  _t as RawTbody,
+  Ot as RawTd,
+  Wt as RawTh,
+  zt as RawThead,
+  qt as RawTr,
+  Zt as SearchForm,
+  Xt as Searchbar,
+  oe as Select,
+  ie as SelectList,
+  st as SkipToContent,
+  de as Stack,
+  ue as Status,
+  Te as Switch,
+  ve as TFooter,
+  se as Tab,
+  ge as TabGroup,
+  ye as TabPanel,
+  he as TabPanels,
+  Fe as Table,
+  Ce as Tabs,
+  Ee as Tag,
+  Ae as Tbody,
+  we as Td,
+  Oe as TextButton,
+  Ve as TextInput,
+  Ke as Textarea,
+  Me as Th,
+  Ie as Thead,
+  je as ThemeProvider,
+  Ue as TimePicker,
+  Ye as ToggleCheckbox,
+  $e as ToggleInput,
+  rp as Tooltip,
+  Re as Tr,
+  xt as TwoColsLayout,
+  ep as Typography,
+  mp as VisuallyHidden,
+  Cp as buttonFocusStyle,
+  np as darkTheme,
+  cp as extendTheme,
+  bp as getThemeSize,
+  yp as inputFocusStyle,
+  lp as lightTheme,
+  Dr as useField,
+  dt as useNotifyAT,
+  Je as useTheme
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/design-system",
-  "version": "1.3.0",
+  "version": "1.4.0-beta.0",
   "license": "MIT",
   "type": "module",
   "main": "./dist/index.cjs",
@@ -30,7 +30,7 @@
     "@storybook/addon-essentials": "^6.5.13",
     "@storybook/addon-links": "^6.5.13",
     "@storybook/react": "^6.5.13",
-    "@strapi/icons": "^1.3.0",
+    "@strapi/icons": "^1.4.0-beta.0",
     "@swc/core": "^1.3.11",
     "@swc/jest": "^0.2.23",
     "@testing-library/jest-dom": "^5.16.5",
@@ -78,5 +78,5 @@
     "test:e2e:watch": "chokidar '**/__tests__/*.e2e.js' -c 'npm run test:e2e -- --retries=0 {path}'",
     "test:e2e:debug": "cross-env PWDEBUG=1 playwright test"
   },
-  "gitHead": "3383994ad461a9d5fbd73349c481ec08a6c0a13f"
+  "gitHead": "c389b0fff23a308d473243c5600e27ba900214e6"
 }