npm - @ukic/web-components - Versions diffs - 2.22.0 → 2.24.0 - Mend

@ukic/web-components 2.22.0 → 2.24.0

Files changed (415) hide show

@@ -55,6 +55,8 @@ export declare class Checkbox {
      * If `true`, the indeterminate state will be displayed when checked.
      */
     indeterminate: boolean;
+    displayIndeterminate: boolean;
+    watchIndeterminateHandler(): void;
     /**
      * The label for the checkbox.
      */
@@ -63,6 +65,10 @@ export declare class Checkbox {
      * The name for the checkbox. If not set when used in a checkbox group, the name will be based on the group name.
      */
     name: string;
+    /**
+     * If `true`, the checkbox will behave like a native checkbox where the `indeterminate` prop sets the indeterminate visual styling, independent of the `checked` state.
+     */
+    nativeIndeterminateBehaviour: boolean;
     /**
      * The size of the checkbox to be displayed. This does not affect the font size of the label. If a checkbox is contained in a checkbox group, this will override the size set on checkbox group.
      */

@@ -3,6 +3,7 @@ import { IcInformationStatusOrEmpty, IcSizes } from "../../utils/types";
  * @slot left-icon - Content will be placed to the left of the input.
  */
 export declare class InputComponentContainer {
+    private hostMutationObserver;
     el: HTMLIcInputComponentContainerElement;
     /**
      * The appearance of the input component container.
@@ -44,5 +45,7 @@ export declare class InputComponentContainer {
      * The validation status of the input component container - e.g. 'error' | 'warning' | 'success'.
      */
     validationStatus: IcInformationStatusOrEmpty;
+    componentDidLoad(): void;
+    private hostMutationCallback;
     render(): any;
 }

@@ -1,6 +1,9 @@
 import { EventEmitter } from "../../stencil-public-runtime";
 import { IcInformationStatusOrEmpty, IcMenuOption, IcSearchMatchPositions, IcValueEventDetail, IcSizes } from "../../utils/types";
 import { IcOptionSelectEventDetail } from "../ic-menu/ic-menu.types";
+/**
+ * @slot icon - Content will be placed to the left of the select text input.
+ */
 export declare class Select {
     private anchorEl;
     private blurredBecauseButtonPressed;

@@ -4,6 +4,7 @@ export declare class Stepper {
     private resizeObserver;
     private steps;
     private stepsWithStepTitles;
+    private visuallyHidden;
     el: HTMLIcStepperElement;
     alignedFullWidth: boolean;
     autoSetStepTitles: boolean;
@@ -32,6 +33,7 @@ export declare class Stepper {
      * The variant of the stepper.
      */
     variant?: IcStepVariants;
+    handlePropChange(): void;
     disconnectedCallback(): void;
     componentWillLoad(): void;
     componentWillRender(): void;
@@ -41,6 +43,7 @@ export declare class Stepper {
     private setStepTypes;
     private setStepperWidth;
     private initialiseStepStates;
+    private setHideStepInfo;
     private overrideVariant;
     private resizeObserverCallback;
     private runResizeObserver;

@@ -20,6 +20,7 @@ export declare class TabContext {
      * The appearance of the tab context, e.g dark, or light.
      */
     appearance?: IcThemeForegroundNoDefault;
+    watchAppearanceHandler(): void;
     /**
      * The unique context needed if using multiple tabs inside one another i.e. rendering another set of tabs inside a tab panel.
      */

@@ -221,15 +221,10 @@ export declare class TextField {
     setFocus(): Promise<void>;
     private getMaxLengthExceeded;
     private getMaxCharactersReached;
-    private getMinCharactersUnattained;
     private onInput;
     private onBlur;
     private onFocus;
-    private isTextArea;
-    private getInlineValidationText;
-    private hasLeftIconSlot;
     private hasStatus;
-    private showStatusText;
     private handleFormReset;
     private hostMutationCallback;
     render(): any;

@@ -26,6 +26,7 @@ export declare class Toast {
      * How the toast will be dismissed. If manual will display a dismiss button.
      */
     dismissMode?: IcActivationTypes;
+    dismissModeChangeHandler(newValue: IcActivationTypes): void;
     /**
      * The title to display at the start of the toast. (NOTE: Should be no more than `70` characters)
      */

package/dist/types/components.d.ts CHANGED Viewed

@@ -474,6 +474,10 @@ export namespace Components {
           * The name for the checkbox. If not set when used in a checkbox group, the name will be based on the group name.
          */
         "name": string;
+        /**
+          * If `true`, the checkbox will behave like a native checkbox where the `indeterminate` prop sets the indeterminate visual styling, independent of the `checked` state.
+         */
+        "nativeIndeterminateBehaviour": boolean;
         /**
           * Sets focus on the checkbox.
          */
@@ -3751,6 +3755,10 @@ declare namespace LocalJSX {
           * The name for the checkbox. If not set when used in a checkbox group, the name will be based on the group name.
          */
         "name"?: string;
+        /**
+          * If `true`, the checkbox will behave like a native checkbox where the `indeterminate` prop sets the indeterminate visual styling, independent of the `checked` state.
+         */
+        "nativeIndeterminateBehaviour"?: boolean;
         /**
           * @deprecated This event should not be used anymore. Use icCheck instead.
          */

package/dist/types/utils/helpers.d.ts CHANGED Viewed

@@ -143,3 +143,4 @@ export declare const isNumeric: (value: string) => boolean;
 export declare function waitForHydration(): Promise<boolean>;
 export declare const convertToRGBA: (color: IcColor) => IcColorRGBA | null;
 export declare const capitalize: (text: string) => string;
+export declare const checkSlotInChildMutations: (addedNodes: NodeList, removedNodes: NodeList, slotName: string) => boolean;