@siemens/ix-docs 4.3.0 → 4.4.0

package/build/component-usage-by-component.json

@@ -45,6 +45,7 @@
     "/src/preview-examples/action-card.html"
   ],
   "ix-icon": [
+    "/home/runner/work/ix/ix/node_modules/.pnpm/@siemens+ix-icons@3.4.0/node_modules/@siemens/ix-icons/dist/esm/index.js",
     "/src/preview-examples/add-icons.html",
     "/src/preview-examples/card.html",
     "/src/preview-examples/date-input-with-slots.html",
@@ -173,16 +174,16 @@
     "/src/preview-examples/breadcrumb.html"
   ],
   "ix-button": [
-    "/src/preview-examples/button-danger-ghost.html",
-    "/src/preview-examples/button-danger-outline.html",
-    "/src/preview-examples/button-danger.html",
-    "/src/preview-examples/button-ghost.html",
-    "/src/preview-examples/button-grey-ghost.html",
-    "/src/preview-examples/button-grey-secondary.html",
-    "/src/preview-examples/button-grey.html",
+    "/src/preview-examples/button-danger-primary.html",
+    "/src/preview-examples/button-danger-secondary.html",
+    "/src/preview-examples/button-danger-tertiary.html",
     "/src/preview-examples/button-group.html",
     "/src/preview-examples/button-loading.html",
     "/src/preview-examples/button-secondary.html",
+    "/src/preview-examples/button-subtle-primary.html",
+    "/src/preview-examples/button-subtle-secondary.html",
+    "/src/preview-examples/button-subtle-tertiary.html",
+    "/src/preview-examples/button-tertiary.html",
     "/src/preview-examples/button-text-icon.html",
     "/src/preview-examples/button-with-link.html",
     "/src/preview-examples/buttons.html",
@@ -495,6 +496,7 @@
     "/src/preview-examples/slider-error.html",
     "/src/preview-examples/slider-marker.html",
     "/src/preview-examples/slider-trace.html",
+    "/src/preview-examples/slider-validation.html",
     "/src/preview-examples/slider.html"
   ],
   "ix-spinner": [
@@ -506,10 +508,12 @@
     "/src/preview-examples/split-button.html"
   ],
   "ix-tabs": [
+    "/src/preview-examples/tabs-overflow.html",
     "/src/preview-examples/tabs-rounded.html",
     "/src/preview-examples/tabs.html"
   ],
   "ix-tab-item": [
+    "/src/preview-examples/tabs-overflow.html",
     "/src/preview-examples/tabs-rounded.html",
     "/src/preview-examples/tabs.html"
   ],
@@ -567,12 +571,6 @@
   "ix-upload": [
     "/src/preview-examples/upload.html"
   ],
-  "ix-menu-avatar": [
-    "/src/preview-examples/vertical-tabs-with-avatar.html"
-  ],
-  "ix-menu-avatar-item": [
-    "/src/preview-examples/vertical-tabs-with-avatar.html"
-  ],
   "ix-workflow-steps": [
     "/src/preview-examples/workflow-vertical.html",
     "/src/preview-examples/workflow.html"
@@ -580,5 +578,11 @@
   "ix-workflow-step": [
     "/src/preview-examples/workflow-vertical.html",
     "/src/preview-examples/workflow.html"
+  ],
+  "ix-menu-avatar": [
+    "/src/preview-examples/vertical-tabs-with-avatar.html"
+  ],
+  "ix-menu-avatar-item": [
+    "/src/preview-examples/vertical-tabs-with-avatar.html"
   ]
 }

package/build/component-usage.json

@@ -99,35 +99,35 @@
     "ix-breadcrumb",
     "ix-breadcrumb-item"
   ],
-  "/src/preview-examples/button-danger-ghost.html": [
+  "/src/preview-examples/button-danger-primary.html": [
     "ix-button"
   ],
-  "/src/preview-examples/button-danger-outline.html": [
+  "/src/preview-examples/button-danger-secondary.html": [
     "ix-button"
   ],
-  "/src/preview-examples/button-danger.html": [
+  "/src/preview-examples/button-danger-tertiary.html": [
     "ix-button"
   ],
-  "/src/preview-examples/button-ghost.html": [
+  "/src/preview-examples/button-group.html": [
     "ix-button"
   ],
-  "/src/preview-examples/button-grey-ghost.html": [
-    "ix-button"
+  "/src/preview-examples/button-loading.html": [
+    "ix-button",
+    "ix-icon-button"
   ],
-  "/src/preview-examples/button-grey-secondary.html": [
+  "/src/preview-examples/button-secondary.html": [
     "ix-button"
   ],
-  "/src/preview-examples/button-grey.html": [
+  "/src/preview-examples/button-subtle-primary.html": [
     "ix-button"
   ],
-  "/src/preview-examples/button-group.html": [
+  "/src/preview-examples/button-subtle-secondary.html": [
     "ix-button"
   ],
-  "/src/preview-examples/button-loading.html": [
-    "ix-button",
-    "ix-icon-button"
+  "/src/preview-examples/button-subtle-tertiary.html": [
+    "ix-button"
   ],
-  "/src/preview-examples/button-secondary.html": [
+  "/src/preview-examples/button-tertiary.html": [
     "ix-button"
   ],
   "/src/preview-examples/button-text-icon.html": [
@@ -419,14 +419,14 @@
   "/src/preview-examples/input-validation.html": [
     "ix-input"
   ],
+  "/src/preview-examples/input.html": [
+    "ix-input"
+  ],
   "/src/preview-examples/input-with-slots.html": [
     "ix-icon",
     "ix-input",
     "ix-typography"
   ],
-  "/src/preview-examples/input.html": [
-    "ix-input"
-  ],
   "/src/preview-examples/key-value-list-striped.html": [
     "ix-key-value",
     "ix-key-value-list"
@@ -639,6 +639,9 @@
   "/src/preview-examples/slider-trace.html": [
     "ix-slider"
   ],
+  "/src/preview-examples/slider-validation.html": [
+    "ix-slider"
+  ],
   "/src/preview-examples/slider.html": [
     "ix-slider"
   ],
@@ -656,6 +659,10 @@
     "ix-dropdown-item",
     "ix-split-button"
   ],
+  "/src/preview-examples/tabs-overflow.html": [
+    "ix-tab-item",
+    "ix-tabs"
+  ],
   "/src/preview-examples/tabs-rounded.html": [
     "ix-icon",
     "ix-tab-item",
@@ -749,12 +756,12 @@
   "/src/preview-examples/toggle-button-subtle-tertiary.html": [
     "ix-toggle-button"
   ],
-  "/src/preview-examples/toggle-button-tertiary.html": [
-    "ix-toggle-button"
-  ],
   "/src/preview-examples/toggle-checked.html": [
     "ix-toggle"
   ],
+  "/src/preview-examples/toggle-button-tertiary.html": [
+    "ix-toggle-button"
+  ],
   "/src/preview-examples/toggle-custom-label.html": [
     "ix-toggle"
   ],
@@ -791,11 +798,9 @@
     "ix-select",
     "ix-select-item"
   ],
-  "/src/preview-examples/vertical-tabs-with-avatar.html": [
-    "ix-menu",
-    "ix-menu-avatar",
-    "ix-menu-avatar-item",
-    "ix-menu-item"
+  "/src/preview-examples/workflow.html": [
+    "ix-workflow-step",
+    "ix-workflow-steps"
   ],
   "/src/preview-examples/vertical-tabs.html": [
     "ix-menu",
@@ -805,8 +810,13 @@
     "ix-workflow-step",
     "ix-workflow-steps"
   ],
-  "/src/preview-examples/workflow.html": [
-    "ix-workflow-step",
-    "ix-workflow-steps"
+  "/src/preview-examples/vertical-tabs-with-avatar.html": [
+    "ix-menu",
+    "ix-menu-avatar",
+    "ix-menu-avatar-item",
+    "ix-menu-item"
+  ],
+  "/home/runner/work/ix/ix/node_modules/.pnpm/@siemens+ix-icons@3.4.0/node_modules/@siemens/ix-icons/dist/esm/index.js": [
+    "ix-icon"
   ]
 }

package/build/docs/autogenerated/api/ix-application/api.mdx

@@ -15,9 +15,6 @@ import ReactMarkdown from 'react-markdown';
     <ReactMarkdown>{`Define application switch configuration`}</ReactMarkdown>
   </ApiTable.Text>
 
-  <ApiTable.Code name="Attribute">
-    {`app-switch-config`}
-  </ApiTable.Code>
 
   <ApiTable.Code name="Type">
    {`undefined | { currentAppId: string; apps: { id: string; name: string; description: string; url: string; target: AppSwitchConfigurationTarget; iconSrc: string; }[]; i18nAppSwitch?: string | undefined; i18nLoadingApps?: string | undefined; }`}
@@ -34,9 +31,6 @@ import ReactMarkdown from 'react-markdown';
     <ReactMarkdown>{`Supported layouts`}</ReactMarkdown>
   </ApiTable.Text>
 
-  <ApiTable.Code name="Attribute">
-    {`breakpoints`}
-  </ApiTable.Code>
 
   <ApiTable.Code name="Type">
    {`("sm" | "md" | "lg")[]`}

package/build/docs/autogenerated/api/ix-application/props.mdx

@@ -6,9 +6,6 @@
     <ReactMarkdown>{`Define application switch configuration`}</ReactMarkdown>
   </ApiTable.Text>
 
-  <ApiTable.Code name="Attribute">
-    {`app-switch-config`}
-  </ApiTable.Code>
 
   <ApiTable.Code name="Type">
    {`undefined | { currentAppId: string; apps: { id: string; name: string; description: string; url: string; target: AppSwitchConfigurationTarget; iconSrc: string; }[]; i18nAppSwitch?: string | undefined; i18nLoadingApps?: string | undefined; }`}
@@ -25,9 +22,6 @@
     <ReactMarkdown>{`Supported layouts`}</ReactMarkdown>
   </ApiTable.Text>
 
-  <ApiTable.Code name="Attribute">
-    {`breakpoints`}
-  </ApiTable.Code>
 
   <ApiTable.Code name="Type">
    {`("sm" | "md" | "lg")[]`}

package/build/docs/autogenerated/api/ix-breadcrumb/api.mdx

@@ -62,9 +62,6 @@ with conditionally hidden previous items`}</ReactMarkdown>
     <ReactMarkdown>{`Items will be accessible through a dropdown`}</ReactMarkdown>
   </ApiTable.Text>
 
-  <ApiTable.Code name="Attribute">
-    {`next-items`}
-  </ApiTable.Code>
 
   <ApiTable.Code name="Type">
    {`string[]`}

package/build/docs/autogenerated/api/ix-breadcrumb/props.mdx

@@ -53,9 +53,6 @@ with conditionally hidden previous items`}</ReactMarkdown>
     <ReactMarkdown>{`Items will be accessible through a dropdown`}</ReactMarkdown>
   </ApiTable.Text>
 
-  <ApiTable.Code name="Attribute">
-    {`next-items`}
-  </ApiTable.Code>
 
   <ApiTable.Code name="Type">
    {`string[]`}

package/build/docs/autogenerated/api/ix-category-filter/api.mdx

@@ -76,9 +76,6 @@ Will be set as aria-label on the nested HTML button element`}</ReactMarkdown>
 Each ID maps to an object with a label and an array of options to select from.`}</ReactMarkdown>
   </ApiTable.Text>
 
-  <ApiTable.Code name="Attribute">
-    {`categories`}
-  </ApiTable.Code>
 
   <ApiTable.Code name="Type">
    {`undefined | { [id: string]: { label: string; options: string[]; }; }`}
@@ -139,9 +136,6 @@ Each ID maps to an object with a label and an array of options to select from.`}
     <ReactMarkdown>{`A set of search criteria to populate the component with.`}</ReactMarkdown>
   </ApiTable.Text>
 
-  <ApiTable.Code name="Attribute">
-    {`filter-state`}
-  </ApiTable.Code>
 
   <ApiTable.Code name="Type">
    {`FilterState | undefined`}
@@ -248,9 +242,6 @@ Configuration object hash used to supply labels to the filter chips in the input
 Each ID maps to a string representing the label to display.`}</ReactMarkdown>
   </ApiTable.Text>
 
-  <ApiTable.Code name="Attribute">
-    {`non-selectable-categories`}
-  </ApiTable.Code>
 
   <ApiTable.Code name="Type">
    {`undefined | { [id: string]: string; }`}
@@ -328,9 +319,6 @@ Toggling of the operator will not be available to the user.`}</ReactMarkdown>
     <ReactMarkdown>{`A list of strings that will be supplied as type-ahead suggestions not tied to any categories.`}</ReactMarkdown>
   </ApiTable.Text>
 
-  <ApiTable.Code name="Attribute">
-    {`suggestions`}
-  </ApiTable.Code>
 
   <ApiTable.Code name="Type">
    {`string[] | undefined`}

package/build/docs/autogenerated/api/ix-category-filter/props.mdx

@@ -67,9 +67,6 @@ Will be set as aria-label on the nested HTML button element`}</ReactMarkdown>
 Each ID maps to an object with a label and an array of options to select from.`}</ReactMarkdown>
   </ApiTable.Text>
 
-  <ApiTable.Code name="Attribute">
-    {`categories`}
-  </ApiTable.Code>
 
   <ApiTable.Code name="Type">
    {`undefined | { [id: string]: { label: string; options: string[]; }; }`}
@@ -130,9 +127,6 @@ Each ID maps to an object with a label and an array of options to select from.`}
     <ReactMarkdown>{`A set of search criteria to populate the component with.`}</ReactMarkdown>
   </ApiTable.Text>
 
-  <ApiTable.Code name="Attribute">
-    {`filter-state`}
-  </ApiTable.Code>
 
   <ApiTable.Code name="Type">
    {`FilterState | undefined`}
@@ -239,9 +233,6 @@ Configuration object hash used to supply labels to the filter chips in the input
 Each ID maps to a string representing the label to display.`}</ReactMarkdown>
   </ApiTable.Text>
 
-  <ApiTable.Code name="Attribute">
-    {`non-selectable-categories`}
-  </ApiTable.Code>
 
   <ApiTable.Code name="Type">
    {`undefined | { [id: string]: string; }`}
@@ -319,9 +310,6 @@ Toggling of the operator will not be available to the user.`}</ReactMarkdown>
     <ReactMarkdown>{`A list of strings that will be supplied as type-ahead suggestions not tied to any categories.`}</ReactMarkdown>
   </ApiTable.Text>
 
-  <ApiTable.Code name="Attribute">
-    {`suggestions`}
-  </ApiTable.Code>
 
   <ApiTable.Code name="Type">
    {`string[] | undefined`}

package/build/docs/autogenerated/api/ix-chip/api.mdx

@@ -9,6 +9,7 @@ import ReactMarkdown from 'react-markdown';
 
 <ApiTable id="property-ariaLabelCloseButton">
   <ApiTable.PropertyHeader name="ariaLabelCloseButton" singleFramework="">
+      
   </ApiTable.PropertyHeader>
 
   <ApiTable.Text name="Description">
@@ -24,6 +25,9 @@ Will be set as aria-label on the nested HTML button element`}</ReactMarkdown>
    {`string | undefined`}
   </ApiTable.Code>
 
+  <ApiTable.Code name="Default">
+    {`'Close chip'`}
+  </ApiTable.Code>
 
 </ApiTable>
 <ApiTable id="property-background">

package/build/docs/autogenerated/api/ix-chip/props.mdx

@@ -1,5 +1,6 @@
 <ApiTable id="property-ariaLabelCloseButton">
   <ApiTable.PropertyHeader name="ariaLabelCloseButton" singleFramework="">
+      
   </ApiTable.PropertyHeader>
 
   <ApiTable.Text name="Description">
@@ -15,6 +16,9 @@ Will be set as aria-label on the nested HTML button element`}</ReactMarkdown>
    {`string | undefined`}
   </ApiTable.Code>
 
+  <ApiTable.Code name="Default">
+    {`'Close chip'`}
+  </ApiTable.Code>
 
 </ApiTable>
 <ApiTable id="property-background">

package/build/docs/autogenerated/api/ix-date-dropdown/api.mdx

@@ -92,9 +92,6 @@ Example format:
   // ... other predefined date range options ...`}</ReactMarkdown>
   </ApiTable.Text>
 
-  <ApiTable.Code name="Attribute">
-    {`date-range-options`}
-  </ApiTable.Code>
 
   <ApiTable.Code name="Type">
    {`DateDropdownOption[]`}

package/build/docs/autogenerated/api/ix-date-dropdown/props.mdx

@@ -83,9 +83,6 @@ Example format:
   // ... other predefined date range options ...`}</ReactMarkdown>
   </ApiTable.Text>
 
-  <ApiTable.Code name="Attribute">
-    {`date-range-options`}
-  </ApiTable.Code>
 
   <ApiTable.Code name="Type">
    {`DateDropdownOption[]`}

package/build/docs/autogenerated/api/ix-date-input/api.mdx

@@ -10,11 +10,12 @@ import ReactMarkdown from 'react-markdown';
 <ApiTable id="property-ariaLabelCalendarButton">
   <ApiTable.PropertyHeader name="ariaLabelCalendarButton" singleFramework="">
       <SinceTag message={`3.2.0`} />
+      
   </ApiTable.PropertyHeader>
 
   <ApiTable.Text name="Description">
-    <ReactMarkdown>{`ARIA label for the calendar icon button
-Will be set as aria-label on the nested HTML button element`}</ReactMarkdown>
+    <ReactMarkdown>{`ARIA label for the calendar icon button.
+Will be set as aria-label on the nested HTML button element.`}</ReactMarkdown>
   </ApiTable.Text>
 
   <ApiTable.Code name="Attribute">
@@ -25,15 +26,19 @@ Will be set as aria-label on the nested HTML button element`}</ReactMarkdown>
    {`string | undefined`}
   </ApiTable.Code>
 
+  <ApiTable.Code name="Default">
+    {`'Open calendar'`}
+  </ApiTable.Code>
 
 </ApiTable>
 <ApiTable id="property-ariaLabelNextMonthButton">
   <ApiTable.PropertyHeader name="ariaLabelNextMonthButton" singleFramework="">
+      
   </ApiTable.PropertyHeader>
 
   <ApiTable.Text name="Description">
-    <ReactMarkdown>{`ARIA label for the next month icon button
-Will be set as aria-label on the nested HTML button element`}</ReactMarkdown>
+    <ReactMarkdown>{`ARIA label for the next month icon button.
+Will be set as aria-label on the nested HTML button element.`}</ReactMarkdown>
   </ApiTable.Text>
 
   <ApiTable.Code name="Attribute">
@@ -44,15 +49,19 @@ Will be set as aria-label on the nested HTML button element`}</ReactMarkdown>
    {`string | undefined`}
   </ApiTable.Code>
 
+  <ApiTable.Code name="Default">
+    {`'Next month'`}
+  </ApiTable.Code>
 
 </ApiTable>
 <ApiTable id="property-ariaLabelPreviousMonthButton">
   <ApiTable.PropertyHeader name="ariaLabelPreviousMonthButton" singleFramework="">
+      
   </ApiTable.PropertyHeader>
 
   <ApiTable.Text name="Description">
-    <ReactMarkdown>{`ARIA label for the previous month icon button
-Will be set as aria-label on the nested HTML button element`}</ReactMarkdown>
+    <ReactMarkdown>{`ARIA label for the previous month icon button.
+Will be set as aria-label on the nested HTML button element.`}</ReactMarkdown>
   </ApiTable.Text>
 
   <ApiTable.Code name="Attribute">
@@ -63,6 +72,9 @@ Will be set as aria-label on the nested HTML button element`}</ReactMarkdown>
    {`string | undefined`}
   </ApiTable.Code>
 
+  <ApiTable.Code name="Default">
+    {`'Previous month'`}
+  </ApiTable.Code>
 
 </ApiTable>
 <ApiTable id="property-disabled">
@@ -71,7 +83,7 @@ Will be set as aria-label on the nested HTML button element`}</ReactMarkdown>
   </ApiTable.PropertyHeader>
 
   <ApiTable.Text name="Description">
-    <ReactMarkdown>{`Disabled attribute`}</ReactMarkdown>
+    <ReactMarkdown>{`Disabled attribute.`}</ReactMarkdown>
   </ApiTable.Text>
 
   <ApiTable.Code name="Attribute">
@@ -138,7 +150,7 @@ See [https://moment.github.io/luxon/#/formatting?id=table-of-tokens](https://mom
   </ApiTable.PropertyHeader>
 
   <ApiTable.Text name="Description">
-    <ReactMarkdown>{`Helper text below the input field`}</ReactMarkdown>
+    <ReactMarkdown>{`Helper text below the input field.`}</ReactMarkdown>
   </ApiTable.Text>
 
   <ApiTable.Code name="Attribute">
@@ -157,7 +169,7 @@ See [https://moment.github.io/luxon/#/formatting?id=table-of-tokens](https://mom
   </ApiTable.PropertyHeader>
 
   <ApiTable.Text name="Description">
-    <ReactMarkdown>{`I18n string for the error message when the date is not parsable`}</ReactMarkdown>
+    <ReactMarkdown>{`I18n string for the error message when the date is not parsable.`}</ReactMarkdown>
   </ApiTable.Text>
 
   <ApiTable.Code name="Attribute">
@@ -178,7 +190,7 @@ See [https://moment.github.io/luxon/#/formatting?id=table-of-tokens](https://mom
   </ApiTable.PropertyHeader>
 
   <ApiTable.Text name="Description">
-    <ReactMarkdown>{`Info text below the input field`}</ReactMarkdown>
+    <ReactMarkdown>{`Info text below the input field.`}</ReactMarkdown>
   </ApiTable.Text>
 
   <ApiTable.Code name="Attribute">
@@ -196,7 +208,7 @@ See [https://moment.github.io/luxon/#/formatting?id=table-of-tokens](https://mom
   </ApiTable.PropertyHeader>
 
   <ApiTable.Text name="Description">
-    <ReactMarkdown>{`Error text below the input field`}</ReactMarkdown>
+    <ReactMarkdown>{`Error text below the input field.`}</ReactMarkdown>
   </ApiTable.Text>
 
   <ApiTable.Code name="Attribute">
@@ -214,7 +226,7 @@ See [https://moment.github.io/luxon/#/formatting?id=table-of-tokens](https://mom
   </ApiTable.PropertyHeader>
 
   <ApiTable.Text name="Description">
-    <ReactMarkdown>{`Label of the input field`}</ReactMarkdown>
+    <ReactMarkdown>{`Label of the input field.`}</ReactMarkdown>
   </ApiTable.Text>
 
   <ApiTable.Code name="Attribute">
@@ -300,7 +312,7 @@ If not set there will be no restriction.`}</ReactMarkdown>
   </ApiTable.PropertyHeader>
 
   <ApiTable.Text name="Description">
-    <ReactMarkdown>{`Name of the input element`}</ReactMarkdown>
+    <ReactMarkdown>{`Name of the input element.`}</ReactMarkdown>
   </ApiTable.Text>
 
   <ApiTable.Code name="Attribute">
@@ -318,7 +330,7 @@ If not set there will be no restriction.`}</ReactMarkdown>
   </ApiTable.PropertyHeader>
 
   <ApiTable.Text name="Description">
-    <ReactMarkdown>{`Placeholder of the input element`}</ReactMarkdown>
+    <ReactMarkdown>{`Placeholder of the input element.`}</ReactMarkdown>
   </ApiTable.Text>
 
   <ApiTable.Code name="Attribute">
@@ -337,7 +349,7 @@ If not set there will be no restriction.`}</ReactMarkdown>
   </ApiTable.PropertyHeader>
 
   <ApiTable.Text name="Description">
-    <ReactMarkdown>{`Readonly attribute`}</ReactMarkdown>
+    <ReactMarkdown>{`Readonly attribute.`}</ReactMarkdown>
   </ApiTable.Text>
 
   <ApiTable.Code name="Attribute">
@@ -358,7 +370,7 @@ If not set there will be no restriction.`}</ReactMarkdown>
   </ApiTable.PropertyHeader>
 
   <ApiTable.Text name="Description">
-    <ReactMarkdown>{`Required attribute`}</ReactMarkdown>
+    <ReactMarkdown>{`Required attribute.`}</ReactMarkdown>
   </ApiTable.Text>
 
   <ApiTable.Code name="Attribute">
@@ -376,7 +388,7 @@ If not set there will be no restriction.`}</ReactMarkdown>
   </ApiTable.PropertyHeader>
 
   <ApiTable.Text name="Description">
-    <ReactMarkdown>{`Show text as tooltip`}</ReactMarkdown>
+    <ReactMarkdown>{`Show text as tooltip.`}</ReactMarkdown>
   </ApiTable.Text>
 
   <ApiTable.Code name="Attribute">
@@ -396,7 +408,7 @@ If not set there will be no restriction.`}</ReactMarkdown>
   </ApiTable.PropertyHeader>
 
   <ApiTable.Text name="Description">
-    <ReactMarkdown>{`Shows week numbers displayed on the left side of the date picker`}</ReactMarkdown>
+    <ReactMarkdown>{`Shows week numbers displayed on the left side of the date picker.`}</ReactMarkdown>
   </ApiTable.Text>
 
   <ApiTable.Code name="Attribute">
@@ -462,7 +474,7 @@ Set to true to suppress submit on Enter.`}</ReactMarkdown>
   </ApiTable.PropertyHeader>
 
   <ApiTable.Text name="Description">
-    <ReactMarkdown>{`Valid text below the input field`}</ReactMarkdown>
+    <ReactMarkdown>{`Valid text below the input field.`}</ReactMarkdown>
   </ApiTable.Text>
 
   <ApiTable.Code name="Attribute">
@@ -481,7 +493,7 @@ Set to true to suppress submit on Enter.`}</ReactMarkdown>
   </ApiTable.PropertyHeader>
 
   <ApiTable.Text name="Description">
-    <ReactMarkdown>{`Value of the input element`}</ReactMarkdown>
+    <ReactMarkdown>{`Value of the input element.`}</ReactMarkdown>
   </ApiTable.Text>
 
   <ApiTable.Code name="Attribute">
@@ -502,7 +514,7 @@ Set to true to suppress submit on Enter.`}</ReactMarkdown>
   </ApiTable.PropertyHeader>
 
   <ApiTable.Text name="Description">
-    <ReactMarkdown>{`Warning text below the input field`}</ReactMarkdown>
+    <ReactMarkdown>{`Warning text below the input field.`}</ReactMarkdown>
   </ApiTable.Text>
 
   <ApiTable.Code name="Attribute">
@@ -522,7 +534,7 @@ Set to true to suppress submit on Enter.`}</ReactMarkdown>
 
   <ApiTable.Text name="Description">
     <ReactMarkdown>{`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.`}</ReactMarkdown>
+E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on Monday.`}</ReactMarkdown>
   </ApiTable.Text>
 
   <ApiTable.Code name="Attribute">
@@ -542,12 +554,29 @@ E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on
 
 ### Events
 
+<ApiTable id="event-ixChange">
+  <ApiTable.EventHeader name="ixChange">
+      <SinceTag message={`4.4.0`} />
+  </ApiTable.EventHeader>
+
+  <ApiTable.Text name="Description">
+    <ReactMarkdown>{`Change event. Emitted when the date input loses focus and the value has changed.`}</ReactMarkdown>
+  </ApiTable.Text>
+
+  <ApiTable.Code name="Event">
+    {`ixChange`}
+  </ApiTable.Code>
+
+  <ApiTable.Code name="Detail">
+    {`string | undefined`}
+  </ApiTable.Code>
+</ApiTable>
 <ApiTable id="event-validityStateChange">
   <ApiTable.EventHeader name="validityStateChange">
   </ApiTable.EventHeader>
 
   <ApiTable.Text name="Description">
-    <ReactMarkdown>{`Validation state change event.`}</ReactMarkdown>
+    <ReactMarkdown>{`Validation state change event. Emitted when the validation state changes.`}</ReactMarkdown>
   </ApiTable.Text>
 
   <ApiTable.Code name="Event">
@@ -555,7 +584,7 @@ E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on
   </ApiTable.Code>
 
   <ApiTable.Code name="Detail">
-    {`{ patternMismatch: boolean; invalidReason?: string | undefined; }`}
+    {`{ patternMismatch: boolean; valueMissing: boolean; invalidReason?: string | undefined; }`}
   </ApiTable.Code>
 </ApiTable>
 <ApiTable id="event-valueChange">
@@ -563,7 +592,7 @@ E.g. if the locale is en-us, weekStartIndex = 1 results in starting the week on
   </ApiTable.EventHeader>
 
   <ApiTable.Text name="Description">
-    <ReactMarkdown>{`Input change event.`}</ReactMarkdown>
+    <ReactMarkdown>{`Value change event. Emitted when the input value changes.`}</ReactMarkdown>
   </ApiTable.Text>
 
   <ApiTable.Code name="Event">