@wallarm-org/design-system 1.8.0 → 1.9.0

package/dist/components/FilterInput/FilterInputField/FilterInputChip/FilterInputChip.d.ts

@@ -21,9 +21,11 @@ export interface FilterInputChipProps extends Omit<HTMLAttributes<HTMLDivElement
     /** When true, the chip cannot be edited or removed (dimmed appearance) */
     disabled?: boolean;
     /** Caps the applied value segment at this width (px), truncating with an
-     *  ellipsis; lifts the chip's default max-width so it grows to fit (AS-1064). */
+     *  ellipsis; lifts the chip's default max-width so it grows to fit. Defaults
+     *  to 500; a paired chip caps its whole width there instead (AS-1064). */
     valueMaxWidth?: number;
-    /** `'end'` places the caret at the end on value inline-edit; omit to select all (AS-1064). */
+    /** Caret placement on value inline-edit: `'end'` (default) puts it at the
+     *  tail — better for long values; pass explicitly to keep the API visible (AS-1064). */
     caretMode?: 'end';
     /** Second paired triplet (two-step fields). The paired attribute is fixed. */
     pair?: FilterInputChipData['pair'];

package/dist/components/FilterInput/FilterInputField/FilterInputChip/FilterInputChip.js

@@ -9,7 +9,7 @@ import { FilterInputRemoveButton } from "./FilterInputRemoveButton.js";
 import { PairSeparator } from "./PairSeparator.js";
 import { Segment } from "./Segment.js";
 import { SEGMENT_VARIANT } from "./segmentVariant.js";
-const FilterInputChip = ({ ref, chipId, attribute, attributeDescription, operator, value, error = false, valueParts, valueSeparator, errorValueIndices, building = false, disabled = false, valueMaxWidth, caretMode, pair, onRemove, onSegmentClick, onPairSegmentClick, className, style, ...props })=>{
+const FilterInputChip = ({ ref, chipId, attribute, attributeDescription, operator, value, error = false, valueParts, valueSeparator, errorValueIndices, building = false, disabled = false, valueMaxWidth = 500, caretMode = 'end', pair, onRemove, onSegmentClick, onPairSegmentClick, className, style, ...props })=>{
     const interactive = !disabled;
     const internalRef = useRef(null);
     const editing = useEditingContext();
@@ -74,11 +74,14 @@ const FilterInputChip = ({ ref, chipId, attribute, attributeDescription, operato
             interactive,
             disabled,
             building
-        }), pair ? 'max-w-[380px]' : 'max-w-[320px]', className),
-        style: valueMaxWidth && !pair ? {
+        }), pair ? void 0 : 'max-w-[320px]', className),
+        style: pair ? {
+            maxWidth: valueMaxWidth,
+            ...style
+        } : {
             maxWidth: 'none',
             ...style
-        } : style,
+        },
         "data-slot": "filter-input-condition-chip",
         ...building && {
             'data-building': ''
@@ -144,6 +147,8 @@ const FilterInputChip = ({ ref, chipId, attribute, attributeDescription, operato
                         variant: SEGMENT_VARIANT.value,
                         className: pair.value ? 'min-w-0' : emptyValueHitTarget,
                         error: pairActiveSegment !== SEGMENT_VARIANT.value && (true === effectivePairError || effectivePairError === SEGMENT_VARIANT.value),
+                        caretMode: caretMode,
+                        valueMaxWidth: valueMaxWidth,
                         onClick: interactive ? (e)=>handlePairSegmentClick('value', e) : void 0,
                         ...segmentEditProps(SEGMENT_VARIANT.value, 1),
                         children: pair.value ?? ''

package/dist/metadata/components.json

@@ -1,6 +1,6 @@
 {
-  "version": "1.7.0",
-  "generatedAt": "2026-08-26T12:08:30.982Z",
+  "version": "1.8.0",
+  "generatedAt": "2026-08-26T13:19:26.738Z",
   "components": [
     {
       "name": "Accordion",
@@ -30385,13 +30385,13 @@
               "name": "valueMaxWidth",
               "type": "number | undefined",
               "required": false,
-              "description": "Caps the applied value segment at this width (px), truncating with an\n ellipsis; lifts the chip's default max-width so it grows to fit (AS-1064)."
+              "description": "Caps the applied value segment at this width (px), truncating with an\n ellipsis; lifts the chip's default max-width so it grows to fit. Defaults\n to 500; a paired chip caps its whole width there instead (AS-1064)."
             },
             {
               "name": "caretMode",
               "type": "\"end\" | undefined",
               "required": false,
-              "description": "`'end'` places the caret at the end on value inline-edit; omit to select all (AS-1064)."
+              "description": "Caret placement on value inline-edit: `'end'` (default) puts it at the\n tail — better for long values; pass explicitly to keep the API visible (AS-1064)."
             },
             {
               "name": "pair",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wallarm-org/design-system",
-  "version": "1.8.0",
+  "version": "1.9.0",
   "description": "Core design system library with React components and Storybook documentation",
   "publishConfig": {
     "access": "public",