@amboss/design-system 1.5.13 → 1.5.15

package/build/src/components/DropdownMenu/DropdownMenu.d.ts

@@ -1,4 +1,5 @@
 import React from "react";
+import { VerticalPosition, HorizontalPosition } from "../../shared/useAutoPosition";
 import { MenuItemProps } from "./MenuItem";
 import { IconName } from "../Icon/Icon";
 import { ButtonSize } from "../../types";
@@ -24,7 +25,8 @@ export declare type DropdownMenuProps = {
     "data-e2e-test-id"?: string;
 };
 export declare type MenuPositionProps = {
-    verticalPosition: "up" | "down";
+    verticalPosition: VerticalPosition;
+    horizontalPosition: HorizontalPosition;
 };
 export declare function DropdownMenu({ menuItems, menuItemTextVariant, label, iconName, size, disabled, onMenuOpen, onMenuClose, privateProps: { dropdownSquareCorners }, "data-e2e-test-id": dataE2eTestId, }: DropdownMenuProps): React.ReactElement;
 export declare namespace DropdownMenu {

package/build/src/components/MediaItem/MediaItem.d.ts

@@ -0,0 +1,21 @@
+import React from "react";
+export declare type MediaItemProps = {
+    src: string;
+    title: string;
+    /** Sets the height of the media to equal the width value making a square <br/>
+     */
+    squareFromWidth?: boolean;
+    /** Specify fit of the media background. <br/>
+     * "contain" - the media keeps its aspect ratio, but is resized to fit within the given dimension. <br/>
+     * "cover" - the media keeps its aspect ratio and fills the given dimension. The media will be clipped to fit.
+     */
+    fit: "cover" | "contain";
+};
+export declare function MediaItem({ src, title, squareFromWidth, fit, }: MediaItemProps): React.ReactElement;
+export declare namespace MediaItem {
+    var defaultProps: {
+        mediaCover: boolean;
+        squareFromWidth: boolean;
+        fit: string;
+    };
+}

package/build/src/index.d.ts

@@ -38,3 +38,4 @@ export { PasswordInput } from "./components/Form/PasswordInput/PasswordInput";
 export { Collapsible, CollapsibleHeader, } from "./components/Collapsible/Collapsible";
 export { RoundButton } from "./components/RoundButton/RoundButton";
 export { Notification } from "./components/Notification/Notification";
+export { MediaItem } from "./components/MediaItem/MediaItem";

package/build/src/shared/mediaQueries.d.ts

@@ -8,5 +8,4 @@ declare type EmotionCssValue = string | number;
 declare type EmotionCssDescription = Record<EmotionCssPropertyName, EmotionCssValue>;
 declare type MqFunc = (rules: Record<string, MqProp<any>>) => Record<string, EmotionCssValue | EmotionCssDescription>;
 export declare const mq: MqFunc;
-export declare function getMediaQueryClasses<T>(s: T | MQ<T> | undefined, styles: Record<string, string>, prefix?: string): string[];
 export {};

package/build/src/shared/useAutoPosition.d.ts

@@ -1,3 +1,5 @@
 import { RefObject } from "react";
-export declare type Position = "down" | "up";
-export declare const useAutoPosition: (anchorRef: RefObject<any>, contentRef: RefObject<any>, isActive: boolean) => Position;
+export declare type VerticalPosition = "up" | "down";
+export declare type HorizontalPosition = "left" | "right";
+export declare type Position = [VerticalPosition, HorizontalPosition];
+export declare const useAutoPosition: (anchorRef: RefObject<HTMLElement>, contentRef: RefObject<HTMLElement>, isActive: boolean) => Position;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@amboss/design-system",
-  "version": "1.5.13",
+  "version": "1.5.15",
   "description": "the design system for AMBOSS products",
   "author": "Bagrat Gobedashvili",
   "license": "ISC",