@strapi/design-system 2.0.0-rc.15 → 2.0.0-rc.17
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/SimpleMenu/Menu.d.ts +3 -1
- package/dist/components/SimpleMenu/Menu.d.ts.map +1 -1
- package/dist/components/SimpleMenu/SimpleMenu.d.ts +1 -1
- package/dist/components/SimpleMenu/SimpleMenu.d.ts.map +1 -1
- package/dist/index.js +28 -3
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +28 -3
- package/dist/index.mjs.map +1 -1
- package/package.json +3 -3
|
@@ -30,6 +30,8 @@ interface ItemSharedProps extends Pick<DropdownMenu.MenuItemProps, 'disabled' |
|
|
|
30
30
|
children?: React.ReactNode;
|
|
31
31
|
isExternal?: boolean;
|
|
32
32
|
isFocused?: boolean;
|
|
33
|
+
startIcon?: React.ReactNode;
|
|
34
|
+
endIcon?: React.ReactNode;
|
|
33
35
|
}
|
|
34
36
|
interface ItemExternalLinkProps extends ItemSharedProps, Omit<LinkProps, 'onSelect'> {
|
|
35
37
|
as?: never;
|
|
@@ -60,7 +62,7 @@ interface SubContentProps extends FlexProps<'div'> {
|
|
|
60
62
|
declare const Root: React.FC<DropdownMenu.DropdownMenuProps>;
|
|
61
63
|
declare const Trigger: React.ForwardRefExoticComponent<(Omit<TriggerPropsWithButton, "ref"> | Omit<TriggerPropsWithIconButton, "ref">) & React.RefAttributes<HTMLButtonElement>>;
|
|
62
64
|
declare const Content: React.ForwardRefExoticComponent<Omit<ContentProps, "ref"> & React.RefAttributes<HTMLDivElement>>;
|
|
63
|
-
declare const Item: ({ onSelect, disabled, isLink, ...props }: ItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
65
|
+
declare const Item: ({ onSelect, disabled, isLink, startIcon, endIcon, isExternal, ...props }: ItemProps) => import("react/jsx-runtime").JSX.Element;
|
|
64
66
|
declare const Separator: React.ForwardRefExoticComponent<SeparatorProps & React.RefAttributes<HTMLDivElement>>;
|
|
65
67
|
declare const Label: React.ForwardRefExoticComponent<LabelProps & React.RefAttributes<HTMLSpanElement>>;
|
|
66
68
|
declare const SubRoot: React.FC<DropdownMenu.DropdownMenuSubProps>;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/SimpleMenu/Menu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,YAAY,MAAM,+BAA+B,CAAC;AAK9D,OAAO,EAAO,QAAQ,EAAE,MAAM,sBAAsB,CAAC;AACrD,OAAO,EAAuB,SAAS,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,EAAmC,eAAe,EAAE,MAAM,6BAA6B,CAAC;AAE/F,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,MAAM,WAAW,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAC3C,OAAO,EAAQ,SAAS,EAAE,MAAM,SAAS,CAAC;AAM1C,UAAU,SAAU,SAAQ,YAAY,CAAC,iBAAiB;CAAG;AAQ7D,KAAK,gBAAgB,GAAG,IAAI,CAAC,WAAW,EAAE,KAAK,CAAC,GAAG;IACjD,OAAO,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC1B,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,MAAM,CAAC;CAClC,CAAC;AAEF,KAAK,sBAAsB,GAAG,gBAAgB,GAAG;IAC/C,GAAG,CAAC,EAAE,OAAO,MAAM,CAAC;IACpB,IAAI,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;CACxB,CAAC;AAEF,KAAK,0BAA0B,GAAG,gBAAgB,GAAG;IACnD,GAAG,EAAE,OAAO,UAAU,CAAC;IACvB,IAAI,EAAE,KAAK,CAAC,SAAS,CAAC;CACvB,CAAC;AAEF,KAAK,YAAY,GAAG,sBAAsB,GAAG,0BAA0B,CAAC;AA4BxE,KAAK,YAAY,GAAG,SAAS,CAAC,KAAK,CAAC,GAClC,IAAI,CAAC,YAAY,CAAC,wBAAwB,EAAE,kBAAkB,CAAC,GAAG;IAChE,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,gBAAgB,CAAC,EAAE,GAAG,WAAW,CAAC,YAAY,CAAC,wBAAwB,CAAC,MAAM,CAAC,CAAC,IAAI,WAAW,CAAC,YAAY,CAAC,wBAAwB,CAAC,OAAO,CAAC,CAAC,EAAE,CAAC;CACnJ,CAAC;AAqEJ,UAAU,eAAgB,SAAQ,IAAI,CAAC,YAAY,CAAC,aAAa,EAAE,UAAU,GAAG,UAAU,CAAC;IACzF,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,SAAS,CAAC,EAAE,OAAO,CAAC;
|
|
1
|
+
{"version":3,"file":"Menu.d.ts","sourceRoot":"","sources":["../../../src/components/SimpleMenu/Menu.tsx"],"names":[],"mappings":"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"}
|
|
@@ -38,7 +38,7 @@ declare const SimpleMenu: React.ForwardRefExoticComponent<(Omit<Omit<import(".."
|
|
|
38
38
|
*/
|
|
39
39
|
onReachEnd?: ((entry: IntersectionObserverEntry) => void) | undefined;
|
|
40
40
|
}, "ref">) & React.RefAttributes<HTMLButtonElement>>;
|
|
41
|
-
declare const MenuItem: ({ onSelect, disabled, isLink, ...props }: Menu.ItemProps<(props: Omit<import("..").BaseLinkProps<"a">, "ref"> & React.RefAttributes<HTMLAnchorElement>) => React.ReactNode>) => import("react/jsx-runtime").JSX.Element;
|
|
41
|
+
declare const MenuItem: ({ onSelect, disabled, isLink, startIcon, endIcon, isExternal, ...props }: Menu.ItemProps<(props: Omit<import("..").BaseLinkProps<"a">, "ref"> & React.RefAttributes<HTMLAnchorElement>) => React.ReactNode>) => import("react/jsx-runtime").JSX.Element;
|
|
42
42
|
type MenuItemProps = Menu.ItemProps;
|
|
43
43
|
export { SimpleMenu, MenuItem, Menu };
|
|
44
44
|
export type { SimpleMenuProps, MenuItemProps };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SimpleMenu.d.ts","sourceRoot":"","sources":["../../../src/components/SimpleMenu/SimpleMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAM/B,KAAK,eAAe,GAAG,IAAI,CAAC,YAAY,GACtC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,kBAAkB,GAAG,gBAAgB,CAAC,GAAG;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;CACzD,CAAC;AAEJ,QAAA,MAAM,UAAU;;;;;;;eATD,MAAM,SAAS;oBACX,IAAI;qBACH,IAAI;IACpB;;OAEG;0BACkB,yBAAyB,KAAK,IAAI;;;;;;;;eAN5C,MAAM,SAAS;oBACX,IAAI;qBACH,IAAI;IACpB;;OAEG;0BACkB,yBAAyB,KAAK,IAAI;oDAqD1D,CAAC;AAEF,QAAA,MAAM,QAAQ,
|
|
1
|
+
{"version":3,"file":"SimpleMenu.d.ts","sourceRoot":"","sources":["../../../src/components/SimpleMenu/SimpleMenu.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAO/B,OAAO,KAAK,IAAI,MAAM,QAAQ,CAAC;AAM/B,KAAK,eAAe,GAAG,IAAI,CAAC,YAAY,GACtC,IAAI,CAAC,IAAI,CAAC,YAAY,EAAE,kBAAkB,GAAG,gBAAgB,CAAC,GAAG;IAC/D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAC3B,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,yBAAyB,KAAK,IAAI,CAAC;CACzD,CAAC;AAEJ,QAAA,MAAM,UAAU;;;;;;;eATD,MAAM,SAAS;oBACX,IAAI;qBACH,IAAI;IACpB;;OAEG;0BACkB,yBAAyB,KAAK,IAAI;;;;;;;;eAN5C,MAAM,SAAS;oBACX,IAAI;qBACH,IAAI;IACpB;;OAEG;0BACkB,yBAAyB,KAAK,IAAI;oDAqD1D,CAAC;AAEF,QAAA,MAAM,QAAQ,0PAAY,CAAC;AAC3B,KAAK,aAAa,GAAG,IAAI,CAAC,SAAS,CAAC;AAEpC,OAAO,EAAE,UAAU,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;AACtC,YAAY,EAAE,eAAe,EAAE,aAAa,EAAE,CAAC"}
|
package/dist/index.js
CHANGED
|
@@ -1888,8 +1888,33 @@ const DropdownMenuContent = styledComponents.styled(DropdownMenu__namespace.Cont
|
|
|
1888
1888
|
}
|
|
1889
1889
|
}
|
|
1890
1890
|
`;
|
|
1891
|
-
const MenuItem$1 = ({ onSelect, disabled = false, isLink, ...props }) => {
|
|
1892
|
-
return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.Item, { asChild: true, onSelect, disabled, children: isLink ||
|
|
1891
|
+
const MenuItem$1 = ({ onSelect, disabled = false, isLink, startIcon, endIcon, isExternal, ...props }) => {
|
|
1892
|
+
return /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.Item, { asChild: true, onSelect, disabled, children: isLink || isExternal ? /* @__PURE__ */ jsxRuntime.jsx(
|
|
1893
|
+
OptionLink,
|
|
1894
|
+
{
|
|
1895
|
+
color: "neutral800",
|
|
1896
|
+
startIcon,
|
|
1897
|
+
endIcon,
|
|
1898
|
+
...props,
|
|
1899
|
+
isExternal: isExternal ?? false,
|
|
1900
|
+
children: /* @__PURE__ */ jsxRuntime.jsx(Typography, { children: props.children })
|
|
1901
|
+
}
|
|
1902
|
+
) : /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1903
|
+
OptionButton,
|
|
1904
|
+
{
|
|
1905
|
+
cursor: "pointer",
|
|
1906
|
+
color: "neutral800",
|
|
1907
|
+
background: "transparent",
|
|
1908
|
+
borderStyle: "none",
|
|
1909
|
+
gap: 2,
|
|
1910
|
+
...props,
|
|
1911
|
+
children: [
|
|
1912
|
+
startIcon && /* @__PURE__ */ jsxRuntime.jsx(Flex, { tag: "span", "aria-hidden": true, children: startIcon }),
|
|
1913
|
+
/* @__PURE__ */ jsxRuntime.jsx(Typography, { grow: 1, children: props.children }),
|
|
1914
|
+
endIcon && /* @__PURE__ */ jsxRuntime.jsx(Flex, { tag: "span", "aria-hidden": true, children: endIcon })
|
|
1915
|
+
]
|
|
1916
|
+
}
|
|
1917
|
+
) });
|
|
1893
1918
|
};
|
|
1894
1919
|
const getOptionStyle = ({ theme }) => styledComponents.css`
|
|
1895
1920
|
text-align: left;
|
|
@@ -1943,7 +1968,7 @@ const StyledSeparator = styledComponents.styled(Box)`
|
|
|
1943
1968
|
display: none;
|
|
1944
1969
|
}
|
|
1945
1970
|
`;
|
|
1946
|
-
const MenuSeparator = React__namespace.forwardRef((props) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.Separator, { ...props, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(StyledSeparator, { height: "1px", shrink: 0, background: "neutral150" }) }));
|
|
1971
|
+
const MenuSeparator = React__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.Separator, { ...props, asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(StyledSeparator, { height: "1px", shrink: 0, background: "neutral150", ref }) }));
|
|
1947
1972
|
const MenuLabel = React__namespace.forwardRef((props, ref) => /* @__PURE__ */ jsxRuntime.jsx(DropdownMenu__namespace.Label, { asChild: true, children: /* @__PURE__ */ jsxRuntime.jsx(StyledLabel, { ref, variant: "sigma", textColor: "neutral600", ...props }) }));
|
|
1948
1973
|
const StyledLabel = styledComponents.styled(Typography)`
|
|
1949
1974
|
padding: ${({ theme }) => theme.spaces[2]} ${({ theme }) => theme.spaces[4]};
|