@wallarm-org/design-system 1.2.0-rc-fix-inline-edit-blur-commit.1 → 1.3.0

package/dist/components/Indicator/Indicator.d.ts

@@ -0,0 +1,12 @@
+import type { FC, HTMLAttributes, Ref } from 'react';
+import type { VariantProps } from 'class-variance-authority';
+import type { TestableProps } from '../../utils/testId';
+import { indicatorVariants } from './classes';
+type IndicatorNativeProps = HTMLAttributes<HTMLSpanElement>;
+type IndicatorVariantProps = VariantProps<typeof indicatorVariants>;
+interface IndicatorBaseProps {
+    ref?: Ref<HTMLSpanElement>;
+}
+export type IndicatorProps = IndicatorNativeProps & IndicatorVariantProps & IndicatorBaseProps & TestableProps;
+export declare const Indicator: FC<IndicatorProps>;
+export {};

package/dist/components/Indicator/Indicator.js

@@ -0,0 +1,14 @@
+import { jsx } from "react/jsx-runtime";
+import { cn } from "../../utils/cn.js";
+import { indicatorVariants } from "./classes.js";
+const Indicator = ({ ref, className, size = 'md', color = 'info', ...props })=>/*#__PURE__*/ jsx("span", {
+        ...props,
+        ref: ref,
+        className: cn(indicatorVariants({
+            size,
+            color
+        }), className),
+        "data-slot": "indicator"
+    });
+Indicator.displayName = 'Indicator';
+export { Indicator };

package/dist/components/Indicator/classes.d.ts

@@ -0,0 +1,4 @@
+export declare const indicatorVariants: (props?: ({
+    size?: "md" | "sm" | null | undefined;
+    color?: "ai" | "brand" | "danger" | "info" | "success" | "warning" | null | undefined;
+} & import("class-variance-authority/types").ClassProp) | undefined) => string;

package/dist/components/Indicator/classes.js

@@ -0,0 +1,22 @@
+import { cva } from "class-variance-authority";
+const indicatorVariants = cva('inline-block shrink-0 rounded-2', {
+    variants: {
+        size: {
+            sm: 'size-6',
+            md: 'size-8'
+        },
+        color: {
+            info: 'bg-icon-info',
+            brand: 'bg-icon-brand',
+            warning: 'bg-icon-warning',
+            success: 'bg-icon-success',
+            ai: 'bg-icon-ai',
+            danger: 'bg-icon-danger'
+        }
+    },
+    defaultVariants: {
+        size: 'md',
+        color: 'info'
+    }
+});
+export { indicatorVariants };

package/dist/components/Indicator/index.d.ts

@@ -0,0 +1 @@
+export { Indicator, type IndicatorProps } from './Indicator';

package/dist/components/Indicator/index.js

@@ -0,0 +1 @@
+export { Indicator } from "./Indicator.js";

package/dist/index.d.ts

@@ -38,6 +38,7 @@ export { Flex, type FlexProps } from './components/Flex';
 export { FormatDateTime, type FormatDateTimeProps } from './components/FormatDateTime';
 export { Heading, type HeadingProps } from './components/Heading';
 export { HTTP_METHOD_COLOR, HTTP_METHODS, HttpMethod, type HttpMethodName, type HttpMethodProps, } from './components/HttpMethod';
+export { Indicator, type IndicatorProps } from './components/Indicator';
 export { InlineEdit, type InlineEditActivationMode, type InlineEditContextValue, InlineEditControl, type InlineEditControlProps, InlineEditDate, type InlineEditDateProps, InlineEditDateTime, type InlineEditDateTimeProps, InlineEditError, type InlineEditErrorProps, InlineEditInput, type InlineEditInputProps, InlineEditNumber, type InlineEditNumberProps, InlineEditPreview, InlineEditPreviewIcon, type InlineEditPreviewIconProps, type InlineEditPreviewProps, InlineEditPreviewValue, type InlineEditPreviewValueProps, type InlineEditProps, InlineEditSelect, type InlineEditSelectProps, type InlineEditStatus, type InlineEditSubmitMode, InlineEditTextarea, type InlineEditTextareaProps, InlineEditTime, type InlineEditTimeProps, toCalendarDateValue, toReactAriaDateValue, useInlineEdit, useInlineEditSubmitMode, withMinuteGranularity, } from './components/InlineEdit';
 export { Input, type InputProps } from './components/Input';
 export { InputGroup, InputGroupAddon, InputGroupText, } from './components/InputGroup';

package/dist/index.js

@@ -27,6 +27,7 @@ export { Flex } from "./components/Flex/index.js";
 export { FormatDateTime } from "./components/FormatDateTime/index.js";
 export { Heading } from "./components/Heading/index.js";
 export { HTTP_METHODS, HTTP_METHOD_COLOR, HttpMethod } from "./components/HttpMethod/index.js";
+export { Indicator } from "./components/Indicator/index.js";
 export { InlineEdit, InlineEditControl, InlineEditDate, InlineEditDateTime, InlineEditError, InlineEditInput, InlineEditNumber, InlineEditPreview, InlineEditPreviewIcon, InlineEditPreviewValue, InlineEditSelect, InlineEditTextarea, InlineEditTime, toCalendarDateValue, toReactAriaDateValue, useInlineEdit, useInlineEditSubmitMode, withMinuteGranularity } from "./components/InlineEdit/index.js";
 export { Input } from "./components/Input/index.js";
 export { InputGroup, InputGroupAddon, InputGroupText } from "./components/InputGroup/index.js";

package/dist/metadata/components.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.1.0",
-  "generatedAt": "2026-08-20T18:48:17.251Z",
+  "version": "1.2.0",
+  "generatedAt": "2026-08-20T20:04:41.723Z",
   "components": [
     {
       "name": "Accordion",
@@ -31959,6 +31959,322 @@
         }
       ]
     },
+    {
+      "name": "Indicator",
+      "importPath": "@wallarm-org/design-system/Indicator",
+      "props": [
+        {
+          "name": "defaultChecked",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "defaultValue",
+          "type": "string | number | readonly string[] | undefined",
+          "required": false
+        },
+        {
+          "name": "suppressContentEditableWarning",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "suppressHydrationWarning",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "accessKey",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "autoCapitalize",
+          "type": "\"off\" | \"none\" | \"on\" | \"sentences\" | \"words\" | \"characters\" | (string & {}) | undefined",
+          "required": false
+        },
+        {
+          "name": "autoFocus",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "contentEditable",
+          "type": "Booleanish | \"inherit\" | \"plaintext-only\" | undefined",
+          "required": false
+        },
+        {
+          "name": "contextMenu",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "dir",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "draggable",
+          "type": "Booleanish | undefined",
+          "required": false
+        },
+        {
+          "name": "enterKeyHint",
+          "type": "\"enter\" | \"done\" | \"go\" | \"next\" | \"previous\" | \"search\" | \"send\" | undefined",
+          "required": false
+        },
+        {
+          "name": "hidden",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "id",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "lang",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "nonce",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "slot",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "spellCheck",
+          "type": "Booleanish | undefined",
+          "required": false
+        },
+        {
+          "name": "tabIndex",
+          "type": "number | undefined",
+          "required": false
+        },
+        {
+          "name": "title",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "translate",
+          "type": "\"yes\" | \"no\" | undefined",
+          "required": false
+        },
+        {
+          "name": "radioGroup",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "role",
+          "type": "AriaRole | undefined",
+          "required": false
+        },
+        {
+          "name": "about",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "content",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "datatype",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "inlist",
+          "type": "any",
+          "required": false
+        },
+        {
+          "name": "prefix",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "property",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "rel",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "resource",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "rev",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "typeof",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "vocab",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "autoCorrect",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "autoSave",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "color",
+          "type": "string | undefined",
+          "required": false,
+          "defaultValue": "info"
+        },
+        {
+          "name": "itemProp",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "itemScope",
+          "type": "boolean | undefined",
+          "required": false
+        },
+        {
+          "name": "itemType",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "itemID",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "itemRef",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "results",
+          "type": "number | undefined",
+          "required": false
+        },
+        {
+          "name": "security",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "unselectable",
+          "type": "\"off\" | \"on\" | undefined",
+          "required": false
+        },
+        {
+          "name": "popover",
+          "type": "\"\" | \"auto\" | \"manual\" | \"hint\" | undefined",
+          "required": false
+        },
+        {
+          "name": "popoverTargetAction",
+          "type": "\"toggle\" | \"show\" | \"hide\" | undefined",
+          "required": false
+        },
+        {
+          "name": "popoverTarget",
+          "type": "string | undefined",
+          "required": false
+        },
+        {
+          "name": "inert",
+          "type": "boolean | undefined",
+          "required": false,
+          "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/inert}"
+        },
+        {
+          "name": "inputMode",
+          "type": "\"none\" | \"search\" | \"text\" | \"tel\" | \"url\" | \"email\" | \"numeric\" | \"decimal\" | undefined",
+          "required": false,
+          "description": "Hints at the type of data that might be entered by the user while editing the element or its contents"
+        },
+        {
+          "name": "is",
+          "type": "string | undefined",
+          "required": false,
+          "description": "Specify that a standard HTML element should behave like a defined custom built-in element"
+        },
+        {
+          "name": "exportparts",
+          "type": "string | undefined",
+          "required": false,
+          "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/exportparts}"
+        },
+        {
+          "name": "part",
+          "type": "string | undefined",
+          "required": false,
+          "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
+        },
+        {
+          "name": "size",
+          "type": "{ sm: string; md: string; }",
+          "required": false,
+          "defaultValue": "md"
+        }
+      ],
+      "variants": [
+        {
+          "name": "size",
+          "options": [
+            "sm",
+            "md"
+          ],
+          "defaultValue": "md"
+        },
+        {
+          "name": "color",
+          "options": [
+            "info",
+            "brand",
+            "warning",
+            "success",
+            "ai",
+            "danger"
+          ],
+          "defaultValue": "info"
+        }
+      ],
+      "subComponents": [],
+      "examples": [
+        {
+          "name": "Basic",
+          "code": "({ ...args }) => <Indicator {...args} />"
+        },
+        {
+          "name": "AllVariants",
+          "code": "() => (\n  <VStack gap={12}>\n    <HStack align='center' gap={8}>\n      <Text size='sm'>sm</Text>\n      <Text size='sm'>md</Text>\n    </HStack>\n    {colors.map(color => (\n      <HStack key={color} align='center' gap={24}>\n        <Indicator size='sm' color={color} />\n        <Indicator size='md' color={color} />\n        <Text size='sm'>{color}</Text>\n      </HStack>\n    ))}\n  </VStack>\n)"
+        }
+      ]
+    },
     {
       "name": "InlineEdit",
       "importPath": "@wallarm-org/design-system/InlineEdit",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wallarm-org/design-system",
-  "version": "1.2.0-rc-fix-inline-edit-blur-commit.1",
+  "version": "1.3.0",
   "description": "Core design system library with React components and Storybook documentation",
   "publishConfig": {
     "access": "public",