@pine-ds/core 3.5.1 → 3.6.0

package/dist/types/components.d.ts

@@ -37,6 +37,11 @@ export namespace Components {
           * Whether the modal is open
          */
         "open": boolean;
+        /**
+          * Whether the modal content should be scrollable
+          * @default true
+         */
+        "scrollable": boolean;
         /**
           * Shows the modal
          */
@@ -126,18 +131,83 @@ export namespace Components {
     interface PdsBox {
         /**
           * Defines how items within the box are aligned.
-          * @defaultValue start
+          * @defaultValue stretch
          */
         "alignItems"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how items within the box are aligned at the LG breakpoint.
+          * @defaultValue stretch
+         */
+        "alignItemsLg"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how items within the box are aligned at the MD breakpoint.
+          * @defaultValue stretch
+         */
+        "alignItemsMd"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how items within the box are aligned at the SM breakpoint.
+          * @defaultValue stretch
+         */
+        "alignItemsSm"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how items within the box are aligned at the XL breakpoint.
+          * @defaultValue stretch
+         */
+        "alignItemsXl"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how items within the box are aligned at the XS breakpoint.
+          * @defaultValue stretch
+         */
+        "alignItemsXs"?: `start` | `center` | `end` | `baseline` | `stretch`;
         /**
           * Defines how the box is aligned within its container.
-          * @defaultValue start
+          * @defaultValue stretch
          */
         "alignSelf"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how the box is aligned within its container at the LG breakpoint.
+         */
+        "alignSelfLg"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how the box is aligned within its container at the MD breakpoint.
+         */
+        "alignSelfMd"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how the box is aligned within its container at the SM breakpoint.
+         */
+        "alignSelfSm"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how the box is aligned within its container at the XL breakpoint.
+         */
+        "alignSelfXl"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how the box is aligned within its container at the XS breakpoint.
+         */
+        "alignSelfXs"?: `start` | `center` | `end` | `baseline` | `stretch`;
         /**
           * If `true`, the box will be sized to fit its contents.
          */
         "auto"?: boolean;
+        /**
+          * If `true`, the box will be sized to fit its contents at the LG breakpoint.
+         */
+        "autoLg"?: boolean;
+        /**
+          * If `true`, the box will be sized to fit its contents at the MD breakpoint.
+         */
+        "autoMd"?: boolean;
+        /**
+          * If `true`, the box will be sized to fit its contents at the SM breakpoint.
+         */
+        "autoSm"?: boolean;
+        /**
+          * If `true`, the box will be sized to fit its contents at the XL breakpoint.
+         */
+        "autoXl"?: boolean;
+        /**
+          * If `true`, the box will be sized to fit its contents at the XS breakpoint.
+         */
+        "autoXs"?: boolean;
         /**
           * Defines the background-color of the box.
          */
@@ -169,6 +239,26 @@ export namespace Components {
           * If `true`, sets the box `max-width` to `100%`.
          */
         "fit"?: boolean;
+        /**
+          * If `true`, sets the box `max-width` to `100%` at the LG breakpoint.
+         */
+        "fitLg"?: boolean;
+        /**
+          * If `true`, sets the box `max-width` to `100%` at the MD breakpoint.
+         */
+        "fitMd"?: boolean;
+        /**
+          * If `true`, sets the box `max-width` to `100%` at the SM breakpoint.
+         */
+        "fitSm"?: boolean;
+        /**
+          * If `true`, sets the box `max-width` to `100%` at the XL breakpoint.
+         */
+        "fitXl"?: boolean;
+        /**
+          * If `true`, sets the box `max-width` to `100%` at the XS breakpoint.
+         */
+        "fitXs"?: boolean;
         /**
           * Defines how a box will grow or shrink to fit the space available in its container. Can be a predefined value ('none', 'grow', 'shrink') or a custom flex value (e.g., '1', '0 1 auto').
           * @defaultValue none
@@ -179,31 +269,181 @@ export namespace Components {
           * @defaultValue none
          */
         "gap"?: BoxTShirtSizeType;
+        /**
+          * Defines the spacing between the box items at the LG breakpoint.
+          * @defaultValue none
+         */
+        "gapLg"?: BoxTShirtSizeType;
+        /**
+          * Defines the spacing between the box items at the MD breakpoint.
+          * @defaultValue none
+         */
+        "gapMd"?: BoxTShirtSizeType;
+        /**
+          * Defines the spacing between the box items at the SM breakpoint.
+          * @defaultValue none
+         */
+        "gapSm"?: BoxTShirtSizeType;
+        /**
+          * Defines the spacing between the box items at the XL breakpoint.
+          * @defaultValue none
+         */
+        "gapXl"?: BoxTShirtSizeType;
+        /**
+          * Defines the spacing between the box items at the XS breakpoint.
+          * @defaultValue none
+         */
+        "gapXs"?: BoxTShirtSizeType;
         /**
           * Defines the horizontal alignment of the box items.
           * @defaultValue start
          */
-        "justifyContent"?: `start` | `center` | `end` | `space-between` | `space-around`;
+        "justifyContent"?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;
+        /**
+          * Defines the horizontal alignment of the box items at the LG breakpoint.
+          * @defaultValue start
+         */
+        "justifyContentLg"?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;
+        /**
+          * Defines the horizontal alignment of the box items at the MD breakpoint.
+          * @defaultValue start
+         */
+        "justifyContentMd"?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;
+        /**
+          * Defines the horizontal alignment of the box items at the SM breakpoint.
+          * @defaultValue start
+         */
+        "justifyContentSm"?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;
+        /**
+          * Defines the horizontal alignment of the box items at the XL breakpoint.
+          * @defaultValue start
+         */
+        "justifyContentXl"?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;
+        /**
+          * Defines the horizontal alignment of the box items at the XS breakpoint.
+          * @defaultValue start
+         */
+        "justifyContentXs"?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;
         /**
           * Defines the box's outer bottom spacing.
           * @defaultValue none
          */
         "marginBlockEnd"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer bottom spacing at the LG breakpoint.
+          * @defaultValue none
+         */
+        "marginBlockEndLg"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer bottom spacing at the MD breakpoint.
+          * @defaultValue none
+         */
+        "marginBlockEndMd"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer bottom spacing at the SM breakpoint.
+          * @defaultValue none
+         */
+        "marginBlockEndSm"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer bottom spacing at the XL breakpoint.
+          * @defaultValue none
+         */
+        "marginBlockEndXl"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer bottom spacing at the XS breakpoint.
+          * @defaultValue none
+         */
+        "marginBlockEndXs"?: BoxTShirtSizeType;
         /**
           * Defines the box's outer top spacing.
           * @defaultValue none
          */
         "marginBlockStart"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer top spacing at the LG breakpoint.
+          * @defaultValue none
+         */
+        "marginBlockStartLg"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer top spacing at the MD breakpoint.
+          * @defaultValue none
+         */
+        "marginBlockStartMd"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer top spacing at the SM breakpoint.
+          * @defaultValue none
+         */
+        "marginBlockStartSm"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer top spacing at the XL breakpoint.
+          * @defaultValue none
+         */
+        "marginBlockStartXl"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer top spacing at the XS breakpoint.
+          * @defaultValue none
+         */
+        "marginBlockStartXs"?: BoxTShirtSizeType;
         /**
           * Defines the box's outer right spacing.
           * @defaultValue none
          */
         "marginInlineEnd"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer right spacing at the LG breakpoint.
+          * @defaultValue none
+         */
+        "marginInlineEndLg"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer right spacing at the MD breakpoint.
+          * @defaultValue none
+         */
+        "marginInlineEndMd"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer right spacing at the SM breakpoint.
+          * @defaultValue none
+         */
+        "marginInlineEndSm"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer right spacing at the XL breakpoint.
+          * @defaultValue none
+         */
+        "marginInlineEndXl"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer right spacing at the XS breakpoint.
+          * @defaultValue none
+         */
+        "marginInlineEndXs"?: BoxTShirtSizeType;
         /**
           * Defines the box's outer left spacing.
           * @defaultValue none
          */
         "marginInlineStart"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer left spacing at the LG breakpoint.
+          * @defaultValue none
+         */
+        "marginInlineStartLg"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer left spacing at the MD breakpoint.
+          * @defaultValue none
+         */
+        "marginInlineStartMd"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer left spacing at the SM breakpoint.
+          * @defaultValue none
+         */
+        "marginInlineStartSm"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer left spacing at the XL breakpoint.
+          * @defaultValue none
+         */
+        "marginInlineStartXl"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer left spacing at the XS breakpoint.
+          * @defaultValue none
+         */
+        "marginInlineStartXs"?: BoxTShirtSizeType;
         /**
           * The minimum height of the row. Used in conjunction with alignment props
          */
@@ -246,21 +486,146 @@ export namespace Components {
           * @defaultValue none
          */
         "paddingBlockEnd"?: BoxTShirtSizeType;
+        /**
+          * Defines the bottom spacing at the LG breakpoint.
+          * @defaultValue none
+         */
+        "paddingBlockEndLg"?: BoxTShirtSizeType;
+        /**
+          * Defines the bottom spacing at the MD breakpoint.
+          * @defaultValue none
+         */
+        "paddingBlockEndMd"?: BoxTShirtSizeType;
+        /**
+          * Defines the bottom spacing at the SM breakpoint.
+          * @defaultValue none
+         */
+        "paddingBlockEndSm"?: BoxTShirtSizeType;
+        /**
+          * Defines the bottom spacing at the XL breakpoint.
+          * @defaultValue none
+         */
+        "paddingBlockEndXl"?: BoxTShirtSizeType;
+        /**
+          * Defines the bottom spacing at the XS breakpoint.
+          * @defaultValue none
+         */
+        "paddingBlockEndXs"?: BoxTShirtSizeType;
         /**
           * Defines the top spacing.
           * @defaultValue none
          */
         "paddingBlockStart"?: BoxTShirtSizeType;
+        /**
+          * Defines the top spacing at the LG breakpoint.
+          * @defaultValue none
+         */
+        "paddingBlockStartLg"?: BoxTShirtSizeType;
+        /**
+          * Defines the top spacing at the MD breakpoint.
+          * @defaultValue none
+         */
+        "paddingBlockStartMd"?: BoxTShirtSizeType;
+        /**
+          * Defines the top spacing at the SM breakpoint.
+          * @defaultValue none
+         */
+        "paddingBlockStartSm"?: BoxTShirtSizeType;
+        /**
+          * Defines the top spacing at the XL breakpoint.
+          * @defaultValue none
+         */
+        "paddingBlockStartXl"?: BoxTShirtSizeType;
+        /**
+          * Defines the top spacing at the XS breakpoint.
+          * @defaultValue none
+         */
+        "paddingBlockStartXs"?: BoxTShirtSizeType;
         /**
           * Defines the right spacing.
           * @defaultValue none
          */
         "paddingInlineEnd"?: BoxTShirtSizeType;
+        /**
+          * Defines the right spacing at the LG breakpoint.
+          * @defaultValue none
+         */
+        "paddingInlineEndLg"?: BoxTShirtSizeType;
+        /**
+          * Defines the right spacing at the MD breakpoint.
+          * @defaultValue none
+         */
+        "paddingInlineEndMd"?: BoxTShirtSizeType;
+        /**
+          * Defines the right spacing at the SM breakpoint.
+          * @defaultValue none
+         */
+        "paddingInlineEndSm"?: BoxTShirtSizeType;
+        /**
+          * Defines the right spacing at the XL breakpoint.
+          * @defaultValue none
+         */
+        "paddingInlineEndXl"?: BoxTShirtSizeType;
+        /**
+          * Defines the right spacing at the XS breakpoint.
+          * @defaultValue none
+         */
+        "paddingInlineEndXs"?: BoxTShirtSizeType;
         /**
           * Defines the left spacing.
           * @defaultValue none
          */
         "paddingInlineStart"?: BoxTShirtSizeType;
+        /**
+          * Defines the left spacing at the LG breakpoint.
+          * @defaultValue none
+         */
+        "paddingInlineStartLg"?: BoxTShirtSizeType;
+        /**
+          * Defines the left spacing at the MD breakpoint.
+          * @defaultValue none
+         */
+        "paddingInlineStartMd"?: BoxTShirtSizeType;
+        /**
+          * Defines the left spacing at the SM breakpoint.
+          * @defaultValue none
+         */
+        "paddingInlineStartSm"?: BoxTShirtSizeType;
+        /**
+          * Defines the left spacing at the XL breakpoint.
+          * @defaultValue none
+         */
+        "paddingInlineStartXl"?: BoxTShirtSizeType;
+        /**
+          * Defines the left spacing at the XS breakpoint.
+          * @defaultValue none
+         */
+        "paddingInlineStartXs"?: BoxTShirtSizeType;
+        /**
+          * Defines the spacing between the box items at the LG breakpoint.
+          * @defaultValue none
+         */
+        "paddingLg"?: BoxTShirtSizeType;
+        /**
+          * Defines the spacing between the box items at the MD breakpoint.
+          * @defaultValue none
+         */
+        "paddingMd"?: BoxTShirtSizeType;
+        /**
+          * Defines the spacing between the box items at the SM breakpoint.
+          * @defaultValue none
+         */
+        "paddingSm"?: BoxTShirtSizeType;
+        /**
+          * Defines the spacing between the box items at the XL breakpoint.
+          * @defaultValue none
+         */
+        "paddingXl"?: BoxTShirtSizeType;
+        /**
+          * Defines the spacing between the box items at the XS breakpoint.
+          * @defaultValue none
+         */
+        "paddingXs"?: BoxTShirtSizeType;
         /**
           * Defines the box shadow.
           * @defaultValue none
@@ -295,6 +660,31 @@ export namespace Components {
           * @defaultValue false
          */
         "wrap"?: boolean;
+        /**
+          * Defines whether flex items can wrap onto multiple lines at the LG breakpoint.
+          * @defaultValue false
+         */
+        "wrapLg"?: boolean;
+        /**
+          * Defines whether flex items can wrap onto multiple lines at the MD breakpoint.
+          * @defaultValue false
+         */
+        "wrapMd"?: boolean;
+        /**
+          * Defines whether flex items can wrap onto multiple lines at the SM breakpoint.
+          * @defaultValue false
+         */
+        "wrapSm"?: boolean;
+        /**
+          * Defines whether flex items can wrap onto multiple lines at the XL breakpoint.
+          * @defaultValue false
+         */
+        "wrapXl"?: boolean;
+        /**
+          * Defines whether flex items can wrap onto multiple lines at the XS breakpoint.
+          * @defaultValue false
+         */
+        "wrapXs"?: boolean;
     }
     interface PdsButton {
         /**
@@ -798,6 +1188,11 @@ export namespace Components {
           * @default false
          */
         "open": boolean;
+        /**
+          * Whether the modal content should be scrollable
+          * @default true
+         */
+        "scrollable": boolean;
         /**
           * Opens the modal
          */
@@ -810,7 +1205,7 @@ export namespace Components {
     }
     interface PdsModalContent {
         /**
-          * The border style for the content area. Automatically set based on available space of the modal content.
+          * The border style for the content area. When not explicitly set, automatically determined based on scroll state.
           * @default 'none'
          */
         "border": 'none' | 'both' | 'top' | 'bottom';
@@ -952,6 +1347,14 @@ export namespace Components {
           * Defines the spacing between the row items.
          */
         "colGap"?: BoxTShirtSizeType | null;
+        /**
+          * Defines the spacing between the row items vertically.
+         */
+        "colGapBlock"?: BoxTShirtSizeType | null;
+        /**
+          * Defines the spacing between the row items horizontally.
+         */
+        "colGapInline"?: BoxTShirtSizeType | null;
         /**
           * A unique identifier used for the underlying component `id` attribute.
          */
@@ -1318,6 +1721,10 @@ export namespace Components {
           * Text to be displayed as the textarea label.
          */
         "label"?: string;
+        /**
+          * Specifies the maximum number of characters allowed in the textarea. When set, displays a character counter.
+         */
+        "maxLength"?: number;
         /**
           * Specifies the name. Submitted with the form name/value pair. This value will mirror the componentId.
          */
@@ -2091,6 +2498,11 @@ declare namespace LocalJSX {
           * Whether the modal is open
          */
         "open"?: boolean;
+        /**
+          * Whether the modal content should be scrollable
+          * @default true
+         */
+        "scrollable"?: boolean;
         /**
           * The size of the modal
          */
@@ -2180,18 +2592,83 @@ declare namespace LocalJSX {
     interface PdsBox {
         /**
           * Defines how items within the box are aligned.
-          * @defaultValue start
+          * @defaultValue stretch
          */
         "alignItems"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how items within the box are aligned at the LG breakpoint.
+          * @defaultValue stretch
+         */
+        "alignItemsLg"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how items within the box are aligned at the MD breakpoint.
+          * @defaultValue stretch
+         */
+        "alignItemsMd"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how items within the box are aligned at the SM breakpoint.
+          * @defaultValue stretch
+         */
+        "alignItemsSm"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how items within the box are aligned at the XL breakpoint.
+          * @defaultValue stretch
+         */
+        "alignItemsXl"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how items within the box are aligned at the XS breakpoint.
+          * @defaultValue stretch
+         */
+        "alignItemsXs"?: `start` | `center` | `end` | `baseline` | `stretch`;
         /**
           * Defines how the box is aligned within its container.
-          * @defaultValue start
+          * @defaultValue stretch
          */
         "alignSelf"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how the box is aligned within its container at the LG breakpoint.
+         */
+        "alignSelfLg"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how the box is aligned within its container at the MD breakpoint.
+         */
+        "alignSelfMd"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how the box is aligned within its container at the SM breakpoint.
+         */
+        "alignSelfSm"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how the box is aligned within its container at the XL breakpoint.
+         */
+        "alignSelfXl"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how the box is aligned within its container at the XS breakpoint.
+         */
+        "alignSelfXs"?: `start` | `center` | `end` | `baseline` | `stretch`;
         /**
           * If `true`, the box will be sized to fit its contents.
          */
         "auto"?: boolean;
+        /**
+          * If `true`, the box will be sized to fit its contents at the LG breakpoint.
+         */
+        "autoLg"?: boolean;
+        /**
+          * If `true`, the box will be sized to fit its contents at the MD breakpoint.
+         */
+        "autoMd"?: boolean;
+        /**
+          * If `true`, the box will be sized to fit its contents at the SM breakpoint.
+         */
+        "autoSm"?: boolean;
+        /**
+          * If `true`, the box will be sized to fit its contents at the XL breakpoint.
+         */
+        "autoXl"?: boolean;
+        /**
+          * If `true`, the box will be sized to fit its contents at the XS breakpoint.
+         */
+        "autoXs"?: boolean;
         /**
           * Defines the background-color of the box.
          */
@@ -2223,6 +2700,26 @@ declare namespace LocalJSX {
           * If `true`, sets the box `max-width` to `100%`.
          */
         "fit"?: boolean;
+        /**
+          * If `true`, sets the box `max-width` to `100%` at the LG breakpoint.
+         */
+        "fitLg"?: boolean;
+        /**
+          * If `true`, sets the box `max-width` to `100%` at the MD breakpoint.
+         */
+        "fitMd"?: boolean;
+        /**
+          * If `true`, sets the box `max-width` to `100%` at the SM breakpoint.
+         */
+        "fitSm"?: boolean;
+        /**
+          * If `true`, sets the box `max-width` to `100%` at the XL breakpoint.
+         */
+        "fitXl"?: boolean;
+        /**
+          * If `true`, sets the box `max-width` to `100%` at the XS breakpoint.
+         */
+        "fitXs"?: boolean;
         /**
           * Defines how a box will grow or shrink to fit the space available in its container. Can be a predefined value ('none', 'grow', 'shrink') or a custom flex value (e.g., '1', '0 1 auto').
           * @defaultValue none
@@ -2233,31 +2730,181 @@ declare namespace LocalJSX {
           * @defaultValue none
          */
         "gap"?: BoxTShirtSizeType;
+        /**
+          * Defines the spacing between the box items at the LG breakpoint.
+          * @defaultValue none
+         */
+        "gapLg"?: BoxTShirtSizeType;
+        /**
+          * Defines the spacing between the box items at the MD breakpoint.
+          * @defaultValue none
+         */
+        "gapMd"?: BoxTShirtSizeType;
+        /**
+          * Defines the spacing between the box items at the SM breakpoint.
+          * @defaultValue none
+         */
+        "gapSm"?: BoxTShirtSizeType;
+        /**
+          * Defines the spacing between the box items at the XL breakpoint.
+          * @defaultValue none
+         */
+        "gapXl"?: BoxTShirtSizeType;
+        /**
+          * Defines the spacing between the box items at the XS breakpoint.
+          * @defaultValue none
+         */
+        "gapXs"?: BoxTShirtSizeType;
         /**
           * Defines the horizontal alignment of the box items.
           * @defaultValue start
          */
-        "justifyContent"?: `start` | `center` | `end` | `space-between` | `space-around`;
+        "justifyContent"?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;
+        /**
+          * Defines the horizontal alignment of the box items at the LG breakpoint.
+          * @defaultValue start
+         */
+        "justifyContentLg"?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;
+        /**
+          * Defines the horizontal alignment of the box items at the MD breakpoint.
+          * @defaultValue start
+         */
+        "justifyContentMd"?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;
+        /**
+          * Defines the horizontal alignment of the box items at the SM breakpoint.
+          * @defaultValue start
+         */
+        "justifyContentSm"?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;
+        /**
+          * Defines the horizontal alignment of the box items at the XL breakpoint.
+          * @defaultValue start
+         */
+        "justifyContentXl"?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;
+        /**
+          * Defines the horizontal alignment of the box items at the XS breakpoint.
+          * @defaultValue start
+         */
+        "justifyContentXs"?: `start` | `center` | `end` | `space-between` | `space-around` | `space-evenly`;
         /**
           * Defines the box's outer bottom spacing.
           * @defaultValue none
          */
         "marginBlockEnd"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer bottom spacing at the LG breakpoint.
+          * @defaultValue none
+         */
+        "marginBlockEndLg"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer bottom spacing at the MD breakpoint.
+          * @defaultValue none
+         */
+        "marginBlockEndMd"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer bottom spacing at the SM breakpoint.
+          * @defaultValue none
+         */
+        "marginBlockEndSm"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer bottom spacing at the XL breakpoint.
+          * @defaultValue none
+         */
+        "marginBlockEndXl"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer bottom spacing at the XS breakpoint.
+          * @defaultValue none
+         */
+        "marginBlockEndXs"?: BoxTShirtSizeType;
         /**
           * Defines the box's outer top spacing.
           * @defaultValue none
          */
         "marginBlockStart"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer top spacing at the LG breakpoint.
+          * @defaultValue none
+         */
+        "marginBlockStartLg"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer top spacing at the MD breakpoint.
+          * @defaultValue none
+         */
+        "marginBlockStartMd"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer top spacing at the SM breakpoint.
+          * @defaultValue none
+         */
+        "marginBlockStartSm"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer top spacing at the XL breakpoint.
+          * @defaultValue none
+         */
+        "marginBlockStartXl"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer top spacing at the XS breakpoint.
+          * @defaultValue none
+         */
+        "marginBlockStartXs"?: BoxTShirtSizeType;
         /**
           * Defines the box's outer right spacing.
           * @defaultValue none
          */
         "marginInlineEnd"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer right spacing at the LG breakpoint.
+          * @defaultValue none
+         */
+        "marginInlineEndLg"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer right spacing at the MD breakpoint.
+          * @defaultValue none
+         */
+        "marginInlineEndMd"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer right spacing at the SM breakpoint.
+          * @defaultValue none
+         */
+        "marginInlineEndSm"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer right spacing at the XL breakpoint.
+          * @defaultValue none
+         */
+        "marginInlineEndXl"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer right spacing at the XS breakpoint.
+          * @defaultValue none
+         */
+        "marginInlineEndXs"?: BoxTShirtSizeType;
         /**
           * Defines the box's outer left spacing.
           * @defaultValue none
          */
         "marginInlineStart"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer left spacing at the LG breakpoint.
+          * @defaultValue none
+         */
+        "marginInlineStartLg"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer left spacing at the MD breakpoint.
+          * @defaultValue none
+         */
+        "marginInlineStartMd"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer left spacing at the SM breakpoint.
+          * @defaultValue none
+         */
+        "marginInlineStartSm"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer left spacing at the XL breakpoint.
+          * @defaultValue none
+         */
+        "marginInlineStartXl"?: BoxTShirtSizeType;
+        /**
+          * Defines the box's outer left spacing at the XS breakpoint.
+          * @defaultValue none
+         */
+        "marginInlineStartXs"?: BoxTShirtSizeType;
         /**
           * The minimum height of the row. Used in conjunction with alignment props
          */
@@ -2300,21 +2947,146 @@ declare namespace LocalJSX {
           * @defaultValue none
          */
         "paddingBlockEnd"?: BoxTShirtSizeType;
+        /**
+          * Defines the bottom spacing at the LG breakpoint.
+          * @defaultValue none
+         */
+        "paddingBlockEndLg"?: BoxTShirtSizeType;
+        /**
+          * Defines the bottom spacing at the MD breakpoint.
+          * @defaultValue none
+         */
+        "paddingBlockEndMd"?: BoxTShirtSizeType;
+        /**
+          * Defines the bottom spacing at the SM breakpoint.
+          * @defaultValue none
+         */
+        "paddingBlockEndSm"?: BoxTShirtSizeType;
+        /**
+          * Defines the bottom spacing at the XL breakpoint.
+          * @defaultValue none
+         */
+        "paddingBlockEndXl"?: BoxTShirtSizeType;
+        /**
+          * Defines the bottom spacing at the XS breakpoint.
+          * @defaultValue none
+         */
+        "paddingBlockEndXs"?: BoxTShirtSizeType;
         /**
           * Defines the top spacing.
           * @defaultValue none
          */
         "paddingBlockStart"?: BoxTShirtSizeType;
+        /**
+          * Defines the top spacing at the LG breakpoint.
+          * @defaultValue none
+         */
+        "paddingBlockStartLg"?: BoxTShirtSizeType;
+        /**
+          * Defines the top spacing at the MD breakpoint.
+          * @defaultValue none
+         */
+        "paddingBlockStartMd"?: BoxTShirtSizeType;
+        /**
+          * Defines the top spacing at the SM breakpoint.
+          * @defaultValue none
+         */
+        "paddingBlockStartSm"?: BoxTShirtSizeType;
+        /**
+          * Defines the top spacing at the XL breakpoint.
+          * @defaultValue none
+         */
+        "paddingBlockStartXl"?: BoxTShirtSizeType;
+        /**
+          * Defines the top spacing at the XS breakpoint.
+          * @defaultValue none
+         */
+        "paddingBlockStartXs"?: BoxTShirtSizeType;
         /**
           * Defines the right spacing.
           * @defaultValue none
          */
         "paddingInlineEnd"?: BoxTShirtSizeType;
+        /**
+          * Defines the right spacing at the LG breakpoint.
+          * @defaultValue none
+         */
+        "paddingInlineEndLg"?: BoxTShirtSizeType;
+        /**
+          * Defines the right spacing at the MD breakpoint.
+          * @defaultValue none
+         */
+        "paddingInlineEndMd"?: BoxTShirtSizeType;
+        /**
+          * Defines the right spacing at the SM breakpoint.
+          * @defaultValue none
+         */
+        "paddingInlineEndSm"?: BoxTShirtSizeType;
+        /**
+          * Defines the right spacing at the XL breakpoint.
+          * @defaultValue none
+         */
+        "paddingInlineEndXl"?: BoxTShirtSizeType;
+        /**
+          * Defines the right spacing at the XS breakpoint.
+          * @defaultValue none
+         */
+        "paddingInlineEndXs"?: BoxTShirtSizeType;
         /**
           * Defines the left spacing.
           * @defaultValue none
          */
         "paddingInlineStart"?: BoxTShirtSizeType;
+        /**
+          * Defines the left spacing at the LG breakpoint.
+          * @defaultValue none
+         */
+        "paddingInlineStartLg"?: BoxTShirtSizeType;
+        /**
+          * Defines the left spacing at the MD breakpoint.
+          * @defaultValue none
+         */
+        "paddingInlineStartMd"?: BoxTShirtSizeType;
+        /**
+          * Defines the left spacing at the SM breakpoint.
+          * @defaultValue none
+         */
+        "paddingInlineStartSm"?: BoxTShirtSizeType;
+        /**
+          * Defines the left spacing at the XL breakpoint.
+          * @defaultValue none
+         */
+        "paddingInlineStartXl"?: BoxTShirtSizeType;
+        /**
+          * Defines the left spacing at the XS breakpoint.
+          * @defaultValue none
+         */
+        "paddingInlineStartXs"?: BoxTShirtSizeType;
+        /**
+          * Defines the spacing between the box items at the LG breakpoint.
+          * @defaultValue none
+         */
+        "paddingLg"?: BoxTShirtSizeType;
+        /**
+          * Defines the spacing between the box items at the MD breakpoint.
+          * @defaultValue none
+         */
+        "paddingMd"?: BoxTShirtSizeType;
+        /**
+          * Defines the spacing between the box items at the SM breakpoint.
+          * @defaultValue none
+         */
+        "paddingSm"?: BoxTShirtSizeType;
+        /**
+          * Defines the spacing between the box items at the XL breakpoint.
+          * @defaultValue none
+         */
+        "paddingXl"?: BoxTShirtSizeType;
+        /**
+          * Defines the spacing between the box items at the XS breakpoint.
+          * @defaultValue none
+         */
+        "paddingXs"?: BoxTShirtSizeType;
         /**
           * Defines the box shadow.
           * @defaultValue none
@@ -2349,6 +3121,31 @@ declare namespace LocalJSX {
           * @defaultValue false
          */
         "wrap"?: boolean;
+        /**
+          * Defines whether flex items can wrap onto multiple lines at the LG breakpoint.
+          * @defaultValue false
+         */
+        "wrapLg"?: boolean;
+        /**
+          * Defines whether flex items can wrap onto multiple lines at the MD breakpoint.
+          * @defaultValue false
+         */
+        "wrapMd"?: boolean;
+        /**
+          * Defines whether flex items can wrap onto multiple lines at the SM breakpoint.
+          * @defaultValue false
+         */
+        "wrapSm"?: boolean;
+        /**
+          * Defines whether flex items can wrap onto multiple lines at the XL breakpoint.
+          * @defaultValue false
+         */
+        "wrapXl"?: boolean;
+        /**
+          * Defines whether flex items can wrap onto multiple lines at the XS breakpoint.
+          * @defaultValue false
+         */
+        "wrapXs"?: boolean;
     }
     interface PdsButton {
         /**
@@ -2878,6 +3675,11 @@ declare namespace LocalJSX {
           * @default false
          */
         "open"?: boolean;
+        /**
+          * Whether the modal content should be scrollable
+          * @default true
+         */
+        "scrollable"?: boolean;
         /**
           * The size of the modal
           * @default 'md'
@@ -2886,7 +3688,7 @@ declare namespace LocalJSX {
     }
     interface PdsModalContent {
         /**
-          * The border style for the content area. Automatically set based on available space of the modal content.
+          * The border style for the content area. When not explicitly set, automatically determined based on scroll state.
           * @default 'none'
          */
         "border"?: 'none' | 'both' | 'top' | 'bottom';
@@ -3032,6 +3834,14 @@ declare namespace LocalJSX {
           * Defines the spacing between the row items.
          */
         "colGap"?: BoxTShirtSizeType | null;
+        /**
+          * Defines the spacing between the row items vertically.
+         */
+        "colGapBlock"?: BoxTShirtSizeType | null;
+        /**
+          * Defines the spacing between the row items horizontally.
+         */
+        "colGapInline"?: BoxTShirtSizeType | null;
         /**
           * A unique identifier used for the underlying component `id` attribute.
          */
@@ -3422,6 +4232,10 @@ declare namespace LocalJSX {
           * Text to be displayed as the textarea label.
          */
         "label"?: string;
+        /**
+          * Specifies the maximum number of characters allowed in the textarea. When set, displays a character counter.
+         */
+        "maxLength"?: number;
         /**
           * Specifies the name. Submitted with the form name/value pair. This value will mirror the componentId.
          */