@public-ui/components 4.3.0 → 4.3.1-rc.0

package/dist/types/components.d.ts

@@ -12,6 +12,7 @@ import { LoadingType, OrientationPropType as OrientationPropType1, ProgressVaria
 import { KoliBriImageEventCallbacks } from "./schema/components/image";
 import { InputCheckboxVariantPropType } from "./schema/props/variant-input-checkbox";
 import { OrientationPropType } from "./schema/props/orientation";
+import { FormFieldLabelInfoPopoverProps } from "./functional-components/FormFieldLabel/FormFieldLabel";
 import { QuoteVariantType } from "./internal/props/variant-quote";
 import { SpinVariantType } from "./internal/props/variant-spin";
 import { AriaLabelledbyPropType } from "./schema/props/aria-labelledby";
@@ -23,6 +24,7 @@ export { LoadingType, OrientationPropType as OrientationPropType1, ProgressVaria
 export { KoliBriImageEventCallbacks } from "./schema/components/image";
 export { InputCheckboxVariantPropType } from "./schema/props/variant-input-checkbox";
 export { OrientationPropType } from "./schema/props/orientation";
+export { FormFieldLabelInfoPopoverProps } from "./functional-components/FormFieldLabel/FormFieldLabel";
 export { QuoteVariantType } from "./internal/props/variant-quote";
 export { SpinVariantType } from "./internal/props/variant-spin";
 export { AriaLabelledbyPropType } from "./schema/props/aria-labelledby";
@@ -178,7 +180,7 @@ export namespace Components {
          */
         "_color"?: Stringified<PropColor>;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: Stringified<KoliBriIconsProp>;
         /**
@@ -247,7 +249,7 @@ export namespace Components {
          */
         "_hideLabel"?: boolean;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsPropType;
         /**
@@ -354,7 +356,7 @@ export namespace Components {
          */
         "_hideLabel"?: boolean;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsPropType;
         /**
@@ -459,7 +461,7 @@ export namespace Components {
          */
         "_hideLabel"?: boolean;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsPropType;
         /**
@@ -539,6 +541,10 @@ export namespace Components {
           * @default false
          */
         "_hasCloser"?: boolean;
+        /**
+          * Sets the target URI of the link or citation source.
+         */
+        "_href"?: HrefPropType;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
@@ -552,6 +558,18 @@ export namespace Components {
           * Defines the event callback functions for the component.
          */
         "_on"?: KoliBriCardEventCallbacks;
+        /**
+          * Defines where to open the link.
+         */
+        "_target"?: LinkTargetPropType;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     /**
      * @example // Single card
@@ -574,6 +592,10 @@ export namespace Components {
           * @default createUniqueId('card-heading')
          */
         "_headingId"?: string;
+        /**
+          * Sets the target URI of the link or citation source.
+         */
+        "_href"?: HrefPropType;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
@@ -587,6 +609,18 @@ export namespace Components {
           * Defines the event callback functions for the component.
          */
         "_on"?: KoliBriCardEventCallbacks;
+        /**
+          * Defines where to open the link.
+         */
+        "_target"?: LinkTargetPropType;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": (options?: KolFocusOptions) => Promise<void>;
     }
     interface KolClickButton {
         /**
@@ -635,7 +669,7 @@ export namespace Components {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -1014,7 +1048,7 @@ export namespace Components {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: Stringified<InputCheckboxIconsProp>;
         /**
@@ -1132,7 +1166,7 @@ export namespace Components {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -1240,7 +1274,7 @@ export namespace Components {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -1386,7 +1420,7 @@ export namespace Components {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -1528,7 +1562,7 @@ export namespace Components {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -1644,7 +1678,7 @@ export namespace Components {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -1785,7 +1819,7 @@ export namespace Components {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -2023,7 +2057,7 @@ export namespace Components {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -2146,9 +2180,13 @@ export namespace Components {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
+        /**
+          * Defines the informational popover after the label.
+         */
+        "_infoPopover"?: FormFieldLabelInfoPopoverProps;
         /**
           * 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.
          */
@@ -2325,7 +2363,7 @@ export namespace Components {
          */
         "_href": HrefPropType;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: Stringified<KoliBriIconsProp>;
         /**
@@ -2412,7 +2450,7 @@ export namespace Components {
          */
         "_href": HrefPropType;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsPropType;
         /**
@@ -2510,7 +2548,7 @@ export namespace Components {
          */
         "_href": HrefPropType;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: Stringified<KoliBriIconsProp>;
         /**
@@ -2817,7 +2855,7 @@ export namespace Components {
          */
         "_hideLabel"?: boolean;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsPropType;
         /**
@@ -2911,7 +2949,7 @@ export namespace Components {
          */
         "_hideLabel"?: boolean;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsPropType;
         /**
@@ -3064,7 +3102,7 @@ export namespace Components {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -3176,7 +3214,7 @@ export namespace Components {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -3459,7 +3497,7 @@ export namespace Components {
          */
         "_hideLabel"?: boolean;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsPropType;
         /**
@@ -3772,7 +3810,7 @@ export namespace Components {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -4168,7 +4206,15 @@ declare global {
      * The **Card** component consists of a **_title area_** and a **_content area_**.
      * The **title area** is displayed in a larger font. The **content area** is visually separated from the title area by a horizontal dividing line and is rendered in the default font.
      */
-    interface HTMLKolCardElement extends Components.KolCard, HTMLStencilElement {
+    interface HTMLKolCardElement extends Omit<Components.KolCard, "focus" | "click">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": (options?: KolFocusOptions) => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolCardElement: {
         prototype: HTMLKolCardElement;
@@ -4183,7 +4229,15 @@ declare global {
      *   <li><kol-card-wc _label="Card 2">Content 2</kol-card-wc></li>
      * </ul>
      */
-    interface HTMLKolCardWcElement extends Components.KolCardWc, HTMLStencilElement {
+    interface HTMLKolCardWcElement extends Omit<Components.KolCardWc, "focus" | "click">, HTMLStencilElement {
+        /**
+          * Sets focus on the internal element.
+         */
+        "focus": (options?: KolFocusOptions) => Promise<void>;
+        /**
+          * Clicks the primary interactive element inside this component.
+         */
+        "click": () => Promise<void>;
     }
     var HTMLKolCardWcElement: {
         prototype: HTMLKolCardWcElement;
@@ -5064,7 +5118,7 @@ declare namespace LocalJSX {
          */
         "_color"?: Stringified<PropColor>;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: Stringified<KoliBriIconsProp>;
         /**
@@ -5129,7 +5183,7 @@ declare namespace LocalJSX {
          */
         "_hideLabel"?: boolean;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsPropType;
         /**
@@ -5220,7 +5274,7 @@ declare namespace LocalJSX {
          */
         "_hideLabel"?: boolean;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsPropType;
         /**
@@ -5305,7 +5359,7 @@ declare namespace LocalJSX {
          */
         "_hideLabel"?: boolean;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsPropType;
         /**
@@ -5364,6 +5418,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "_hasCloser"?: boolean;
+        /**
+          * Sets the target URI of the link or citation source.
+         */
+        "_href"?: HrefPropType;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
@@ -5377,6 +5435,10 @@ declare namespace LocalJSX {
           * Defines the event callback functions for the component.
          */
         "_on"?: KoliBriCardEventCallbacks;
+        /**
+          * Defines where to open the link.
+         */
+        "_target"?: LinkTargetPropType;
     }
     /**
      * @example // Single card
@@ -5394,6 +5456,10 @@ declare namespace LocalJSX {
           * @default false
          */
         "_hasCloser"?: boolean;
+        /**
+          * Sets the target URI of the link or citation source.
+         */
+        "_href"?: HrefPropType;
         /**
           * Defines the visible or semantic label of the component (e.g. aria-label, label, headline, caption, summary, etc.).
          */
@@ -5407,6 +5473,10 @@ declare namespace LocalJSX {
           * Defines the event callback functions for the component.
          */
         "_on"?: KoliBriCardEventCallbacks;
+        /**
+          * Defines where to open the link.
+         */
+        "_target"?: LinkTargetPropType;
     }
     interface KolClickButton {
         /**
@@ -5451,7 +5521,7 @@ declare namespace LocalJSX {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -5741,7 +5811,7 @@ declare namespace LocalJSX {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: Stringified<InputCheckboxIconsProp>;
         /**
@@ -5843,7 +5913,7 @@ declare namespace LocalJSX {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -5935,7 +6005,7 @@ declare namespace LocalJSX {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -6061,7 +6131,7 @@ declare namespace LocalJSX {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -6187,7 +6257,7 @@ declare namespace LocalJSX {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -6283,7 +6353,7 @@ declare namespace LocalJSX {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -6408,7 +6478,7 @@ declare namespace LocalJSX {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -6614,7 +6684,7 @@ declare namespace LocalJSX {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -6721,9 +6791,13 @@ declare namespace LocalJSX {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
+        /**
+          * Defines the informational popover after the label.
+         */
+        "_infoPopover"?: FormFieldLabelInfoPopoverProps;
         /**
           * 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.
          */
@@ -6864,7 +6938,7 @@ declare namespace LocalJSX {
          */
         "_href": HrefPropType;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: Stringified<KoliBriIconsProp>;
         /**
@@ -6947,7 +7021,7 @@ declare namespace LocalJSX {
          */
         "_href": HrefPropType;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsPropType;
         /**
@@ -7037,7 +7111,7 @@ declare namespace LocalJSX {
          */
         "_href": HrefPropType;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: Stringified<KoliBriIconsProp>;
         /**
@@ -7310,7 +7384,7 @@ declare namespace LocalJSX {
          */
         "_hideLabel"?: boolean;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsPropType;
         /**
@@ -7384,7 +7458,7 @@ declare namespace LocalJSX {
          */
         "_hideLabel"?: boolean;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsPropType;
         /**
@@ -7513,7 +7587,7 @@ declare namespace LocalJSX {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -7613,7 +7687,7 @@ declare namespace LocalJSX {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**
@@ -7864,7 +7938,7 @@ declare namespace LocalJSX {
          */
         "_hideLabel"?: boolean;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsPropType;
         /**
@@ -8132,7 +8206,7 @@ declare namespace LocalJSX {
          */
         "_hint"?: string;
         /**
-          * Defines the icon classnames (e.g. `_icons="fa-solid fa-user"`).
+          * Defines the icon classnames.
          */
         "_icons"?: IconsHorizontalPropType;
         /**

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

@@ -2,6 +2,7 @@ import type { JSX } from '../../stencil-public-runtime';
 import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
 import type { JSXBase } from '../../stencil-public-runtime';
 import type { MaxLengthBehaviorPropType, MsgPropType, Stringified, TooltipAlignPropType, VariantClassNamePropType } from '../../schema';
+import type { FormFieldLabelInfoPopoverProps } from '../FormFieldLabel/FormFieldLabel';
 export type FormFieldProps = JSXBase.HTMLAttributes<HTMLElement> & {
     component?: 'div' | 'fieldset';
     id: string;
@@ -12,6 +13,7 @@ export type FormFieldProps = JSXBase.HTMLAttributes<HTMLElement> & {
     label: string;
     hideLabel?: boolean;
     hideMsg?: boolean;
+    infoPopover?: FormFieldLabelInfoPopoverProps;
     accessKey?: string;
     shortKey?: string;
     counter?: {

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

@@ -1,5 +1,10 @@
 import { type FunctionalComponent as FC } from '../../stencil-public-runtime';
 import type { JSXBase } from '../../stencil-public-runtime';
+import type { IconsPropType, PopoverButtonProps } from '../../schema';
+export type FormFieldLabelInfoPopoverProps = Omit<PopoverButtonProps, '_icons' | '_hideLabel' | '_inline'> & {
+    _content: string;
+    _icons: IconsPropType;
+};
 type FormFieldLabelProps = JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLegendElement, 'id' | 'hidden' | 'htmlFor'>> & {
     component?: 'label' | 'legend';
     id: string;
@@ -11,6 +16,7 @@ type FormFieldLabelProps = JSXBase.HTMLAttributes<Omit<HTMLLabelElement | HTMLLe
     baseClassName?: string;
     showBadge?: boolean;
     readOnly?: boolean;
+    infoPopover?: FormFieldLabelInfoPopoverProps;
 };
 declare const KolFormFieldLabelFc: FC<FormFieldLabelProps>;
 export default KolFormFieldLabelFc;