@lax-wp/design-system 0.6.4 → 0.7.0

package/dist/components/data-display/responsive-tags/ResponsiveTags.d.ts

@@ -0,0 +1,19 @@
+export interface ResponsiveTag {
+    id?: string;
+    label: string;
+    color?: string;
+}
+export type ResponsiveTagSize = 'xs' | 'sm' | 'lg' | 'md';
+export type TitleProp = string | null;
+export interface ResponsiveTagsProps {
+    tags: ResponsiveTag[];
+    size?: ResponsiveTagSize;
+    className?: string;
+    maxVisible?: number;
+    icon?: React.ReactNode;
+    title?: TitleProp;
+    truncate?: number;
+    noWrap?: boolean;
+}
+declare const ResponsiveTags: ({ tags, size, className, maxVisible, icon, title, truncate, noWrap, }: ResponsiveTagsProps) => import("react/jsx-runtime").JSX.Element | "-";
+export default ResponsiveTags;

package/dist/components/data-display/responsive-tags/index.d.ts

@@ -0,0 +1,2 @@
+export { default as ResponsiveTags } from './ResponsiveTags';
+export type { ResponsiveTag, ResponsiveTagsProps } from './ResponsiveTags';

package/dist/hooks/useResizeObserver.d.ts

@@ -0,0 +1,5 @@
+export interface DimensionsData {
+    width: number;
+    height: number;
+}
+export declare function useResizeObserver<T extends HTMLElement>(ref: React.RefObject<T>): DimensionsData | undefined;

package/dist/index.d.ts

@@ -59,6 +59,8 @@ export type { ModalProps, } from "./components/data-display/modal/Modal";
 export { FloatingElementWrapper } from "./components/data-display/floating-element-wrapper/floating-element-dragger";
 export { Tag } from "./components/data-display/tag/Tag";
 export type { TagProps, TagSize, TagColor, ThemeMode, UploadHandler, } from "./components/data-display/tag/Tag";
+export { default as ResponsiveTags } from "./components/data-display/responsive-tags/ResponsiveTags";
+export type { ResponsiveTag, ResponsiveTagsProps, ResponsiveTagSize, TitleProp as ResponsiveTagsTitleProp, } from "./components/data-display/responsive-tags/ResponsiveTags";
 export { LabelValue } from "./components/data-display/label-value/LabelValue";
 export type { LabelValueProps, LabelValueSize, HighlightColor, MasterDataItem, RiskDetails, MasterDataModalProps, RiskDetailsCardProps, } from "./components/data-display/label-value/LabelValue";
 export { Banner } from "./components/data-display/banner/Banner";
@@ -147,6 +149,8 @@ export { useScrollToTop } from "./hooks/useScrollToTop";
 export { useEventListener } from "./hooks/useEventListener";
 export { useIsomorphicLayoutEffect } from "./hooks/useIsomorphicLayoutEffect";
 export { useKeepSearchBox } from "./hooks/useKeepSearchBox";
+export { useResizeObserver } from "./hooks/useResizeObserver";
+export type { DimensionsData } from "./hooks/useResizeObserver";
 export { useOS, useShortcutKeys, detectOS, isMacOS, mapShortcutKey, mapShortcutKeys, SHORTCUT_KEY_MAP, } from "./hooks/useOS";
 export type { OS } from "./hooks/useOS";
 export { PageContainer, HelmetTitle, Helmet, ComponentLoader, LogoLoader, CustomScrollbar, ZoomContainer } from "./components/layout";