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

package/dist/index.mjs

@@ -3310,6 +3310,8 @@ const Content$5 = styled(Combobox$1.Content)`
 const ComboboxCreateItem = styled(Combobox$1.CreateItem)`
   && {
     border-top: 1px solid ${({ theme }) => theme.colors.neutral150};
+    border-top-left-radius: 0;
+    border-top-right-radius: 0;
     background: ${({ theme }) => theme.colors.neutral0};
     cursor: pointer;
     padding: ${({ theme }) => theme.spaces[1]};
@@ -3323,14 +3325,10 @@ const ComboboxCreateItem = styled(Combobox$1.CreateItem)`
   }
   &&[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};
+  &&[data-disabled] svg {
+    fill: ${({ theme }) => theme.colors.neutral300};
   }
   && > div {
     padding: ${({ theme }) => theme.spaces[2]} ${({ theme }) => theme.spaces[4]};
@@ -3338,9 +3336,10 @@ const ComboboxCreateItem = styled(Combobox$1.CreateItem)`
   && > div:hover,
   &&[data-highlighted] > div {
     background-color: ${({ theme }) => theme.colors.primary100};
+    border-radius: ${({ theme }) => theme.borderRadius};
   }
-  &&[data-disabled] > div:hover {
-    background: ${({ theme }) => theme.colors.neutral150};
+  &&[data-disabled] > div {
+    background-color: inherit;
   }
 `;
 const ScrollAreaCombobox = styled(ScrollAreaImpl$1)`
@@ -5628,6 +5627,8 @@ const Dots = ({ children, ...props }) => /* @__PURE__ */ jsxs(Box, { ...props, c
   /* @__PURE__ */ jsx(Typography, { "aria-hidden": true, lineHeight: "revert", textColor: "neutral800", variant: "pi", children: "…" })
 ] });
 const Root$2 = Popover$1.Root;
+const Anchor = Popover$1.Anchor;
+const Arrow = Popover$1.Arrow;
 const Trigger$1 = React.forwardRef((props, forwardedRef) => {
   return /* @__PURE__ */ jsx(Popover$1.Trigger, { ...props, asChild: true, ref: forwardedRef });
 });
@@ -5690,6 +5691,8 @@ const PopoverScrollArea = styled(ScrollAreaImpl$1)`
 `;
 const Popover = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
+  Anchor,
+  Arrow,
   Content: Content$1,
   Root: Root$2,
   ScrollArea: ScrollAreaImpl,