@helvetia-design/core 0.0.6 → 0.1.0

package/dist/esm/{t-shirt-B3VN_5Hp.js → t-shirt-BPtibja3.js}

@@ -36,13 +36,9 @@ const normalizeDeprecatedTShirtSize = (size) => {
     }
     return size;
 };
-/**
- * Returns the short t-shirt size (sm, base, md, ...) for a given verbose
- * value (small, normal, medium, ...). If no mapping exists the value is
- * returned unchanged.
- */
+// `3xs` shares its verbose value with `2xs` and is skipped, so that `xx-small` resolves to `2xs`.
 const verboseToShortEntries = Object.entries(TShirtSizesMapping).reduce((result, [short, verbose]) => {
-    if (!result[verbose]) {
+    if (short !== '3xs' && !result[verbose]) {
         result[verbose] = short;
     }
     return result;

package/dist/types/components/actions/button/button.d.ts

@@ -126,6 +126,10 @@ export declare class Button implements DsComponentInterface {
      * A11y attributes for the native button element.
      */
     readonly a11yControls: string;
+    /**
+     * A11y attributes for the native button element. Maps to `aria-current`, e.g. `page` for the current navigation entry.
+     */
+    a11yCurrent: string;
     /**
      * A11y attributes for the native button element.
      */

package/dist/types/components/forms/counter/counter.d.ts

@@ -12,6 +12,8 @@ import { CounterBlurDetail, CounterChangeDetail, CounterDecreaseDetail, CounterF
  * @part value - The span rendering the current value.
  * @part decrease - The decrease (`-`) button.
  * @part increase - The increase (`+`) button.
+ *
+ * @slot invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`.
  */
 export declare class Counter implements DsComponentInterface, FieldInterface {
     private inheritedAttributes;

package/dist/types/components/forms/input/input.d.ts

@@ -8,6 +8,8 @@ import { InputAutocomplete, InputAutocorrect, InputBlurDetail, InputChangeDetail
  * Input renders a text input field with validation, masking, autocomplete, and optional help/error messaging.
  *
  * @slot invalid-text - Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`.
+ * @slot start - Content placed before the native input inside the field, for example an icon or a button.
+ * @slot end - Content placed after the native input inside the field, for example an icon or a button.
  * @part input - The native HTML input element.
  * @part prefix - The prefix wrapper (if used).
  * @part suffix - The suffix wrapper (if used).

package/dist/types/components/structure/card/card-subtitle/card-subtitle.d.ts

@@ -1,9 +1,8 @@
 import { LogInstance } from "../../../../utils/index";
 import { HTMLStencilElement } from '../../../../stencil-public-runtime';
-import { HeadingColor } from '../../heading/heading.interfaces';
 import { DsComponentInterface } from "../../../../global/index";
 /**
- * Card subtitle renders a subtitle heading for cards with customizable color and styling.
+ * Card subtitle renders a subtitle heading for cards with an optional inverted style.
  *
  * @slot - The subtitle text.
  * @part card-subtitle - The card subtitle element.
@@ -24,10 +23,6 @@ export declare class CardSubtitle implements DsComponentInterface {
      * If `true` the card text color is bold.
      */
     readonly bold: boolean;
-    /**
-     * If `true` the card text color becomes white.
-     */
-    readonly color?: HeadingColor;
     /**
      * RENDER
      * ─────────────────────────────────────────────────────

package/dist/types/components/structure/content/content.d.ts

@@ -36,7 +36,7 @@ export declare class Content implements DsComponentInterface {
      */
     readonly textAlign?: ContentTextAlignment;
     /**
-     * Defines the space between the child elements. Default is xx-small.
+     * Defines the space between the child elements.
      */
     readonly space?: ContentSpace;
     /**

package/dist/types/components/structure/divider/divider.d.ts

@@ -21,7 +21,7 @@ export declare class Divider implements DsComponentInterface {
      */
     readonly layout: DividerLayout;
     /**
-     * Defines the space between the child elements. Default is xx-small.
+     * Defines the space between the child elements. Default is none.
      */
     readonly space: DividerSpace;
     /**

package/dist/types/components/structure/heading/heading.const.d.ts

@@ -7,6 +7,3 @@ export declare const HEADING_ORDER: HeadingSize[];
 export declare const HEADING_SIZES: {
     [key: string]: HeadingSize;
 };
-export declare const HEADING_COLOR_MAP: {
-    [key: string]: string;
-};

package/dist/types/components/structure/heading/heading.d.ts

@@ -1,6 +1,6 @@
 import { HTMLStencilElement } from '../../../stencil-public-runtime';
 import { type LogInstance } from "../../../utils/index";
-import { HeadingColor, HeadingLevel, HeadingSpace, HeadingVisualLevel } from './heading.interfaces';
+import { HeadingLevel, HeadingSpace, HeadingVisualLevel } from './heading.interfaces';
 import { HeadingSize } from './heading.const';
 import { DsComponentInterface } from "../../../global/index";
 /**
@@ -50,10 +50,6 @@ export declare class Heading implements DsComponentInterface {
      * Defines at which position the heading has spacing.
      */
     readonly space?: HeadingSpace;
-    /**
-     * The theme type of the toast.
-     */
-    readonly color?: HeadingColor;
     /**
      * If `true` the color gets inverted for dark backgrounds
      */
@@ -74,7 +70,6 @@ export declare class Heading implements DsComponentInterface {
      */
     private updateAutoFontSize;
     private get rows();
-    private get fontColor();
     private get fontSize();
     private get tag();
     /**

package/dist/types/components/structure/heading/heading.interfaces.d.ts

@@ -1,5 +1,4 @@
 export declare const HEADING_VISUAL_LEVELS: readonly ["display", "display-2", "h1", "h2", "h3", "h4", "h5", "5xl", "4xl", "3xl", "2xl", "xl", "lg", "md", "base"];
-export declare const HEADING_COLORS: readonly ["primary", "inverted"];
 export declare const HEADING_TAGS: readonly ["h1", "h2", "h3", "h4", "h5", "span", "p"];
 export declare const HEADING_LEVELS: readonly ["display", "display-2", "h1", "h2", "h3", "h4", "h5", "span", "p"];
 export declare const HEADING_SPACES: readonly ["none", "bottom", "top", "all"];
@@ -7,4 +6,3 @@ export type HeadingVisualLevel = (typeof HEADING_VISUAL_LEVELS)[number];
 export type HeadingTag = (typeof HEADING_TAGS)[number];
 export type HeadingLevel = (typeof HEADING_LEVELS)[number];
 export type HeadingSpace = (typeof HEADING_SPACES)[number];
-export type HeadingColor = (typeof HEADING_COLORS)[number];

package/dist/types/components/structure/stack/stack.interfaces.d.ts

@@ -1,6 +1,6 @@
 export declare const STACK_LAYOUTS: readonly ["horizontal", "vertical", "horizontal-reverse", "vertical-reverse"];
-export declare const STACK_SPACES: readonly ["auto", "none", "2xs", "xs", "sm", "base", "md", "lg", "xl", "xxl"];
-export declare const STACK_PADDINGS: readonly ["none", "2xs", "xs", "sm", "base", "md", "lg", "xl", "xxl"];
+export declare const STACK_SPACES: readonly ["auto", "none", "2xs", "xs", "sm", "base", "md", "lg", "xl", "2xl"];
+export declare const STACK_PADDINGS: readonly ["none", "2xs", "xs", "sm", "base", "md", "lg", "xl", "2xl"];
 export declare const STACK_ALIGNMENTS: readonly ["top start", "top center", "top end", "start", "center", "end", "bottom start", "bottom center", "bottom end"];
 export declare const STACK_DIRECTIONS: readonly ["row", "column", "row-reverse", "column-reverse"];
 export type StackLayout = (typeof STACK_LAYOUTS)[number];

package/dist/types/components.d.ts

@@ -14,7 +14,7 @@ import { BadgeColor, BadgePosition, BadgeSize } from "./components/indicators/ba
 import { IconColor, IconSize } from "./components/media/brand-icon/brand-icon.interfaces";
 import { ButtonBlurDetail, ButtonBrandSize, ButtonClickDetail, ButtonColor, ButtonDidRenderDetail, ButtonElementType, ButtonFocusDetail, ButtonGroupAlignment, ButtonGroupDirection, ButtonNavigateDetail, ButtonSize, ButtonTarget } from "./components/actions/button/button.interfaces";
 import { CardActionsAlignment, CardAlignment, CardColor, CardHeaderDirection, CardImageTeaser, CardSpace } from "./components/structure/card/card.interfaces";
-import { HeadingColor, HeadingLevel, HeadingSpace, HeadingVisualLevel } from "./components/structure/heading/heading.interfaces";
+import { HeadingLevel, HeadingSpace, HeadingVisualLevel } from "./components/structure/heading/heading.interfaces";
 import { CarouselChangeDetail, CarouselControls, CarouselItemColor, CarouselVariant } from "./components/structure/carousel/carousel.interfaces";
 import { CheckboxBlurDetail, CheckboxChangeDetail, CheckboxFocusDetail, CheckboxGroupBlurDetail, CheckboxGroupChangeDetail, CheckboxGroupColumns, CheckboxGroupFocusDetail, CheckboxLabelPosition, CheckboxTileColor } from "./components/forms/checkbox/checkbox.interfaces";
 import { InputAutocomplete, InputAutocorrect, InputBlurDetail, InputChangeDetail, InputClickDetail, InputColor, InputFocusDetail, InputInputDetail, InputInputMode, InputInputType, InputKeyPressDetail, InputMask } from "./components/forms/input/input.interfaces";
@@ -62,7 +62,7 @@ export { BadgeColor, BadgePosition, BadgeSize } from "./components/indicators/ba
 export { IconColor, IconSize } from "./components/media/brand-icon/brand-icon.interfaces";
 export { ButtonBlurDetail, ButtonBrandSize, ButtonClickDetail, ButtonColor, ButtonDidRenderDetail, ButtonElementType, ButtonFocusDetail, ButtonGroupAlignment, ButtonGroupDirection, ButtonNavigateDetail, ButtonSize, ButtonTarget } from "./components/actions/button/button.interfaces";
 export { CardActionsAlignment, CardAlignment, CardColor, CardHeaderDirection, CardImageTeaser, CardSpace } from "./components/structure/card/card.interfaces";
-export { HeadingColor, HeadingLevel, HeadingSpace, HeadingVisualLevel } from "./components/structure/heading/heading.interfaces";
+export { HeadingLevel, HeadingSpace, HeadingVisualLevel } from "./components/structure/heading/heading.interfaces";
 export { CarouselChangeDetail, CarouselControls, CarouselItemColor, CarouselVariant } from "./components/structure/carousel/carousel.interfaces";
 export { CheckboxBlurDetail, CheckboxChangeDetail, CheckboxFocusDetail, CheckboxGroupBlurDetail, CheckboxGroupChangeDetail, CheckboxGroupColumns, CheckboxGroupFocusDetail, CheckboxLabelPosition, CheckboxTileColor } from "./components/forms/checkbox/checkbox.interfaces";
 export { InputAutocomplete, InputAutocorrect, InputBlurDetail, InputChangeDetail, InputClickDetail, InputColor, InputFocusDetail, InputInputDetail, InputInputMode, InputInputType, InputKeyPressDetail, InputMask } from "./components/forms/input/input.interfaces";
@@ -350,6 +350,11 @@ export namespace Components {
           * @default ''
          */
         "a11yControls": string;
+        /**
+          * A11y attributes for the native button element. Maps to `aria-current`, e.g. `page` for the current navigation entry.
+          * @default ''
+         */
+        "a11yCurrent": string;
         /**
           * A11y attributes for the native button element.
           * @default ''
@@ -585,7 +590,7 @@ export namespace Components {
         "direction": CardHeaderDirection;
     }
     /**
-     * Card subtitle renders a subtitle heading for cards with customizable color and styling.
+     * Card subtitle renders a subtitle heading for cards with an optional inverted style.
      */
     interface DsCardSubtitle {
         /**
@@ -593,10 +598,6 @@ export namespace Components {
           * @default false
          */
         "bold": boolean;
-        /**
-          * If `true` the card text color becomes white.
-         */
-        "color"?: HeadingColor;
         /**
           * If `true` the card text color becomes white.
           * @default false
@@ -937,7 +938,7 @@ export namespace Components {
          */
         "layout"?: StackLayout;
         /**
-          * Defines the space between the child elements. Default is xx-small.
+          * Defines the space between the child elements.
          */
         "space"?: ContentSpace;
         /**
@@ -1247,7 +1248,7 @@ export namespace Components {
          */
         "layout": DividerLayout;
         /**
-          * Defines the space between the child elements. Default is xx-small.
+          * Defines the space between the child elements. Default is none.
           * @default 'none'
          */
         "space": DividerSpace;
@@ -1407,10 +1408,6 @@ export namespace Components {
           * The actual heading level used in the HTML markup.
          */
         "autoLevel"?: HeadingVisualLevel;
-        /**
-          * The theme type of the toast.
-         */
-        "color"?: HeadingColor;
         /**
           * If `true` the color gets inverted for dark backgrounds
           * @default false
@@ -4081,7 +4078,7 @@ declare global {
         new (): HTMLDsCardHeaderElement;
     };
     /**
-     * Card subtitle renders a subtitle heading for cards with customizable color and styling.
+     * Card subtitle renders a subtitle heading for cards with an optional inverted style.
      */
     interface HTMLDsCardSubtitleElement extends Components.DsCardSubtitle, HTMLStencilElement {
     }
@@ -5455,6 +5452,11 @@ declare namespace LocalJSX {
           * @default ''
          */
         "a11yControls"?: string;
+        /**
+          * A11y attributes for the native button element. Maps to `aria-current`, e.g. `page` for the current navigation entry.
+          * @default ''
+         */
+        "a11yCurrent"?: string;
         /**
           * A11y attributes for the native button element.
           * @default ''
@@ -5714,7 +5716,7 @@ declare namespace LocalJSX {
         "direction"?: CardHeaderDirection;
     }
     /**
-     * Card subtitle renders a subtitle heading for cards with customizable color and styling.
+     * Card subtitle renders a subtitle heading for cards with an optional inverted style.
      */
     interface DsCardSubtitle {
         /**
@@ -5722,10 +5724,6 @@ declare namespace LocalJSX {
           * @default false
          */
         "bold"?: boolean;
-        /**
-          * If `true` the card text color becomes white.
-         */
-        "color"?: HeadingColor;
         /**
           * If `true` the card text color becomes white.
           * @default false
@@ -6080,7 +6078,7 @@ declare namespace LocalJSX {
          */
         "layout"?: StackLayout;
         /**
-          * Defines the space between the child elements. Default is xx-small.
+          * Defines the space between the child elements.
          */
         "space"?: ContentSpace;
         /**
@@ -6423,7 +6421,7 @@ declare namespace LocalJSX {
          */
         "layout"?: DividerLayout;
         /**
-          * Defines the space between the child elements. Default is xx-small.
+          * Defines the space between the child elements. Default is none.
           * @default 'none'
          */
         "space"?: DividerSpace;
@@ -6609,10 +6607,6 @@ declare namespace LocalJSX {
           * The actual heading level used in the HTML markup.
          */
         "autoLevel"?: HeadingVisualLevel;
-        /**
-          * The theme type of the toast.
-         */
-        "color"?: HeadingColor;
         /**
           * If `true` the color gets inverted for dark backgrounds
           * @default false
@@ -9141,6 +9135,7 @@ declare namespace LocalJSX {
         "name": string;
         "value": string;
         "a11yControls": string;
+        "a11yCurrent": string;
         "a11yTitle": string;
         "a11yLabel": string;
         "a11yHaspopup": string;
@@ -9173,7 +9168,6 @@ declare namespace LocalJSX {
     interface DsCardSubtitleAttributes {
         "inverted": boolean;
         "bold": boolean;
-        "color": HeadingColor;
     }
     interface DsCardTitleAttributes {
         "inverted": boolean;
@@ -9341,7 +9335,6 @@ declare namespace LocalJSX {
         "noWrap": boolean;
         "subtitle": boolean;
         "space": HeadingSpace;
-        "color": HeadingColor;
         "inverted": boolean;
         "shadow": boolean;
     }
@@ -9926,7 +9919,7 @@ declare module "@stencil/core" {
              */
             "ds-card-header": LocalJSX.IntrinsicElements["ds-card-header"] & JSXBase.HTMLAttributes<HTMLDsCardHeaderElement>;
             /**
-             * Card subtitle renders a subtitle heading for cards with customizable color and styling.
+             * Card subtitle renders a subtitle heading for cards with an optional inverted style.
              */
             "ds-card-subtitle": LocalJSX.IntrinsicElements["ds-card-subtitle"] & JSXBase.HTMLAttributes<HTMLDsCardSubtitleElement>;
             /**

package/dist/types/foundation/normalize.component.play.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/types/utils/t-shirt.d.ts

@@ -23,4 +23,9 @@ export type TShirtSizeVerbose = (typeof TShirtSizesMapping)[TShirtSizeShort];
  * adopt the new shorthand sizes. Unknown values are passed through unchanged.
  */
 export declare const normalizeDeprecatedTShirtSize: <T extends string | undefined | null>(size: T) => T;
+/**
+ * Returns the short t-shirt size (sm, base, md, ...) for a given verbose
+ * value (small, normal, medium, ...). If no mapping exists the value is
+ * returned unchanged.
+ */
 export declare const toShortTShirtSize: (size: string) => string;

package/docs/cem.json

@@ -1443,6 +1443,15 @@
               "default": "''",
               "fieldName": "a11yControls"
             },
+            {
+              "name": "a-1-1y-current",
+              "description": "A11y attributes for the native button element. Maps to `aria-current`, e.g. `page` for the current navigation entry.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "fieldName": "a11yCurrent"
+            },
             {
               "name": "a-1-1y-haspopup",
               "description": "A11y attributes for the native button element.",
@@ -1717,6 +1726,16 @@
               "default": "''",
               "attribute": "a-1-1y-controls"
             },
+            {
+              "kind": "field",
+              "name": "a11yCurrent",
+              "description": "A11y attributes for the native button element. Maps to `aria-current`, e.g. `page` for the current navigation entry.",
+              "type": {
+                "text": "string"
+              },
+              "default": "''",
+              "attribute": "a-1-1y-current"
+            },
             {
               "kind": "field",
               "name": "a11yHaspopup",
@@ -2775,7 +2794,7 @@
           "customElement": true,
           "tagName": "ds-card-subtitle",
           "name": "DsCardSubtitle",
-          "description": "Card subtitle renders a subtitle heading for cards with customizable color and styling.",
+          "description": "Card subtitle renders a subtitle heading for cards with an optional inverted style.",
           "attributes": [
             {
               "name": "bold",
@@ -2786,20 +2805,6 @@
               "default": "false",
               "fieldName": "bold"
             },
-            {
-              "name": "color",
-              "description": "If `true` the card text color becomes white.",
-              "type": {
-                "text": "\"inverted\" | \"primary\" | undefined",
-                "references": [
-                  {
-                    "name": "HeadingColor",
-                    "module": "../../heading/heading.interfaces"
-                  }
-                ]
-              },
-              "fieldName": "color"
-            },
             {
               "name": "inverted",
               "description": "If `true` the card text color becomes white.",
@@ -2821,21 +2826,6 @@
               "default": "false",
               "attribute": "bold"
             },
-            {
-              "kind": "field",
-              "name": "color",
-              "description": "If `true` the card text color becomes white.",
-              "type": {
-                "text": "\"inverted\" | \"primary\" | undefined",
-                "references": [
-                  {
-                    "name": "HeadingColor",
-                    "module": "../../heading/heading.interfaces"
-                  }
-                ]
-              },
-              "attribute": "color"
-            },
             {
               "kind": "field",
               "name": "inverted",
@@ -4519,7 +4509,7 @@
             },
             {
               "name": "space",
-              "description": "Defines the space between the child elements. Default is xx-small.",
+              "description": "Defines the space between the child elements.",
               "type": {
                 "text": "\"2xs\" | \"3xs\" | \"base\" | \"none\" | \"sm\" | \"xs\" | undefined",
                 "references": [
@@ -4595,7 +4585,7 @@
             {
               "kind": "field",
               "name": "space",
-              "description": "Defines the space between the child elements. Default is xx-small.",
+              "description": "Defines the space between the child elements.",
               "type": {
                 "text": "\"2xs\" | \"3xs\" | \"base\" | \"none\" | \"sm\" | \"xs\" | undefined",
                 "references": [
@@ -5085,6 +5075,12 @@
               }
             }
           ],
+          "slots": [
+            {
+              "name": "invalid-text",
+              "description": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
+            }
+          ],
           "cssParts": [
             {
               "name": "counter",
@@ -6128,7 +6124,7 @@
             },
             {
               "name": "space",
-              "description": "Defines the space between the child elements. Default is xx-small.",
+              "description": "Defines the space between the child elements. Default is none.",
               "type": {
                 "text": "\"2xl\" | \"2xs\" | \"3xl\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\"",
                 "references": [
@@ -6188,7 +6184,7 @@
             {
               "kind": "field",
               "name": "space",
-              "description": "Defines the space between the child elements. Default is xx-small.",
+              "description": "Defines the space between the child elements. Default is none.",
               "type": {
                 "text": "\"2xl\" | \"2xs\" | \"3xl\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\"",
                 "references": [
@@ -7086,20 +7082,6 @@
               },
               "fieldName": "autoLevel"
             },
-            {
-              "name": "color",
-              "description": "The theme type of the toast.",
-              "type": {
-                "text": "\"inverted\" | \"primary\" | undefined",
-                "references": [
-                  {
-                    "name": "HeadingColor",
-                    "module": "./heading.interfaces"
-                  }
-                ]
-              },
-              "fieldName": "color"
-            },
             {
               "name": "inverted",
               "description": "If `true` the color gets inverted for dark backgrounds",
@@ -7197,22 +7179,6 @@
               "attribute": "auto-level",
               "reflects": true
             },
-            {
-              "kind": "field",
-              "name": "color",
-              "description": "The theme type of the toast.",
-              "type": {
-                "text": "\"inverted\" | \"primary\" | undefined",
-                "references": [
-                  {
-                    "name": "HeadingColor",
-                    "module": "./heading.interfaces"
-                  }
-                ]
-              },
-              "attribute": "color",
-              "reflects": true
-            },
             {
               "kind": "field",
               "name": "inverted",
@@ -8653,9 +8619,17 @@
             }
           ],
           "slots": [
+            {
+              "name": "end",
+              "description": "Content placed after the native input inside the field, for example an icon or a button."
+            },
             {
               "name": "invalid-text",
               "description": "Overrides the `invalidText` prop with custom markup, shown instead of the description when `invalid` is `true`."
+            },
+            {
+              "name": "start",
+              "description": "Content placed before the native input inside the field, for example an icon or a button."
             }
           ],
           "cssParts": [
@@ -16066,7 +16040,7 @@
               "name": "p",
               "description": "Defines the padding of the stack element.",
               "type": {
-                "text": "\"2xs\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | undefined",
+                "text": "\"2xl\" | \"2xs\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | undefined",
                 "references": [
                   {
                     "name": "StackPadding",
@@ -16080,7 +16054,7 @@
               "name": "px",
               "description": "Defines the horizontal padding left and right of the stack element.",
               "type": {
-                "text": "\"2xs\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | undefined",
+                "text": "\"2xl\" | \"2xs\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | undefined",
                 "references": [
                   {
                     "name": "StackPadding",
@@ -16094,7 +16068,7 @@
               "name": "py",
               "description": "Defines the vertical padding top and bottom of the stack element.",
               "type": {
-                "text": "\"2xs\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | undefined",
+                "text": "\"2xl\" | \"2xs\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | undefined",
                 "references": [
                   {
                     "name": "StackPadding",
@@ -16108,7 +16082,7 @@
               "name": "space",
               "description": "Defines the space between the child elements.",
               "type": {
-                "text": "\"2xs\" | \"auto\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\"",
+                "text": "\"2xl\" | \"2xs\" | \"auto\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\"",
                 "references": [
                   {
                     "name": "StackSpace",
@@ -16123,7 +16097,7 @@
               "name": "space-column",
               "description": "Defines the column space between the child elements.",
               "type": {
-                "text": "\"2xs\" | \"auto\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | undefined",
+                "text": "\"2xl\" | \"2xs\" | \"auto\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | undefined",
                 "references": [
                   {
                     "name": "StackSpace",
@@ -16137,7 +16111,7 @@
               "name": "space-row",
               "description": "Defines the row space between the child elements.",
               "type": {
-                "text": "\"2xs\" | \"auto\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | undefined",
+                "text": "\"2xl\" | \"2xs\" | \"auto\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | undefined",
                 "references": [
                   {
                     "name": "StackSpace",
@@ -16203,7 +16177,7 @@
               "name": "p",
               "description": "Defines the padding of the stack element.",
               "type": {
-                "text": "\"2xs\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | undefined",
+                "text": "\"2xl\" | \"2xs\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | undefined",
                 "references": [
                   {
                     "name": "StackPadding",
@@ -16218,7 +16192,7 @@
               "name": "px",
               "description": "Defines the horizontal padding left and right of the stack element.",
               "type": {
-                "text": "\"2xs\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | undefined",
+                "text": "\"2xl\" | \"2xs\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | undefined",
                 "references": [
                   {
                     "name": "StackPadding",
@@ -16233,7 +16207,7 @@
               "name": "py",
               "description": "Defines the vertical padding top and bottom of the stack element.",
               "type": {
-                "text": "\"2xs\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | undefined",
+                "text": "\"2xl\" | \"2xs\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | undefined",
                 "references": [
                   {
                     "name": "StackPadding",
@@ -16248,7 +16222,7 @@
               "name": "space",
               "description": "Defines the space between the child elements.",
               "type": {
-                "text": "\"2xs\" | \"auto\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\"",
+                "text": "\"2xl\" | \"2xs\" | \"auto\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\"",
                 "references": [
                   {
                     "name": "StackSpace",
@@ -16264,7 +16238,7 @@
               "name": "spaceColumn",
               "description": "Defines the column space between the child elements.",
               "type": {
-                "text": "\"2xs\" | \"auto\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | undefined",
+                "text": "\"2xl\" | \"2xs\" | \"auto\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | undefined",
                 "references": [
                   {
                     "name": "StackSpace",
@@ -16279,7 +16253,7 @@
               "name": "spaceRow",
               "description": "Defines the row space between the child elements.",
               "type": {
-                "text": "\"2xs\" | \"auto\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | \"xxl\" | undefined",
+                "text": "\"2xl\" | \"2xs\" | \"auto\" | \"base\" | \"lg\" | \"md\" | \"none\" | \"sm\" | \"xl\" | \"xs\" | undefined",
                 "references": [
                   {
                     "name": "StackSpace",