@wallarm-org/design-system 0.10.0-rc-feature-test-id.2 → 0.10.0

package/dist/components/Badge/Badge.d.ts

@@ -1,5 +1,6 @@
 import type { FC, HTMLAttributes, PropsWithChildren, Ref } from 'react';
 import type { VariantProps } from 'class-variance-authority';
+import type { TestableProps } from '../../utils/testId';
 import { badgeVariants } from './classes';
 type BadgeNativeProps = HTMLAttributes<HTMLDivElement>;
 type BadgeVariantProps = VariantProps<typeof badgeVariants>;
@@ -7,6 +8,6 @@ interface BadgeBaseProps {
     ref?: Ref<HTMLDivElement>;
     asChild?: boolean;
 }
-export type BadgeProps = BadgeNativeProps & BadgeVariantProps & BadgeBaseProps & PropsWithChildren;
+export type BadgeProps = BadgeNativeProps & BadgeVariantProps & BadgeBaseProps & PropsWithChildren & TestableProps;
 export declare const Badge: FC<BadgeProps>;
 export {};

package/dist/components/Button/Button.d.ts

@@ -1,11 +1,12 @@
 import type { ElementType, FC } from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import type { TestableProps } from '../../utils/testId';
 import { type ButtonBaseProps } from '../ButtonBase';
 declare const buttonVariants: (props?: ({
     variant?: "primary" | "secondary" | "outline" | "ghost" | null | undefined;
     color?: "destructive" | "brand" | "neutral" | "neutral-alt" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ButtonVariantProps = VariantProps<typeof buttonVariants>;
-export type ButtonProps<C extends ElementType = 'button'> = ButtonBaseProps<C> & ButtonVariantProps;
+export type ButtonProps<C extends ElementType = 'button'> = ButtonBaseProps<C> & ButtonVariantProps & TestableProps;
 export declare const Button: FC<ButtonProps<ElementType>>;
 export {};

package/dist/components/ButtonBase/ButtonBase.d.ts

@@ -1,5 +1,6 @@
 import type { ElementType, FC, Ref } from 'react';
 import type { VariantProps } from 'class-variance-authority';
+import type { TestableProps } from '../../utils/testId';
 import type { PolymorphicComponentProps } from '../Polymorphic';
 import { buttonBaseVariants } from './classes';
 type ButtonBaseVariantProps = Omit<VariantProps<typeof buttonBaseVariants>, 'iconOnly' | 'hasNonTextEnd'>;
@@ -8,6 +9,6 @@ type ButtonBaseBaseProps = {
     loading?: boolean;
     ref?: Ref<HTMLElement>;
 };
-export type ButtonBaseProps<C extends ElementType = 'button'> = PolymorphicComponentProps<C, ButtonBaseVariantProps & ButtonBaseBaseProps>;
-export declare const ButtonBase: FC<PolymorphicComponentProps<ElementType, ButtonBaseVariantProps & ButtonBaseBaseProps>>;
+export type ButtonBaseProps<C extends ElementType = 'button'> = PolymorphicComponentProps<C, ButtonBaseVariantProps & ButtonBaseBaseProps & TestableProps>;
+export declare const ButtonBase: FC<PolymorphicComponentProps<ElementType, ButtonBaseVariantProps & ButtonBaseBaseProps & TestableProps>>;
 export {};

package/dist/components/Checkmark/Checkmark.d.ts

@@ -1,9 +1,10 @@
 import type { FC, HTMLAttributes } from 'react';
 import type { CheckboxCheckedState } from '@ark-ui/react/checkbox';
+import type { TestableProps } from '../../utils/testId';
 type CheckmarkNativeProps = HTMLAttributes<HTMLDivElement>;
 interface CheckmarkBaseProps {
     checkedState?: CheckboxCheckedState;
 }
-type CheckmarkProps = CheckmarkNativeProps & CheckmarkBaseProps;
+type CheckmarkProps = CheckmarkNativeProps & CheckmarkBaseProps & TestableProps;
 export declare const Checkmark: FC<CheckmarkProps>;
 export {};

package/dist/components/Code/Code.d.ts

@@ -1,5 +1,6 @@
 import type { FC, HTMLAttributes, PropsWithChildren, Ref } from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import type { TestableProps } from '../../utils/testId';
 declare const codeVariants: (props?: ({
     size?: "s" | "m" | "l" | null | undefined;
     weight?: "bold" | "light" | "regular" | "medium" | null | undefined;
@@ -14,6 +15,6 @@ interface CodeBaseProps {
     lineClamp?: number;
     ref?: Ref<HTMLParagraphElement>;
 }
-export type CodeProps = CodeNativeProps & CodeVariantProps & CodeBaseProps;
+export type CodeProps = CodeNativeProps & CodeVariantProps & CodeBaseProps & TestableProps;
 export declare const Code: FC<PropsWithChildren<CodeProps>>;
 export {};

package/dist/components/DateTime/DateTime.d.ts

@@ -1,4 +1,5 @@
 import type { FC, HTMLAttributes, Ref } from 'react';
+import type { TestableProps } from '../../utils/testId';
 type DateTimeFormat = 'relative' | 'date' | 'datetime';
 interface DateTimeBaseProps {
     /** ISO string, Date object, or Unix timestamp (ms) */
@@ -10,6 +11,6 @@ interface DateTimeBaseProps {
     ref?: Ref<HTMLTimeElement>;
 }
 type DateTimeNativeProps = Omit<HTMLAttributes<HTMLTimeElement>, 'className'>;
-export type DateTimeProps = DateTimeNativeProps & DateTimeBaseProps;
+export type DateTimeProps = DateTimeNativeProps & DateTimeBaseProps & TestableProps;
 export declare const DateTime: FC<DateTimeProps>;
 export {};

package/dist/components/Flex/Flex.d.ts

@@ -1,5 +1,6 @@
 import type { FC, HTMLAttributes, Ref } from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import type { TestableProps } from '../../utils/testId';
 declare const flexVariants: (props?: ({
     inline?: boolean | null | undefined;
     direction?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;
@@ -14,7 +15,7 @@ declare const flexVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type FlexNativeProps = Omit<HTMLAttributes<HTMLDivElement>, 'className'>;
 type FlexVariantProps = VariantProps<typeof flexVariants>;
-export type FlexProps = FlexNativeProps & FlexVariantProps & {
+export type FlexProps = FlexNativeProps & FlexVariantProps & TestableProps & {
     ref?: Ref<HTMLDivElement>;
     asChild?: boolean;
 };

package/dist/components/Heading/Heading.d.ts

@@ -1,5 +1,6 @@
 import type { ElementType, FC, Ref } from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import type { TestableProps } from '../../utils/testId';
 import type { PolymorphicComponentProps } from '../Polymorphic';
 declare const headingVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | "4xl" | "5xl" | "6xl" | "7xl" | null | undefined;
@@ -15,6 +16,6 @@ export interface HeadingBaseProps {
     lineClamp?: number;
     ref?: Ref<HTMLElement>;
 }
-export type HeadingProps<C extends ElementType = 'h1'> = PolymorphicComponentProps<C, HeadingVariantProps & HeadingBaseProps>;
-export declare const Heading: FC<PolymorphicComponentProps<ElementType, HeadingVariantProps & HeadingBaseProps>>;
+export type HeadingProps<C extends ElementType = 'h1'> = PolymorphicComponentProps<C, HeadingVariantProps & HeadingBaseProps & TestableProps>;
+export declare const Heading: FC<PolymorphicComponentProps<ElementType, HeadingVariantProps & HeadingBaseProps & TestableProps>>;
 export {};

package/dist/components/Input/Input.d.ts

@@ -1,9 +1,10 @@
 import type { FC, InputHTMLAttributes, Ref } from 'react';
 import type { VariantProps } from 'class-variance-authority';
+import type { TestableProps } from '../../utils/testId';
 import { inputVariants } from './classes';
 type InputNativeProps = InputHTMLAttributes<HTMLInputElement>;
 type InputVariantsProps = VariantProps<typeof inputVariants>;
-export type InputProps = InputNativeProps & InputVariantsProps & {
+export type InputProps = InputNativeProps & InputVariantsProps & TestableProps & {
     ref?: Ref<HTMLInputElement>;
 };
 export declare const Input: FC<InputProps>;

package/dist/components/Kbd/Kbd.d.ts

@@ -1,9 +1,10 @@
 import type { ComponentProps, FC } from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import type { TestableProps } from '../../utils/testId';
 declare const kbdVariants: (props?: ({
     size?: "small" | "medium" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type KbdVariantsProps = VariantProps<typeof kbdVariants>;
-type KbdProps = ComponentProps<'kbd'> & KbdVariantsProps;
+type KbdProps = ComponentProps<'kbd'> & KbdVariantsProps & TestableProps;
 export declare const Kbd: FC<KbdProps>;
 export {};

package/dist/components/Link/Link.d.ts

@@ -1,9 +1,10 @@
 import type { AnchorHTMLAttributes, FC, Ref } from 'react';
 import type { VariantProps } from 'class-variance-authority';
+import type { TestableProps } from '../../utils/testId';
 import { linkVariants } from './classes';
 type LinkNativeProps = AnchorHTMLAttributes<HTMLAnchorElement>;
 type LinkVariantsProps = VariantProps<typeof linkVariants>;
-export type LinkProps = LinkNativeProps & LinkVariantsProps & {
+export type LinkProps = LinkNativeProps & LinkVariantsProps & TestableProps & {
     ref?: Ref<HTMLAnchorElement>;
     asChild?: boolean;
     disabled?: boolean;

package/dist/components/Loader/Loader.d.ts

@@ -1,5 +1,6 @@
 import type { FC } from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import type { TestableProps } from '../../utils/testId';
 declare const loaderVariants: (props?: ({
     size?: "sm" | "md" | "lg" | "xl" | "2xl" | "3xl" | null | undefined;
     color?: "primary" | "primary-alt" | "danger" | "primary-alt-fixed" | "brand" | null | undefined;
@@ -10,6 +11,6 @@ interface LoaderBaseProps {
     type?: LoaderType;
     background?: boolean;
 }
-export type LoaderProps = LoaderBaseProps & LoaderVariantsProps;
+export type LoaderProps = LoaderBaseProps & LoaderVariantsProps & TestableProps;
 export declare const Loader: FC<LoaderProps>;
 export {};

package/dist/components/Loader/Loader.js

@@ -22,19 +22,21 @@ const loaderVariants = cva('animate-spin', {
         }
     }
 });
-const Loader = ({ type = 'circle', size = 'xl', color, background = true })=>{
+const Loader = ({ type = 'circle', size = 'xl', color, background = true, 'data-testid': testId })=>{
     const className = cn(loaderVariants({
         size,
         color
     }));
     if ('sonner' === type) return /*#__PURE__*/ jsx(LoaderSonner, {
         className: className,
-        "data-role": "spinner"
+        "data-role": "spinner",
+        "data-testid": testId
     });
     return /*#__PURE__*/ jsx(LoaderCircle, {
         className: className,
         background: background,
-        "data-role": "spinner"
+        "data-role": "spinner",
+        "data-testid": testId
     });
 };
 Loader.displayName = 'Loader';

package/dist/components/NumberInput/NumberInput.d.ts

@@ -1,10 +1,11 @@
 import type { FC, Ref } from 'react';
 import { NumberInput as ArkUiNumberInput } from '@ark-ui/react/number-input';
+import type { TestableProps } from '../../utils/testId';
 type NumberInputNativeProps = Omit<ArkUiNumberInput.RootProps, 'className' | 'invalid'>;
 interface NumberInputBaseProps {
     error?: boolean;
     ref?: Ref<HTMLDivElement>;
 }
-export type NumberInputProps = NumberInputNativeProps & NumberInputBaseProps;
+export type NumberInputProps = NumberInputNativeProps & NumberInputBaseProps & TestableProps;
 export declare const NumberInput: FC<NumberInputProps>;
 export {};

package/dist/components/NumericBadge/NumericBadge.d.ts

@@ -1,10 +1,11 @@
 import type { FC, HTMLAttributes } from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import type { TestableProps } from '../../utils/testId';
 declare const numericBadgeVariants: (props?: ({
     type?: "primary" | "destructive" | "info" | "primary-alt" | "brand" | "outline" | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type NumericBadgeNativeProps = HTMLAttributes<HTMLDivElement>;
 type NumericBadgeVariantsProps = VariantProps<typeof numericBadgeVariants>;
-export type NumericBadgeProps = NumericBadgeNativeProps & NumericBadgeVariantsProps;
+export type NumericBadgeProps = NumericBadgeNativeProps & NumericBadgeVariantsProps & TestableProps;
 export declare const NumericBadge: FC<NumericBadgeProps>;
 export {};

package/dist/components/OverflowList/OverflowList.d.ts

@@ -1,6 +1,7 @@
 import { type HTMLAttributes, type ReactElement, type ReactNode } from 'react';
+import type { TestableProps } from '../../utils/testId';
 type CollapseDirection = 'start' | 'end';
-export interface OverflowListProps<T> extends HTMLAttributes<HTMLDivElement> {
+export interface OverflowListProps<T> extends HTMLAttributes<HTMLDivElement>, TestableProps {
     items: T[];
     itemRenderer: (item: T, index: number) => ReactNode;
     overflowRenderer: (items: T[]) => ReactNode;

package/dist/components/Overlay/Overlay.d.ts

@@ -1,5 +1,6 @@
 import type { FC, HTMLAttributes, Ref } from 'react';
-type OverlayProps = Omit<HTMLAttributes<HTMLDivElement>, 'className'> & {
+import type { TestableProps } from '../../utils/testId';
+type OverlayProps = Omit<HTMLAttributes<HTMLDivElement>, 'className'> & TestableProps & {
     ref?: Ref<HTMLDivElement>;
 };
 export declare const Overlay: FC<OverlayProps>;

package/dist/components/Separator/Separator.d.ts

@@ -1,10 +1,11 @@
 import type { ComponentPropsWithoutRef, FC, Ref } from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import type { TestableProps } from '../../utils/testId';
 declare const separatorVariants: (props?: ({
     orientation?: "horizontal" | "vertical" | null | undefined;
     spacing?: 1 | 2 | 4 | 6 | 8 | 12 | 16 | 24 | 28 | 20 | 32 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 96 | 112 | 128 | 144 | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
-export type SeparatorProps = ComponentPropsWithoutRef<'div'> & VariantProps<typeof separatorVariants> & {
+export type SeparatorProps = ComponentPropsWithoutRef<'div'> & VariantProps<typeof separatorVariants> & TestableProps & {
     ref?: Ref<HTMLDivElement>;
     orientation?: 'horizontal' | 'vertical';
     decorative?: boolean;

package/dist/components/Skeleton/Skeleton.d.ts

@@ -1,5 +1,6 @@
 import type { FC, HTMLAttributes, ReactNode, Ref } from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import type { TestableProps } from '../../utils/testId';
 declare const skeletonVariants: (props?: ({
     transparent?: boolean | null | undefined;
     rounded?: "none" | 2 | 4 | 6 | 8 | 12 | 16 | 24 | 32 | "full" | null | undefined;
@@ -21,6 +22,6 @@ type SkeletonWrapProps = SkeletonSharedProps & {
     width?: never;
     height?: never;
 };
-export type SkeletonProps = HTMLAttributes<HTMLDivElement> & SkeletonVariantsProps & (SkeletonStandaloneProps | SkeletonWrapProps);
+export type SkeletonProps = HTMLAttributes<HTMLDivElement> & SkeletonVariantsProps & TestableProps & (SkeletonStandaloneProps | SkeletonWrapProps);
 export declare const Skeleton: FC<SkeletonProps>;
 export {};

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

@@ -1,5 +1,6 @@
 import type { FC, HTMLAttributes, Ref } from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import type { TestableProps } from '../../utils/testId';
 declare const stackVariants: (props?: ({
     inline?: boolean | null | undefined;
     direction?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;
@@ -13,7 +14,7 @@ declare const stackVariants: (props?: ({
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type StackNativeProps = Omit<HTMLAttributes<HTMLDivElement>, 'className'>;
 type StackVariantProps = VariantProps<typeof stackVariants>;
-export type StackProps = StackNativeProps & StackVariantProps & {
+export type StackProps = StackNativeProps & StackVariantProps & TestableProps & {
     ref?: Ref<HTMLDivElement>;
     asChild?: boolean;
 };

package/dist/components/Text/Text.d.ts

@@ -1,5 +1,6 @@
 import type { FC, HTMLAttributes, PropsWithChildren, Ref } from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import type { TestableProps } from '../../utils/testId';
 declare const textVariants: (props?: ({
     size?: "xs" | "sm" | "md" | "lg" | "xl" | null | undefined;
     weight?: "bold" | "light" | "regular" | "medium" | null | undefined;
@@ -16,6 +17,6 @@ interface TextBaseProps {
     lineClamp?: number;
     ref?: Ref<HTMLHeadingElement>;
 }
-export type TextProps = TextNativeProps & TextVariantProps & TextBaseProps;
+export type TextProps = TextNativeProps & TextVariantProps & TextBaseProps & TestableProps;
 export declare const Text: FC<PropsWithChildren<TextProps>>;
 export {};

package/dist/components/Textarea/Textarea.d.ts

@@ -1,5 +1,6 @@
 import type { FC, Ref, TextareaHTMLAttributes } from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import type { TestableProps } from '../../utils/testId';
 import { inputVariants } from '../Input';
 declare const textareaVariants: (props?: ({
     size?: "small" | "medium" | "default" | null | undefined;
@@ -7,7 +8,7 @@ declare const textareaVariants: (props?: ({
 type TextareaNativeProps = Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'className'>;
 type TextareaVariantsProps = VariantProps<typeof textareaVariants>;
 type InputVariantsProps = VariantProps<typeof inputVariants>;
-export type TextareaProps = TextareaNativeProps & TextareaVariantsProps & InputVariantsProps & {
+export type TextareaProps = TextareaNativeProps & TextareaVariantsProps & InputVariantsProps & TestableProps & {
     ref?: Ref<HTMLTextAreaElement>;
 };
 export declare const Textarea: FC<TextareaProps>;

package/dist/components/ToggleButton/ToggleButton.d.ts

@@ -1,5 +1,6 @@
 import type { FC, MouseEvent, Ref } from 'react';
 import { type VariantProps } from 'class-variance-authority';
+import type { TestableProps } from '../../utils/testId';
 import { type ButtonBaseProps } from '../ButtonBase';
 declare const toggleButtonVariants: (props?: ({
     variant?: "outline" | "ghost" | null | undefined;
@@ -7,7 +8,7 @@ declare const toggleButtonVariants: (props?: ({
     active?: boolean | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type ToggleButtonVariantProps = VariantProps<typeof toggleButtonVariants>;
-export type ToggleButtonProps = Omit<Omit<ButtonBaseProps, 'onToggle'>, 'onClick'> & ToggleButtonVariantProps & {
+export type ToggleButtonProps = Omit<Omit<ButtonBaseProps, 'onToggle'>, 'onClick'> & ToggleButtonVariantProps & TestableProps & {
     ref?: Ref<HTMLButtonElement>;
     defaultValue?: boolean;
     onToggle?: (active: boolean, event: MouseEvent<HTMLButtonElement>) => void;

package/dist/components/Tour/Tour.d.ts

@@ -1,7 +1,6 @@
 import type { FC } from 'react';
 import { Tour as ArkUiTour } from '@ark-ui/react';
-export interface TourProps extends Omit<ArkUiTour.RootProps, 'children'> {
-    /** Base value for cascading `data-testid` attributes. */
-    testId?: string;
+import type { TestableProps } from '../../utils/testId';
+export interface TourProps extends Omit<ArkUiTour.RootProps, 'children'>, TestableProps {
 }
 export declare const Tour: FC<TourProps>;

package/dist/components/Tour/Tour.js

@@ -1,7 +1,7 @@
 import { jsx } from "react/jsx-runtime";
 import { Tour } from "@ark-ui/react";
 import { TourInner } from "./TourInner.js";
-const Tour_Tour = ({ lazyMount = true, unmountOnExit = true, testId, ...props })=>/*#__PURE__*/ jsx(Tour.Root, {
+const Tour_Tour = ({ lazyMount = true, unmountOnExit = true, 'data-testid': testId, ...props })=>/*#__PURE__*/ jsx(Tour.Root, {
         ...props,
         lazyMount: lazyMount,
         unmountOnExit: unmountOnExit,

package/dist/metadata/components.json

@@ -1,6 +1,6 @@
 {
   "version": "0.9.1",
-  "generatedAt": "2026-03-14T13:05:08.852Z",
+  "generatedAt": "2026-03-14T15:09:24.735Z",
   "components": [
     {
       "name": "Alert",
@@ -24512,12 +24512,6 @@
       "name": "Tour",
       "importPath": "@wallarm-org/design-system/Tour",
       "props": [
-        {
-          "name": "testId",
-          "type": "string | undefined",
-          "required": false,
-          "description": "Base value for cascading `data-testid` attributes."
-        },
         {
           "name": "present",
           "type": "boolean | undefined",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wallarm-org/design-system",
-  "version": "0.10.0-rc-feature-test-id.2",
+  "version": "0.10.0",
   "description": "Core design system library with React components and Storybook documentation",
   "publishConfig": {
     "access": "public",