@wallarm-org/design-system 0.4.1-rc-fix-table-width.3 → 0.4.1-rc-fix-table-width.4

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

@@ -1,6 +1,7 @@
 import type { FC, HTMLAttributes, Ref } from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const flexVariants: (props?: ({
+    inline?: boolean | null | undefined;
     direction?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;
     align?: "end" | "baseline" | "start" | "center" | "stretch" | null | undefined;
     justify?: "end" | "start" | "center" | "between" | "around" | "evenly" | null | undefined;

package/dist/components/Flex/Flex.js

@@ -2,8 +2,12 @@ import { jsx } from "react/jsx-runtime";
 import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "../../utils/cn.js";
-const flexVariants = cva('flex', {
+const flexVariants = cva('', {
     variants: {
+        inline: {
+            true: 'inline-flex',
+            false: 'flex'
+        },
         direction: {
             row: 'flex-row',
             column: 'flex-col',
@@ -98,10 +102,11 @@ const flexVariants = cva('flex', {
         }
     }
 });
-const Flex = ({ direction = 'row', align = 'stretch', justify = 'start', wrap = 'nowrap', gap, grow, shrink, basis, fullWidth, asChild = false, children, ...props })=>{
+const Flex = ({ inline = false, direction = 'row', align = 'stretch', justify = 'start', wrap = 'nowrap', gap, grow, shrink, basis, fullWidth, asChild = false, children, ...props })=>{
     const Comp = asChild ? Slot : 'div';
     return /*#__PURE__*/ jsx(Comp, {
         className: cn(flexVariants({
+            inline,
             direction,
             align,
             justify,

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

@@ -1,11 +1,14 @@
 import type { FC, HTMLAttributes, Ref } from 'react';
 import { type VariantProps } from 'class-variance-authority';
 declare const stackVariants: (props?: ({
+    inline?: boolean | null | undefined;
     direction?: "row" | "column" | "row-reverse" | "column-reverse" | null | undefined;
     align?: "end" | "baseline" | "start" | "center" | "stretch" | null | undefined;
     justify?: "end" | "start" | "center" | "between" | "around" | "evenly" | null | undefined;
     wrap?: "reverse" | "wrap" | "nowrap" | null | undefined;
+    fullWidth?: boolean | null | undefined;
     flexGrow?: boolean | null | undefined;
+    flexShrink?: boolean | null | undefined;
     spacing?: 0 | 1 | 2 | 4 | 6 | 8 | 12 | 16 | 20 | 32 | 24 | 28 | 36 | 40 | 44 | 48 | 56 | 64 | 80 | 96 | 112 | 128 | 144 | null | undefined;
 } & import("class-variance-authority/types").ClassProp) | undefined) => string;
 type StackNativeProps = Omit<HTMLAttributes<HTMLDivElement>, 'className'>;

package/dist/components/Stack/Stack.js

@@ -4,8 +4,12 @@ import { Slot } from "@radix-ui/react-slot";
 import { cva } from "class-variance-authority";
 import { cn } from "../../utils/cn.js";
 import { getValidChildren } from "./utils.js";
-const stackVariants = cva('flex w-full', {
+const stackVariants = cva('', {
     variants: {
+        inline: {
+            true: 'inline-flex',
+            false: 'flex'
+        },
         direction: {
             row: 'flex-row',
             column: 'flex-col',
@@ -32,9 +36,16 @@ const stackVariants = cva('flex w-full', {
             nowrap: 'flex-nowrap',
             reverse: 'flex-wrap-reverse'
         },
+        fullWidth: {
+            true: 'w-full'
+        },
         flexGrow: {
             true: 'flex-1'
         },
+        flexShrink: {
+            true: 'shrink',
+            false: 'shrink-0'
+        },
         spacing: {
             0: '',
             1: 'gap-1',
@@ -62,7 +73,7 @@ const stackVariants = cva('flex w-full', {
         }
     }
 });
-const Stack = ({ direction = 'column', align = 'stretch', justify = 'start', wrap = 'nowrap', spacing = 4, flexGrow = true, asChild = false, children, ...props })=>{
+const Stack = ({ inline = false, direction = 'column', align = 'stretch', justify = 'start', wrap = 'nowrap', spacing = 4, fullWidth, flexGrow, flexShrink, asChild = false, children, ...props })=>{
     const clones = useMemo(()=>getValidChildren(children).map((child, index)=>{
             const key = void 0 !== child.key ? child.key : index;
             return /*#__PURE__*/ jsx(Fragment, {
@@ -75,12 +86,15 @@ const Stack = ({ direction = 'column', align = 'stretch', justify = 'start', wra
     return /*#__PURE__*/ jsx(Comp, {
         ...props,
         className: cn(stackVariants({
+            inline,
             direction,
             align,
             justify,
             wrap,
             spacing,
-            flexGrow
+            fullWidth,
+            flexGrow,
+            flexShrink
         })),
         children: clones
     });

package/dist/metadata/components.json

@@ -1,6 +1,6 @@
 {
   "version": "0.4.0",
-  "generatedAt": "2026-02-25T07:22:20.037Z",
+  "generatedAt": "2026-02-25T08:18:55.707Z",
   "components": [
     {
       "name": "Alert",
@@ -9363,6 +9363,12 @@
           "required": false,
           "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
         },
+        {
+          "name": "inline",
+          "type": "{ true: string; false: string; }",
+          "required": false,
+          "defaultValue": "false"
+        },
         {
           "name": "direction",
           "type": "{ row: string; column: string; 'row-reverse': string; 'column-reverse': string; }",
@@ -9420,6 +9426,13 @@
         }
       ],
       "variants": [
+        {
+          "name": "inline",
+          "options": [
+            "true",
+            "false"
+          ]
+        },
         {
           "name": "direction",
           "options": [
@@ -16317,6 +16330,12 @@
           "required": false,
           "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
         },
+        {
+          "name": "inline",
+          "type": "{ true: string; false: string; }",
+          "required": false,
+          "defaultValue": "false"
+        },
         {
           "name": "direction",
           "type": "{ row: string; column: string; 'row-reverse': string; 'column-reverse': string; }",
@@ -16341,11 +16360,20 @@
           "required": false,
           "defaultValue": "nowrap"
         },
+        {
+          "name": "fullWidth",
+          "type": "{ true: string; }",
+          "required": false
+        },
         {
           "name": "flexGrow",
           "type": "{ true: string; }",
-          "required": false,
-          "defaultValue": "true"
+          "required": false
+        },
+        {
+          "name": "flexShrink",
+          "type": "{ true: string; false: string; }",
+          "required": false
         },
         {
           "name": "spacing",
@@ -16361,6 +16389,13 @@
         }
       ],
       "variants": [
+        {
+          "name": "inline",
+          "options": [
+            "true",
+            "false"
+          ]
+        },
         {
           "name": "direction",
           "options": [
@@ -16399,12 +16434,25 @@
             "reverse"
           ]
         },
+        {
+          "name": "fullWidth",
+          "options": [
+            "true"
+          ]
+        },
         {
           "name": "flexGrow",
           "options": [
             "true"
           ]
         },
+        {
+          "name": "flexShrink",
+          "options": [
+            "true",
+            "false"
+          ]
+        },
         {
           "name": "spacing",
           "options": [
@@ -16708,6 +16756,11 @@
               "required": false,
               "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
             },
+            {
+              "name": "inline",
+              "type": "{ true: string; false: string; }",
+              "required": false
+            },
             {
               "name": "align",
               "type": "{ start: string; center: string; end: string; stretch: string; baseline: string; }",
@@ -16725,11 +16778,21 @@
               "type": "{ wrap: string; nowrap: string; reverse: string; }",
               "required": false
             },
+            {
+              "name": "fullWidth",
+              "type": "{ true: string; }",
+              "required": false
+            },
             {
               "name": "flexGrow",
               "type": "{ true: string; }",
               "required": false
             },
+            {
+              "name": "flexShrink",
+              "type": "{ true: string; false: string; }",
+              "required": false
+            },
             {
               "name": "spacing",
               "type": "complex",
@@ -17015,6 +17078,11 @@
               "required": false,
               "description": "@see {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/part}"
             },
+            {
+              "name": "inline",
+              "type": "{ true: string; false: string; }",
+              "required": false
+            },
             {
               "name": "align",
               "type": "{ start: string; center: string; end: string; stretch: string; baseline: string; }",
@@ -17031,11 +17099,21 @@
               "type": "{ wrap: string; nowrap: string; reverse: string; }",
               "required": false
             },
+            {
+              "name": "fullWidth",
+              "type": "{ true: string; }",
+              "required": false
+            },
             {
               "name": "flexGrow",
               "type": "{ true: string; }",
               "required": false
             },
+            {
+              "name": "flexShrink",
+              "type": "{ true: string; false: string; }",
+              "required": false
+            },
             {
               "name": "spacing",
               "type": "complex",
@@ -17069,6 +17147,10 @@
         {
           "name": "Wrap",
           "code": "({ ...args }) => (\n  <Flex direction='column'>\n    <Heading>Wrap enabled (width: 12rem)</Heading>\n    <HStack {...args} spacing={2} wrap='wrap'>\n      {new Array(40).fill(null).map((_, index) => {\n        const key = `${index + 1}`;\n\n        return <Box key={key}>{key}</Box>;\n      })}\n    </HStack>\n  </Flex>\n)"
+        },
+        {
+          "name": "FlexBehavior",
+          "code": "({ ...args }) => (\n  <Flex direction='column' gap={8}>\n    <Flex direction='column'>\n      <Heading>Default (no grow, no full width)</Heading>\n      <HStack {...args} spacing={4}>\n        <Box>A</Box>\n        <Box>B</Box>\n        <Box>C</Box>\n      </HStack>\n    </Flex>\n\n    <Flex direction='column'>\n      <Heading>fullWidth</Heading>\n      <HStack {...args} spacing={4} fullWidth>\n        <Box>A</Box>\n        <Box>B</Box>\n        <Box>C</Box>\n      </HStack>\n    </Flex>\n\n    <Flex direction='column'>\n      <Heading>flexGrow</Heading>\n      <HStack>\n        <VStack {...args} spacing={4} flexGrow>\n          <Box>A</Box>\n          <Box>B</Box>\n        </VStack>\n        <VStack {...args} spacing={4}>\n          <Box>C</Box>\n        </VStack>\n      </HStack>\n    </Flex>\n\n    <Flex direction='column'>\n      <Heading>flexShrink=false (no shrink)</Heading>\n      <div className='w-48 overflow-hidden border border-gray-300 rounded'>\n        <HStack {...args} spacing={4} flexShrink={false}>\n          <Box>A</Box>\n          <Box>B</Box>\n          <Box>C</Box>\n          <Box>D</Box>\n          <Box>E</Box>\n        </HStack>\n      </div>\n    </Flex>\n  </Flex>\n)"
         }
       ]
     },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@wallarm-org/design-system",
-  "version": "0.4.1-rc-fix-table-width.3",
+  "version": "0.4.1-rc-fix-table-width.4",
   "description": "Core design system library with React components and Storybook documentation",
   "publishConfig": {
     "access": "public",