@siemens/ix-docs 4.3.0 → 4.4.0

package/build/docs/autogenerated/prompt/ix-category-filter/readme.md

@@ -336,19 +336,19 @@ export default class CategoryFilter {
 | `ariaLabelFilterInput`    | `aria-label-filter-input`    | ARIA label for the filter input Will be set as aria-label on the nested HTML input element                                                                                                                                                                                                                                                    | `string \| undefined`                                                         | `undefined`        |
 | `ariaLabelOperatorButton` | `aria-label-operator-button` | ARIA label for the operator button Will be set as aria-label on the nested HTML button element                                                                                                                                                                                                                                                | `string \| undefined`                                                         | `undefined`        |
 | `ariaLabelResetButton`    | `aria-label-reset-button`    | ARIA label for the reset button Will be set as aria-label on the nested HTML button element                                                                                                                                                                                                                                                   | `string \| undefined`                                                         | `undefined`        |
-| `categories`              | `categories`                 | Configuration object hash used to populate the dropdown menu for type-ahead and quick selection functionality. Each ID maps to an object with a label and an array of options to select from.                                                                                                                                                 | `undefined \| { [id: string]: { label: string; options: string[]; }; }`       | `undefined`        |
+| `categories`              | --                           | Configuration object hash used to populate the dropdown menu for type-ahead and quick selection functionality. Each ID maps to an object with a label and an array of options to select from.                                                                                                                                                 | `undefined \| { [id: string]: { label: string; options: string[]; }; }`       | `undefined`        |
 | `disabled`                | `disabled`                   | If true the filter will be in disabled state                                                                                                                                                                                                                                                                                                  | `boolean`                                                                     | `false`            |
 | `enableTopLayer`          | `enable-top-layer`           | Enable Popover API rendering for dropdown.                                                                                                                                                                                                                                                                                                    | `boolean`                                                                     | `false`            |
-| `filterState`             | `filter-state`               | A set of search criteria to populate the component with.                                                                                                                                                                                                                                                                                      | `FilterState \| undefined`                                                    | `undefined`        |
+| `filterState`             | --                           | A set of search criteria to populate the component with.                                                                                                                                                                                                                                                                                      | `FilterState \| undefined`                                                    | `undefined`        |
 | `hideIcon`                | `hide-icon`                  | Allows to hide the icon inside the text input. Defaults to false                                                                                                                                                                                                                                                                              | `boolean`                                                                     | `false`            |
 | `i18nPlainText`           | `i18n-plain-text`            | i18n label for 'Filter by text'                                                                                                                                                                                                                                                                                                               | `string`                                                                      | `'Filter by text'` |
 | `icon`                    | `icon`                       | The icon next to the actual text input Defaults to 'search'                                                                                                                                                                                                                                                                                   | `string \| undefined`                                                         | `undefined`        |
 | `labelCategories`         | `label-categories`           | i18n                                                                                                                                                                                                                                                                                                                                          | `string`                                                                      | `'Categories'`     |
-| `nonSelectableCategories` | `non-selectable-categories`  | In certain use cases some categories may not be available for selection anymore. To allow proper display of set filters with these categories this ID to label mapping can be populated.  Configuration object hash used to supply labels to the filter chips in the input field. Each ID maps to a string representing the label to display. | `undefined \| { [id: string]: string; }`                                      | `{}`               |
+| `nonSelectableCategories` | --                           | In certain use cases some categories may not be available for selection anymore. To allow proper display of set filters with these categories this ID to label mapping can be populated.  Configuration object hash used to supply labels to the filter chips in the input field. Each ID maps to a string representing the label to display. | `undefined \| { [id: string]: string; }`                                      | `{}`               |
 | `placeholder`             | `placeholder`                | Placeholder text to be displayed in an empty input field.                                                                                                                                                                                                                                                                                     | `string \| undefined`                                                         | `undefined`        |
 | `readonly`                | `readonly`                   | If true the filter will be in readonly mode                                                                                                                                                                                                                                                                                                   | `boolean`                                                                     | `false`            |
 | `staticOperator`          | `static-operator`            | If set categories will always be filtered via the respective logical operator. Toggling of the operator will not be available to the user.                                                                                                                                                                                                    | `LogicalFilterOperator.EQUAL \| LogicalFilterOperator.NOT_EQUAL \| undefined` | `undefined`        |
-| `suggestions`             | `suggestions`                | A list of strings that will be supplied as type-ahead suggestions not tied to any categories.                                                                                                                                                                                                                                                 | `string[] \| undefined`                                                       | `undefined`        |
+| `suggestions`             | --                           | A list of strings that will be supplied as type-ahead suggestions not tied to any categories.                                                                                                                                                                                                                                                 | `string[] \| undefined`                                                       | `undefined`        |
 | `uniqueCategories`        | `unique-categories`          | If set to true, prevents that a single category can be set more than once. An already set category will not appear in the category dropdown if set to true.                                                                                                                                                                                   | `boolean`                                                                     | `false`            |
 
 

package/build/docs/autogenerated/prompt/ix-chip/readme.md

@@ -298,18 +298,18 @@ export default class Chip {}
 
 ## Properties
 
-| Property               | Attribute                 | Description                                                                                                                                                                        | Type                                                                                              | Default     |
-| ---------------------- | ------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | ----------- |
-| `ariaLabelCloseButton` | `aria-label-close-button` | ARIA label for the close button Will be set as aria-label on the nested HTML button element                                                                                        | `string \| undefined`                                                                             | `undefined` |
-| `background`           | `background`              | Custom background color. Only has an effect on chips with `variant='custom'`                                                                                                       | `string \| undefined`                                                                             | `undefined` |
-| `centerContent`        | `center-content`          | Center the content of the chip. Set to false to disable centering.                                                                                                                 | `boolean`                                                                                         | `false`     |
-| `chipColor`            | `chip-color`              | Custom font and icon color. Only has an effect on chips with `variant='custom'`                                                                                                    | `string \| undefined`                                                                             | `undefined` |
-| `closable`             | `closable`                | Show close icon                                                                                                                                                                    | `boolean`                                                                                         | `false`     |
-| `icon`                 | `icon`                    | Show icon                                                                                                                                                                          | `string \| undefined`                                                                             | `undefined` |
-| `inactive`             | `inactive`                | Determines if the chip is interactive. If true no user input (e.g. mouse states, keyboard navigation) will be possible and also the close button will not be present.              | `boolean`                                                                                         | `false`     |
-| `outline`              | `outline`                 | Show chip with outline style                                                                                                                                                       | `boolean`                                                                                         | `false`     |
-| `tooltipText`          | `tooltip-text`            | Display a tooltip. By default, no tooltip will be displayed. Add the attribute to display the text content of the component as a tooltip or use a string to display a custom text. | `boolean \| string`                                                                               | `false`     |
-| `variant`              | `variant`                 | Chip variant                                                                                                                                                                       | `"alarm" \| "critical" \| "custom" \| "info" \| "neutral" \| "primary" \| "success" \| "warning"` | `'primary'` |
+| Property               | Attribute                 | Description                                                                                                                                                                        | Type                                                                                              | Default        |
+| ---------------------- | ------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------- | -------------- |
+| `ariaLabelCloseButton` | `aria-label-close-button` | ARIA label for the close button Will be set as aria-label on the nested HTML button element                                                                                        | `string \| undefined`                                                                             | `'Close chip'` |
+| `background`           | `background`              | Custom background color. Only has an effect on chips with `variant='custom'`                                                                                                       | `string \| undefined`                                                                             | `undefined`    |
+| `centerContent`        | `center-content`          | Center the content of the chip. Set to false to disable centering.                                                                                                                 | `boolean`                                                                                         | `false`        |
+| `chipColor`            | `chip-color`              | Custom font and icon color. Only has an effect on chips with `variant='custom'`                                                                                                    | `string \| undefined`                                                                             | `undefined`    |
+| `closable`             | `closable`                | Show close icon                                                                                                                                                                    | `boolean`                                                                                         | `false`        |
+| `icon`                 | `icon`                    | Show icon                                                                                                                                                                          | `string \| undefined`                                                                             | `undefined`    |
+| `inactive`             | `inactive`                | Determines if the chip is interactive. If true no user input (e.g. mouse states, keyboard navigation) will be possible and also the close button will not be present.              | `boolean`                                                                                         | `false`        |
+| `outline`              | `outline`                 | Show chip with outline style                                                                                                                                                       | `boolean`                                                                                         | `false`        |
+| `tooltipText`          | `tooltip-text`            | Display a tooltip. By default, no tooltip will be displayed. Add the attribute to display the text content of the component as a tooltip or use a string to display a custom text. | `boolean \| string`                                                                               | `false`        |
+| `variant`              | `variant`                 | Chip variant                                                                                                                                                                       | `"alarm" \| "critical" \| "custom" \| "info" \| "neutral" \| "primary" \| "success" \| "warning"` | `'primary'`    |
 
 
 ## Events

package/build/docs/autogenerated/prompt/ix-content-header/readme.md

@@ -346,9 +346,9 @@
         header-subtitle="Subtitle"
       >
         <ix-pill slot="header" icon="info" class="margin-top">Label</ix-pill>
-        <ix-button ghost>Button1</ix-button>
-        <ix-button ghost>Button2</ix-button>
-        <ix-button ghost>Button3</ix-button>
+        <ix-button variant="tertiary">Button1</ix-button>
+        <ix-button variant="tertiary">Button2</ix-button>
+        <ix-button variant="tertiary">Button3</ix-button>
       </ix-content-header>
     </div>
 
@@ -723,9 +723,9 @@ export default () => {
       <IxPill slot="header" icon={iconInfo} className="margin-top">
         Label
       </IxPill>
-      <IxButton ghost>Button1</IxButton>
-      <IxButton ghost>Button2</IxButton>
-      <IxButton ghost>Button3</IxButton>
+      <IxButton variant='tertiary'>Button1</IxButton>
+      <IxButton variant='tertiary'>Button2</IxButton>
+      <IxButton variant='tertiary'>Button3</IxButton>
     </IxContentHeader>
   );
 };
@@ -1080,9 +1080,9 @@ import { iconInfo } from '@siemens/ix-icons/icons';
 <template>
   <IxContentHeader has-back-button header-title="Content title" header-subtitle="Subtitle">
     <IxPill slot="header" :icon="iconInfo" class="margin-top">Label</IxPill>
-    <IxButton ghost>Button1</IxButton>
-    <IxButton ghost>Button2</IxButton>
-    <IxButton ghost>Button3</IxButton>
+    <IxButton variant="tertiary">Button1</IxButton>
+    <IxButton variant="tertiary">Button2</IxButton>
+    <IxButton variant="tertiary">Button3</IxButton>
   </IxContentHeader>
 </template>
 ```
@@ -1484,9 +1484,9 @@ LICENSE file in the root directory of this source tree.
   header-subtitle="Subtitle"
 >
   <ix-pill slot="header" icon="info" class="margin-top">Label</ix-pill>
-  <ix-button ghost>Button1</ix-button>
-  <ix-button ghost>Button2</ix-button>
-  <ix-button ghost>Button3</ix-button>
+  <ix-button variant="tertiary">Button1</ix-button>
+  <ix-button variant="tertiary">Button2</ix-button>
+  <ix-button variant="tertiary">Button3</ix-button>
 </ix-content-header>
 
 ```
@@ -2015,9 +2015,9 @@ LICENSE file in the root directory of this source tree.
   header-subtitle="Subtitle"
 >
   <ix-pill slot="header" icon="info" class="margin-top">Label</ix-pill>
-  <ix-button ghost>Button1</ix-button>
-  <ix-button ghost>Button2</ix-button>
-  <ix-button ghost>Button3</ix-button>
+  <ix-button variant="tertiary">Button1</ix-button>
+  <ix-button variant="tertiary">Button2</ix-button>
+  <ix-button variant="tertiary">Button3</ix-button>
 </ix-content-header>
 
 ```

package/build/docs/autogenerated/prompt/ix-date-dropdown/readme.md

@@ -385,7 +385,7 @@ LICENSE file in the root directory of this source tree.
 | `ariaLabelDropdownButton` | `aria-label-dropdown-button` | ARIA label for the dropdown Will be set as aria-label on the nested HTML button element that will trigger the dropdown                                                                                                                                                                                                                                                                             | `string \| undefined`                                                                                                                                                  | `undefined`      |
 | `customRangeDisabled`     | `custom-range-disabled`      | Controls whether custom date range selection is disabled in the component. When set to 'false', the user can select a custom date range using the date picker. When set to 'true', only predefined time date ranges are available for selection.                                                                                                                                                   | `boolean`                                                                                                                                                              | `false`          |
 | `dateRangeId`             | `date-range-id`              | Used to set the initial select date range as well as the button name, if not set or no according date range label is found, nothing will be selected                                                                                                                                                                                                                                               | `string`                                                                                                                                                               | `'custom'`       |
-| `dateRangeOptions`        | `date-range-options`         | An array of predefined date range options for the date picker. Each option is an object with a label describing the range and a function that returns the start and end dates of the range as a DateRangeOption object.  Example format:   {     id: 'some unique id',     label: 'Name of the range',     from: undefined, to: '2023/03/29'   },   // ... other predefined date range options ... | `DateDropdownOption[]`                                                                                                                                                 | `[]`             |
+| `dateRangeOptions`        | --                           | An array of predefined date range options for the date picker. Each option is an object with a label describing the range and a function that returns the start and end dates of the range as a DateRangeOption object.  Example format:   {     id: 'some unique id',     label: 'Name of the range',     from: undefined, to: '2023/03/29'   },   // ... other predefined date range options ... | `DateDropdownOption[]`                                                                                                                                                 | `[]`             |
 | `disabled`                | `disabled`                   | Disable the button that opens the dropdown containing the date picker.                                                                                                                                                                                                                                                                                                                             | `boolean`                                                                                                                                                              | `false`          |
 | `enableTopLayer`          | `enable-top-layer`           | Enable Popover API rendering for dropdown.                                                                                                                                                                                                                                                                                                                                                         | `boolean`                                                                                                                                                              | `false`          |
 | `format`                  | `format`                     | Date format string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens.                                                                                                                                                                                                                                                                           | `string`                                                                                                                                                               | `'yyyy/LL/dd'`   |

package/build/docs/autogenerated/prompt/ix-date-input/readme.md

@@ -957,40 +957,41 @@ LICENSE file in the root directory of this source tree.
 
 | Property                       | Attribute                          | Description                                                                                                                                                                                                                                                                                                                                             | Type                   | Default               |
 | ------------------------------ | ---------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------- | --------------------- |
-| `ariaLabelCalendarButton`      | `aria-label-calendar-button`       | ARIA label for the calendar icon button Will be set as aria-label on the nested HTML button element                                                                                                                                                                                                                                                     | `string \| undefined`  | `undefined`           |
-| `ariaLabelNextMonthButton`     | `aria-label-next-month-button`     | ARIA label for the next month icon button Will be set as aria-label on the nested HTML button element                                                                                                                                                                                                                                                   | `string \| undefined`  | `undefined`           |
-| `ariaLabelPreviousMonthButton` | `aria-label-previous-month-button` | ARIA label for the previous month icon button Will be set as aria-label on the nested HTML button element                                                                                                                                                                                                                                               | `string \| undefined`  | `undefined`           |
-| `disabled`                     | `disabled`                         | Disabled attribute                                                                                                                                                                                                                                                                                                                                      | `boolean`              | `false`               |
+| `ariaLabelCalendarButton`      | `aria-label-calendar-button`       | ARIA label for the calendar icon button. Will be set as aria-label on the nested HTML button element.                                                                                                                                                                                                                                                   | `string \| undefined`  | `'Open calendar'`     |
+| `ariaLabelNextMonthButton`     | `aria-label-next-month-button`     | ARIA label for the next month icon button. Will be set as aria-label on the nested HTML button element.                                                                                                                                                                                                                                                 | `string \| undefined`  | `'Next month'`        |
+| `ariaLabelPreviousMonthButton` | `aria-label-previous-month-button` | ARIA label for the previous month icon button. Will be set as aria-label on the nested HTML button element.                                                                                                                                                                                                                                             | `string \| undefined`  | `'Previous month'`    |
+| `disabled`                     | `disabled`                         | Disabled attribute.                                                                                                                                                                                                                                                                                                                                     | `boolean`              | `false`               |
 | `enableTopLayer`               | `enable-top-layer`                 | Enable Popover API rendering for dropdown.                                                                                                                                                                                                                                                                                                              | `boolean`              | `false`               |
 | `format`                       | `format`                           | Date format string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens.                                                                                                                                                                                                                                | `string`               | `'yyyy/LL/dd'`        |
-| `helperText`                   | `helper-text`                      | Helper text below the input field                                                                                                                                                                                                                                                                                                                       | `string \| undefined`  | `undefined`           |
-| `i18nErrorDateUnparsable`      | `i18n-error-date-unparsable`       | I18n string for the error message when the date is not parsable                                                                                                                                                                                                                                                                                         | `string`               | `'Date is not valid'` |
-| `infoText`                     | `info-text`                        | Info text below the input field                                                                                                                                                                                                                                                                                                                         | `string \| undefined`  | `undefined`           |
-| `invalidText`                  | `invalid-text`                     | Error text below the input field                                                                                                                                                                                                                                                                                                                        | `string \| undefined`  | `undefined`           |
-| `label`                        | `label`                            | Label of the input field                                                                                                                                                                                                                                                                                                                                | `string \| undefined`  | `undefined`           |
+| `helperText`                   | `helper-text`                      | Helper text below the input field.                                                                                                                                                                                                                                                                                                                      | `string \| undefined`  | `undefined`           |
+| `i18nErrorDateUnparsable`      | `i18n-error-date-unparsable`       | I18n string for the error message when the date is not parsable.                                                                                                                                                                                                                                                                                        | `string`               | `'Date is not valid'` |
+| `infoText`                     | `info-text`                        | Info text below the input field.                                                                                                                                                                                                                                                                                                                        | `string \| undefined`  | `undefined`           |
+| `invalidText`                  | `invalid-text`                     | Error text below the input field.                                                                                                                                                                                                                                                                                                                       | `string \| undefined`  | `undefined`           |
+| `label`                        | `label`                            | Label of the input field.                                                                                                                                                                                                                                                                                                                               | `string \| undefined`  | `undefined`           |
 | `locale`                       | `locale`                           | Locale identifier (e.g. 'en' or 'de'). The locale is used to translate the labels for weekdays and months. It also determines the default order of weekdays based on the locale's conventions. When the locale changes, the weekday labels are rotated according to the `weekStartIndex`. It does not affect the values returned by methods and events. | `string \| undefined`  | `undefined`           |
 | `maxDate`                      | `max-date`                         | The latest date that can be selected by the date input/picker. If not set there will be no restriction.                                                                                                                                                                                                                                                 | `string`               | `''`                  |
 | `minDate`                      | `min-date`                         | The earliest date that can be selected by the date input/picker. If not set there will be no restriction.                                                                                                                                                                                                                                               | `string`               | `''`                  |
-| `name`                         | `name`                             | Name of the input element                                                                                                                                                                                                                                                                                                                               | `string \| undefined`  | `undefined`           |
-| `placeholder`                  | `placeholder`                      | Placeholder of the input element                                                                                                                                                                                                                                                                                                                        | `string \| undefined`  | `undefined`           |
-| `readonly`                     | `readonly`                         | Readonly attribute                                                                                                                                                                                                                                                                                                                                      | `boolean`              | `false`               |
-| `required`                     | `required`                         | Required attribute                                                                                                                                                                                                                                                                                                                                      | `boolean \| undefined` | `undefined`           |
-| `showTextAsTooltip`            | `show-text-as-tooltip`             | Show text as tooltip                                                                                                                                                                                                                                                                                                                                    | `boolean \| undefined` | `undefined`           |
-| `showWeekNumbers`              | `show-week-numbers`                | Shows week numbers displayed on the left side of the date picker                                                                                                                                                                                                                                                                                        | `boolean`              | `false`               |
+| `name`                         | `name`                             | Name of the input element.                                                                                                                                                                                                                                                                                                                              | `string \| undefined`  | `undefined`           |
+| `placeholder`                  | `placeholder`                      | Placeholder of the input element.                                                                                                                                                                                                                                                                                                                       | `string \| undefined`  | `undefined`           |
+| `readonly`                     | `readonly`                         | Readonly attribute.                                                                                                                                                                                                                                                                                                                                     | `boolean`              | `false`               |
+| `required`                     | `required`                         | Required attribute.                                                                                                                                                                                                                                                                                                                                     | `boolean \| undefined` | `undefined`           |
+| `showTextAsTooltip`            | `show-text-as-tooltip`             | Show text as tooltip.                                                                                                                                                                                                                                                                                                                                   | `boolean \| undefined` | `undefined`           |
+| `showWeekNumbers`              | `show-week-numbers`                | Shows week numbers displayed on the left side of the date picker.                                                                                                                                                                                                                                                                                       | `boolean`              | `false`               |
 | `suppressSubmitOnEnter`        | `suppress-submit-on-enter`         | If false, pressing Enter will submit the form (if inside a form). Set to true to suppress submit on Enter.                                                                                                                                                                                                                                              | `boolean`              | `false`               |
 | `textAlignment`                | `text-alignment`                   | Text alignment within the date input. 'start' aligns the text to the start of the input, 'end' aligns the text to the end of the input.                                                                                                                                                                                                                 | `"end" \| "start"`     | `'start'`             |
-| `validText`                    | `valid-text`                       | Valid text below the input field                                                                                                                                                                                                                                                                                                                        | `string \| undefined`  | `undefined`           |
-| `value`                        | `value`                            | Value of the input element                                                                                                                                                                                                                                                                                                                              | `string \| undefined`  | `''`                  |
-| `warningText`                  | `warning-text`                     | Warning text below the input field                                                                                                                                                                                                                                                                                                                      | `string \| undefined`  | `undefined`           |
-| `weekStartIndex`               | `week-start-index`                 | The index of which day to start the week on, based on the Locale#weekdays array. E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on monday.                                                                                                                                                                                | `number`               | `0`                   |
+| `validText`                    | `valid-text`                       | Valid text below the input field.                                                                                                                                                                                                                                                                                                                       | `string \| undefined`  | `undefined`           |
+| `value`                        | `value`                            | Value of the input element.                                                                                                                                                                                                                                                                                                                             | `string \| undefined`  | `''`                  |
+| `warningText`                  | `warning-text`                     | Warning text below the input field.                                                                                                                                                                                                                                                                                                                     | `string \| undefined`  | `undefined`           |
+| `weekStartIndex`               | `week-start-index`                 | The index of which day to start the week on, based on the Locale#weekdays array. E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on Monday.                                                                                                                                                                                | `number`               | `0`                   |
 
 
 ## Events
 
-| Event                 | Description                    | Type                                                                              |
-| --------------------- | ------------------------------ | --------------------------------------------------------------------------------- |
-| `validityStateChange` | Validation state change event. | `CustomEvent<{ patternMismatch: boolean; invalidReason?: string \| undefined; }>` |
-| `valueChange`         | Input change event.            | `CustomEvent<string \| undefined>`                                                |
+| Event                 | Description                                                                      | Type                                                                                                     |
+| --------------------- | -------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------------------------- |
+| `ixChange`            | Change event. Emitted when the date input loses focus and the value has changed. | `CustomEvent<string \| undefined>`                                                                       |
+| `validityStateChange` | Validation state change event. Emitted when the validation state changes.        | `CustomEvent<{ patternMismatch: boolean; valueMissing: boolean; invalidReason?: string \| undefined; }>` |
+| `valueChange`         | Value change event. Emitted when the input value changes.                        | `CustomEvent<string \| undefined>`                                                                       |
 
 
 ## Methods

package/build/docs/autogenerated/prompt/ix-date-picker/readme.md

@@ -390,22 +390,22 @@ export default class Datepicker {}
 
 ## Properties
 
-| Property                       | Attribute                          | Description                                                                                                                                                                                                                                                                                                                                             | Type                                           | Default        |
-| ------------------------------ | ---------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------- | -------------- |
-| `ariaLabelNextMonthButton`     | `aria-label-next-month-button`     | ARIA label for the next month icon button Will be set as aria-label on the nested HTML button element                                                                                                                                                                                                                                                   | `string \| undefined`                          | `undefined`    |
-| `ariaLabelPreviousMonthButton` | `aria-label-previous-month-button` | ARIA label for the previous month icon button Will be set as aria-label on the nested HTML button element                                                                                                                                                                                                                                               | `string \| undefined`                          | `undefined`    |
-| `corners`                      | `corners`                          | Corner style                                                                                                                                                                                                                                                                                                                                            | `"left" \| "right" \| "rounded" \| "straight"` | `'rounded'`    |
-| `enableTopLayer`               | `enable-top-layer`                 | Enable Popover API rendering for dropdown.                                                                                                                                                                                                                                                                                                              | `boolean`                                      | `false`        |
-| `format`                       | `format`                           | Date format string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens.                                                                                                                                                                                                                                | `string`                                       | `'yyyy/LL/dd'` |
-| `from`                         | `from`                             | The selected starting date. If the date-picker-rework is not in range mode this is the selected date. Format has to match the `format` property.                                                                                                                                                                                                        | `string \| undefined`                          | `undefined`    |
-| `i18nDone`                     | `i18n-done`                        | Text of date select button                                                                                                                                                                                                                                                                                                                              | `string`                                       | `'Done'`       |
-| `locale`                       | `locale`                           | Locale identifier (e.g. 'en' or 'de'). The locale is used to translate the labels for weekdays and months. It also determines the default order of weekdays based on the locale's conventions. When the locale changes, the weekday labels are rotated according to the `weekStartIndex`. It does not affect the values returned by methods and events. | `string \| undefined`                          | `undefined`    |
-| `maxDate`                      | `max-date`                         | The latest date that can be selected by the date picker. If not set there will be no restriction.                                                                                                                                                                                                                                                       | `string`                                       | `''`           |
-| `minDate`                      | `min-date`                         | The earliest date that can be selected by the date picker. If not set there will be no restriction.                                                                                                                                                                                                                                                     | `string`                                       | `''`           |
-| `showWeekNumbers`              | `show-week-numbers`                | Shows week numbers displayed on the left side of the date picker                                                                                                                                                                                                                                                                                        | `boolean`                                      | `false`        |
-| `singleSelection`              | `single-selection`                 | If true disables date range selection (from/to).                                                                                                                                                                                                                                                                                                        | `boolean`                                      | `false`        |
-| `to`                           | `to`                               | The selected end date. If the the date-picker-rework is not in range mode this property has no impact. Format has to match the `format` property.                                                                                                                                                                                                       | `string \| undefined`                          | `undefined`    |
-| `weekStartIndex`               | `week-start-index`                 | The index of which day to start the week on, based on the Locale#weekdays array. E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on monday.                                                                                                                                                                                | `number`                                       | `0`            |
+| Property                       | Attribute                          | Description                                                                                                                                                                                                                                                                                                                                             | Type                                           | Default            |
+| ------------------------------ | ---------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------- | ------------------ |
+| `ariaLabelNextMonthButton`     | `aria-label-next-month-button`     | ARIA label for the next month icon button. Will be set as aria-label on the nested HTML button element.                                                                                                                                                                                                                                                 | `string \| undefined`                          | `'Next month'`     |
+| `ariaLabelPreviousMonthButton` | `aria-label-previous-month-button` | ARIA label for the previous month icon button. Will be set as aria-label on the nested HTML button element.                                                                                                                                                                                                                                             | `string \| undefined`                          | `'Previous month'` |
+| `corners`                      | `corners`                          | Corner style.                                                                                                                                                                                                                                                                                                                                           | `"left" \| "right" \| "rounded" \| "straight"` | `'rounded'`        |
+| `enableTopLayer`               | `enable-top-layer`                 | Enable Popover API rendering for dropdown.                                                                                                                                                                                                                                                                                                              | `boolean`                                      | `false`            |
+| `format`                       | `format`                           | Date format string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens.                                                                                                                                                                                                                                | `string`                                       | `'yyyy/LL/dd'`     |
+| `from`                         | `from`                             | The selected starting date. If the date picker is not in range mode, this is the selected date. Format has to match the `format` property.                                                                                                                                                                                                              | `string \| undefined`                          | `undefined`        |
+| `i18nDone`                     | `i18n-done`                        | Text of the date select button.                                                                                                                                                                                                                                                                                                                         | `string`                                       | `'Done'`           |
+| `locale`                       | `locale`                           | Locale identifier (e.g. 'en' or 'de'). The locale is used to translate the labels for weekdays and months. It also determines the default order of weekdays based on the locale's conventions. When the locale changes, the weekday labels are rotated according to the `weekStartIndex`. It does not affect the values returned by methods and events. | `string \| undefined`                          | `undefined`        |
+| `maxDate`                      | `max-date`                         | The latest date that can be selected by the date picker. If not set there will be no restriction.                                                                                                                                                                                                                                                       | `string`                                       | `''`               |
+| `minDate`                      | `min-date`                         | The earliest date that can be selected by the date picker. If not set there will be no restriction.                                                                                                                                                                                                                                                     | `string`                                       | `''`               |
+| `showWeekNumbers`              | `show-week-numbers`                | Shows week numbers displayed on the left side of the date picker.                                                                                                                                                                                                                                                                                       | `boolean`                                      | `false`            |
+| `singleSelection`              | `single-selection`                 | If true, disables date range selection (from/to).                                                                                                                                                                                                                                                                                                       | `boolean`                                      | `false`            |
+| `to`                           | `to`                               | The selected end date. If the date picker is not in range mode, this property has no impact. Format has to match the `format` property.                                                                                                                                                                                                                 | `string \| undefined`                          | `undefined`        |
+| `weekStartIndex`               | `week-start-index`                 | The index of which day to start the week on, based on the Locale#weekdays array. E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on Monday.                                                                                                                                                                                | `number`                                       | `0`                |
 
 
 ## Events
@@ -413,8 +413,8 @@ export default class Datepicker {}
 | Event             | Description                                                                                                                                                                                                                                                                                                                             | Type                                                                     |
 | ----------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------ |
 | `dateChange`      | Emitted when the date selection changes. The `DateChangeEvent` contains `from` and `to` properties. The property strings are formatted according to the `format` property and not affected by the `locale` property. The locale applied is always `en-US`. Note: Since 2.0.0 `dateChange` does not dispatch detail property as `string` | `CustomEvent<{ from?: string \| undefined; to?: string \| undefined; }>` |
-| `dateRangeChange` | Emitted when the date range selection changes and the component is in range mode. The `DateChangeEvent` contains `from` and `to` properties. The property strings are formatted according to the `format` property and not affected by the `locale` property. The locale applied is always `en-US`.                                     | `CustomEvent<{ from?: string \| undefined; to?: string \| undefined; }>` |
-| `dateSelect`      | Emitted when the selection is confirmed via the date select button. The `DateChangeEvent` contains `from` and `to` properties. The property strings are formatted according to the `format` property and not affected by the `locale` property. The locale applied is always `en-US`.                                                   | `CustomEvent<{ from?: string \| undefined; to?: string \| undefined; }>` |
+| `dateRangeChange` | Date range change event. Emitted when the date range selection changes and the component is in range mode. The `DateChangeEvent` contains `from` and `to` properties. The property strings are formatted according to the `format` property and not affected by the `locale` property. The locale applied is always `en-US`.            | `CustomEvent<{ from?: string \| undefined; to?: string \| undefined; }>` |
+| `dateSelect`      | Date selection event. Emitted when the selection is confirmed via the date select button. The `DateChangeEvent` contains `from` and `to` properties. The property strings are formatted according to the `format` property and not affected by the `locale` property. The locale applied is always `en-US`.                             | `CustomEvent<{ from?: string \| undefined; to?: string \| undefined; }>` |
 
 
 ## Methods

package/build/docs/autogenerated/prompt/ix-datetime-picker/readme.md

@@ -83,34 +83,34 @@ export default class Datetimepicker {}
 
 ## Properties
 
-| Property                       | Attribute                          | Description                                                                                                                                                              | Type                        | Default        |
-| ------------------------------ | ---------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------- | -------------- |
-| `ariaLabelNextMonthButton`     | `aria-label-next-month-button`     | ARIA label for the next month icon button Will be set as aria-label on the nested HTML button element                                                                    | `string \| undefined`       | `undefined`    |
-| `ariaLabelPreviousMonthButton` | `aria-label-previous-month-button` | ARIA label for the previous month icon button Will be set as aria-label on the nested HTML button element                                                                | `string \| undefined`       | `undefined`    |
-| `dateFormat`                   | `date-format`                      | Date format string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens.                                                 | `string`                    | `'yyyy/LL/dd'` |
-| `from`                         | `from`                             | The selected starting date. If the picker is not in range mode this is the selected date. Format has to match the `format` property.                                     | `string \| undefined`       | `undefined`    |
-| `i18nDone`                     | `i18n-done`                        | Text of date select button                                                                                                                                               | `string`                    | `'Done'`       |
-| `i18nTime`                     | `i18n-time`                        | Top label of time picker                                                                                                                                                 | `string`                    | `'Time'`       |
-| `locale`                       | `locale`                           | Format of time string See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens.                                               | `string \| undefined`       | `undefined`    |
-| `maxDate`                      | `max-date`                         | The latest date that can be selected by the date picker. If not set there will be no restriction.                                                                        | `string \| undefined`       | `undefined`    |
-| `minDate`                      | `min-date`                         | The earliest date that can be selected by the date picker. If not set there will be no restriction.                                                                      | `string \| undefined`       | `undefined`    |
-| `showTimeReference`            | `show-time-reference`              | Show time reference input Time reference is default aligned with                                                                                                         | `boolean`                   | `false`        |
-| `showWeekNumbers`              | `show-week-numbers`                | Shows week numbers displayed on the left side of the date picker                                                                                                         | `boolean`                   | `false`        |
-| `singleSelection`              | `single-selection`                 | If true disables date range selection (from/to).                                                                                                                         | `boolean`                   | `false`        |
-| `time`                         | `time`                             | Select time with format string                                                                                                                                           | `string \| undefined`       | `undefined`    |
-| `timeFormat`                   | `time-format`                      | Time format string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens.                                                 | `string`                    | `'HH:mm:ss'`   |
-| `timeReference`                | `time-reference`                   | Set time reference                                                                                                                                                       | `"AM" \| "PM" \| undefined` | `undefined`    |
-| `to`                           | `to`                               | The selected end date. If the the picker is not in range mode this property has no impact. Format has to match the `format` property.                                    | `string \| undefined`       | `undefined`    |
-| `weekStartIndex`               | `week-start-index`                 | The index of which day to start the week on, based on the Locale#weekdays array. E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on monday. | `number`                    | `0`            |
+| Property                       | Attribute                          | Description                                                                                                                                                              | Type                        | Default            |
+| ------------------------------ | ---------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | --------------------------- | ------------------ |
+| `ariaLabelNextMonthButton`     | `aria-label-next-month-button`     | ARIA label for the next month icon button. Will be set as aria-label on the nested HTML button element.                                                                  | `string \| undefined`       | `'Next month'`     |
+| `ariaLabelPreviousMonthButton` | `aria-label-previous-month-button` | ARIA label for the previous month icon button. Will be set as aria-label on the nested HTML button element.                                                              | `string \| undefined`       | `'Previous month'` |
+| `dateFormat`                   | `date-format`                      | Date format string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens.                                                 | `string`                    | `'yyyy/LL/dd'`     |
+| `from`                         | `from`                             | The selected starting date. If the picker is not in range mode, this is the selected date. Format has to match the `dateFormat` property.                                | `string \| undefined`       | `undefined`        |
+| `i18nDone`                     | `i18n-done`                        | Text of the date select button.                                                                                                                                          | `string`                    | `'Done'`           |
+| `i18nTime`                     | `i18n-time`                        | Top label of the time picker.                                                                                                                                            | `string`                    | `'Time'`           |
+| `locale`                       | `locale`                           | Locale identifier (e.g. 'en' or 'de'). See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens.                              | `string \| undefined`       | `undefined`        |
+| `maxDate`                      | `max-date`                         | The latest date that can be selected. If not set there will be no restriction.                                                                                           | `string \| undefined`       | `undefined`        |
+| `minDate`                      | `min-date`                         | The earliest date that can be selected. If not set there will be no restriction.                                                                                         | `string \| undefined`       | `undefined`        |
+| `showTimeReference`            | `show-time-reference`              | Show AM/PM time reference control.                                                                                                                                       | `boolean`                   | `false`            |
+| `showWeekNumbers`              | `show-week-numbers`                | Shows week numbers displayed on the left side of the date picker.                                                                                                        | `boolean`                   | `false`            |
+| `singleSelection`              | `single-selection`                 | If true, disables date range selection (from/to).                                                                                                                        | `boolean`                   | `false`            |
+| `time`                         | `time`                             | Selected time value for the embedded time picker. Format has to match the `timeFormat` property.                                                                         | `string \| undefined`       | `undefined`        |
+| `timeFormat`                   | `time-format`                      | Time format string. See {@link https://moment.github.io/luxon/#/formatting?id=table-of-tokens} for all available tokens.                                                 | `string`                    | `'HH:mm:ss'`       |
+| `timeReference`                | `time-reference`                   | Time reference (AM or PM).                                                                                                                                               | `"AM" \| "PM" \| undefined` | `undefined`        |
+| `to`                           | `to`                               | The selected end date. If the picker is not in range mode, this property has no impact. Format has to match the `dateFormat` property.                                   | `string \| undefined`       | `undefined`        |
+| `weekStartIndex`               | `week-start-index`                 | The index of which day to start the week on, based on the Locale#weekdays array. E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on Monday. | `number`                    | `0`                |
 
 
 ## Events
 
-| Event        | Description                                                       | Type                                                                                   |
-| ------------ | ----------------------------------------------------------------- | -------------------------------------------------------------------------------------- |
-| `dateChange` | Date change                                                       | `CustomEvent<string \| { from?: string \| undefined; to?: string \| undefined; }>`     |
-| `dateSelect` | Datetime selection event is fired after confirm button is pressed | `CustomEvent<{ from?: string \| undefined; to?: string \| undefined; time: string; }>` |
-| `timeChange` | Time change                                                       | `CustomEvent<string>`                                                                  |
+| Event        | Description                                                                   | Type                                                                                                       |
+| ------------ | ----------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
+| `dateChange` | Date change event. Emitted when the date changes in the embedded date picker. | `CustomEvent<"time" \| string \| { from?: string \| undefined; to?: string \| undefined; time: string; }>` |
+| `dateSelect` | Datetime selection event. Emitted when the user confirms the selection.       | `CustomEvent<{ from?: string \| undefined; to?: string \| undefined; time: string; }>`                     |
+| `timeChange` | Time change event. Emitted when the time changes in the embedded time picker. | `CustomEvent<string>`                                                                                      |
 
 
 ## Dependencies

package/build/docs/autogenerated/prompt/ix-drawer/readme.md

@@ -267,15 +267,15 @@ export default class Drawer {
 
 ## Properties
 
-| Property               | Attribute                 | Description                                                                                      | Type                  | Default         |
-| ---------------------- | ------------------------- | ------------------------------------------------------------------------------------------------ | --------------------- | --------------- |
-| `ariaLabelCloseButton` | `aria-label-close-button` | ARIA label for the close icon button Will be set as aria-label on the nested HTML button element | `string \| undefined` | `undefined`     |
-| `closeOnClickOutside`  | `close-on-click-outside`  | Fired in case of an outside click during drawer showed state                                     | `boolean`             | `true`          |
-| `fullHeight`           | `full-height`             | Render the drawer with maximum height                                                            | `boolean`             | `false`         |
-| `maxWidth`             | `max-width`               | Max width interpreted as REM                                                                     | `number`              | `28`            |
-| `minWidth`             | `min-width`               | Min width interpreted as REM                                                                     | `number`              | `16`            |
-| `show`                 | `show`                    | Show or hide the drawer                                                                          | `boolean`             | `false`         |
-| `width`                | `width`                   | Width interpreted as REM if not set to 'auto'                                                    | `"auto" \| number`    | `this.minWidth` |
+| Property               | Attribute                 | Description                                                                                      | Type                  | Default          |
+| ---------------------- | ------------------------- | ------------------------------------------------------------------------------------------------ | --------------------- | ---------------- |
+| `ariaLabelCloseButton` | `aria-label-close-button` | ARIA label for the close icon button Will be set as aria-label on the nested HTML button element | `string \| undefined` | `'Close drawer'` |
+| `closeOnClickOutside`  | `close-on-click-outside`  | Fired in case of an outside click during drawer showed state                                     | `boolean`             | `true`           |
+| `fullHeight`           | `full-height`             | Render the drawer with maximum height                                                            | `boolean`             | `false`          |
+| `maxWidth`             | `max-width`               | Max width interpreted as REM                                                                     | `number`              | `28`             |
+| `minWidth`             | `min-width`               | Min width interpreted as REM                                                                     | `number`              | `16`             |
+| `show`                 | `show`                    | Show or hide the drawer                                                                          | `boolean`             | `false`          |
+| `width`                | `width`                   | Width interpreted as REM if not set to 'auto'                                                    | `"auto" \| number`    | `this.minWidth`  |
 
 
 ## Events

package/build/docs/autogenerated/prompt/ix-expanding-search/readme.md

@@ -89,9 +89,9 @@ export default class ExpandingSearch {}
 
 | Property                    | Attribute                       | Description                                                                                               | Type                                                                                                                                                                   | Default             |
 | --------------------------- | ------------------------------- | --------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------- |
-| `ariaLabelClearIconButton`  | `aria-label-clear-icon-button`  | ARIA label for the clear icon button Will be set as aria-label on the nested HTML button element          | `string \| undefined`                                                                                                                                                  | `undefined`         |
+| `ariaLabelClearIconButton`  | `aria-label-clear-icon-button`  | ARIA label for the clear icon button Will be set as aria-label on the nested HTML button element          | `string \| undefined`                                                                                                                                                  | `'Clear search'`    |
 | `ariaLabelSearchIconButton` | `aria-label-search-icon-button` | ARIA label for the search icon button Will be set as aria-label on the nested HTML button element         | `string \| undefined`                                                                                                                                                  | `undefined`         |
-| `ariaLabelSearchInput`      | `aria-label-search-input`       | ARIA label for the search input Will be set as aria-label on the nested HTML input element                | `string \| undefined`                                                                                                                                                  | `undefined`         |
+| `ariaLabelSearchInput`      | `aria-label-search-input`       | ARIA label for the search input Will be set as aria-label on the nested HTML input element                | `string \| undefined`                                                                                                                                                  | `'Search input'`    |
 | `fullWidth`                 | `full-width`                    | If true the search field will fill all available horizontal space of it's parent container when expanded. | `boolean`                                                                                                                                                              | `false`             |
 | `icon`                      | `icon`                          | Search icon                                                                                               | `string \| undefined`                                                                                                                                                  | `undefined`         |
 | `placeholder`               | `placeholder`                   | Placeholder text                                                                                          | `string`                                                                                                                                                               | `'Enter text here'` |

package/build/docs/autogenerated/prompt/ix-icon-button/readme.md

@@ -1718,36 +1718,45 @@ import {
   selector: 'app-example',
   imports: [IxTile, IxIconButton, IxButton, IxIcon],
   template: `
-    <ix-tile size="small">92.8 °C</ix-tile>
+    <div class="example">
+      <ix-tile size="small">92.8 °C</ix-tile>
 
-    <ix-tile size="medium">
-      <div slot="header">Tile header</div>
-      <div class="text-l">92.8 °C</div>
-    </ix-tile>
+      <ix-tile size="medium">
+        <div slot="header">Tile header</div>
+        <div class="text-l">92.8 °C</div>
+      </ix-tile>
 
-    <ix-tile size="big">
-      <div class="tile-header" slot="header">
-        Tile header
-        <ix-icon-button variant="tertiary" icon="context-menu"></ix-icon-button>
-      </div>
-      <div slot="subheader">Temperature</div>
-      <div
-        style="
+      <ix-tile size="big">
+        <div class="tile-header" slot="header">
+          Tile header
+          <ix-icon-button
+            variant="tertiary"
+            icon="context-menu"
+          ></ix-icon-button>
+        </div>
+        <div slot="subheader">Temperature</div>
+        <div
+          style="
         display: flex;
         flex-direction: column;
         height: 100%;
         align-items: flex-end;
         justify-content: space-between;
       "
-      >
-        <span>92.8 °C</span>
-      </div>
-      <div class="tile-footer" slot="footer">
-        <ix-button variant="tertiary" slot="footer">
-          <ix-icon name="chevron-right-small"></ix-icon>Details
-        </ix-button>
-      </div>
-    </ix-tile>
+        >
+          <span>92.8 °C</span>
+        </div>
+        <div class="tile-footer" slot="footer">
+          <ix-button
+            variant="tertiary"
+            slot="footer"
+            icon="chevron-right-small"
+          >
+            Details
+          </ix-button>
+        </div>
+      </ix-tile>
+    </div>
   `,
   styleUrls: ['./tile.css'],
 })