@strapi/design-system 2.0.0-rc.28 → 2.0.0-rc.30

package/dist/components/Modal/Modal.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AAKjD,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAc,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE1E,OAAO,EAAc,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAOzE,UAAU,KAAM,SAAQ,MAAM,CAAC,WAAW;CAAG;AAE7C,QAAA,MAAM,IAAI,8BAAc,CAAC;AAMzB,KAAK,cAAc,GAAG,iBAAiB,CAAC;AAExC,UAAU,YAAa,SAAQ,IAAI,CAAC,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAAC;CAAG;AAE5E,QAAA,MAAM,OAAO,wFAEX,CAAC;AAMH,KAAK,cAAc,GAAG,cAAc,CAAC;AAErC,UAAU,YAAa,SAAQ,MAAM,CAAC,kBAAkB;CAAG;AAE3D,QAAA,MAAM,OAAO,qFAQX,CAAC;AA2DH,KAAK,YAAY,GAAG,iBAAiB,CAAC;AAEtC,UAAU,UAAW,SAAQ,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC;CAAG;AAExE,QAAA,MAAM,KAAK,sFAET,CAAC;AAMH,KAAK,aAAa,GAAG,cAAc,CAAC;AAEpC,UAAU,WAAY,SAAQ,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAC5D;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,iGAsBX,CAAC;AAUF,KAAK,YAAY,GAAG,kBAAkB,CAAC;AAEvC,UAAU,UAAW,SAAQ,eAAe,CAAC,IAAI,CAAC;CAAG;AAErD,QAAA,MAAM,KAAK,uFAMT,CAAC;AAMH,KAAK,WAAW,GAAG,cAAc,CAAC;AAElC,UAAU,SAAU,SAAQ,eAAe;CAAG;AAE9C,QAAA,MAAM,IAAI,kFAMR,CAAC;AAuBH,KAAK,aAAa,GAAG,cAAc,CAAC;AAEpC,UAAU,WAAY,SAAQ,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;CAAG;AAEjE,QAAA,MAAM,MAAM,iGAaV,CAAC;AAOH,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACtE,YAAY,EACV,KAAK,EACL,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,cAAc,EACd,aAAa,EACb,WAAW,EACX,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,aAAa,EACb,WAAW,GACZ,CAAC"}
+{"version":3,"file":"Modal.d.ts","sourceRoot":"","sources":["../../../src/components/Modal/Modal.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,MAAM,MAAM,wBAAwB,CAAC;AAKjD,OAAO,EAA4B,KAAK,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACjF,OAAO,EAAc,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE1E,OAAO,EAAc,eAAe,EAAE,MAAM,4BAA4B,CAAC;AAOzE,UAAU,KAAM,SAAQ,MAAM,CAAC,WAAW;CAAG;AAE7C,QAAA,MAAM,IAAI,8BAAc,CAAC;AAMzB,KAAK,cAAc,GAAG,iBAAiB,CAAC;AAExC,UAAU,YAAa,SAAQ,IAAI,CAAC,MAAM,CAAC,kBAAkB,EAAE,SAAS,CAAC;CAAG;AAE5E,QAAA,MAAM,OAAO,wFAEX,CAAC;AAMH,KAAK,cAAc,GAAG,cAAc,CAAC;AAErC,UAAU,YAAa,SAAQ,MAAM,CAAC,kBAAkB;CAAG;AAE3D,QAAA,MAAM,OAAO,qFAQX,CAAC;AA8DH,KAAK,YAAY,GAAG,iBAAiB,CAAC;AAEtC,UAAU,UAAW,SAAQ,IAAI,CAAC,MAAM,CAAC,gBAAgB,EAAE,SAAS,CAAC;CAAG;AAExE,QAAA,MAAM,KAAK,sFAET,CAAC;AAMH,KAAK,aAAa,GAAG,cAAc,CAAC;AAEpC,UAAU,WAAY,SAAQ,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;IAC5D;;;;;OAKG;IACH,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,QAAA,MAAM,MAAM,iGAsBX,CAAC;AAUF,KAAK,YAAY,GAAG,kBAAkB,CAAC;AAEvC,UAAU,UAAW,SAAQ,eAAe,CAAC,IAAI,CAAC;CAAG;AAErD,QAAA,MAAM,KAAK,uFAMT,CAAC;AAMH,KAAK,WAAW,GAAG,cAAc,CAAC;AAElC,UAAU,SAAU,SAAQ,eAAe;CAAG;AAE9C,QAAA,MAAM,IAAI,kFAMR,CAAC;AAuBH,KAAK,aAAa,GAAG,cAAc,CAAC;AAEpC,UAAU,WAAY,SAAQ,IAAI,CAAC,SAAS,CAAC,QAAQ,CAAC,EAAE,KAAK,CAAC;CAAG;AAEjE,QAAA,MAAM,MAAM,iGAaV,CAAC;AAOH,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,CAAC;AACtE,YAAY,EACV,KAAK,EACL,cAAc,EACd,YAAY,EACZ,YAAY,EACZ,UAAU,EACV,YAAY,EACZ,cAAc,EACd,aAAa,EACb,WAAW,EACX,YAAY,EACZ,UAAU,EACV,WAAW,EACX,SAAS,EACT,aAAa,EACb,WAAW,GACZ,CAAC"}

package/dist/components/Select/MultiSelect.d.ts

@@ -14,7 +14,7 @@ export type MultiSelectProps = MultiSelectPropsWithoutLabel & {
     'aria-label'?: string;
     'aria-describedby'?: string;
 };
-export declare const MultiSelect: React.ForwardRefExoticComponent<Omit<import("@strapi/ui-primitives/dist/components/Select/Select").MultiSelectProps, "value" | "multi"> & Pick<import("@strapi/ui-primitives/dist/components/Select/Select").SelectContentImplProps, "onCloseAutoFocus"> & Pick<SelectParts.TriggerProps, "id" | "name" | "size" | "startIcon" | "hasError" | "clearLabel" | "onClear"> & Pick<SelectParts.ValueProps, "placeholder"> & {
+export declare const MultiSelect: React.ForwardRefExoticComponent<Omit<import("@strapi/ui-primitives/dist/components/Select/Select").MultiSelectProps, "value" | "multi"> & Pick<import("@strapi/ui-primitives/dist/components/Select/Select").SelectContentImplProps, "onCloseAutoFocus"> & Pick<SelectParts.TriggerProps, "size" | "id" | "name" | "startIcon" | "hasError" | "clearLabel" | "onClear"> & Pick<SelectParts.ValueProps, "placeholder"> & {
     /**
      * @default (value) => value.join(',')
      */

package/dist/components/Select/SingleSelect.d.ts

@@ -14,7 +14,7 @@ export type SingleSelectProps = SingleSelectPropsWithoutLabel & {
     'aria-describedby'?: string;
 };
 export type SingleSelectElement = HTMLDivElement;
-export declare const SingleSelect: React.ForwardRefExoticComponent<Omit<import("@strapi/ui-primitives/dist/components/Select/Select").SingleSelectProps, "value"> & Pick<import("@strapi/ui-primitives/dist/components/Select/Select").SelectContentImplProps, "onCloseAutoFocus"> & Pick<SelectParts.TriggerProps, "id" | "name" | "size" | "startIcon" | "hasError" | "clearLabel" | "onClear"> & Pick<SelectParts.ValueProps, "placeholder"> & {
+export declare const SingleSelect: React.ForwardRefExoticComponent<Omit<import("@strapi/ui-primitives/dist/components/Select/Select").SingleSelectProps, "value"> & Pick<import("@strapi/ui-primitives/dist/components/Select/Select").SelectContentImplProps, "onCloseAutoFocus"> & Pick<SelectParts.TriggerProps, "size" | "id" | "name" | "startIcon" | "hasError" | "clearLabel" | "onClear"> & Pick<SelectParts.ValueProps, "placeholder"> & {
     /**
      * @default (value) => value.toString()
      */

package/dist/components/Textarea/Textarea.d.ts

@@ -4,6 +4,7 @@ import { Field } from '../Field';
 interface TextareaProps extends Omit<BoxProps<'textarea'>, 'children'>, Pick<Field.InputProps, 'hasError' | 'id' | 'name' | 'required'> {
     value?: string;
     'aria-describedby'?: string;
+    resizable?: boolean;
 }
 declare const Textarea: React.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React.RefAttributes<HTMLTextAreaElement>>;
 export { Textarea };

package/dist/components/Textarea/Textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAqB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAE3C,UAAU,aACR,SAAQ,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,EAC5C,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI,GAAG,MAAM,GAAG,UAAU,CAAC;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;CAC7B;AAED,QAAA,MAAM,QAAQ,wGAsCb,CAAC;AA0BF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Textarea.d.ts","sourceRoot":"","sources":["../../../src/components/Textarea/Textarea.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAI/B,OAAO,EAAqB,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AAEnE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAE3C,UAAU,aACR,SAAQ,IAAI,CAAC,QAAQ,CAAC,UAAU,CAAC,EAAE,UAAU,CAAC,EAC5C,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,IAAI,GAAG,MAAM,GAAG,UAAU,CAAC;IACjE,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,kBAAkB,CAAC,EAAE,MAAM,CAAC;IAC5B,SAAS,CAAC,EAAE,OAAO,CAAC;CACrB;AAED,QAAA,MAAM,QAAQ,wGAkDb,CAAC;AA2BF,OAAO,EAAE,QAAQ,EAAE,CAAC;AACpB,YAAY,EAAE,aAAa,EAAE,CAAC"}

package/dist/index.d.ts

@@ -1,3 +1,12 @@
+/**
+ * Styled Components Module Declaration
+ * -----------------------------------------------------------------------------------------------*/
+import 'styled-components';
+import type { StrapiTheme } from './themes';
+declare module 'styled-components' {
+    interface DefaultTheme extends StrapiTheme {
+    }
+}
 export * from './components';
 export * from './primitives';
 export * from './themes';

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAGA,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AAKzB,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AAKnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAK3C,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,MAAM,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;oGAEoG;AACpG,OAAO,mBAAmB,CAAC;AAC3B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,UAAU,CAAC;AAE5C,OAAO,QAAQ,mBAAmB,CAAC;IACjC,UAAiB,YAAa,SAAQ,WAAW;KAAG;CACrD;AAKD,cAAc,cAAc,CAAC;AAC7B,cAAc,cAAc,CAAC;AAC7B,cAAc,UAAU,CAAC;AAKzB,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,0BAA0B,CAAC;AACzC,cAAc,eAAe,CAAC;AAC9B,cAAc,mCAAmC,CAAC;AAClD,cAAc,oBAAoB,CAAC;AAKnC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kCAAkC,CAAC;AACjD,cAAc,8BAA8B,CAAC;AAC7C,cAAc,uBAAuB,CAAC;AACtC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,4BAA4B,CAAC;AAK3C,OAAO,EAAE,SAAS,EAAE,WAAW,EAAE,KAAK,MAAM,EAAE,cAAc,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC"}

package/dist/index.js

@@ -1,11 +1,11 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const styled = require("styled-components");
 const React = require("react");
 const reactUseCallbackRef = require("@radix-ui/react-use-callback-ref");
 const date = require("@internationalized/date");
 const jsxRuntime = require("react/jsx-runtime");
 const Tooltip = require("@radix-ui/react-tooltip");
-const styled = require("styled-components");
 const DismissibleLayerPrimitive = require("@radix-ui/react-dismissable-layer");
 const uiPrimitives = require("@strapi/ui-primitives");
 const RadixAccordion = require("@radix-ui/react-accordion");
@@ -51,9 +51,9 @@ function _interopNamespace(e) {
   n.default = e;
   return Object.freeze(n);
 }
+const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const React__namespace = /* @__PURE__ */ _interopNamespace(React);
 const Tooltip__namespace = /* @__PURE__ */ _interopNamespace(Tooltip);
-const styled__default = /* @__PURE__ */ _interopDefault(styled);
 const DismissibleLayerPrimitive__namespace = /* @__PURE__ */ _interopNamespace(DismissibleLayerPrimitive);
 const RadixAccordion__namespace = /* @__PURE__ */ _interopNamespace(RadixAccordion);
 const Avatar__namespace = /* @__PURE__ */ _interopNamespace(Avatar$1);
@@ -2338,15 +2338,11 @@ const KeyboardKeys = {
   LEFT: "ArrowLeft",
   ESCAPE: "Escape",
   ENTER: "Enter",
-  SPACE: " ",
   TAB: "Tab",
   END: "End",
   HOME: "Home",
-  DELETE: "Delete",
   PAGE_UP: "PageUp",
-  PAGE_DOWN: "PageDown",
-  BACKSPACE: "Backspace",
-  CLEAR: "Clear"
+  PAGE_DOWN: "PageDown"
 };
 const CarouselGrid = styled.styled(Box)`
   grid-template-columns: auto 1fr auto;
@@ -3434,7 +3430,7 @@ const Overlay$1 = styled.styled(AlertDialog__namespace.Overlay)`
 const ContentImpl$1 = styled.styled(AlertDialog__namespace.Content)`
   max-width: 42rem;
   height: min-content;
-  width: 100%;
+  width: calc(100% - ${({ theme }) => theme.spaces[8]});
   overflow: hidden;
   margin: 0 auto;
   display: flex;
@@ -3733,7 +3729,10 @@ const DesignSystemProvider = ({
 const DismissibleLayer = DismissibleLayerPrimitive__namespace.Root;
 const Portal$1 = React__namespace.forwardRef(
   ({ container = globalThis?.document?.body, ...portalProps }, forwardedRef) => {
-    return container ? reactDom.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Box, { ref: forwardedRef, ...portalProps }), container) : null;
+    if (!container) {
+      return null;
+    }
+    return reactDom.createPortal(/* @__PURE__ */ jsxRuntime.jsx(Box, { ref: forwardedRef, ...portalProps }), container);
   }
 );
 Portal$1.displayName = "Portal";
@@ -5305,7 +5304,7 @@ const ContentImpl = styled.styled(Dialog__namespace.Content)`
   max-width: 83rem;
   max-height: 90vh;
   height: auto;
-  width: 60%;
+  width: calc(100% - ${({ theme }) => theme.spaces[8]});
   overflow: hidden;
   margin: 0 auto;
   display: flex;
@@ -5321,6 +5320,9 @@ const ContentImpl = styled.styled(Dialog__namespace.Content)`
   box-shadow: ${(props) => props.theme.shadows.popupShadow};
   z-index: ${(props) => props.theme.zIndices.modal};
 
+  ${({ theme }) => theme.breakpoints.medium} {
+    width: calc(100% - ${({ theme }) => theme.spaces[9]});
+  }
   > form {
     display: flex;
     flex-direction: column;
@@ -7089,7 +7091,15 @@ const TextInput = React__namespace.forwardRef((props, ref) => {
 });
 TextInput.displayName = "TextInput";
 const Textarea = React__namespace.forwardRef(
-  ({ disabled, hasError: hasErrorProp, id: idProp, name: nameProp, required: requiredProp, ...props }, ref) => {
+  ({
+    disabled,
+    hasError: hasErrorProp,
+    id: idProp,
+    name: nameProp,
+    required: requiredProp,
+    resizable = true,
+    ...props
+  }, ref) => {
     const { error, ...field } = useField("Textarea");
     const hasError = Boolean(error) || hasErrorProp;
     const id = field.id ?? idProp;
@@ -7120,18 +7130,20 @@ const Textarea = React__namespace.forwardRef(
         id,
         name,
         "aria-describedby": ariaDescription,
+        $resizable: resizable,
         ...props
       }
     ) });
   }
 );
 const Wrapper$1 = styled.styled(Box)`
-  height: 10.5rem;
   ${inputFocusStyle()}
 `;
 const TextareaElement = styled.styled(Box)`
+  display: block;
   border: none;
-  resize: none;
+  resize: ${({ $resizable }) => $resizable ? "vertical" : "none"};
+  min-height: ${({ minHeight }) => minHeight || "10.5rem"};
 
   &::placeholder {
     color: ${({ theme }) => theme.colors.neutral600};