@kwantis-id3/frontend-library 1.2.1 → 1.3.0

package/dist/esm/types/components/Skeleton/SkeletonCard.d.ts

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

package/dist/esm/types/components/Skeleton/SkeletonInterfaces.d.ts

@@ -0,0 +1,14 @@
+import React from "react";
+export type TSkeletonVariant = "circle" | "text" | "rect" | "rounded";
+export type TSkeletonProps = React.HTMLAttributes<HTMLDivElement> & {
+    /** Visual variant of the skeleton placeholder */
+    variant?: TSkeletonVariant;
+    /** Width of the skeleton. Accepts any valid CSS length string or a number (treated as px) */
+    width?: string | number;
+    /** Height of the skeleton. Accepts any valid CSS length string or a number (treated as px) */
+    height?: string | number;
+    /** Controls whether the shimmer animation plays */
+    animated?: boolean;
+    /** Forwarded ref to the underlying DOM element */
+    ref?: React.Ref<HTMLDivElement>;
+};

package/dist/esm/types/components/Skeleton/SkeletonItem.d.ts

@@ -0,0 +1,2 @@
+import { TSkeletonProps } from "./SkeletonInterfaces";
+export declare function SkeletonItem({ variant, width, height, animated, style, ref, ...rest }: TSkeletonProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Skeleton/SkeletonStyled.d.ts

@@ -0,0 +1,10 @@
+import { TSkeletonVariant } from "./SkeletonInterfaces";
+export declare const SkeletonStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $variant: TSkeletonVariant;
+    $width: string;
+    $height: string;
+    $animated: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/types/components/Skeleton/index.d.ts

@@ -0,0 +1,3 @@
+export * from "./SkeletonItem";
+export * from "./SkeletonCard";
+export * from "./SkeletonInterfaces";

package/dist/esm/types/components/Stack/Stack.d.ts

@@ -0,0 +1,2 @@
+import { TStackProps } from "./StackInterfaces";
+export declare function Stack({ direction, spacing, width, centered, wrap, style, children, ref, as, ...rest }: TStackProps): import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Stack/StackInterfaces.d.ts

@@ -0,0 +1,17 @@
+import React, { PropsWithChildren } from "react";
+export type TStackProps = PropsWithChildren & React.HTMLAttributes<HTMLDivElement> & {
+    /** Direction of the stack */
+    direction?: "row" | "column";
+    /** Spacing between the items in the stack */
+    spacing?: string;
+    /** Width of the stack */
+    width?: string;
+    /** If true, the stack will be centered both vertically and horizontally */
+    centered?: boolean;
+    /** If true, the stack items will wrap to the next line when they overflow */
+    wrap?: boolean;
+    /** Ref forward to the underlying DOM element */
+    ref?: React.Ref<HTMLDivElement>;
+    /** Allows rendering the stack as a different HTML element or component */
+    as?: React.ElementType;
+};

package/dist/esm/types/components/Stack/StackStyled.d.ts

@@ -0,0 +1,10 @@
+export declare const StackStyled: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme;
+    as?: React.ElementType;
+} & {
+    $direction: string;
+    $spacing: string;
+    $width: string;
+    $centered?: boolean;
+    $wrap?: boolean;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;

package/dist/esm/types/components/Stack/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./Stack";
+export * from "./StackInterfaces";

package/dist/esm/types/components/index.d.ts

@@ -18,3 +18,5 @@ export * from "./Checkbox";
 export * from "./Switch";
 export * from "./Popover";
 export * from "./AIBubble";
+export * from "./Stack";
+export * from "./Skeleton";

package/dist/index.d.ts

@@ -772,6 +772,43 @@ type TAIBubbleProps = Omit<TPopoverProps, "trigger" | "children" | "topBarLeft"
 
 declare const AIBubble: ({ url, externalUrl, placement, align, color, bubbleSize, iconSize, collapsedSize, showCloseButton, showExpandButton, ...rest }: TAIBubbleProps) => _emotion_react_jsx_runtime.JSX.Element;
 
+type TStackProps = PropsWithChildren & react__default.HTMLAttributes<HTMLDivElement> & {
+    /** Direction of the stack */
+    direction?: "row" | "column";
+    /** Spacing between the items in the stack */
+    spacing?: string;
+    /** Width of the stack */
+    width?: string;
+    /** If true, the stack will be centered both vertically and horizontally */
+    centered?: boolean;
+    /** If true, the stack items will wrap to the next line when they overflow */
+    wrap?: boolean;
+    /** Ref forward to the underlying DOM element */
+    ref?: react__default.Ref<HTMLDivElement>;
+    /** Allows rendering the stack as a different HTML element or component */
+    as?: react__default.ElementType;
+};
+
+declare function Stack({ direction, spacing, width, centered, wrap, style, children, ref, as, ...rest }: TStackProps): _emotion_react_jsx_runtime.JSX.Element;
+
+type TSkeletonVariant = "circle" | "text" | "rect" | "rounded";
+type TSkeletonProps = react__default.HTMLAttributes<HTMLDivElement> & {
+    /** Visual variant of the skeleton placeholder */
+    variant?: TSkeletonVariant;
+    /** Width of the skeleton. Accepts any valid CSS length string or a number (treated as px) */
+    width?: string | number;
+    /** Height of the skeleton. Accepts any valid CSS length string or a number (treated as px) */
+    height?: string | number;
+    /** Controls whether the shimmer animation plays */
+    animated?: boolean;
+    /** Forwarded ref to the underlying DOM element */
+    ref?: react__default.Ref<HTMLDivElement>;
+};
+
+declare function SkeletonItem({ variant, width, height, animated, style, ref, ...rest }: TSkeletonProps): _emotion_react_jsx_runtime.JSX.Element;
+
+declare const SkeletonCard: FC;
+
 /**
  * emotion.js doesn't support transient options out of the box.
  *
@@ -821,4 +858,4 @@ declare const getActiveColor: (color: string) => string;
 
 declare function usePrefersColorScheme(): "light" | "dark";
 
-export { AIBubble, Accordion, AccordionGroup, Button, Card, CardContent, CardFooter, CardHeader, CardIndicators, CardMediaSection, Checkbox, ControlledTreeView, DataGrid, Drawer, Dropdown, IBackgroundColors, ICommonColors, IIndicatorColors, IPalette, IStandardPaletteColor, ITagColors, IThemeContextProps, IThemeContextValue, Indicator, InputField, Modal, MultiSelect, MultiSelectProps, MultiViewGrid, MultiViewList, Popover, SingleSelect, SingleSelectProps, Slider, Switch, TAIBubbleProps, TAccordionProps, TButtonProps, TButtonVariants, TCardSectionProps, TCellValues, TCheckboxProps, TColorScale, TControlledTreeViewProps, TCustomRenderProps, TDataGridProps, TDataGridRow, TDrawerProps, TDropdownItem, TDropdownItemProps, TDropdownProps, TIndicatorInstanceProps, TIndicatorProps, TIndicatorVariants, TModalProps, TMultiViewGridProps, TMultiViewListProps, TPopoverActions, TPopoverPosition, TPopoverProps, TRenderTriggerProps, TSliderProps, TSwitchProps, TTableCell, TTableProps, TTableRow, TTagProps, TTextFieldProps, TThemeMode, TTreeViewItem, TUncontrolledTreeViewProps, TViewState, Table, Tag, ThemeContextProvider, UncontrolledTreeView, commonColors, darkenColor, defaultDarkPalette, defaultLightPalette, getActiveColor, getContrastColor, getHoverColor, lightenColor, renderCell, transientOptions, useIsMobile, usePrefersColorScheme, useThemeContext };
+export { AIBubble, Accordion, AccordionGroup, Button, Card, CardContent, CardFooter, CardHeader, CardIndicators, CardMediaSection, Checkbox, ControlledTreeView, DataGrid, Drawer, Dropdown, IBackgroundColors, ICommonColors, IIndicatorColors, IPalette, IStandardPaletteColor, ITagColors, IThemeContextProps, IThemeContextValue, Indicator, InputField, Modal, MultiSelect, MultiSelectProps, MultiViewGrid, MultiViewList, Popover, SingleSelect, SingleSelectProps, SkeletonCard, SkeletonItem, Slider, Stack, Switch, TAIBubbleProps, TAccordionProps, TButtonProps, TButtonVariants, TCardSectionProps, TCellValues, TCheckboxProps, TColorScale, TControlledTreeViewProps, TCustomRenderProps, TDataGridProps, TDataGridRow, TDrawerProps, TDropdownItem, TDropdownItemProps, TDropdownProps, TIndicatorInstanceProps, TIndicatorProps, TIndicatorVariants, TModalProps, TMultiViewGridProps, TMultiViewListProps, TPopoverActions, TPopoverPosition, TPopoverProps, TRenderTriggerProps, TSkeletonProps, TSkeletonVariant, TSliderProps, TStackProps, TSwitchProps, TTableCell, TTableProps, TTableRow, TTagProps, TTextFieldProps, TThemeMode, TTreeViewItem, TUncontrolledTreeViewProps, TViewState, Table, Tag, ThemeContextProvider, UncontrolledTreeView, commonColors, darkenColor, defaultDarkPalette, defaultLightPalette, getActiveColor, getContrastColor, getHoverColor, lightenColor, renderCell, transientOptions, useIsMobile, usePrefersColorScheme, useThemeContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@kwantis-id3/frontend-library",
-  "version": "1.2.1",
+  "version": "1.3.0",
   "description": "Kwantis frontend components collection",
   "scriptsComments": {
     "storybook": "Starts storybook in development mode",