@strapi/design-system 2.0.0-rc.22 → 2.0.0-rc.24

package/dist/components/CarouselInput/CarouselSlide.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"CarouselSlide.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselInput/CarouselSlide.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAQ,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAExD,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,eAAO,MAAM,aAAa,4CAAqD,kBAAkB,4CAchG,CAAC"}
+{"version":3,"file":"CarouselSlide.d.ts","sourceRoot":"","sources":["../../../src/components/CarouselInput/CarouselSlide.tsx"],"names":[],"mappings":";AAEA,OAAO,EAAuB,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvE,MAAM,WAAW,kBAAmB,SAAQ,SAAS;IACnD,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,EAAE,MAAM,CAAC;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAMD,eAAO,MAAM,aAAa,4CAAqD,kBAAkB,4CAchG,CAAC"}

package/dist/components/Combobox/Combobox.d.ts

@@ -4,6 +4,7 @@ import { Field } from '../Field';
 interface ComboboxProps extends Pick<ComboboxPrimitive.RootProps, 'allowCustomValue' | 'autocomplete' | 'children' | 'disabled' | 'defaultTextValue' | 'defaultOpen' | 'defaultFilterValue' | 'filterValue' | 'isPrintableCharacter' | 'open' | 'onOpenChange' | 'onFilterValueChange' | 'onTextValueChange' | 'required' | 'textValue' | 'value'>, Pick<Field.InputProps, 'hasError' | 'name' | 'id'>, Omit<ComboboxPrimitive.TextInputProps, 'required' | 'disabled' | 'value' | 'onChange' | 'size'> {
     clearLabel?: string;
     creatable?: boolean | 'visible';
+    creatableDisabled?: boolean;
     createMessage?: (value: string) => string;
     creatableStartIcon?: React.ReactNode;
     hasMoreItems?: boolean;

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

@@ -1 +1 @@
-{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AActE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAQ3C,UAAU,aACR,SAAQ,IAAI,CACR,iBAAiB,CAAC,SAAS,EACzB,kBAAkB,GAClB,cAAc,GACd,UAAU,GACV,UAAU,GACV,kBAAkB,GAClB,aAAa,GACb,oBAAoB,GACpB,aAAa,GACb,sBAAsB,GACtB,MAAM,GACN,cAAc,GACd,qBAAqB,GACrB,mBAAmB,GACnB,UAAU,GACV,WAAW,GACX,OAAO,CACV,EACD,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC,EAClD,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACjG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,QAAQ,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;IACxD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,cAAc,CAAC,CAAC;IACtE,cAAc,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACxD,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC3D;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,KAAK,oBAAoB,GAAG,gBAAgB,CAAC;AAE7C,QAAA,MAAM,QAAQ,wFA4Ob,CAAC;AA6IF,UAAU,mBAAoB,SAAQ,iBAAiB,CAAC,SAAS;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,MAAM,4FAYX,CAAC;AA8BF,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,cAAc,EAAE,CAAC;AAC9C,YAAY,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,aAAa,EAAE,CAAC"}
+{"version":3,"file":"Combobox.d.ts","sourceRoot":"","sources":["../../../src/components/Combobox/Combobox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,EAAE,QAAQ,IAAI,iBAAiB,EAAE,MAAM,uBAAuB,CAAC;AActE,OAAO,EAAE,KAAK,EAAY,MAAM,UAAU,CAAC;AAQ3C,UAAU,aACR,SAAQ,IAAI,CACR,iBAAiB,CAAC,SAAS,EACzB,kBAAkB,GAClB,cAAc,GACd,UAAU,GACV,UAAU,GACV,kBAAkB,GAClB,aAAa,GACb,oBAAoB,GACpB,aAAa,GACb,sBAAsB,GACtB,MAAM,GACN,cAAc,GACd,qBAAqB,GACrB,mBAAmB,GACnB,UAAU,GACV,WAAW,GACX,OAAO,CACV,EACD,IAAI,CAAC,KAAK,CAAC,UAAU,EAAE,UAAU,GAAG,MAAM,GAAG,IAAI,CAAC,EAClD,IAAI,CAAC,iBAAiB,CAAC,cAAc,EAAE,UAAU,GAAG,UAAU,GAAG,OAAO,GAAG,UAAU,GAAG,MAAM,CAAC;IACjG,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAC;IAChC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC1C,kBAAkB,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACrC,YAAY,CAAC,EAAE,OAAO,CAAC;IACvB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,MAAM,CAAC;IAC7C,QAAQ,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,eAAe,CAAC,CAAC;IACxD,OAAO,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,iBAAiB,GAAG,cAAc,CAAC,CAAC;IACtE,cAAc,CAAC,EAAE,CAAC,KAAK,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC1C,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;IACxD,aAAa,CAAC,EAAE,KAAK,CAAC,kBAAkB,CAAC,gBAAgB,CAAC,CAAC;IAC3D;;OAEG;IACH,IAAI,CAAC,EAAE,GAAG,GAAG,GAAG,CAAC;IACjB,SAAS,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CAC7B;AAED,KAAK,oBAAoB,GAAG,gBAAgB,CAAC;AAE7C,QAAA,MAAM,QAAQ,wFAmPb,CAAC;AA2JF,UAAU,mBAAoB,SAAQ,iBAAiB,CAAC,SAAS;IAC/D,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAC;CAC3B;AAED,QAAA,MAAM,MAAM,4FAYX,CAAC;AA8BF,OAAO,EAAE,QAAQ,EAAE,MAAM,IAAI,cAAc,EAAE,CAAC;AAC9C,YAAY,EAAE,oBAAoB,EAAE,mBAAmB,EAAE,aAAa,EAAE,CAAC"}

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;AAIjD,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,qFAOX,CAAC;AAuDH,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;AAmBH,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;AAIjD,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,qFAOX,CAAC;AAuDH,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/index.js

@@ -2907,11 +2907,14 @@ const CarouselImage = (props) => {
   }
   return /* @__PURE__ */ jsxRuntime.jsx(StyledImage, { tag: "img", height: "100%", maxWidth: "100%", ...props, onError: handleImageError });
 };
+const CarouselSlideFlex = styledComponents.styled(Flex)`
+  display: ${({ $selected }) => $selected ? "flex" : "none"};
+`;
 const CarouselSlide = ({ label, children, selected = false, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(
-  Flex,
+  CarouselSlideFlex,
   {
+    $selected: selected,
     alignItems: "center",
-    display: selected ? "flex" : "none",
     role: "group",
     "aria-roledescription": "slide",
     "aria-label": label,
@@ -3005,6 +3008,7 @@ const Combobox = React__namespace.forwardRef(
     className,
     clearLabel = "Clear",
     creatable = false,
+    creatableDisabled = false,
     creatableStartIcon,
     createMessage = (value2) => `Create "${value2}"`,
     defaultFilterValue,
@@ -3093,6 +3097,7 @@ const Combobox = React__namespace.forwardRef(
         onCreateOption(internalTextValue);
       } else if (onCreateOption && creatable === "visible") {
         onCreateOption();
+        setInternalIsOpen(false);
       }
     };
     const generatedIntersectionId = useId();
@@ -3175,10 +3180,19 @@ const Combobox = React__namespace.forwardRef(
               loading ? /* @__PURE__ */ jsxRuntime.jsx(Flex, { justifyContent: "center", alignItems: "center", paddingTop: 2, paddingBottom: 2, children: /* @__PURE__ */ jsxRuntime.jsx(Loader, { small: true, children: loadingMessage }) }) : null,
               /* @__PURE__ */ jsxRuntime.jsx(Box, { id: intersectionId, width: "100%", height: "1px" })
             ] }),
-            creatable ? /* @__PURE__ */ jsxRuntime.jsx(ComboboxCreateItem, { onPointerUp: handleCreateItemClick, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(OptionBox, { children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: 2, children: [
-              creatableStartIcon && /* @__PURE__ */ jsxRuntime.jsx(Box, { tag: "span", "aria-hidden": true, display: "inline-flex", children: creatableStartIcon }),
-              /* @__PURE__ */ jsxRuntime.jsx(Typography, { children: createMessage(internalTextValue ?? "") })
-            ] }) }) }) : null
+            creatable ? /* @__PURE__ */ jsxRuntime.jsx(
+              ComboboxCreateItem,
+              {
+                onPointerUp: handleCreateItemClick,
+                onClick: handleCreateItemClick,
+                disabled: creatableDisabled,
+                asChild: true,
+                children: /* @__PURE__ */ jsxRuntime.jsx(OptionBox, { children: /* @__PURE__ */ jsxRuntime.jsxs(Flex, { gap: 2, children: [
+                  creatableStartIcon && /* @__PURE__ */ jsxRuntime.jsx(Box, { tag: "span", "aria-hidden": true, display: "inline-flex", children: creatableStartIcon }),
+                  /* @__PURE__ */ jsxRuntime.jsx(Typography, { children: createMessage(internalTextValue ?? "") })
+                ] }) })
+              }
+            ) : null
           ] }) }) })
         ]
       }
@@ -3298,7 +3312,18 @@ const ComboboxCreateItem = styledComponents.styled(uiPrimitives.Combobox.CreateI
   }
   &&:hover,
   &&[data-highlighted] {
-    background-color: transparent;
+    background: ${({ theme }) => theme.colors.neutral0};
+  }
+  &&[data-disabled] {
+    color: ${({ theme }) => theme.colors.neutral600};
+    background: ${({ theme }) => theme.colors.neutral150};
+    cursor: not-allowed;
+    border-bottom-left-radius: 0;
+    border-bottom-right-radius: 0;
+  }
+  &&[data-disabled]:hover {
+    background: ${({ theme }) => theme.colors.neutral150};
+    color: ${({ theme }) => theme.colors.neutral600};
   }
   && > div {
     padding: ${({ theme }) => theme.spaces[2]} ${({ theme }) => theme.spaces[4]};
@@ -3307,6 +3332,9 @@ const ComboboxCreateItem = styledComponents.styled(uiPrimitives.Combobox.CreateI
   &&[data-highlighted] > div {
     background-color: ${({ theme }) => theme.colors.primary100};
   }
+  &&[data-disabled] > div:hover {
+    background: ${({ theme }) => theme.colors.neutral150};
+  }
 `;
 const ScrollAreaCombobox = styledComponents.styled(ScrollAreaImpl$1)`
   padding: ${({ theme }) => theme.spaces[1]};
@@ -5330,6 +5358,10 @@ const BodyScroll = styledComponents.styled(ScrollAreaImpl$1)`
 
   & > div {
     padding-block: ${(props) => props.theme.spaces[8]};
+    /* Add negative margin and padding to avoid cropping the box shadow when the inputs are focused */
+    margin: 0 -2px 0 -2px;
+    padding-left: 2px;
+    padding-right: 2px;
 
     & > div {
       // the scroll area component applies a display: table to the child, which we don't want.