@pine-ds/core 2.16.4 → 2.17.0

package/dist/types/components.d.ts

@@ -71,10 +71,15 @@ export namespace Components {
     }
     interface PdsBox {
         /**
-          * Defines the vertical alignment of the box items.
+          * Defines how items within the box are aligned.
           * @defaultValue start
          */
         "alignItems"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how the box is aligned within its container.
+          * @defaultValue start
+         */
+        "alignSelf"?: `start` | `center` | `end` | `baseline` | `stretch`;
         /**
           * If `true`, the box will be sized to fit its contents.
          */
@@ -162,6 +167,16 @@ export namespace Components {
           * @defaultValue none
          */
         "padding"?: BoxTShirtSizeType;
+        /**
+          * Defines the top and bottom spacing.
+          * @defaultValue none
+         */
+        "paddingBlock"?: BoxTShirtSizeType;
+        /**
+          * Defines the left and right spacing.
+          * @defaultValue none
+         */
+        "paddingInline"?: BoxTShirtSizeType;
         /**
           * Defines the box shadow.
           * @defaultValue none
@@ -208,10 +223,18 @@ export namespace Components {
          */
         "fullWidth"?: boolean;
         /**
-          * Displays an icon before the text when the icon string matches an icon name.
+          * If provided, renders the component as an anchor (`<a>`) element instead of a button. When using href, button-specific props (type, name, value, loading) will be ignored.
+         */
+        "href"?: string;
+        /**
+          * Displays an icon in the button.
           * @defaultValue null
          */
         "icon"?: string;
+        /**
+          * When true, displays only the icon and visually hides the text (keeping it accessible).
+         */
+        "iconOnly"?: boolean;
         /**
           * Determines if the button is in a loading state. When true, displays a loader and hides the button text.
           * @defaultValue false
@@ -221,6 +244,10 @@ export namespace Components {
           * Provides the button with a submittable name.
          */
         "name"?: string;
+        /**
+          * Specifies where to open the linked document when href is provided. Only applies when href is set.
+         */
+        "target"?: '_blank' | '_self' | '_parent' | '_top';
         /**
           * Provides button with a type.
           * @defaultValue button
@@ -892,6 +919,10 @@ export namespace Components {
   | 'sm'
   | 'xs'
   | '2xs';
+        /**
+          * If set or `true`, the text will be italic.
+         */
+        "italic"?: boolean;
         /**
           * Sets the font size.
          */
@@ -901,7 +932,13 @@ export namespace Components {
   | 'md'
   | 'sm'
   | 'xs'
-  | '2xs';
+  | '2xs'
+  | 'h1'
+  | 'h2'
+  | 'h3'
+  | 'h4'
+  | 'h5'
+  | 'h6';
         /**
           * Determines what semantic text tag to render.
          */
@@ -916,6 +953,10 @@ export namespace Components {
   | 'pre'
   | 'strong'
   | 'em';
+        /**
+          * If set or `true`, the text will be truncated. Must add a `width` to the element.
+         */
+        "truncate"?: boolean;
         /**
           * Sets the font weight.
          */
@@ -1564,10 +1605,15 @@ declare namespace LocalJSX {
     }
     interface PdsBox {
         /**
-          * Defines the vertical alignment of the box items.
+          * Defines how items within the box are aligned.
           * @defaultValue start
          */
         "alignItems"?: `start` | `center` | `end` | `baseline` | `stretch`;
+        /**
+          * Defines how the box is aligned within its container.
+          * @defaultValue start
+         */
+        "alignSelf"?: `start` | `center` | `end` | `baseline` | `stretch`;
         /**
           * If `true`, the box will be sized to fit its contents.
          */
@@ -1655,6 +1701,16 @@ declare namespace LocalJSX {
           * @defaultValue none
          */
         "padding"?: BoxTShirtSizeType;
+        /**
+          * Defines the top and bottom spacing.
+          * @defaultValue none
+         */
+        "paddingBlock"?: BoxTShirtSizeType;
+        /**
+          * Defines the left and right spacing.
+          * @defaultValue none
+         */
+        "paddingInline"?: BoxTShirtSizeType;
         /**
           * Defines the box shadow.
           * @defaultValue none
@@ -1701,10 +1757,18 @@ declare namespace LocalJSX {
          */
         "fullWidth"?: boolean;
         /**
-          * Displays an icon before the text when the icon string matches an icon name.
+          * If provided, renders the component as an anchor (`<a>`) element instead of a button. When using href, button-specific props (type, name, value, loading) will be ignored.
+         */
+        "href"?: string;
+        /**
+          * Displays an icon in the button.
           * @defaultValue null
          */
         "icon"?: string;
+        /**
+          * When true, displays only the icon and visually hides the text (keeping it accessible).
+         */
+        "iconOnly"?: boolean;
         /**
           * Determines if the button is in a loading state. When true, displays a loader and hides the button text.
           * @defaultValue false
@@ -1715,6 +1779,10 @@ declare namespace LocalJSX {
          */
         "name"?: string;
         "onPdsClick"?: (event: PdsButtonCustomEvent<any>) => void;
+        /**
+          * Specifies where to open the linked document when href is provided. Only applies when href is set.
+         */
+        "target"?: '_blank' | '_self' | '_parent' | '_top';
         /**
           * Provides button with a type.
           * @defaultValue button
@@ -2439,6 +2507,10 @@ declare namespace LocalJSX {
   | 'sm'
   | 'xs'
   | '2xs';
+        /**
+          * If set or `true`, the text will be italic.
+         */
+        "italic"?: boolean;
         /**
           * Sets the font size.
          */
@@ -2448,7 +2520,13 @@ declare namespace LocalJSX {
   | 'md'
   | 'sm'
   | 'xs'
-  | '2xs';
+  | '2xs'
+  | 'h1'
+  | 'h2'
+  | 'h3'
+  | 'h4'
+  | 'h5'
+  | 'h6';
         /**
           * Determines what semantic text tag to render.
          */
@@ -2463,6 +2541,10 @@ declare namespace LocalJSX {
   | 'pre'
   | 'strong'
   | 'em';
+        /**
+          * If set or `true`, the text will be truncated. Must add a `width` to the element.
+         */
+        "truncate"?: boolean;
         /**
           * Sets the font weight.
          */