@strapi/design-system 1.19.0 → 1.20.0-typescript.0

package/dist/v2/SimpleMenu/SimpleMenu.d.ts

@@ -0,0 +1,62 @@
+import * as Menu from './Menu';
+interface SimpleMenuProps extends Omit<Menu.TriggerProps, 'children'>, Pick<Menu.ContentProps, 'popoverPlacement' | 'intersectionId'> {
+    children?: React.ReactNode;
+    label?: React.ReactNode;
+    onOpen?: () => void;
+    onClose?: () => void;
+    /**
+     * Callback function to be called when the popover reaches the end of the scrollable content
+     */
+    onReachEnd?: (entry: IntersectionObserverEntry) => void;
+}
+declare const SimpleMenu: ({ children, onOpen, onClose, popoverPlacement, onReachEnd, ...props }: SimpleMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const MenuItem: ({ onSelect, disabled, ...props }: Menu.ItemProps<import("react").ForwardRefExoticComponent<Omit<import("react").DetailedHTMLProps<import("react").AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, "ref"> & Pick<import("styled-components").CSSProperties, "cursor" | "display" | "overflow" | "pointerEvents" | "transform" | "position" | "textAlign" | "textTransform" | "zIndex" | "animation" | "transition"> & {
+    _hover?: ((theme: import("styled-components").DefaultTheme) => string) | undefined;
+    background?: import("../../types").DefaultThemeOrCSSProp<"colors", "background">;
+    basis?: import("csstype").Property.FlexBasis<string | number> | undefined;
+    borderColor?: keyof import("../../themes/colors").Colors | undefined;
+    color?: keyof import("../../themes/colors").Colors | undefined;
+    flex?: import("csstype").Property.Flex<string | number> | undefined;
+    fontSize?: import("../../types").DefaultThemeOrCSSProp<"fontSizes", "fontSize">;
+    grow?: import("csstype").Property.FlexGrow | undefined;
+    hasRadius?: boolean | undefined;
+    hiddenS?: boolean | undefined;
+    hiddenXS?: boolean | undefined;
+    padding?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"padding">; /**
+     * We need to know when the select is open because only then will viewportRef
+     * not be null. Because it uses a portal that (sensibly) is not mounted 24/7.
+     */
+    paddingBottom?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"paddingBottom">;
+    paddingLeft?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"paddingLeft">;
+    paddingRight?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"paddingRight">;
+    paddingTop?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"paddingTop">;
+    marginLeft?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"marginLeft">;
+    marginBottom?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"marginBottom">;
+    marginRight?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"marginRight">;
+    marginTop?: import("../../helpers/handleResponsiveValues").ResponsiveValue<"marginTop">;
+    shadow?: keyof import("../../themes/colors").Shadows | undefined;
+    shrink?: import("csstype").Property.FlexShrink | undefined;
+    lineHeight?: import("../../types").DefaultThemeOrCSSProp<"lineHeights", "lineHeight">;
+    width?: import("../../types").DefaultThemeOrCSSProp<"spaces", "width">;
+    minWidth?: import("../../types").DefaultThemeOrCSSProp<"spaces", "minWidth">;
+    maxWidth?: import("../../types").DefaultThemeOrCSSProp<"spaces", "maxWidth">;
+    height?: import("../../types").DefaultThemeOrCSSProp<"spaces", "height">;
+    minHeight?: import("../../types").DefaultThemeOrCSSProp<"spaces", "minHeight">;
+    maxHeight?: import("../../types").DefaultThemeOrCSSProp<"spaces", "maxHeight">;
+    top?: import("../../types").DefaultThemeOrCSSProp<"spaces", "top">;
+    left?: import("../../types").DefaultThemeOrCSSProp<"spaces", "left">;
+    bottom?: import("../../types").DefaultThemeOrCSSProp<"spaces", "bottom">;
+    right?: import("../../types").DefaultThemeOrCSSProp<"spaces", "right">;
+    borderRadius?: import("csstype").Property.BorderRadius<string | number> | undefined;
+    borderStyle?: import("csstype").Property.BorderStyle | undefined;
+    borderWidth?: import("csstype").Property.BorderWidth<string | number> | undefined;
+    children?: import("react").ReactNode;
+    as?: string | import("react").ComponentType<any> | undefined;
+    forwardedAs?: string | import("react").ComponentType<any> | undefined;
+} & {
+    disabled?: boolean | undefined;
+    isExternal?: boolean | undefined;
+} & import("react").RefAttributes<HTMLAnchorElement>>>) => import("react/jsx-runtime").JSX.Element;
+type MenuItemProps = Menu.ItemProps;
+export { SimpleMenu, MenuItem, Menu };
+export type { SimpleMenuProps, MenuItemProps };

package/dist/v2/SimpleMenu/__tests__/Menu.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/v2/SimpleMenu/__tests__/SimpleMenu.spec.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/v2/SimpleMenu/index.d.ts

@@ -0,0 +1 @@
+export * from './SimpleMenu';

package/dist/v2/SubNav/SubNav.d.ts

@@ -0,0 +1,6 @@
+import { GridProps } from '../../Grid';
+export declare const subNavWidth = "14.5rem";
+export interface SubNavProps extends GridProps {
+    ariaLabel: string;
+}
+export declare const SubNav: ({ ariaLabel, ...props }: SubNavProps) => import("react/jsx-runtime").JSX.Element;

package/dist/v2/SubNav/SubNavHeader.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+export interface SubNavHeaderProps {
+    as?: keyof JSX.IntrinsicElements;
+    id?: string;
+    label: string;
+    onChange?: React.ChangeEventHandler<HTMLInputElement>;
+    onClear?: React.MouseEventHandler<HTMLInputElement>;
+    onSubmit?: React.FormEventHandler<HTMLInputElement>;
+    searchLabel?: string;
+    searchable?: boolean;
+    value?: string;
+}
+export declare const SubNavHeader: ({ as, label, searchLabel, searchable, onChange, value, onClear, onSubmit, id, }: SubNavHeaderProps) => import("react/jsx-runtime").JSX.Element;

package/dist/v2/SubNav/SubNavLink.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface SubNavLinkProps {
+    as?: React.ElementType;
+    children: React.ReactNode;
+    icon?: React.ReactElement;
+    isSubSectionChild?: boolean;
+    withBullet?: boolean;
+}
+export declare const SubNavLink: React.ForwardRefExoticComponent<SubNavLinkProps & React.RefAttributes<unknown>>;

package/dist/v2/SubNav/SubNavLinkSection.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export interface SubNavLinkSectionProps {
+    children: React.ReactNode;
+    id?: string;
+    label: string;
+}
+export declare const SubNavLinkSection: ({ label, children, id }: SubNavLinkSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/v2/SubNav/SubNavSection.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface SubNavSectionProps {
+    badgeLabel?: string;
+    children: React.ReactNode;
+    collapsable?: boolean;
+    id?: string;
+    label: string;
+}
+export declare const SubNavSection: ({ collapsable, label, badgeLabel, children, id }: SubNavSectionProps) => import("react/jsx-runtime").JSX.Element;

package/dist/v2/SubNav/SubNavSectionLabel.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+export interface SubNavSectionLabelProps {
+    ariaControls?: string;
+    ariaExpanded?: boolean;
+    collapsable?: boolean;
+    label: string;
+    onClick: React.MouseEventHandler<HTMLButtonElement> & React.MouseEventHandler<HTMLDivElement>;
+}
+export declare const SubNavSectionLabel: ({ collapsable, label, onClick, ariaExpanded, ariaControls, }: SubNavSectionLabelProps) => import("react/jsx-runtime").JSX.Element;

package/dist/v2/SubNav/SubNavSections.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { FlexProps } from '../../Flex';
+export interface SubNavSectionsProps extends FlexProps<'ol'> {
+    children: React.ReactNode;
+    spacing?: number;
+    horizontal?: boolean;
+}
+export declare const SubNavSections: ({ children, spacing, horizontal, ...props }: SubNavSectionsProps) => import("react/jsx-runtime").JSX.Element;

package/dist/v2/SubNav/index.d.ts

@@ -0,0 +1,6 @@
+export * from './SubNav';
+export * from './SubNavHeader';
+export * from './SubNavLink';
+export * from './SubNavLinkSection';
+export * from './SubNavSection';
+export * from './SubNavSections';

package/dist/v2/index.d.ts

@@ -0,0 +1,7 @@
+export * from './Breadcrumbs';
+export * from './Link';
+export * from './LinkButton';
+export * from './MainNav';
+export * from './Pagination';
+export * from './SimpleMenu';
+export * from './SubNav';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@strapi/design-system",
-  "version": "1.19.0",
+  "version": "1.20.0-typescript.0",
   "license": "MIT",
   "sideEffects": false,
   "main": "./dist/index.js",
@@ -33,7 +33,7 @@
     "@radix-ui/react-dismissable-layer": "^1.0.5",
     "@radix-ui/react-dropdown-menu": "^2.0.6",
     "@radix-ui/react-focus-scope": "1.0.4",
-    "@strapi/ui-primitives": "^1.19.0",
+    "@strapi/ui-primitives": "^1.20.0-typescript.0",
     "@uiw/react-codemirror": "^4.21.25",
     "aria-hidden": "^1.2.4",
     "compute-scroll-into-view": "^3.1.0",
@@ -42,7 +42,7 @@
   },
   "devDependencies": {
     "@playwright/test": "1.43.0",
-    "@strapi/icons": "^1.19.0",
+    "@strapi/icons": "^1.20.0-typescript.0",
     "@types/react-router-dom": "^5.3.3",
     "@types/styled-components": "^5.1.26",
     "axe-playwright": "^2.0.1",
@@ -51,7 +51,7 @@
     "styled-components": "^5.3.11"
   },
   "peerDependencies": {
-    "@strapi/icons": "^1.5.0",
+    "@strapi/icons": "1.20.0-typescript.0",
     "react": "^17.0.0 || ^18.0.0",
     "react-dom": "^17.0.0 || ^18.0.0",
     "react-router-dom": "^5.2.0",