@veracity/vui 2.15.3 → 2.16.0

package/dist/esm/stepperIndicator/theme.js

@@ -0,0 +1,66 @@
+const baseStyle = {};
+const defaultProps = {
+    size: 'md',
+    variant: 'active'
+};
+const sizes = {
+    sm: {},
+    md: {}
+};
+const variants = {
+    active: {
+        button: {
+            bg: 'seaBlue.main'
+        },
+        icon: {
+            bg: 'white',
+            color: 'seaBlue.main'
+        }
+    },
+    completed: {
+        button: {
+            bg: 'landGreen.41'
+        },
+        icon: {
+            bg: 'white',
+            color: 'landGreen.41'
+        }
+    },
+    optional: {
+        button: {
+            bg: 'white',
+            borderColor: 'seaBlue.45',
+            color: 'seaBlue.45'
+        },
+        icon: {
+            bg: 'white',
+            color: 'seaBlue.45'
+        }
+    },
+    pending: {
+        button: {
+            bg: 'sandstone.90',
+            color: 'sandstone.45'
+        },
+        icon: {
+            bg: 'white',
+            color: 'sandstone.45'
+        }
+    },
+    error: {
+        button: {
+            bg: 'energyRed.45',
+            color: 'white'
+        },
+        icon: {
+            bg: 'white',
+            color: 'energyRed.45'
+        }
+    }
+};
+export default {
+    baseStyle,
+    defaultProps,
+    sizes,
+    variants
+};

package/dist/esm/stepperVertical/consts.d.ts

@@ -0,0 +1,18 @@
+export declare const variantColor: {
+    active: string;
+    completed: string;
+    optional: string;
+    pending: string;
+    error: string;
+};
+export declare const titleColor: {
+    active: string;
+    completed: string;
+    optional: string;
+    pending: string;
+    error: string;
+};
+export declare const boldTitles: string[];
+export declare const stepClassName = "vui-stepVertical";
+export declare const tailClassName: string;
+//# sourceMappingURL=consts.d.ts.map

package/dist/esm/stepperVertical/consts.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/consts.ts"],"names":[],"mappings":"AAAA,eAAO,MAAM,YAAY;;;;;;CAMxB,CAAA;AAED,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAA;AAED,eAAO,MAAM,UAAU,UAAsB,CAAA;AAE7C,eAAO,MAAM,aAAa,qBAAqB,CAAA;AAE/C,eAAO,MAAM,aAAa,QAAyB,CAAA"}

package/dist/esm/stepperVertical/consts.js

@@ -0,0 +1,17 @@
+export const variantColor = {
+    active: 'seaBlue.main',
+    completed: 'landGreen.41',
+    optional: 'seaBlue.45',
+    pending: 'sandstone.90',
+    error: 'energyRed.main'
+};
+export const titleColor = {
+    active: 'sandstone.10',
+    completed: 'sandstone.10',
+    optional: 'sandstone.10',
+    pending: 'sandstone.55',
+    error: 'energyRed.main'
+};
+export const boldTitles = ['active', 'error'];
+export const stepClassName = 'vui-stepVertical';
+export const tailClassName = stepClassName + 'Tail';

package/dist/esm/stepperVertical/context.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { Dict } from '../utils';
+declare const StepperVerticalProvider: import("react").Provider<Dict<any>>, useStepperVerticalContext: () => Dict<any>;
+export { StepperVerticalProvider, useStepperVerticalContext };
+//# sourceMappingURL=context.d.ts.map

package/dist/esm/stepperVertical/context.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"context.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/context.ts"],"names":[],"mappings":";AAAA,OAAO,EAAiB,IAAI,EAAE,MAAM,UAAU,CAAA;AAE9C,QAAA,MAAO,uBAAuB,uCAAE,yBAAyB,iBAA6C,CAAA;AAEtG,OAAO,EAAE,uBAAuB,EAAE,yBAAyB,EAAE,CAAA"}

package/dist/esm/stepperVertical/context.js

@@ -0,0 +1,3 @@
+import { createContext } from '../utils';
+const [StepperVerticalProvider, useStepperVerticalContext] = createContext({ isOptional: true });
+export { StepperVerticalProvider, useStepperVerticalContext };

package/dist/esm/stepperVertical/index.d.ts

@@ -0,0 +1,5 @@
+export * from './stepperVertical';
+export * from './stepVertical';
+export { default } from './stepperVertical';
+export * from './stepperVerticalTypes';
+//# sourceMappingURL=index.d.ts.map

package/dist/esm/stepperVertical/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAA;AACjC,cAAc,gBAAgB,CAAA;AAC9B,OAAO,EAAE,OAAO,EAAE,MAAM,mBAAmB,CAAA;AAC3C,cAAc,wBAAwB,CAAA"}

package/dist/esm/stepperVertical/index.js

@@ -0,0 +1,4 @@
+export * from './stepperVertical';
+export * from './stepVertical';
+export { default } from './stepperVertical';
+export * from './stepperVerticalTypes';

package/dist/esm/stepperVertical/stepVertical.d.ts

@@ -0,0 +1,8 @@
+import { StepVerticalProps } from './stepperVerticalTypes';
+export declare const StepVerticalBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").SystemProps, never>;
+/**
+ * Implements a vertical step component
+ */
+export declare const StepVertical: import("../core").VuiComponent<"div", StepVerticalProps>;
+export default StepVertical;
+//# sourceMappingURL=stepVertical.d.ts.map

package/dist/esm/stepperVertical/stepVertical.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepVertical.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/stepVertical.tsx"],"names":[],"mappings":"AAQA,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAA;AAI1D,eAAO,MAAM,gBAAgB,+HAI5B,CAAA;AAED;;GAEG;AACH,eAAO,MAAM,YAAY,0DA0BxB,CAAA;AAID,eAAe,YAAY,CAAA"}

package/dist/esm/stepperVertical/stepVertical.js

@@ -0,0 +1,31 @@
+import React from 'react';
+import { Box } from '../box';
+import { styled, vui } from '../core';
+import { StepperIndicator } from '../stepperIndicator';
+import { cs } from '../utils';
+import { stepClassName } from './consts';
+import { useStepperVerticalContext } from './context';
+import StepVerticalTail from './stepVerticalTail';
+import StepVerticalTitle from './stepVerticalTitle';
+export const StepVerticalBase = styled.divBox `
+  display: flex;
+  position: relative;
+  width: 100%;
+`;
+/**
+ * Implements a vertical step component
+ */
+export const StepVertical = vui(({ icon, number, size: propSize = 'md', description, title, className, variant, children }, ref) => {
+    const context = useStepperVerticalContext();
+    const size = context?.size || propSize;
+    return (React.createElement(StepVerticalBase, { className: cs(stepClassName, className), ref: ref },
+        React.createElement(StepVerticalTail, { size: size, variant: variant }),
+        React.createElement(Box, { flex: `0 0 ${size === 'md' ? 40 : 30}px` },
+            React.createElement(StepperIndicator, { icon: icon, number: number, size: size, variant: variant })),
+        React.createElement(Box, { flex: "1", flexDirection: "column" },
+            !!title && (React.createElement(StepVerticalTitle, { size: size, variant: variant }, title)),
+            !!description && (React.createElement(Box, { color: "sandstone.45", fontSize: `${size === 'md' ? 14 : 12}px` }, description)),
+            React.createElement(Box, null, children))));
+});
+StepVertical.displayName = 'StepVertical';
+export default StepVertical;

package/dist/esm/stepperVertical/stepVerticalTail.d.ts

@@ -0,0 +1,7 @@
+import { StepVerticalTailProps } from './stepperVerticalTypes';
+/**
+ * Implements vertical stepper tail (the vertical line) **
+ */
+export declare const StepVerticalTail: import("../core").VuiComponent<"div", StepVerticalTailProps>;
+export default StepVerticalTail;
+//# sourceMappingURL=stepVerticalTail.d.ts.map

package/dist/esm/stepperVertical/stepVerticalTail.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepVerticalTail.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/stepVerticalTail.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,qBAAqB,EAAE,MAAM,wBAAwB,CAAA;AAE9D;;GAEG;AACH,eAAO,MAAM,gBAAgB,8DAc3B,CAAA;AAIF,eAAe,gBAAgB,CAAA"}

package/dist/esm/stepperVertical/stepVerticalTail.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Box } from '../box';
+import { vui } from '../core';
+import { cs } from '../utils';
+import { tailClassName, variantColor } from './consts';
+/**
+ * Implements vertical stepper tail (the vertical line) **
+ */
+export const StepVerticalTail = vui((props, ref) => {
+    const { children, className, size = 'md', variant = 'active', ...rest } = props;
+    return (React.createElement(Box, { borderRight: `1px solid ${variantColor[variant]}`, className: cs(tailClassName), maxW: "16px", minH: "100%", position: "absolute", ref: ref, w: `${size === 'md' ? 16 : 12}px`, ...rest }));
+});
+StepVerticalTail.displayName = 'StepVerticalTail';
+export default StepVerticalTail;

package/dist/esm/stepperVertical/stepVerticalTitle.d.ts

@@ -0,0 +1,7 @@
+import { StepVerticalTitleProps } from './stepperVerticalTypes';
+/**
+ * Implements vertical stepper tail (the vertical line) **
+ */
+export declare const StepVerticalTitle: import("../core").VuiComponent<"div", StepVerticalTitleProps>;
+export default StepVerticalTitle;
+//# sourceMappingURL=stepVerticalTitle.d.ts.map

package/dist/esm/stepperVertical/stepVerticalTitle.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepVerticalTitle.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/stepVerticalTitle.tsx"],"names":[],"mappings":"AAMA,OAAO,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAA;AAE/D;;GAEG;AACH,eAAO,MAAM,iBAAiB,+DAe5B,CAAA;AAIF,eAAe,iBAAiB,CAAA"}

package/dist/esm/stepperVertical/stepVerticalTitle.js

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Box } from '../box';
+import { vui } from '../core';
+import { cs } from '../utils';
+import { boldTitles, stepClassName, titleColor } from './consts';
+/**
+ * Implements vertical stepper tail (the vertical line) **
+ */
+export const StepVerticalTitle = vui((props, ref) => {
+    const { children, className, size = 'md', variant = 'active', ...rest } = props;
+    return (React.createElement(Box, { className: cs(stepClassName + 'Title'), color: titleColor[variant], fontSize: `${size === 'md' ? 16 : 14}px`, fontWeight: boldTitles.includes(variant) ? 600 : undefined, pt: `${size === 'md' ? 4 : 2}px`, whiteSpace: "nowrap", ...rest }, children));
+});
+StepVerticalTitle.displayName = 'StepVerticalTitle';
+export default StepVerticalTitle;

package/dist/esm/stepperVertical/stepperVertical.d.ts

@@ -0,0 +1,8 @@
+import StepperVerticalBase from './stepperVerticalBase';
+import { StepperVerticalProps } from './stepperVerticalTypes';
+/**
+ * Implements vertical stepper **
+ */
+export declare const StepperVertical: import("../core").VuiComponent<"div", StepperVerticalProps>;
+export default StepperVerticalBase;
+//# sourceMappingURL=stepperVertical.d.ts.map

package/dist/esm/stepperVertical/stepperVertical.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepperVertical.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/stepperVertical.tsx"],"names":[],"mappings":"AAKA,OAAO,mBAAmB,MAAM,uBAAuB,CAAA;AACvD,OAAO,EAAE,oBAAoB,EAAE,MAAM,wBAAwB,CAAA;AAE7D;;GAEG;AACH,eAAO,MAAM,eAAe,6DAa1B,CAAA;AAIF,eAAe,mBAAmB,CAAA"}

package/dist/esm/stepperVertical/stepperVertical.js

@@ -0,0 +1,17 @@
+import React, { useMemo } from 'react';
+import { useStyleConfig, vui } from '../core';
+import { cs, filterUndefined } from '../utils';
+import { StepperVerticalProvider } from './context';
+import StepperVerticalBase from './stepperVerticalBase';
+/**
+ * Implements vertical stepper **
+ */
+export const StepperVertical = vui((props, ref) => {
+    const { children, className, size, ...rest } = props;
+    const styles = useStyleConfig('StepperVertical', props);
+    const context = useMemo(() => filterUndefined({ size }), [size]);
+    return (React.createElement(StepperVerticalProvider, { value: context },
+        React.createElement(StepperVerticalBase, { className: cs('vui-stepperVertical', className), ref: ref, ...styles.container, ...rest }, children)));
+});
+StepperVertical.displayName = 'StepperVertical';
+export default StepperVerticalBase;

package/dist/esm/stepperVertical/stepperVerticalBase.d.ts

@@ -0,0 +1,3 @@
+declare const StepperVerticalBase: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("..").AnimationProps & import("..").BackgroundColorProps & import("..").BorderProps & import("..").BorderTopProps & import("..").BorderRightProps & import("..").BorderBottomProps & import("..").BorderLeftProps & import("..").BorderColorProps & import("..").BorderTopColorProps & import("..").BorderRightColorProps & import("..").BorderBottomColorProps & import("..").BorderLeftColorProps & import("..").BorderWidthProps & import("..").BorderTopWidthProps & import("..").BorderRightWidthProps & import("..").BorderBottomWidthProps & import("..").BorderLeftWidthProps & import("..").BorderStyleProps & import("..").BorderRadiusProps & import("..").OutlineProps & import("..").OutlineColorProps & import("..").OutlineWidthProps & import("..").OutlineStyleProps & import("..").DivideXProps & import("..").DivideYProps & import("..").DivideXReverseProps & import("..").DivideYReverseProps & import("..").DivideColorProps & import("..").DivideStyleProps & import("..").RingProps & import("..").RingColorProps & import("..").OpacityProps & import("..").BoxShadowProps & import("..").TextShadowProps & import("..").DisplayProps & import("..").AlignItemsProps & import("..").AlignContentProps & import("..").JustifyContentProps & import("..").JustifyItemsProps & import("..").FlexWrapProps & import("..").FlexGrowProps & import("..").FlexShrinkProps & import("..").FlexBasisProps & import("..").FlexDirectionProps & import("..").FlexProps & import("..").JustifySelfProps & import("..").AlignSelfProps & import("..").OrderProps & import("../system/flexboxGrids").RowProps & import("../system/flexboxGrids").ColProps & import("../system/grids").GapProps & import("../system/grids").ColumnGapProps & import("../system/grids").RowGapProps & import("../system/grids").GridColumnProps & import("../system/grids").GridRowProps & import("../system/grids").GridAutoFlowProps & import("../system/grids").GridAutoColumnsProps & import("../system/grids").GridAutoRowsProps & import("../system/grids").GridTemplateColumnsProps & import("../system/grids").GridTemplateRowsProps & import("../system/grids").GridTemplateAreasProps & import("../system/grids").GridAreaProps & import("..").AppearanceProps & import("..").CursorProps & import("..").PointerEventsProps & import("..").ResizeProps & import("..").UserSelectProps & import("..").IsTruncatedProps & import("..").FloatProps & import("..").BoxSizingProps & import("..").OverflowProps & import("..").OverflowXProps & import("..").OverflowYProps & import("..").PositionProps & import("..").ZIndexProps & import("..").TopProps & import("..").RightProps & import("..").BottomProps & import("..").LeftProps & import("..").VisibilityProps & import("..").OverscrollBehaviorProps & import("..").ObjectFitProps & import("..").MaxLinesProps & import("..").WidthProps & import("..").HeightProps & import("..").MaxWidthProps & import("..").MaxHeightProps & import("..").MinWidthProps & import("..").MinHeightProps & import("..").MarginProps & import("..").MarginTopProps & import("..").MarginRightProps & import("..").MarginBottomProps & import("..").MarginLeftProps & import("..").MarginXProps & import("..").MarginYProps & import("..").PaddingProps & import("..").PaddingTopProps & import("..").PaddingRightProps & import("..").PaddingBottomProps & import("..").PaddingLeftProps & import("..").PaddingXProps & import("..").PaddingYProps & import("..").SpaceXProps & import("..").SpaceYProps & import("..").SpaceXReverseProps & import("..").SpaceYReverseProps & import("../system/tables").BorderCollapseProps & import("../system/tables").TableLayoutProps & import("..").TransformProps & import("..").TransformOriginProps & import("..").TranslateXProps & import("..").TranslateYProps & import("..").RotateProps & import("..").SkewXProps & import("..").SkewYProps & import("..").ScaleProps & import("..").ScaleXProps & import("..").ScaleYProps & import("..").TransitionProps & import("..").TransitionPropertyProps & import("..").TransitionDurationProps & import("..").TransitionTimingFunctionProps & import("..").TransitionDelayProps & import("..").FontFamilyProps & import("..").FontSizeProps & import("..").FontStyleProps & import("..").FontWeightProps & import("..").LineHeightProps & import("..").ColorProps & import("..").TextTransformProps & import("..").TextDecorationProps & import("..").TextAlignProps & import("..").VerticalAlignProps & import("..").LetterSpacingProps & import("..").WhiteSpaceProps & import("..").TextOverflowProps & import("..").ListStyleTypeProps & import("..").ListStylePositionProps & import("..").WordBreakProps & import("..").ThemingProps<"StepperVertical"> & import("../core").ChildrenProp, never>;
+export default StepperVerticalBase;
+//# sourceMappingURL=stepperVerticalBase.d.ts.map

package/dist/esm/stepperVertical/stepperVerticalBase.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepperVerticalBase.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/stepperVerticalBase.ts"],"names":[],"mappings":"AAIA,QAAA,MAAM,mBAAmB,gpJAOxB,CAAA;AACD,eAAe,mBAAmB,CAAA"}

package/dist/esm/stepperVertical/stepperVerticalBase.js

@@ -0,0 +1,11 @@
+import { styled } from '../core';
+import { stepClassName, tailClassName } from './consts';
+const StepperVerticalBase = styled.divBox `
+  position: relative;
+  width: 100%;
+
+  .${stepClassName}:last-of-type > .${tailClassName} {
+    display: none;
+  }
+`;
+export default StepperVerticalBase;

package/dist/esm/stepperVertical/stepperVerticalTypes.d.ts

@@ -0,0 +1,28 @@
+import { ReactNode } from 'react';
+import { BoxProps } from '../box';
+import { ChildrenProp } from '../core';
+import { IconProp } from '../icon';
+import { StepperIndicatorVariant } from '../stepperIndicator/stepperIndicatorTypes';
+import { SystemProps } from '../system';
+import { ThemingProps } from '../theme';
+export type StepVerticalSize = 'md' | 'sm' | undefined;
+export type StepperVerticalProps = SystemProps & ThemingProps<'StepperVertical'> & ChildrenProp;
+export type StepVerticalProps = SystemProps & ChildrenProp & {
+    icon?: IconProp;
+    number?: number;
+    size?: StepVerticalSize;
+    description?: ReactNode;
+    title?: ReactNode;
+    disabled?: boolean;
+    className?: string;
+    variant?: StepperIndicatorVariant;
+};
+export type StepVerticalTailProps = BoxProps & {
+    size?: StepVerticalSize;
+    variant?: StepperIndicatorVariant;
+};
+export type StepVerticalTitleProps = BoxProps & {
+    size?: StepVerticalSize;
+    variant?: StepperIndicatorVariant;
+};
+//# sourceMappingURL=stepperVerticalTypes.d.ts.map

package/dist/esm/stepperVertical/stepperVerticalTypes.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepperVerticalTypes.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/stepperVerticalTypes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AACjC,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AACtC,OAAO,EAAE,QAAQ,EAAE,MAAM,SAAS,CAAA;AAClC,OAAO,EAAE,uBAAuB,EAAE,MAAM,2CAA2C,CAAA;AACnF,OAAO,EAAE,WAAW,EAAE,MAAM,WAAW,CAAA;AACvC,OAAO,EAAE,YAAY,EAAE,MAAM,UAAU,CAAA;AAEvC,MAAM,MAAM,gBAAgB,GAAG,IAAI,GAAG,IAAI,GAAG,SAAS,CAAA;AAEtD,MAAM,MAAM,oBAAoB,GAAG,WAAW,GAAG,YAAY,CAAC,iBAAiB,CAAC,GAAG,YAAY,CAAA;AAE/F,MAAM,MAAM,iBAAiB,GAAG,WAAW,GACzC,YAAY,GAAG;IACb,IAAI,CAAC,EAAE,QAAQ,CAAA;IACf,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,WAAW,CAAC,EAAE,SAAS,CAAA;IACvB,KAAK,CAAC,EAAE,SAAS,CAAA;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,OAAO,CAAC,EAAE,uBAAuB,CAAA;CAClC,CAAA;AAEH,MAAM,MAAM,qBAAqB,GAAG,QAAQ,GAAG;IAC7C,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,OAAO,CAAC,EAAE,uBAAuB,CAAA;CAClC,CAAA;AAED,MAAM,MAAM,sBAAsB,GAAG,QAAQ,GAAG;IAC9C,IAAI,CAAC,EAAE,gBAAgB,CAAA;IACvB,OAAO,CAAC,EAAE,uBAAuB,CAAA;CAClC,CAAA"}

package/dist/esm/stepperVertical/stepperVerticalTypes.js

@@ -0,0 +1 @@
+export {};

package/dist/esm/stepperVertical/theme.d.ts

@@ -0,0 +1,14 @@
+declare const _default: {
+    baseStyle: {};
+    defaultProps: {
+        size: string;
+    };
+    parts: string[];
+    sizes: {
+        sm: {};
+        md: {};
+    };
+    variants: {};
+};
+export default _default;
+//# sourceMappingURL=theme.d.ts.map

package/dist/esm/stepperVertical/theme.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"theme.d.ts","sourceRoot":"","sources":["../../../src/stepperVertical/theme.ts"],"names":[],"mappings":";;;;;;;;;;;;AAeA,wBAMC"}

package/dist/esm/stepperVertical/theme.js

@@ -0,0 +1,17 @@
+const baseStyle = {};
+const defaultProps = {
+    size: 'md'
+};
+const parts = ['stepVertical'];
+const sizes = {
+    sm: {},
+    md: {}
+};
+const variants = {};
+export default {
+    baseStyle,
+    defaultProps,
+    parts,
+    sizes,
+    variants
+};

package/dist/esm/tabs/consts.d.ts

@@ -1,5 +1,5 @@
 import { Dict } from '../utils';
-export declare const tabsColors: {
+export declare const colors: {
     activeBg: string;
     border: string;
     color: string;

package/dist/esm/tabs/consts.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/tabs/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,eAAO,MAAM,UAAU;;;;;;CAMtB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,IAM5B,CAAA"}
+{"version":3,"file":"consts.d.ts","sourceRoot":"","sources":["../../../src/tabs/consts.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,MAAM,UAAU,CAAA;AAE/B,eAAO,MAAM,MAAM;;;;;;CAMlB,CAAA;AAED,eAAO,MAAM,cAAc,EAAE,IAM5B,CAAA"}

package/dist/esm/tabs/consts.js

@@ -1,4 +1,4 @@
-export const tabsColors = {
+export const colors = {
     activeBg: 'skyBlue.main',
     border: 'sandstone.main',
     color: 'sandstone.10',

package/dist/esm/tabs/tabsNavBar.js

@@ -5,9 +5,9 @@ import { Icon } from '../icon';
 import { List, ListItem } from '../list';
 import { TagButton } from '../tag';
 import { cs } from '../utils';
-import { iconSizeMapper, tabsColors } from './consts';
+import { colors, iconSizeMapper } from './consts';
 import theme from './theme';
-const { activeBg, border, color, hover, main } = tabsColors;
+const { activeBg, border, color, hover, main } = colors;
 export const TabsNavBar = vui((props, ref) => {
     const { tabs, onNavItemClick, activeNavItem, animationDirection, showBorder, size = 'md' } = props;
     const iconSize = iconSizeMapper?.[size] || 'md';

package/dist/esm/tabs/theme.js

@@ -1,6 +1,6 @@
 const baseStyle = {};
 const defaultProps = {};
-const parts = ['container', 'tabsNavBar', 'tab'];
+const parts = ['tabsNavBar'];
 const sizes = {
     sm: {
         tabsNavBar: {

package/dist/esm/tag/tag.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/tag/tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,eAAO,MAAM,OAAO,gIAsBnB,CAAA;AACD;;;GAGG;AACH,eAAO,MAAM,GAAG;YA+FN,gBAAgB;UAClB,cAAc;UACd,cAAc;CACrB,CAAA;AAQD,eAAe,GAAG,CAAA"}
+{"version":3,"file":"tag.d.ts","sourceRoot":"","sources":["../../../src/tag/tag.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA+B,YAAY,EAAE,MAAM,SAAS,CAAA;AAGnE,OAAO,EAAE,QAAQ,EAAE,MAAM,aAAa,CAAA;AACtC,OAAO,SAAS,MAAM,aAAa,CAAA;AACnC,OAAO,OAAO,MAAM,WAAW,CAAA;AAC/B,OAAO,OAAO,MAAM,WAAW,CAAA;AAE/B,eAAO,MAAM,OAAO,gIAsBnB,CAAA;AACD;;;GAGG;AACH,eAAO,MAAM,GAAG;YAqGN,gBAAgB;UAClB,cAAc;UACd,cAAc;CACrB,CAAA;AAQD,eAAe,GAAG,CAAA"}

package/dist/esm/tag/tag.js

@@ -68,7 +68,7 @@ export const Tag = vui((props, ref) => {
                 isString(iconLeft) ? React.createElement(TagIcon, { mr: spaceX, name: iconLeft }) : iconLeft,
                 children ?? (isReactText(text) ? React.createElement(TagText, { ...{ isTruncated, text } }) : text),
                 isString(iconRight) ? React.createElement(TagIcon, { ml: spaceX, name: iconRight }) : iconRight,
-                onDelete ? (React.createElement(TagButton, { disabled: disabled, isRound: isRound, ml: spaceX, onClick: e => onDelete?.(e) })) : (itemRight))))));
+                onDelete ? (React.createElement(TagButton, { "aria-label": "delete", disabled: disabled, isRound: isRound, ml: spaceX, onClick: e => onDelete?.(e) })) : (itemRight))))));
 });
 Tag.Button = TagButton;
 Tag.Icon = TagIcon;

package/dist/esm/textarea/textarea.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAkBhD,eAAO,MAAM,YAAY,+HAKxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,sDAgGnB,CAAA;AAIF,eAAe,QAAQ,CAAA"}
+{"version":3,"file":"textarea.d.ts","sourceRoot":"","sources":["../../../src/textarea/textarea.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,aAAa,EAAE,MAAM,kBAAkB,CAAA;AAmBhD,eAAO,MAAM,YAAY,+HAKxB,CAAA;AAED;;;GAGG;AACH,eAAO,MAAM,QAAQ,sDAiGnB,CAAA;AAIF,eAAe,QAAQ,CAAA"}

package/dist/esm/textarea/textarea.js

@@ -13,10 +13,11 @@ const TextareaTextarea = styled.textareaBox `
   transition-duration: fast;
   width: 100%;
 
-  &[aria-disabled='true'],
-  &[aria-disabled='true']::placeholder {
+  &[aria-disabled='true'] {
     opacity: 0.5;
     cursor: not-allowed;
+    background-color: sandstone.79;
+    border-color: sandstone.79;
   }
 `;
 export const TextareaBase = styled.divBox `
@@ -44,7 +45,8 @@ export const Textarea = vui((props, ref) => {
     });
     const textareaAliasedProps = filterUndefined({
         'aria-disabled': disabled,
-        bg: readOnly ? inputColors.disabled : undefined,
+        bg: readOnly ? 'sandstone.97' : undefined,
+        borderColor: readOnly ? 'sandstone.55' : undefined,
         focusWithinBorderColor: !readOnly ? 'transparent' : undefined,
         focusWithinRingColor: readOnly ? 'transparent' : undefined
     });

package/dist/esm/theme/components.d.ts

@@ -1957,6 +1957,80 @@ declare const _default: {
             };
         };
     };
+    StepperIndicator: {
+        baseStyle: {};
+        defaultProps: {
+            size: string;
+            variant: string;
+        };
+        sizes: {
+            sm: {};
+            md: {};
+        };
+        variants: {
+            active: {
+                button: {
+                    bg: string;
+                };
+                icon: {
+                    bg: string;
+                    color: string;
+                };
+            };
+            completed: {
+                button: {
+                    bg: string;
+                };
+                icon: {
+                    bg: string;
+                    color: string;
+                };
+            };
+            optional: {
+                button: {
+                    bg: string;
+                    borderColor: string;
+                    color: string;
+                };
+                icon: {
+                    bg: string;
+                    color: string;
+                };
+            };
+            pending: {
+                button: {
+                    bg: string;
+                    color: string;
+                };
+                icon: {
+                    bg: string;
+                    color: string;
+                };
+            };
+            error: {
+                button: {
+                    bg: string;
+                    color: string;
+                };
+                icon: {
+                    bg: string;
+                    color: string;
+                };
+            };
+        };
+    };
+    StepperVertical: {
+        baseStyle: {};
+        defaultProps: {
+            size: string;
+        };
+        parts: string[];
+        sizes: {
+            sm: {};
+            md: {};
+        };
+        variants: {};
+    };
     Spinner: {
         baseStyle: {
             container: {

package/dist/esm/theme/components.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAqDA,wBAgDC"}
+{"version":3,"file":"components.d.ts","sourceRoot":"","sources":["../../../src/theme/components.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAuDA,wBAkDC"}

package/dist/esm/theme/components.js

@@ -37,6 +37,8 @@ import Select from '../select/theme';
 import Sidemenu from '../sidemenu/theme';
 import Skeleton from '../skeleton/theme';
 import Spinner from '../spinner/theme';
+import StepperIndicator from '../stepperIndicator/theme';
+import StepperVertical from '../stepperVertical/theme';
 import Switch from '../switch/theme';
 import T from '../t/theme';
 import Table from '../table/theme';
@@ -88,6 +90,8 @@ export default {
     Select,
     Sidemenu,
     Skeleton,
+    StepperIndicator,
+    StepperVertical,
     Spinner,
     Switch,
     T,