@public-ui/components 4.0.0-beta.1 → 4.0.0-ee1678914efc9a51fdc688bac71b570e768a8032.0

package/dist/types/components.d.ts

@@ -11,7 +11,6 @@ import { ModalVariantPropType } from "./schema/props/variant/modal";
 import { InputCheckboxVariantPropType } from "./schema/props/variant-input-checkbox";
 import { PasswordVariantPropType } from "./schema/props/variant/password-variant";
 import { OrientationPropType } from "./schema/props/orientation";
-import { MinWidthPropType } from "./schema/props/min-width";
 import { HasCreateButtonPropType } from "./schema/props/has-create-button";
 export { AccessKeyPropType, AccordionCallbacksPropType, AlertTypePropType, AlertVariantPropType, AlignPropType, AlternativeButtonLinkRolePropType, AriaCurrentValuePropType, AriaDescriptionPropType, AriaOwnsPropType, AutoCompletePropType, BadgeTextPropType, BreadcrumbLinkProps, ButtonCallbacksPropType, ButtonOrLinkOrTextWithChildrenProps, ButtonProps, ButtonTypePropType, ButtonVariantPropType, CustomClassPropType, DetailsCallbacksPropType, DownloadPropType, ErrorListPropType, HasSettingsMenuPropType, HeadingLevel, HrefPropType, IconsHorizontalPropType, IconsPropType, IdPropType, ImageSourcePropType, InlinePropType, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriDialogEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaderCell, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableSelectionKeys, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, Loading, MaxLengthBehaviorPropType, MaxPropType, MsgPropType, NamePropType, NumberString, OpenPropType, OptionsPropType, OptionsWithOptgroupPropType, PaginationHasButton, PaginationPositionPropType, PopoverAlignPropType, PopoverCallbacksPropType, ProgressVariantPropType, PropColor, QuoteVariantPropType, RadioOptionsPropType, RowsPropType, ShortKeyPropType, SpellCheckPropType, SpinVariantPropType, StencilUnknown, Stringified, SuggestionsPropType, SyncValueBySelectorPropType, TabBehaviorPropType, TabButtonProps, TableCallbacksPropType, TableDataFootPropType, TableDataPropType, TableHeaderCellsPropType, TableSelectionPropType, TableStatefulCallbacksPropType, TextareaResizePropType, Toast, ToastState, ToolbarItemsPropType, TooltipAlignPropType } from "./schema";
 export { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
@@ -19,7 +18,6 @@ export { ModalVariantPropType } from "./schema/props/variant/modal";
 export { InputCheckboxVariantPropType } from "./schema/props/variant-input-checkbox";
 export { PasswordVariantPropType } from "./schema/props/variant/password-variant";
 export { OrientationPropType } from "./schema/props/orientation";
-export { MinWidthPropType } from "./schema/props/min-width";
 export { HasCreateButtonPropType } from "./schema/props/has-create-button";
 export namespace Components {
     interface KolAbbr {
@@ -2476,18 +2474,10 @@ export namespace Components {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
-        /**
-          * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
-         */
-        "_ariaControls"?: string;
         /**
           * Defines the value for the aria-description attribute.
          */
         "_ariaDescription"?: AriaDescriptionPropType;
-        /**
-          * 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)
-         */
-        "_ariaSelected"?: boolean;
         /**
           * Defines the custom class attribute if _variant="custom" is set.
          */
@@ -2525,20 +2515,11 @@ export namespace Components {
           * Defines the technical name of an input field.
          */
         "_name"?: string;
-        /**
-          * Defines the callback functions for button events.
-         */
-        "_on"?: ButtonCallbacksPropType<StencilUnknown>;
         /**
           * Defines where to show the Popover preferably: top, right, bottom or left.
           * @default 'bottom'
          */
         "_popoverAlign"?: PopoverAlignPropType;
-        /**
-          * Defines the role of the components primary element.
-          * @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.
-         */
-        "_role"?: AlternativeButtonLinkRolePropType;
         /**
           * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.
          */
@@ -2588,18 +2569,10 @@ export namespace Components {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
-        /**
-          * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
-         */
-        "_ariaControls"?: string;
         /**
           * Defines the value for the aria-description attribute.
          */
         "_ariaDescription"?: AriaDescriptionPropType;
-        /**
-          * 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)
-         */
-        "_ariaSelected"?: boolean;
         /**
           * Defines the custom class attribute if _variant="custom" is set.
          */
@@ -2636,19 +2609,11 @@ export namespace Components {
           * Defines the technical name of an input field.
          */
         "_name"?: string;
-        /**
-          * Defines the callback functions for button events.
-         */
-        "_on"?: ButtonCallbacksPropType<StencilUnknown>;
         /**
           * Defines where to show the Popover preferably: top, right, bottom or left.
           * @default 'bottom'
          */
         "_popoverAlign"?: PopoverAlignPropType;
-        /**
-          * Defines the role of the components primary element.
-         */
-        "_role"?: AlternativeButtonLinkRolePropType;
         /**
           * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.
          */
@@ -3243,10 +3208,6 @@ export namespace Components {
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": string;
-        /**
-          * Defines the table min-width (CSS width values).
-         */
-        "_minWidth": MinWidthPropType;
         /**
           * Defines the callback functions for table events.
          */
@@ -3290,10 +3251,6 @@ export namespace Components {
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": string;
-        /**
-          * Defines the table min-width (CSS width values).
-         */
-        "_minWidth": MinWidthPropType;
         /**
           * Defines the callback functions for table events.
          */
@@ -3324,10 +3281,6 @@ export namespace Components {
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": string;
-        /**
-          * Defines the table min-width (CSS width values).
-         */
-        "_minWidth": MinWidthPropType;
         /**
           * Defines the callback functions for table events.
          */
@@ -6439,18 +6392,10 @@ declare namespace LocalJSX {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
-        /**
-          * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
-         */
-        "_ariaControls"?: string;
         /**
           * Defines the value for the aria-description attribute.
          */
         "_ariaDescription"?: AriaDescriptionPropType;
-        /**
-          * 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)
-         */
-        "_ariaSelected"?: boolean;
         /**
           * Defines the custom class attribute if _variant="custom" is set.
          */
@@ -6488,20 +6433,11 @@ declare namespace LocalJSX {
           * Defines the technical name of an input field.
          */
         "_name"?: string;
-        /**
-          * Defines the callback functions for button events.
-         */
-        "_on"?: ButtonCallbacksPropType<StencilUnknown>;
         /**
           * Defines where to show the Popover preferably: top, right, bottom or left.
           * @default 'bottom'
          */
         "_popoverAlign"?: PopoverAlignPropType;
-        /**
-          * Defines the role of the components primary element.
-          * @deprecated We prefer the semantic role of the HTML element and do not allow for customization. We will remove this prop in the future.
-         */
-        "_role"?: AlternativeButtonLinkRolePropType;
         /**
           * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.
          */
@@ -6535,18 +6471,10 @@ declare namespace LocalJSX {
           * Defines the key combination that can be used to trigger or focus the component's interactive element.
          */
         "_accessKey"?: AccessKeyPropType;
-        /**
-          * Defines which elements are controlled by this component. (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-controls)
-         */
-        "_ariaControls"?: string;
         /**
           * Defines the value for the aria-description attribute.
          */
         "_ariaDescription"?: AriaDescriptionPropType;
-        /**
-          * 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)
-         */
-        "_ariaSelected"?: boolean;
         /**
           * Defines the custom class attribute if _variant="custom" is set.
          */
@@ -6579,19 +6507,11 @@ declare namespace LocalJSX {
           * Defines the technical name of an input field.
          */
         "_name"?: string;
-        /**
-          * Defines the callback functions for button events.
-         */
-        "_on"?: ButtonCallbacksPropType<StencilUnknown>;
         /**
           * Defines where to show the Popover preferably: top, right, bottom or left.
           * @default 'bottom'
          */
         "_popoverAlign"?: PopoverAlignPropType;
-        /**
-          * Defines the role of the components primary element.
-         */
-        "_role"?: AlternativeButtonLinkRolePropType;
         /**
           * Adds a visual shortcut hint after the label and instructs the screen reader to read the shortcut aloud.
          */
@@ -7114,10 +7034,6 @@ declare namespace LocalJSX {
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": string;
-        /**
-          * Defines the table min-width (CSS width values).
-         */
-        "_minWidth": MinWidthPropType;
         /**
           * Defines the callback functions for table events.
          */
@@ -7157,10 +7073,6 @@ declare namespace LocalJSX {
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": string;
-        /**
-          * Defines the table min-width (CSS width values).
-         */
-        "_minWidth": MinWidthPropType;
         /**
           * Defines the callback functions for table events.
          */
@@ -7191,10 +7103,6 @@ declare namespace LocalJSX {
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
         "_label": string;
-        /**
-          * Defines the table min-width (CSS width values).
-         */
-        "_minWidth": MinWidthPropType;
         /**
           * Defines the callback functions for table events.
          */

package/dist/types/schema/components/table.d.ts

@@ -1,6 +1,5 @@
 import type { Generic } from 'adopted-style-sheets';
 import type { PropHasSettingsMenu, PropLabel, PropTableData, PropTableDataFoot, PropTableSelection, StatefulPropTableCallbacks } from '../props';
-import type { PropMinWidth } from '../props/min-width';
 import type { PropPaginationPosition } from '../props/pagination-position';
 import type { KoliBriSortDirection, KoliBriTableDataType, KoliBriTableHeaderCell, KoliBriTableSelection, Stringified } from '../types';
 import type { KoliBriPaginationProps } from './pagination';
@@ -28,7 +27,7 @@ type KoliBriTablePaginationStates = Generic.Element.Members<{
 }, KoliBriPaginationProps>;
 type RequiredProps = {
     headers: Stringified<KoliBriTableHeaders>;
-} & PropLabel & PropMinWidth & PropTableData;
+} & PropLabel & PropTableData;
 type OptionalProps = {
     allowMultiSort: boolean;
     pagination: boolean | Stringified<KoliBriTablePaginationProps>;
@@ -40,7 +39,7 @@ type RequiredStates = {
     headers: KoliBriTableHeaders;
     pagination: KoliBriTablePaginationStates;
     sortedData: KoliBriTableDataType[];
-} & PropLabel & PropMinWidth & PropPaginationPosition;
+} & PropLabel & PropPaginationPosition;
 type OptionalStates = {
     sortDirection: KoliBriSortDirection;
     selection: KoliBriTableSelection;

package/dist/types/schema/components/tableStateless.d.ts

@@ -1,15 +1,14 @@
 import type { Generic } from 'adopted-style-sheets';
 import type { PropLabel, PropTableCallbacks, PropTableData, PropTableDataFoot, PropTableSelection, TableHeaderCells } from '../props';
 import type { PropHasSettingsMenu } from '../props/has-settings-menu';
-import type { PropMinWidth } from '../props/min-width';
 import type { PropTableHeaderCells } from '../props/table-header-cells';
 import type { KoliBriTableDataType, KoliBriTableSelection } from '../types';
-type RequiredProps = PropLabel & PropMinWidth & PropTableData & PropTableHeaderCells;
+type RequiredProps = PropLabel & PropTableData & PropTableHeaderCells;
 type OptionalProps = PropTableCallbacks & PropTableDataFoot & PropTableSelection & PropHasSettingsMenu;
 type RequiredStates = {
     headerCells: TableHeaderCells;
     data: KoliBriTableDataType[];
-} & PropLabel & PropMinWidth;
+} & PropLabel;
 type OptionalStates = {
     dataFoot: KoliBriTableDataType[];
     selection: KoliBriTableSelection;

package/dist/types/schema/types/table.d.ts

@@ -6,26 +6,26 @@ export type KoliBriTableSelectionKey = string | number;
 export type KoliBriTableSelectionKeys = KoliBriTableSelectionKey[];
 export type KoliBriTableCell = {
     colSpan?: number;
+    data?: KoliBriTableDataType;
     label: string;
     render?: KoliBriTableRender;
     rowSpan?: number;
     textAlign?: KoliBriTableCellTextAlign;
-    width?: string;
-    data?: KoliBriTableDataType;
+    width?: number;
 };
 export type KoliBriTableHeaderCell = KoliBriTableCell & {
-    key?: string;
-    sortDirection?: KoliBriSortDirection;
     hidable?: boolean;
+    key?: string;
+    resizable?: boolean;
     sortable?: boolean;
+    sortDirection?: KoliBriSortDirection;
     sortOrder?: number;
-    resizable?: boolean;
     visible?: boolean;
 };
 export type KoliBriTableSelection = {
-    label: (row: KoliBriTableDataType) => string;
+    disabledKeys?: KoliBriTableSelectionKeys;
     keyPropertyName?: string;
+    label: (row: KoliBriTableDataType) => string;
     multiple?: boolean;
     selectedKeys?: KoliBriTableSelectionKeys;
-    disabledKeys?: KoliBriTableSelectionKeys;
 };

package/dist/types/utils/events.d.ts

@@ -1,22 +1,22 @@
 declare enum KolEvent {
-    blur = "kolBlur",
-    change = "kolChange",
-    changeHeaderCells = "changeHeaderCells",
-    changePage = "kolChangePage",
-    changePageSize = "kolChangePageSize",
-    click = "kolClick",
-    close = "kolClose",
-    create = "kolCreate",
-    focus = "kolFocus",
-    input = "kolInput",
-    keydown = "kolKeydown",
-    mousedown = "kolMousedown",
-    reset = "kolReset",
-    select = "kolSelect",
-    selectionChange = "kolSelectionChange",
-    sort = "kolSort",
-    submit = "kolSubmit",
-    toggle = "kolToggle"
+    blur = "blur",
+    change = "change",
+    changeHeaderCells = "changeheadercells",
+    changePage = "changepage",
+    changePageSize = "changepagesize",
+    click = "click",
+    close = "close",
+    create = "create",
+    focus = "focus",
+    input = "input",
+    keydown = "keydown",
+    mousedown = "mousedown",
+    reset = "reset",
+    select = "select",
+    selectionChange = "selectionchange",
+    sort = "sort",
+    submit = "submit",
+    toggle = "toggle"
 }
 declare function dispatchDomEvent<T>(target: HTMLElement, event: KolEvent, detail?: T): void;
 export { KolEvent, dispatchDomEvent };

package/doc/popover-button.md

@@ -5,28 +5,24 @@
 
 ## Properties
 
-| Property              | Attribute           | Description                                                                                                                                                                      | Type                                                                                                                                                   | Default     |
-| --------------------- | ------------------- | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------ | ----------- |
-| `_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` |
-| `_customClass`        | `_custom-class`     | Defines the custom class attribute if _variant="custom" is set.                                                                                                                  | `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`     |
-| `_icons`              | `_icons`            | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                                                  | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined`                                                                                 | `undefined` |
-| `_inline`             | `_inline`           | Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.                                                             | `boolean \| undefined`                                                                                                                                 | `false`     |
-| `_label` _(required)_ | `_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` |
-| `_name`               | `_name`             | Defines the technical name of an input field.                                                                                                                                    | `string \| undefined`                                                                                                                                  | `undefined` |
-| `_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 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'`  |
-| `_value`              | `_value`            | Defines the value of the element.                                                                                                                                                | `boolean \| null \| number \| object \| string \| undefined`                                                                                           | `undefined` |
-| `_variant`            | `_variant`          | Defines which variant should be used for presentation.                                                                                                                           | `"custom" \| "danger" \| "ghost" \| "normal" \| "primary" \| "secondary" \| "tertiary" \| undefined`                                                   | `'normal'`  |
+| Property              | Attribute           | Description                                                                                                                                                  | Type                                                                                                 | Default     |
+| --------------------- | ------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------ | ---------------------------------------------------------------------------------------------------- | ----------- |
+| `_accessKey`          | `_access-key`       | Defines the key combination that can be used to trigger or focus the component's interactive element.                                                        | `string \| 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` |
+| `_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`     |
+| `_icons`              | `_icons`            | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                                                              | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| undefined`                               | `undefined` |
+| `_inline`             | `_inline`           | Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.                                         | `boolean \| undefined`                                                                               | `false`     |
+| `_label` _(required)_ | `_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` |
+| `_name`               | `_name`             | Defines the technical name of an input field.                                                                                                                | `string \| undefined`                                                                                | `undefined` |
+| `_popoverAlign`       | `_popover-align`    | Defines where to show the Popover preferably: top, right, bottom or left.                                                                                    | `"bottom" \| "left" \| "right" \| "top" \| undefined`                                                | `'bottom'`  |
+| `_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'`  |
+| `_value`              | `_value`            | Defines the value of the element.                                                                                                                            | `boolean \| null \| number \| object \| string \| undefined`                                         | `undefined` |
+| `_variant`            | `_variant`          | Defines which variant should be used for presentation.                                                                                                       | `"custom" \| "danger" \| "ghost" \| "normal" \| "primary" \| "secondary" \| "tertiary" \| undefined` | `'normal'`  |
 
 
 ## Methods

package/doc/table-stateful.md

@@ -5,19 +5,18 @@
 
 ## Properties
 
-| Property                 | Attribute              | Description                                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Default     |
-| ------------------------ | ---------------------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `_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` |
-| `_on`                    | --                     | Defines the callback functions for table events.                                                                   | `undefined \| { onSelectionChange?: EventValueOrEventCallback<Event, StatefulSelectionChangeEventPayload> \| undefined; }`                                                                                                                                                                                                                                                                                                                                                                                                          | `undefined` |
-| `_pagination`            | `_pagination`          | Defines whether to show the data distributed over multiple pages.                                                  | `boolean \| string \| undefined \| { _page: number; } & { _on?: KoliBriPaginationButtonCallbacks \| undefined; _page?: number \| undefined; _max?: number \| undefined; _boundaryCount?: number \| undefined; _hasButtons?: boolean \| Stringified<PaginationHasButton> \| undefined; _pageSize?: number \| undefined; _pageSizeOptions?: Stringified<number[]> \| undefined; _siblingCount?: number \| undefined; _customClass?: string \| undefined; _label?: string \| undefined; _tooltipAlign?: AlignPropType \| undefined; }` | `undefined` |
-| `_paginationPosition`    | `_pagination-position` | Controls the position of the pagination.                                                                           | `"both" \| "bottom" \| "top" \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `'bottom'`  |
-| `_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?: KoliBriTableSelectionKeys \| undefined; disabledKeys?: KoliBriTableSelectionKeys \| undefined; })`                                                                                                                                                                                                                                                                  | `undefined` |
+| Property                | Attribute              | Description                                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                | Default     |
+| ----------------------- | ---------------------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_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` |
+| `_on`                   | --                     | Defines the callback functions for table events.                                                                   | `undefined \| { onSelectionChange?: EventValueOrEventCallback<Event, StatefulSelectionChangeEventPayload> \| undefined; }`                                                                                                                                                                                                                                                                                                                                                                                                          | `undefined` |
+| `_pagination`           | `_pagination`          | Defines whether to show the data distributed over multiple pages.                                                  | `boolean \| string \| undefined \| { _page: number; } & { _on?: KoliBriPaginationButtonCallbacks \| undefined; _page?: number \| undefined; _max?: number \| undefined; _boundaryCount?: number \| undefined; _hasButtons?: boolean \| Stringified<PaginationHasButton> \| undefined; _pageSize?: number \| undefined; _pageSizeOptions?: Stringified<number[]> \| undefined; _siblingCount?: number \| undefined; _customClass?: string \| undefined; _label?: string \| undefined; _tooltipAlign?: AlignPropType \| undefined; }` | `undefined` |
+| `_paginationPosition`   | `_pagination-position` | Controls the position of the pagination.                                                                           | `"both" \| "bottom" \| "top" \| undefined`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                          | `'bottom'`  |
+| `_selection`            | `_selection`           | Defines how rows can be selected and the current selection.                                                        | `string \| undefined \| ({ disabledKeys?: KoliBriTableSelectionKeys \| undefined; keyPropertyName?: string \| undefined; label: (row: KoliBriTableDataType) => string; multiple?: boolean \| undefined; selectedKeys?: KoliBriTableSelectionKeys \| undefined; })`                                                                                                                                                                                                                                                                  | `undefined` |
 
 
 ## Methods

package/doc/table-stateless.md

@@ -12,9 +12,8 @@
 | `_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`                       | --                   | Defines the callback functions for table events.                                                                   | `undefined \| { onSort?: EventValueOrEventCallback<MouseEvent, SortEventPayload> \| undefined; onSelectionChange?: EventValueOrEventCallback<Event, KoliBriTableSelectionKeys> \| undefined; onChangeHeaderCells?: EventValueOrEventCallback<Event, TableHeaderCells> \| 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?: KoliBriTableSelectionKeys \| undefined; disabledKeys?: KoliBriTableSelectionKeys \| undefined; })`                     | `undefined` |
+| `_selection`                | `_selection`         | Defines how rows can be selected and the current selection.                                                        | `string \| undefined \| ({ disabledKeys?: KoliBriTableSelectionKeys \| undefined; keyPropertyName?: string \| undefined; label: (row: KoliBriTableDataType) => string; multiple?: boolean \| undefined; selectedKeys?: KoliBriTableSelectionKeys \| undefined; })`                     | `undefined` |
 
 
 ----------------------------------------------

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@public-ui/components",
-  "version": "4.0.0-beta.1",
+  "version": "4.0.0-ee1678914efc9a51fdc688bac71b570e768a8032.0",
   "license": "EUPL-1.2",
   "homepage": "https://public-ui.github.io",
   "repository": {
@@ -72,7 +72,7 @@
     "color-convert": "3.1.3",
     "color-rgba": "2.4.0",
     "figlet": "1.9.4",
-    "lodash-es": "4.17.21",
+    "lodash-es": "4.17.22",
     "markdown-it": "14.1.0",
     "query-selector-all-shadow-root": "0.0.3",
     "query-selector-shadow-root": "0.0.3",