@lax-wp/design-system 0.4.3 → 0.4.5

package/dist/components/data-display/skeleton/SkeletonGrid.d.ts

@@ -0,0 +1,5 @@
+import React from "react";
+import { ComponentPropTypes } from "./types";
+export type { GridType as SkeletonGridType } from "./types";
+declare const _default: React.NamedExoticComponent<ComponentPropTypes>;
+export default _default;

package/dist/components/data-display/skeleton/constants.d.ts

@@ -0,0 +1,21 @@
+export declare const VARIANTS: {
+    grey: {
+        main: string;
+        gradient: string;
+    };
+    dark: {
+        main: string;
+        gradient: string;
+    };
+};
+export declare const DEFAULT_SKELETON_WIDTH = "100%";
+export declare const DEFAULT_GRID_CONTAINER_WIDTH = "1fr";
+export declare const DEFAULT_HEIGHT = "100%";
+export declare const DEFAULT_DIRECTION_GRID_COLS = "row";
+export declare const DEFAULT_JUSTIFY_ALIGNMENT = "flex-start";
+export declare const DEFAULT_ALIGN_ITEMS_ALIGNMENT = "flex-start";
+export declare const DEFAULT_GRID_STYLE = "1fr / 1fr";
+export declare const DEFAULT_GAP = 10;
+export declare const DEFAULT_REPEAT_COUNT = 0;
+export declare const DEFAULT_VARIANT = "grey";
+export declare const DEFAULT_SKELETON_GRADIENT_WIDTH = 100;

package/dist/components/data-display/skeleton/enums.d.ts

@@ -0,0 +1,4 @@
+export declare const enum DIRECTION {
+    row = "row",
+    column = "column"
+}

package/dist/components/data-display/skeleton/loaders/AgreementHeaderLoader.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.NamedExoticComponent<Record<string, unknown>>;
+export default _default;

package/dist/components/data-display/skeleton/loaders/AppItemLoader.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.NamedExoticComponent<Record<string, unknown>>;
+export default _default;

package/dist/components/data-display/skeleton/loaders/ClauseDetailsLoader.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.NamedExoticComponent<Record<string, unknown>>;
+export default _default;

package/dist/components/data-display/skeleton/loaders/DoubleLineLoader.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.NamedExoticComponent<Record<string, unknown>>;
+export default _default;

package/dist/components/data-display/skeleton/loaders/EventDetailsLoader.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type EventDetailsLoaderProps = {
+    width?: string;
+};
+declare const _default: React.NamedExoticComponent<EventDetailsLoaderProps>;
+export default _default;

package/dist/components/data-display/skeleton/loaders/ExecutionNoteLoader.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type ExecutionNoteLoaderProps = {
+    count?: number;
+};
+declare const _default: React.NamedExoticComponent<ExecutionNoteLoaderProps>;
+export default _default;

package/dist/components/data-display/skeleton/loaders/FlowNodesLoader.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.NamedExoticComponent<Record<string, unknown>>;
+export default _default;

package/dist/components/data-display/skeleton/loaders/InstalledAppItemLoader.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.NamedExoticComponent<Record<string, unknown>>;
+export default _default;

package/dist/components/data-display/skeleton/loaders/LogItemSkeleton.d.ts

@@ -0,0 +1,2 @@
+import { FC } from 'react';
+export declare const LogItemSkeleton: FC;

package/dist/components/data-display/skeleton/loaders/NotificationListLoader.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+type NotificationListLoaderProps = {
+    count?: number;
+};
+declare const _default: React.NamedExoticComponent<NotificationListLoaderProps>;
+export default _default;

package/dist/components/data-display/skeleton/loaders/PilotDetailsSkeleton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const PilotDetailsSkeleton: React.FC;
+export default PilotDetailsSkeleton;

package/dist/components/data-display/skeleton/loaders/ProfileSettingsLoader.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.NamedExoticComponent<Record<string, unknown>>;
+export default _default;

package/dist/components/data-display/skeleton/loaders/SingleLineLoader.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.NamedExoticComponent<Record<string, unknown>>;
+export default _default;

package/dist/components/data-display/skeleton/loaders/TaskCardLoader.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const _default: React.NamedExoticComponent<Record<string, unknown>>;
+export default _default;

package/dist/components/data-display/skeleton/loaders/TutorialsSkeleton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const TutorialsSkeleton: React.FC;
+export default TutorialsSkeleton;

package/dist/components/data-display/skeleton/loaders/app-store/RecentlyAddedAppsSkeleton.d.ts

@@ -0,0 +1,4 @@
+export declare const RecentlyAddedAppsSkeleton: ({ index }: {
+    index?: number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default RecentlyAddedAppsSkeleton;

package/dist/components/data-display/skeleton/loaders/app-store/SingleAppCardSkeleton.d.ts

@@ -0,0 +1,4 @@
+export declare const SingleAppCardSkeleton: ({ index, isPagination }: {
+    index?: number;
+    isPagination?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;

package/dist/components/data-display/skeleton/loaders/index.d.ts

@@ -0,0 +1,17 @@
+export { default as ProfileSettingsLoader } from './ProfileSettingsLoader';
+export { default as AgreementHeaderLoader } from './AgreementHeaderLoader';
+export { default as ClauseDetailsLoader } from './ClauseDetailsLoader';
+export { default as SingleLineLoader } from './SingleLineLoader';
+export { default as FlowNodesLoader } from './FlowNodesLoader';
+export { default as TaskCardLoader } from './TaskCardLoader';
+export { default as AppItemLoader } from './AppItemLoader';
+export { default as NotificationListLoader } from './NotificationListLoader';
+export { default as EventDetailsLoader } from './EventDetailsLoader';
+export { default as ExecutionNoteLoader } from './ExecutionNoteLoader';
+export { LogItemSkeleton } from './LogItemSkeleton';
+export { default as DoubleLineLoader } from './DoubleLineLoader';
+export { default as InstalledAppItemLoader } from './InstalledAppItemLoader';
+export { default as PilotDetailsSkeleton } from './PilotDetailsSkeleton';
+export { default as TutorialsSkeleton } from './TutorialsSkeleton';
+export { RecentlyAddedAppsSkeleton } from './app-store/RecentlyAddedAppsSkeleton';
+export { SingleAppCardSkeleton } from './app-store/SingleAppCardSkeleton';

package/dist/components/data-display/skeleton/types.d.ts

@@ -0,0 +1,34 @@
+import { DIRECTION } from './enums';
+type MarginType = Array<number | string> | number;
+export type DirectionType = keyof typeof DIRECTION;
+export type ComponentPropTypes = {
+    grid: GridType;
+    style?: Record<string, unknown>;
+    variant?: 'grey';
+    margin?: MarginType;
+};
+export type JustifyAlignment = 'flex-start' | 'flex-end' | 'center' | 'apace-around' | 'space-between';
+export type AlignItems = 'flex-start' | 'flex-end' | 'center' | 'baseline';
+export type SkeletonType = {
+    w?: string | number;
+    h?: string | number;
+    r?: string | number;
+    margin?: MarginType;
+    skeletonW?: number;
+};
+export type SkeletonsType = Array<SkeletonType | GridType>;
+export type GridType = {
+    margin?: MarginType;
+    w?: string | number;
+    h?: string | number;
+    gridGap?: number;
+    justifyContent?: JustifyAlignment;
+    alignItems?: AlignItems;
+    children?: Array<GridType>;
+    direction?: DirectionType;
+    repeatCount?: number;
+    withOpacity?: boolean;
+    skeletons?: SkeletonsType;
+    className?: string;
+};
+export {};

package/dist/components/data-display/skeleton/utils.d.ts

@@ -0,0 +1,7 @@
+import { SkeletonsType } from './types';
+export declare const generateMargin: (marginProp: Array<number | string> | number, directionProp?: "right" | "center" | "left") => any;
+export declare const generateGridArea: (row: {
+    w: string | number;
+}[]) => string;
+export declare const itemsWithRepeat: (skeletons: SkeletonsType, repeatCount: number) => SkeletonsType;
+export declare const setOpacity: (viewIndex: number, repeatCount: number, withOpacity: boolean, rowsLength: number) => number;

package/dist/components/data-display/tag/Tag.d.ts

@@ -45,8 +45,6 @@ export interface TagProps {
     onUpload?: UploadHandler;
     /** Whether the tag accepts file uploads */
     acceptsUpload?: boolean;
-    /** Theme mode for styling */
-    theme?: ThemeMode;
     /** Custom aria-label for accessibility */
     "aria-label"?: string;
 }

package/dist/index.d.ts

@@ -152,6 +152,13 @@ export { Divider } from "./components/data-display/divider/Divider";
 export type { DividerProps } from "./components/data-display/divider/Divider";
 export { Skeleton } from "./components/data-display/skeleton/Skeleton";
 export type { SkeletonProps } from "./components/data-display/skeleton/Skeleton";
+export { default as SkeletonGrid } from "./components/data-display/skeleton/SkeletonGrid";
+export type { SkeletonGridType } from "./components/data-display/skeleton/SkeletonGrid";
+export type { ComponentPropTypes as SkeletonGridProps, GridType, SkeletonType, SkeletonsType, DirectionType as SkeletonDirectionType, JustifyAlignment as SkeletonJustifyAlignment, AlignItems as SkeletonAlignItems } from "./components/data-display/skeleton/types";
+export { DIRECTION as SKELETON_DIRECTION } from "./components/data-display/skeleton/enums";
+export * as SKELETON_CONSTANTS from "./components/data-display/skeleton/constants";
+export { generateMargin as skeletonGenerateMargin, generateGridArea as skeletonGenerateGridArea, itemsWithRepeat as skeletonItemsWithRepeat, setOpacity as skeletonSetOpacity } from "./components/data-display/skeleton/utils";
+export { ProfileSettingsLoader, AgreementHeaderLoader, ClauseDetailsLoader, SingleLineLoader, FlowNodesLoader, TaskCardLoader, AppItemLoader, NotificationListLoader, EventDetailsLoader, ExecutionNoteLoader, LogItemSkeleton, DoubleLineLoader, InstalledAppItemLoader, PilotDetailsSkeleton, TutorialsSkeleton, RecentlyAddedAppsSkeleton, SingleAppCardSkeleton, } from "./components/data-display/skeleton/loaders";
 export { default as Text } from "./components/data-display/text/Text";
 export type { TextProps } from "./components/data-display/text/Text";
 export { default as TextWithStrike } from "./components/data-display/text-with-strike/TextWithStrike";