@helvetia-design/core 0.0.5 → 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/esm/{tslib.es6-CJY5Vco2.js → tslib.es6-syzWW8yN.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { d as dsBrowser } from './index-vF16SDFF.js';
+import { d as dsBrowser } from './index-BZEWgXed.js';
 
 const defaultLoggerConfig = {
     components: [],

package/dist/esm/{type-CGNubZpn.js → type-Djd2i_VN.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { c as createValidatorDecorator, g as getValidationContext } from './create-validator-decorator-C9h9tdvI.js';
+import { c as createValidatorDecorator, g as getValidationContext } from './create-validator-decorator-DoOlbRcm.js';
 
 /**
  * Property decorator that validates the property value is of the specified type.

package/dist/esm/{upperFirst-oiegw5tz.js → upperFirst-DpjZayHD.js}

@@ -1,7 +1,7 @@
 /*!
  * (C) Helvetia Design System https://helvetia-design.vercel.app/ - Apache License 2.0
  */
-import { $ as require_baseGetTag, a0 as requireIsObjectLike, a1 as require_Symbol, Z as requireIsArray, N as getDefaultExportFromCjs } from './index-vF16SDFF.js';
+import { $ as require_baseGetTag, a0 as requireIsObjectLike, a1 as require_Symbol, Z as requireIsArray, N as getDefaultExportFromCjs } from './index-BZEWgXed.js';
 
 /**
  * A specialized version of `_.map` for arrays without support for iteratee

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;