@public-ui/components 4.0.0-alpha.7 → 4.0.0-alpha.8

package/dist/types/components.d.ts

@@ -5,7 +5,7 @@
  * It contains typing information for all components that exist in this project.
  */
 import { HTMLStencilElement, JSXBase } from "./stencil-public-runtime";
-import { 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, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableSelectionKeys, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, LinkVariantPropType, 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";
+import { 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, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, 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";
 import { AriaHasPopupPropType } from "./schema/props/aria-has-popup";
 import { InputCheckboxVariantPropType } from "./schema/props/variant-input-checkbox";
 import { PasswordVariantPropType } from "./schema/props/variant/password-variant";
@@ -14,7 +14,7 @@ import { ModalVariantPropType } from "./schema/props/variant/modal";
 import { TableSettingsPropType } from "./schema/props/table-settings";
 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, InputCheckboxIconsProp, InputDateTypePropType, InputTextTypePropType, InputTypeOnDefault, Iso8601, KoliBriAlertEventCallbacks, KoliBriCardEventCallbacks, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, KoliBriTableHeaders, KoliBriTablePaginationProps, KoliBriTableSelectionKeys, KoliBriTabsCallbacks, LabelAlignPropType, LabelPropType, LabelWithExpertSlotPropType, LinkOnCallbacksPropType, LinkProps, LinkTargetPropType, LinkVariantPropType, 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 { 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, KoliBriFormCallbacks, KoliBriIconsProp, KoliBriModalEventCallbacks, KoliBriPaginationButtonCallbacks, KoliBriTableDataType, 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";
 export { InputCheckboxVariantPropType } from "./schema/props/variant-input-checkbox";
 export { PasswordVariantPropType } from "./schema/props/variant/password-variant";
@@ -240,6 +240,11 @@ export namespace Components {
           * @deprecated Will be removed in the next major version.
          */
         "_id"?: string;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -337,6 +342,11 @@ export namespace Components {
           * @deprecated Will be removed in the next major version.
          */
         "_id"?: IdPropType;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default true
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -376,11 +386,6 @@ export namespace Components {
           * Defines the value that the button emits on click.
          */
         "_value"?: StencilUnknown;
-        /**
-          * Defines which variant should be used for presentation.
-          * @default 'inline'
-         */
-        "_variant"?: LinkVariantPropType;
         /**
           * Returns the current value.
          */
@@ -444,13 +449,14 @@ export namespace Components {
          */
         "_id"?: string;
         /**
-          * 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.
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
          */
-        "_label": LabelWithExpertSlotPropType;
+        "_inline"?: InlinePropType;
         /**
-          * Defines which variant should be used for presentation.
+          * 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.
          */
-        "_linkVariant"?: LinkVariantPropType;
+        "_label": LabelWithExpertSlotPropType;
         /**
           * Defines the technical name of an input field.
          */
@@ -2028,6 +2034,11 @@ export namespace Components {
           * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
          */
         "_icons"?: Stringified<KoliBriIconsProp>;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default true
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -2054,11 +2065,6 @@ export namespace Components {
           * @default 'right'
          */
         "_tooltipAlign"?: TooltipAlignPropType;
-        /**
-          * Defines which variant should be used for presentation.
-          * @default 'inline'
-         */
-        "_variant"?: LinkVariantPropType;
         /**
           * Sets focus on the internal element.
          */
@@ -2203,13 +2209,14 @@ export namespace Components {
          */
         "_icons"?: Stringified<KoliBriIconsProp>;
         /**
-          * 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.
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default true
          */
-        "_label"?: LabelWithExpertSlotPropType;
+        "_inline"?: InlinePropType;
         /**
-          * Defines which variant should be used for presentation.
+          * 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.
          */
-        "_linkVariant"?: LinkVariantPropType;
+        "_label"?: LabelWithExpertSlotPropType;
         /**
           * Defines the callback functions for links.
          */
@@ -2279,7 +2286,7 @@ export namespace Components {
          */
         "_collapsible"?: boolean;
         /**
-          * Creates a button below the navigation, that toggles _collapsible. Only available for _orientation="vertical".
+          * Creates a button below the navigation, that toggles _collapsible.
           * @default false
          */
         "_hasCompactButton"?: boolean;
@@ -2302,12 +2309,6 @@ export namespace Components {
           * Defines the list of links, buttons or texts to render.
          */
         "_links": Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
-        /**
-          * Defines whether the orientation of the component is horizontal or vertical.
-          * @deprecated Will be removed in the next major version.
-          * @default 'vertical'
-         */
-        "_orientation"?: OrientationPropType;
     }
     interface KolPagination {
         /**
@@ -2454,6 +2455,11 @@ export namespace Components {
           * @deprecated Will be removed in the next major version.
          */
         "_id"?: string;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -2560,6 +2566,11 @@ export namespace Components {
           * Defines the internal ID of the primary component element.
          */
         "_id"?: string;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -4144,6 +4155,11 @@ declare namespace LocalJSX {
           * @deprecated Will be removed in the next major version.
          */
         "_id"?: string;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -4229,6 +4245,11 @@ declare namespace LocalJSX {
           * @deprecated Will be removed in the next major version.
          */
         "_id"?: IdPropType;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default true
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -4264,11 +4285,6 @@ declare namespace LocalJSX {
           * Defines the value that the button emits on click.
          */
         "_value"?: StencilUnknown;
-        /**
-          * Defines which variant should be used for presentation.
-          * @default 'inline'
-         */
-        "_variant"?: LinkVariantPropType;
     }
     interface KolButtonWc {
         /**
@@ -4310,6 +4326,11 @@ declare namespace LocalJSX {
           * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
          */
         "_icons"?: IconsPropType;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -5707,6 +5728,11 @@ declare namespace LocalJSX {
           * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
          */
         "_icons"?: Stringified<KoliBriIconsProp>;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default true
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -5733,11 +5759,6 @@ declare namespace LocalJSX {
           * @default 'right'
          */
         "_tooltipAlign"?: TooltipAlignPropType;
-        /**
-          * Defines which variant should be used for presentation.
-          * @default 'inline'
-         */
-        "_variant"?: LinkVariantPropType;
     }
     interface KolLinkButton {
         /**
@@ -5868,6 +5889,11 @@ declare namespace LocalJSX {
           * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
          */
         "_icons"?: Stringified<KoliBriIconsProp>;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default true
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -5929,7 +5955,7 @@ declare namespace LocalJSX {
          */
         "_collapsible"?: boolean;
         /**
-          * Creates a button below the navigation, that toggles _collapsible. Only available for _orientation="vertical".
+          * Creates a button below the navigation, that toggles _collapsible.
           * @default false
          */
         "_hasCompactButton"?: boolean;
@@ -5952,12 +5978,6 @@ declare namespace LocalJSX {
           * Defines the list of links, buttons or texts to render.
          */
         "_links": Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
-        /**
-          * Defines whether the orientation of the component is horizontal or vertical.
-          * @deprecated Will be removed in the next major version.
-          * @default 'vertical'
-         */
-        "_orientation"?: OrientationPropType;
     }
     interface KolPagination {
         /**
@@ -6104,6 +6124,11 @@ declare namespace LocalJSX {
           * @deprecated Will be removed in the next major version.
          */
         "_id"?: string;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */
@@ -6190,6 +6215,11 @@ declare namespace LocalJSX {
           * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
          */
         "_icons"?: IconsPropType;
+        /**
+          * Defines whether the component is displayed as a standalone block or inline without enforcing a minimum size of 44px.
+          * @default false
+         */
+        "_inline"?: InlinePropType;
         /**
           * 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.
          */

package/dist/types/functional-component-wrappers/_helpers/getRenderStates.d.ts

@@ -5,6 +5,7 @@ export declare const getRenderStates: (state: {
     _id: string;
     _touched?: TouchedPropType;
     _hideMsg?: boolean;
+    _hasCounter?: boolean;
 }) => {
     hasError: boolean;
     hasHint: boolean;

package/dist/types/functional-components/FormField/FormField.d.ts

@@ -18,8 +18,9 @@ export type FormFieldProps = Omit<JSXBase.HTMLAttributes<HTMLElement>, 'id'> & {
     counter?: {
         currentLength: number;
         currentLengthDebounced: number;
-        maxLength?: number;
         maxLengthBehavior: MaxLengthBehaviorPropType;
+        maxLength?: number;
+        id?: string;
     };
     readOnly?: boolean;
     touched?: boolean;

package/dist/types/functional-components/FormFieldCounter/FormFieldCounter.d.ts

@@ -4,8 +4,9 @@ import type { MaxLengthBehaviorPropType } from '../../schema';
 type FormFieldCounterProps = JSXBase.HTMLAttributes<HTMLSpanElement> & {
     currentLength: number;
     currentLengthDebounced: number;
-    maxLength?: number;
     maxLengthBehavior: MaxLengthBehaviorPropType;
+    maxLength?: number;
+    id?: string;
 };
 declare const KolFormFieldCounterFc: FC<FormFieldCounterProps>;
 export default KolFormFieldCounterFc;

package/dist/types/schema/components/button-link.d.ts

@@ -1,8 +1,8 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropAlternativeButtonLinkRole, PropButtonVariant, PropLinkVariant } from '../props';
+import type { PropAlternativeButtonLinkRole, PropButtonVariant, PropInline } from '../props';
 import type { OptionalButtonProps, OptionalButtonStates, RequiredButtonProps, RequiredButtonStates } from './button';
 type RequiredProps = RequiredButtonProps;
-type OptionalProps = Omit<OptionalButtonProps, keyof PropAlternativeButtonLinkRole | keyof PropButtonVariant> & PropLinkVariant;
+type OptionalProps = Omit<OptionalButtonProps, keyof PropAlternativeButtonLinkRole | keyof PropButtonVariant> & PropInline;
 export type ButtonLinkProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type ButtonLinkStates = Generic.Element.Members<RequiredButtonStates, OptionalButtonStates>;
 export {};

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

@@ -1,18 +1,17 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { AriaExpandedPropType, ButtonVariantPropType, LinkVariantPropType, PropAccessKey, PropAlternativeButtonLinkRole, PropAriaControls, PropAriaDescription, PropAriaSelected, PropButtonCallbacks, PropButtonType, PropButtonVariant, PropCustomClass, PropDisabled, PropHideLabel, PropIcons, PropId, PropLabelWithExpertSlot, PropName, PropShortKey, PropSyncValueBySelector, PropTooltipAlign } from '../props';
+import type { AriaExpandedPropType, ButtonVariantPropType, PropAccessKey, PropAlternativeButtonLinkRole, PropAriaControls, PropAriaDescription, PropAriaSelected, PropButtonCallbacks, PropButtonType, PropButtonVariant, PropCustomClass, PropDisabled, PropHideLabel, PropIcons, PropId, PropInline, PropLabelWithExpertSlot, PropName, PropShortKey, PropSyncValueBySelector, PropTooltipAlign } from '../props';
 import type { KoliBriAllIcons, StencilUnknown } from '../types';
 export type RequiredButtonProps = PropLabelWithExpertSlot;
 export type OptionalButtonProps = {
+    ariaExpanded: AriaExpandedPropType;
     tabIndex: number;
     value: StencilUnknown;
-    ariaExpanded: AriaExpandedPropType;
-} & PropAccessKey & PropAlternativeButtonLinkRole & PropAriaControls & PropAriaDescription & PropAriaSelected & PropButtonCallbacks<StencilUnknown> & PropButtonType & PropButtonVariant & PropCustomClass & PropDisabled & PropHideLabel & PropIcons & PropId & PropName & PropShortKey & PropSyncValueBySelector & PropTooltipAlign;
+} & PropAccessKey & PropAlternativeButtonLinkRole & PropAriaControls & PropAriaDescription & PropAriaSelected & PropButtonCallbacks<StencilUnknown> & PropButtonType & PropButtonVariant & PropCustomClass & PropDisabled & PropHideLabel & PropIcons & PropId & PropInline & PropName & PropShortKey & PropSyncValueBySelector & PropTooltipAlign;
 export type RequiredButtonStates = RequiredButtonProps & PropButtonType & {
     icons: KoliBriAllIcons;
 };
 export type OptionalButtonStates = Omit<RequiredButtonProps & OptionalButtonProps, keyof RequiredButtonStates> & {
     buttonVariant: ButtonVariantPropType;
-    linkVariant: LinkVariantPropType;
 };
 export type ButtonProps = Generic.Element.Members<RequiredButtonProps, OptionalButtonProps>;
 export type ButtonStates = Generic.Element.Members<RequiredButtonStates, OptionalButtonStates>;

package/dist/types/schema/components/link-button.d.ts

@@ -1,7 +1,7 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropAlternativeButtonLinkRole, PropButtonVariant, PropCustomClass, PropLinkVariant } from '../props';
+import type { PropAlternativeButtonLinkRole, PropButtonVariant, PropCustomClass, PropInline } from '../props';
 import type { OptionalProps as LinkOptionalProps, RequiredProps as LinkRequiredProps } from './link';
 type RequiredProps = LinkRequiredProps;
-type OptionalProps = Omit<LinkOptionalProps, keyof PropAlternativeButtonLinkRole | keyof PropLinkVariant> & PropButtonVariant & PropCustomClass;
+type OptionalProps = Omit<LinkOptionalProps, keyof PropAlternativeButtonLinkRole> & PropButtonVariant & PropCustomClass & PropInline;
 export type LinkButtonProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export {};

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

@@ -1,15 +1,14 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { ButtonVariantPropType, LinkVariantPropType, PropAccessKey, PropAlternativeButtonLinkRole, PropAriaControls, PropAriaCurrentValue, PropAriaDescription, PropAriaExpanded, PropAriaOwns, PropCustomClass, PropDisabled, PropDownload, PropHideLabel, PropHref, PropIcons, PropLabelWithExpertSlot, PropLinkOnCallbacks, PropLinkTarget, PropLinkVariant, PropShortKey, PropTooltipAlign } from '../props';
+import type { ButtonVariantPropType, PropAccessKey, PropAlternativeButtonLinkRole, PropAriaControls, PropAriaCurrentValue, PropAriaDescription, PropAriaExpanded, PropAriaOwns, PropCustomClass, PropDisabled, PropDownload, PropHideLabel, PropHref, PropIcons, PropInline, PropLabelWithExpertSlot, PropLinkOnCallbacks, PropLinkTarget, PropShortKey, PropTooltipAlign } from '../props';
 export type RequiredProps = PropHref;
 export type OptionalProps = {
     tabIndex: number;
-} & PropAccessKey & PropAlternativeButtonLinkRole & PropAriaCurrentValue & PropAriaControls & PropAriaDescription & PropDisabled & PropDownload & PropHideLabel & PropIcons & PropLabelWithExpertSlot & PropLinkOnCallbacks & PropLinkTarget & PropLinkVariant & PropShortKey & PropTooltipAlign;
+} & PropAccessKey & PropAlternativeButtonLinkRole & PropAriaCurrentValue & PropAriaControls & PropAriaDescription & PropDisabled & PropDownload & PropHideLabel & PropIcons & PropInline & PropLabelWithExpertSlot & PropLinkOnCallbacks & PropLinkTarget & PropShortKey & PropTooltipAlign;
 type RequiredStates = PropAriaCurrentValue & PropIcons & PropHref;
 type OptionalStates = {
     ariaCurrent: string;
 } & PropAriaExpanded & PropAriaOwns & PropCustomClass & Omit<RequiredProps & OptionalProps, keyof RequiredStates> & {
     buttonVariant: ButtonVariantPropType;
-    linkVariant: LinkVariantPropType;
 };
 export type LinkProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type LinkStates = Generic.Element.Members<RequiredStates, OptionalStates>;

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

@@ -1,15 +1,14 @@
 import type { Generic } from 'adopted-style-sheets';
 import type { PropCollapsible, PropHasCompactButton, PropHasIconsWhenExpanded, PropHideLabel, PropLabel } from '../props';
-import type { PropOrientation } from '../props/orientation';
 import type { ButtonOrLinkOrTextWithChildrenProps, Stringified } from '../types';
 type RequiredProps = {
     links: Stringified<ButtonOrLinkOrTextWithChildrenProps[]>;
 } & PropLabel;
-type OptionalProps = PropCollapsible & PropHasCompactButton & PropHasIconsWhenExpanded & PropHideLabel & PropOrientation;
+type OptionalProps = PropCollapsible & PropHasCompactButton & PropHasIconsWhenExpanded & PropHideLabel;
 type RequiredStates = {
     links: ButtonOrLinkOrTextWithChildrenProps[];
     expandedChildren: ButtonOrLinkOrTextWithChildrenProps[][];
-} & PropCollapsible & PropHasCompactButton & PropHasIconsWhenExpanded & PropHideLabel & PropLabel & PropOrientation;
+} & PropCollapsible & PropHasCompactButton & PropHasIconsWhenExpanded & PropHideLabel & PropLabel;
 type OptionalStates = NonNullable<unknown>;
 export type NavProps = Generic.Element.Members<RequiredProps, OptionalProps>;
 export type NavStates = Generic.Element.Members<RequiredStates, OptionalStates>;

package/dist/types/schema/components/popover-button.d.ts

@@ -1,9 +1,9 @@
 import type { Generic } from 'adopted-style-sheets';
-import type { PropLabelWithExpertSlot, PropPopoverAlign } from '../props';
+import type { PropInline, PropLabelWithExpertSlot, PropPopoverAlign } from '../props';
 import type { OptionalButtonProps, RequiredButtonProps } from './button';
 export type RequiredPopoverButtonProps = RequiredButtonProps;
-export type OptionalPopoverButtonProps = OptionalButtonProps & PropPopoverAlign;
+export type OptionalPopoverButtonProps = OptionalButtonProps & PropPopoverAlign & PropInline;
 export type RequiredPopoverButtonStates = PropLabelWithExpertSlot;
-export type OptionalPopoverButtonStates = PropPopoverAlign;
+export type OptionalPopoverButtonStates = PropPopoverAlign & PropInline;
 export type PopoverButtonProps = Generic.Element.Members<RequiredPopoverButtonProps, OptionalPopoverButtonProps>;
 export type PopoverButtonStates = Generic.Element.Members<RequiredPopoverButtonStates, OptionalPopoverButtonStates>;

package/dist/types/schema/props/index.d.ts

@@ -1 +1 @@
-export*from"./accept";export*from"./access-key";export*from"./accordion-callbacks";export*from"./active";export*from"./adjust-height";export*from"./alert";export*from"./alert-type";export*from"./align";export*from"./allow-multi-sort";export*from"./alt";export*from"./alternative-button-link-role";export*from"./aria-controls";export*from"./aria-current-value";export*from"./aria-description";export*from"./aria-expanded";export*from"./aria-owns";export*from"./aria-selected";export*from"./auto-complete";export*from"./badge-text";export*from"./button-callbacks";export*from"./button-type";export*from"./button-variant";export*from"./checked";export*from"./collapsible";export*from"./color";export*from"./current-length";export*from"./custom-class";export*from"./details-callbacks";export*from"./disabled";export*from"./download";export*from"./error-list";export*from"./has-closer";export*from"./has-compact-button";export*from"./has-counter";export*from"./has-icons-when-expanded";export*from"./has-settings-menu";export*from"./has-value";export*from"./hide-label";export*from"./hide-msg";export*from"./hint";export*from"./href";export*from"./icons";export*from"./icons-input-checkbox";export*from"./id";export*from"./image-sizes";export*from"./image-source";export*from"./image-srcset";export*from"./indeterminate";export*from"./label";export*from"./label-align";export*from"./level";export*from"./link-on-callbacks";export*from"./link-target";export*from"./link-variant";export*from"./loading";export*from"./max";export*from"./max-length";export*from"./max-length-behavior";export*from"./modal";export*from"./msg";export*from"./multiple";export*from"./name";export*from"./open";export*from"./options";export*from"./pagination-position";export*from"./pattern";export*from"./placeholder";export*from"./popover-align";export*from"./popover-callbacks";export*from"./quote";export*from"./read-only";export*from"./required";export*from"./resize-textarea";export*from"./rows";export*from"./short-key";export*from"./show";export*from"./spell-check";export*from"./suggestions";export*from"./sync-value-by-selector";export*from"./tab-behavior";export*from"./tab-index";export*from"./table-callbacks";export*from"./table-data";export*from"./table-data-foot";export*from"./table-header-cells";export*from"./table-selection";export*from"./toolbar-items";export*from"./tooltip-align";export*from"./touched";export*from"./type-input-date";export*from"./type-input-text";export*from"./unit";export*from"./variant-alert";export*from"./variant-input-checkbox";export*from"./variant-progress";export*from"./variant-quote";export*from"./variant/spin";export*from"./width";
+export*from"./accept";export*from"./access-key";export*from"./accordion-callbacks";export*from"./active";export*from"./adjust-height";export*from"./alert";export*from"./alert-type";export*from"./align";export*from"./allow-multi-sort";export*from"./alt";export*from"./alternative-button-link-role";export*from"./aria-controls";export*from"./aria-current-value";export*from"./aria-description";export*from"./aria-expanded";export*from"./aria-owns";export*from"./aria-selected";export*from"./auto-complete";export*from"./badge-text";export*from"./button-callbacks";export*from"./button-type";export*from"./button-variant";export*from"./checked";export*from"./collapsible";export*from"./color";export*from"./current-length";export*from"./custom-class";export*from"./details-callbacks";export*from"./disabled";export*from"./download";export*from"./error-list";export*from"./has-closer";export*from"./has-compact-button";export*from"./has-counter";export*from"./has-icons-when-expanded";export*from"./has-settings-menu";export*from"./has-value";export*from"./hide-label";export*from"./hide-msg";export*from"./hint";export*from"./href";export*from"./icons";export*from"./icons-input-checkbox";export*from"./id";export*from"./image-sizes";export*from"./image-source";export*from"./image-srcset";export*from"./indeterminate";export*from"./inline";export*from"./label";export*from"./label-align";export*from"./level";export*from"./link-on-callbacks";export*from"./link-target";export*from"./loading";export*from"./max";export*from"./max-length";export*from"./max-length-behavior";export*from"./modal";export*from"./msg";export*from"./multiple";export*from"./name";export*from"./open";export*from"./options";export*from"./pagination-position";export*from"./pattern";export*from"./placeholder";export*from"./popover-align";export*from"./popover-callbacks";export*from"./quote";export*from"./read-only";export*from"./required";export*from"./resize-textarea";export*from"./rows";export*from"./short-key";export*from"./show";export*from"./spell-check";export*from"./suggestions";export*from"./sync-value-by-selector";export*from"./tab-behavior";export*from"./tab-index";export*from"./table-callbacks";export*from"./table-data";export*from"./table-data-foot";export*from"./table-header-cells";export*from"./table-selection";export*from"./toolbar-items";export*from"./tooltip-align";export*from"./touched";export*from"./type-input-date";export*from"./type-input-text";export*from"./unit";export*from"./variant-alert";export*from"./variant-input-checkbox";export*from"./variant-progress";export*from"./variant-quote";export*from"./variant/spin";export*from"./width";

package/dist/types/schema/props/inline.d.ts

@@ -0,0 +1,7 @@
+import type { Generic } from 'adopted-style-sheets';
+import type { WatchBooleanOptions } from '../utils';
+export type InlinePropType = boolean;
+export type PropInline = {
+    inline: InlinePropType;
+};
+export declare const validateInline: (component: Generic.Element.Component, value?: InlinePropType, options?: WatchBooleanOptions) => void;

package/doc/badge.md

@@ -5,12 +5,12 @@
 
 ## Properties
 
-| Property              | Attribute       | Description                                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Default     |
-| --------------------- | --------------- | ------------------------------------------------------------------------------------------------------------------ | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
-| `_color`              | `_color`        | Defines the backgroundColor and foregroundColor.                                                                   | `string \| undefined \| { backgroundColor: string; foregroundColor: Stringified<CharacteristicColors>; }`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `'#000'`    |
-| `_icons`              | `_icons`        | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                    | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| 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` |
-| `_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` |
+| Property              | Attribute       | Description                                                                                                        | Type                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                              | Default     |
+| --------------------- | --------------- | ------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ----------- |
+| `_color`              | `_color`        | Defines the backgroundColor and foregroundColor.                                                                   | `string \| undefined \| { backgroundColor: string; foregroundColor: Stringified<CharacteristicColors>; }`                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         | `'#000'`    |
+| `_icons`              | `_icons`        | Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).                                                    | `KoliBriHorizontalIcons & KoliBriVerticalIcons \| string \| 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` |
+| `_smartButton`        | `_smart-button` | Allows to add a button with an arbitrary action within the element (_hide-label only).                             | `string \| undefined \| { _label: string; } & { _ariaExpanded?: boolean \| undefined; _tabIndex?: number \| undefined; _value?: StencilUnknown; _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; _inline?: boolean \| undefined; _name?: string \| undefined; _shortKey?: string \| undefined; _syncValueBySelector?: string \| undefined; _tooltipAlign?: AlignPropType \| undefined; }` | `undefined` |
 
 
 ## Methods

package/doc/button-link.md

@@ -16,6 +16,7 @@
 | `_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` |
 | `_id`                 | `_id`               | <span class="text-red-500">**[DEPRECATED]**</span> Will be removed in the next major version.<br/><br/>Defines the internal ID of the primary component element.                                                                            | `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`                                                                                                                                 | `true`      |
 | `_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`                 | --                  | Gibt die EventCallback-Funktionen für die Button-Events an.                                                                                                                                                                              | `undefined \| { onClick?: EventValueOrEventCallback<MouseEvent, StencilUnknown> \| undefined; onMouseDown?: EventCallback<MouseEvent> \| undefined; }` | `undefined` |
@@ -24,7 +25,6 @@
 | `_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` |
-| `_variant`            | `_variant`          | Defines which variant should be used for presentation.                                                                                                                                                                                   | `"inline" \| "standalone" \| undefined`                                                                                                                | `'inline'`  |
 
 
 ## Methods

package/doc/button.md

@@ -17,6 +17,7 @@
 | `_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` |
 | `_id`                 | `_id`               | <span class="text-red-500">**[DEPRECATED]**</span> Will be removed in the next major version.<br/><br/>Defines the internal ID of the primary component element.                                                                            | `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` |