npm - @public-ui/components - Versions diffs - 3.0.6-rc.1 → 3.0.6 - Mend

@public-ui/components 3.0.6-rc.1 → 3.0.6

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (692) hide show

package/doc/input-text.md CHANGED Viewed

@@ -7,7 +7,7 @@
 | Property              | Attribute              | Description                                                                                                                                                   | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Default     |
 | --------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `_accessKey`          | `_access-key`          | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                       | `string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `undefined` |
+| `_accessKey`          | `_access-key`          | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                         | `string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `undefined` |
 | `_autoComplete`       | `_auto-complete`       | Defines whether the input can be auto-completed.                                                                                                              | `string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `'off'`     |
 | `_disabled`           | `_disabled`            | Makes the element not focusable and ignore all events.                                                                                                        | `boolean \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `false`     |
 | `_hasCounter`         | `_has-counter`         | Shows a character counter for the input element.                                                                                                              | `boolean \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `false`     |
@@ -26,7 +26,7 @@
 | `_placeholder`        | `_placeholder`         | Defines the placeholder for input field. To be shown when there's no value.                                                                                   | `string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `undefined` |
 | `_readOnly`           | `_read-only`           | Makes the input element read only.                                                                                                                            | `boolean \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `false`     |
 | `_required`           | `_required`            | Makes the input element required.                                                                                                                             | `boolean \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `false`     |
-| `_shortKey`           | `_short-key`           | Adds a visual short key hint to the component.                                                                                                                | `string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `undefined` |
+| `_shortKey`           | `_short-key`           | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                       | `string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             | `undefined` |
 | `_smartButton`        | `_smart-button`        | Allows to add a button with an arbitrary action within the element (_hide-label only).                                                                        | `string \| undefined \| { _label: string; } & { _tabIndex?: number \| undefined; _value?: StencilUnknown; _ariaExpanded?: boolean \| undefined; _accessKey?: string \| undefined; _role?: "tab" \| "treeitem" \| undefined; _ariaControls?: string \| undefined; _ariaDescription?: string \| undefined; _ariaSelected?: boolean \| undefined; _on?: ButtonCallbacksPropType<StencilUnknown> \| undefined; _type?: "button" \| "reset" \| "submit" \| undefined; _variant?: "primary" \| "secondary" \| "normal" \| "tertiary" \| "danger" \| "ghost" \| "custom" \| undefined; _customClass?: string \| undefined; _disabled?: boolean \| undefined; _hideLabel?: boolean \| undefined; _icons?: IconsPropType \| undefined; _id?: string \| undefined; _name?: string \| undefined; _shortKey?: string \| undefined; _syncValueBySelector?: string \| undefined; _tooltipAlign?: AlignPropType \| undefined; }` | `undefined` |
 | `_spellCheck`         | `_spell-check`         | Defines whether the browser should check the spelling and grammar.                                                                                            | `boolean \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `undefined` |
 | `_suggestions`        | `_suggestions`         | Suggestions to provide for the input.                                                                                                                         | `W3CInputValue[] \| string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `undefined` |

package/doc/link-button.md CHANGED Viewed

@@ -7,7 +7,7 @@
 | Property             | Attribute             | Description                                                                                                                                                                                                                              | Type                                                                                                 | Default     |
 | -------------------- | --------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- | ----------- |
-| `_accessKey`         | `_access-key`         | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                                                                                                  | `string \| undefined`                                                                                | `undefined` |
+| `_accessKey`         | `_access-key`         | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                                                                                                    | `string \| undefined`                                                                                | `undefined` |
 | `_ariaCurrentValue`  | `_aria-current-value` | Defines the value for the aria-current attribute.                                                                                                                                                                                        | `"date" \| "false" \| "location" \| "page" \| "step" \| "time" \| "true" \| undefined`               | `undefined` |
 | `_ariaDescription`   | `_aria-description`   | Defines the value for the aria-description attribute.                                                                                                                                                                                    | `string \| undefined`                                                                                | `undefined` |
 | `_customClass`       | `_custom-class`       | Defines the custom class attribute if _variant="custom" is set.                                                                                                                                                                          | `string \| undefined`                                                                                | `undefined` |
@@ -19,7 +19,7 @@
 | `_label`             | `_label`              | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.                                                                             | `string \| undefined`                                                                                | `undefined` |
 | `_on`                | `_on`                 | Defines the callback functions for links.                                                                                                                                                                                                | `undefined \| { onClick?: EventValueOrEventCallback<Event, string> \| undefined; }`                  | `undefined` |
 | `_role`              | `_role`               | <span class="text-red-500">**[DEPRECATED]**</span> We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.<br/><br/>Defines the role of the components primary element. | `"tab" \| "treeitem" \| undefined`                                                                   | `undefined` |
-| `_shortKey`          | `_short-key`          | Adds a visual short key hint to the component.                                                                                                                                                                                           | `string \| undefined`                                                                                | `undefined` |
+| `_shortKey`          | `_short-key`          | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                                                                                  | `string \| undefined`                                                                                | `undefined` |
 | `_target`            | `_target`             | Defines where to open the link.                                                                                                                                                                                                          | `string \| undefined`                                                                                | `undefined` |
 | `_tooltipAlign`      | `_tooltip-align`      | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                | `'right'`   |
 | `_variant`           | `_variant`            | Defines which variant should be used for presentation.                                                                                                                                                                                   | `"custom" \| "danger" \| "ghost" \| "normal" \| "primary" \| "secondary" \| "tertiary" \| undefined` | `'normal'`  |

package/doc/link.md CHANGED Viewed

@@ -7,7 +7,7 @@
 | Property             | Attribute             | Description                                                                                                                                                                                                                              | Type                                                                                   | Default     |
 | -------------------- | --------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------------------------------------- | ----------- |
-| `_accessKey`         | `_access-key`         | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                                                                                                  | `string \| undefined`                                                                  | `undefined` |
+| `_accessKey`         | `_access-key`         | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                                                                                                    | `string \| undefined`                                                                  | `undefined` |
 | `_ariaCurrentValue`  | `_aria-current-value` | Defines the value for the aria-current attribute.                                                                                                                                                                                        | `"date" \| "false" \| "location" \| "page" \| "step" \| "time" \| "true" \| undefined` | `undefined` |
 | `_ariaDescription`   | `_aria-description`   | Defines the value for the aria-description attribute.                                                                                                                                                                                    | `string \| undefined`                                                                  | `undefined` |
 | `_disabled`          | `_disabled`           | Makes the element not focusable and ignore all events.                                                                                                                                                                                   | `boolean \| undefined`                                                                 | `false`     |
@@ -18,7 +18,7 @@
 | `_label`             | `_label`              | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). Set to `false` to enable the expert slot.                                                                             | `string \| undefined`                                                                  | `undefined` |
 | `_on`                | `_on`                 | Defines the callback functions for links.                                                                                                                                                                                                | `undefined \| { onClick?: EventValueOrEventCallback<Event, string> \| undefined; }`    | `undefined` |
 | `_role`              | `_role`               | <span class="text-red-500">**[DEPRECATED]**</span> We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.<br/><br/>Defines the role of the components primary element. | `"tab" \| "treeitem" \| undefined`                                                     | `undefined` |
-| `_shortKey`          | `_short-key`          | Adds a visual short key hint to the component.                                                                                                                                                                                           | `string \| undefined`                                                                  | `undefined` |
+| `_shortKey`          | `_short-key`          | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                                                                                  | `string \| undefined`                                                                  | `undefined` |
 | `_target`            | `_target`             | Defines where to open the link.                                                                                                                                                                                                          | `string \| undefined`                                                                  | `undefined` |
 | `_tooltipAlign`      | `_tooltip-align`      | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                  | `'right'`   |
 | `_variant`           | `_variant`            | Defines which variant should be used for presentation.                                                                                                                                                                                   | `"inline" \| "standalone" \| undefined`                                                | `'inline'`  |

package/doc/popover-button.md CHANGED Viewed

@@ -7,7 +7,7 @@
 | Property              | Attribute           | Description                                                                                                                                                                      | Type                                                                                                                                                   | Default     |
 | --------------------- | ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
-| `_accessKey`          | `_access-key`       | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                                          | `string \| undefined`                                                                                                                                  | `undefined` |
+| `_accessKey`          | `_access-key`       | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                                            | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                              | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                            | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_ariaSelected`       | `_aria-selected`    | Defines whether the interactive element of the component is selected (e.g. role=tab). (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-selected) | `boolean \| undefined`                                                                                                                                 | `undefined` |
@@ -20,7 +20,7 @@
 | `_on`                 | `_on`               | Defines the callback functions for button events.                                                                                                                                | `undefined \| { onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown> \| undefined; onMouseDown?: EventCallback<MouseEvent> \| undefined; }` | `undefined` |
 | `_popoverAlign`       | `_popover-align`    | Defines where to show the Popover preferably: top, right, bottom or left.                                                                                                        | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                                                  | `'bottom'`  |
 | `_role`               | `_role`             | Defines the role of the components primary element.                                                                                                                              | `"tab" \| "treeitem" \| undefined`                                                                                                                     | `undefined` |
-| `_shortKey`           | `_short-key`        | Adds a visual short key hint to the component.                                                                                                                                   | `string \| undefined`                                                                                                                                  | `undefined` |
+| `_shortKey`           | `_short-key`        | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                          | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_tabIndex`           | `_tab-index`        | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)                                 | `number \| undefined`                                                                                                                                  | `undefined` |
 | `_tooltipAlign`       | `_tooltip-align`    | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                        | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                                                  | `'top'`     |
 | `_type`               | `_type`             | Defines either the type of the component or of the components interactive element.                                                                                               | `"button" \| "reset" \| "submit" \| undefined`                                                                                                         | `'button'`  |

package/doc/select.md CHANGED Viewed

@@ -7,7 +7,7 @@
 | Property                | Attribute        | Description                                                                                                                                                   | Type                                                                                                        | Default     |
 | ----------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ----------- |
-| `_accessKey`            | `_access-key`    | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                       | `string \| undefined`                                                                                       | `undefined` |
+| `_accessKey`            | `_access-key`    | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                         | `string \| undefined`                                                                                       | `undefined` |
 | `_disabled`             | `_disabled`      | Makes the element not focusable and ignore all events.                                                                                                        | `boolean \| undefined`                                                                                      | `false`     |
 | `_hideLabel`            | `_hide-label`    | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                    | `boolean \| undefined`                                                                                      | `false`     |
 | `_hideMsg`              | `_hide-msg`      | Hides the error message but leaves it in the DOM for the input's aria-describedby.                                                                            | `boolean \| undefined`                                                                                      | `false`     |
@@ -22,7 +22,7 @@
 | `_options` _(required)_ | `_options`       | Options the user can choose from, also supporting Optgroup.                                                                                                   | `(Option<StencilUnknown> \| Optgroup<StencilUnknown>)[] \| string`                                          | `undefined` |
 | `_required`             | `_required`      | Makes the input element required.                                                                                                                             | `boolean \| undefined`                                                                                      | `false`     |
 | `_rows`                 | `_rows`          | Defines how many rows of options should be visible at the same time.                                                                                          | `number \| undefined`                                                                                       | `undefined` |
-| `_shortKey`             | `_short-key`     | Adds a visual short key hint to the component.                                                                                                                | `string \| undefined`                                                                                       | `undefined` |
+| `_shortKey`             | `_short-key`     | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                       | `string \| undefined`                                                                                       | `undefined` |
 | `_tabIndex`             | `_tab-index`     | Defines which tab-index the primary element of the component has. (https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/tabindex)              | `number \| undefined`                                                                                       | `undefined` |
 | `_tooltipAlign`         | `_tooltip-align` | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                     | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                       | `'top'`     |
 | `_touched`              | `_touched`       | Shows if the input was touched by a user.                                                                                                                     | `boolean \| undefined`                                                                                      | `false`     |

package/doc/single-select.md CHANGED Viewed

@@ -7,7 +7,7 @@
 | Property                | Attribute            | Description                                                                                                                                                   | Type                                                                                                        | Default     |
 | ----------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ----------- |
-| `_accessKey`            | `_access-key`        | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                       | `string \| undefined`                                                                                       | `undefined` |
+| `_accessKey`            | `_access-key`        | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                         | `string \| undefined`                                                                                       | `undefined` |
 | `_disabled`             | `_disabled`          | Makes the element not focusable and ignore all events.                                                                                                        | `boolean \| undefined`                                                                                      | `false`     |
 | `_hideClearButton`      | `_hide-clear-button` | Defines the whether the clear button should be hidden.                                                                                                        | `boolean \| undefined`                                                                                      | `false`     |
 | `_hideLabel`            | `_hide-label`        | Hides the caption by default and displays the caption text with a tooltip when the interactive element is focused or the mouse is over it.                    | `boolean \| undefined`                                                                                      | `false`     |
@@ -23,7 +23,7 @@
 | `_placeholder`          | `_placeholder`       | Defines the placeholder for input field. To be shown when there's no value.                                                                                   | `string \| undefined`                                                                                       | `undefined` |
 | `_required`             | `_required`          | Makes the input element required.                                                                                                                             | `boolean \| undefined`                                                                                      | `false`     |
 | `_rows`                 | `_rows`              | Maximum number of visible rows in the options dropdown before scrolling.                                                                                      | `number \| undefined`                                                                                       | `undefined` |
-| `_shortKey`             | `_short-key`         | Adds a visual short key hint to the component.                                                                                                                | `string \| undefined`                                                                                       | `undefined` |
+| `_shortKey`             | `_short-key`         | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                       | `string \| undefined`                                                                                       | `undefined` |
 | `_tooltipAlign`         | `_tooltip-align`     | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                     | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                       | `'top'`     |
 | `_touched`              | `_touched`           | Shows if the input was touched by a user.                                                                                                                     | `boolean \| undefined`                                                                                      | `false`     |
 | `_value`                | `_value`             | Defines the value of the input.                                                                                                                               | `boolean \| null \| number \| object \| string \| undefined`                                                | `null`      |

package/doc/split-button.md CHANGED Viewed

@@ -7,7 +7,7 @@
 | Property              | Attribute           | Description                                                                                                                                                                                                                              | Type                                                                                                                                                   | Default     |
 | --------------------- | ------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
-| `_accessKey`          | `_access-key`       | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                                                                                                  | `string \| undefined`                                                                                                                                  | `undefined` |
+| `_accessKey`          | `_access-key`       | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                                                                                                    | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_ariaControls`       | `_aria-controls`    | Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)                                                                                      | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_ariaDescription`    | `_aria-description` | Defines the value for the aria-description attribute.                                                                                                                                                                                    | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_ariaExpanded`       | `_aria-expanded`    | Defines whether the interactive element of the component expanded something. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-expanded)                                                                  | `boolean \| undefined`                                                                                                                                 | `undefined` |
@@ -21,7 +21,7 @@
 | `_name`               | `_name`             | Defines the technical name of an input field.                                                                                                                                                                                            | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_on`                 | `_on`               | Defines the callback functions for button events.                                                                                                                                                                                        | `undefined \| { onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown> \| undefined; onMouseDown?: EventCallback<MouseEvent> \| undefined; }` | `undefined` |
 | `_role`               | `_role`             | <span style="color:red">**[DEPRECATED]**</span> We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.<br/><br/>Defines the role of the components primary element. | `"tab" \| "treeitem" \| undefined`                                                                                                                     | `undefined` |
-| `_shortKey`           | `_short-key`        | Adds a visual short key hint to the component.                                                                                                                                                                                           | `string \| undefined`                                                                                                                                  | `undefined` |
+| `_shortKey`           | `_short-key`        | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                                                                                  | `string \| undefined`                                                                                                                                  | `undefined` |
 | `_tooltipAlign`       | `_tooltip-align`    | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                                                                  | `'top'`     |
 | `_type`               | `_type`             | Defines either the type of the component or of the components interactive element.                                                                                                                                                       | `"button" \| "reset" \| "submit" \| undefined`                                                                                                         | `'button'`  |
 | `_value`              | `_value`            | Defines the value that the button emits on click.                                                                                                                                                                                        | `boolean \| null \| number \| object \| string \| undefined`                                                                                           | `undefined` |

package/doc/table-stateful.md CHANGED Viewed

@@ -10,6 +10,7 @@
 | `_allowMultiSort`        | `_allow-multi-sort`    | Defines whether to allow multi sort.                                                                               | `boolean \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `undefined` |
 | `_data` _(required)_     | `_data`                | Defines the primary table data.                                                                                    | `KoliBriTableDataType[] \| string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                  | `undefined` |
 | `_dataFoot`              | `_data-foot`           | Defines the data for the table footer.                                                                             | `KoliBriTableDataType[] \| string \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                     | `undefined` |
+| `_hasSettingsMenu`       | `_has-settings-menu`   | Enables the settings menu if true (default: false).                                                                | `boolean \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | `undefined` |
 | `_headers` _(required)_  | `_headers`             | Defines the horizontal and vertical table headers.                                                                 | `string \| { horizontal?: KoliBriTableHeaderCellWithLogic[][] \| undefined; vertical?: KoliBriTableHeaderCellWithLogic[][] \| undefined; }`                                                                                                                                                                                                                                                                                                                                                                                         | `undefined` |
 | `_label` _(required)_    | `_label`               | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `undefined` |
 | `_minWidth` _(required)_ | `_min-width`           | Defines the table min-width (CSS width values).                                                                    | `string`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                            | `undefined` |

package/doc/table-stateless.md CHANGED Viewed

@@ -5,16 +5,17 @@
 ## Properties
-| Property                    | Attribute         | Description                                                                                                        | Type                                                                                                                                                                                                                             | Default     |
-| --------------------------- | ----------------- | ------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `_data` _(required)_        | `_data`           | Defines the primary table data.                                                                                    | `KoliBriTableDataType[] \| string`                                                                                                                                                                                               | `undefined` |
-| `_dataFoot`                 | `_data-foot`      | Defines the data for the table footer.                                                                             | `KoliBriTableDataType[] \| string \| undefined`                                                                                                                                                                                  | `undefined` |
-| `_headerCells` _(required)_ | `_header-cells`   | Defines the horizontal and vertical table headers.                                                                 | `string \| { horizontal?: KoliBriTableHeaderCell[][] \| undefined; vertical?: KoliBriTableHeaderCell[][] \| undefined; }`                                                                                                        | `undefined` |
-| `_label` _(required)_       | `_label`          | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                                                                                         | `undefined` |
-| `_minWidth` _(required)_    | `_min-width`      | Defines the table min-width (CSS width values).                                                                    | `string`                                                                                                                                                                                                                         | `undefined` |
-| `_on`                       | `_on`             | Defines the callback functions for table events.                                                                   | `undefined \| { onSort?: EventValueOrEventCallback<MouseEvent, SortEventPayload> \| undefined; onSelectionChange?: EventValueOrEventCallback<Event, SelectionChangeEventPayload> \| undefined; }`                                | `undefined` |
-| `_selection`                | `_selection`      | Defines how rows can be selected and the current selection.                                                        | `string \| undefined \| ({ label: (row: KoliBriTableDataType) => string; keyPropertyName?: string \| undefined; multiple?: boolean \| undefined; selectedKeys?: string[] \| undefined; disabledKeys?: string[] \| undefined; })` | `undefined` |
-| `_tableSettings`            | `_table-settings` | Defines the table settings including column visibility, order and width.                                           | `TableSettings \| undefined`                                                                                                                                                                                                     | `undefined` |
+| Property                    | Attribute            | Description                                                                                                        | Type                                                                                                                                                                                                                             | Default     |
+| --------------------------- | -------------------- | ------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_data` _(required)_        | `_data`              | Defines the primary table data.                                                                                    | `KoliBriTableDataType[] \| string`                                                                                                                                                                                               | `undefined` |
+| `_dataFoot`                 | `_data-foot`         | Defines the data for the table footer.                                                                             | `KoliBriTableDataType[] \| string \| undefined`                                                                                                                                                                                  | `undefined` |
+| `_hasSettingsMenu`          | `_has-settings-menu` | Enables the settings menu if true (default: false).                                                                | `boolean \| undefined`                                                                                                                                                                                                           | `undefined` |
+| `_headerCells` _(required)_ | `_header-cells`      | Defines the horizontal and vertical table headers.                                                                 | `string \| { horizontal?: KoliBriTableHeaderCell[][] \| undefined; vertical?: KoliBriTableHeaderCell[][] \| undefined; }`                                                                                                        | `undefined` |
+| `_label` _(required)_       | `_label`             | Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.). | `string`                                                                                                                                                                                                                         | `undefined` |
+| `_minWidth` _(required)_    | `_min-width`         | Defines the table min-width (CSS width values).                                                                    | `string`                                                                                                                                                                                                                         | `undefined` |
+| `_on`                       | `_on`                | Defines the callback functions for table events.                                                                   | `undefined \| { onSort?: EventValueOrEventCallback<MouseEvent, SortEventPayload> \| undefined; onSelectionChange?: EventValueOrEventCallback<Event, SelectionChangeEventPayload> \| undefined; }`                                | `undefined` |
+| `_selection`                | `_selection`         | Defines how rows can be selected and the current selection.                                                        | `string \| undefined \| ({ label: (row: KoliBriTableDataType) => string; keyPropertyName?: string \| undefined; multiple?: boolean \| undefined; selectedKeys?: string[] \| undefined; disabledKeys?: string[] \| undefined; })` | `undefined` |
+| `_tableSettings`            | `_table-settings`    | Defines the table settings including column visibility, order and width.                                           | `TableSettings \| undefined`                                                                                                                                                                                                     | `undefined` |
 ----------------------------------------------

package/doc/textarea.md CHANGED Viewed

@@ -7,7 +7,7 @@
 | Property              | Attribute              | Description                                                                                                                                                                                                                                                                                        | Type                                                                                                        | Default      |
 | --------------------- | ---------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------------------------------------------------------------------------------------------------------- | ------------ |
-| `_accessKey`          | `_access-key`          | Defines which key combination can be used to trigger or focus the interactive element of the component.                                                                                                                                                                                            | `string \| undefined`                                                                                       | `undefined`  |
+| `_accessKey`          | `_access-key`          | Defines the key combination that can be used to trigger or focus the component’s interactive element.                                                                                                                                                                                              | `string \| undefined`                                                                                       | `undefined`  |
 | `_adjustHeight`       | `_adjust-height`       | Adjusts the height of the element to its content.                                                                                                                                                                                                                                                  | `boolean \| undefined`                                                                                      | `false`      |
 | `_disabled`           | `_disabled`            | Makes the element not focusable and ignore all events.                                                                                                                                                                                                                                             | `boolean \| undefined`                                                                                      | `false`      |
 | `_hasCounter`         | `_has-counter`         | Shows a character counter for the input element.                                                                                                                                                                                                                                                   | `boolean \| undefined`                                                                                      | `false`      |
@@ -27,7 +27,7 @@
 | `_required`           | `_required`            | Makes the input element required.                                                                                                                                                                                                                                                                  | `boolean \| undefined`                                                                                      | `false`      |
 | `_resize`             | `_resize`              | Defines whether and in which direction the size of the input can be changed by the user. (https://developer.mozilla.org/de/docs/Web/CSS/resize) In version 3 (v3), horizontal resizing is abolished. The corresponding property is then reduced to the properties `vertical` (default) and `none`. | `"none" \| "vertical" \| undefined`                                                                         | `'vertical'` |
 | `_rows`               | `_rows`                | Defines how many rows of text should be visible at the same time.                                                                                                                                                                                                                                  | `number \| undefined`                                                                                       | `undefined`  |
-| `_shortKey`           | `_short-key`           | Adds a visual short key hint to the component.                                                                                                                                                                                                                                                     | `string \| undefined`                                                                                       | `undefined`  |
+| `_shortKey`           | `_short-key`           | Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.                                                                                                                                                                                            | `string \| undefined`                                                                                       | `undefined`  |
 | `_spellCheck`         | `_spell-check`         | Defines whether the browser should check the spelling and grammar.                                                                                                                                                                                                                                 | `boolean \| undefined`                                                                                      | `undefined`  |
 | `_tooltipAlign`       | `_tooltip-align`       | Defines where to show the Tooltip preferably: top, right, bottom or left.                                                                                                                                                                                                                          | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                       | `'top'`      |
 | `_touched`            | `_touched`             | Shows if the input was touched by a user.                                                                                                                                                                                                                                                          | `boolean \| undefined`                                                                                      | `false`      |

package/index.scss CHANGED Viewed

@@ -1,3 +1,3 @@
 @function to-rem($size) {
-	@return calc(#{$size}rem / var(--kolibri-root-font-size, 16));
+	@return calc(#{$size} * 1rem / var(--kolibri-root-font-size, 16));
 }

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "3.0.6-rc.1",
+  "version": "3.0.6",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {