@koobiq/components 18.26.0 → 18.27.0

package/toggle/toggle.component.d.ts

@@ -39,6 +39,10 @@ export declare class KbqToggleComponent extends KbqColorDirective implements Aft
     get indeterminate(): boolean;
     set indeterminate(value: boolean);
     private _indeterminate;
+    /**
+     * Property for manually set loading state.
+     */
+    loading: boolean;
     readonly change: EventEmitter<KbqToggleChange>;
     /** Event emitted when the toggle's `indeterminate` value changes. */
     readonly indeterminateChange: EventEmitter<boolean>;
@@ -61,12 +65,12 @@ export declare class KbqToggleComponent extends KbqColorDirective implements Aft
     private setTransitionCheckState;
     private onTouchedCallback;
     private onChangeCallback;
-    private updateModelValue;
     private transitionCheckState;
     private emitChangeEvent;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqToggleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqToggleComponent, "kbq-toggle", ["kbqToggle"], { "big": { "alias": "big"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, { "change": "change"; "indeterminateChange": "indeterminateChange"; }, never, ["*", "kbq-hint"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqToggleComponent, "kbq-toggle", ["kbqToggle"], { "big": { "alias": "big"; "required": false; }; "labelPosition": { "alias": "labelPosition"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; "ariaLabelledby": { "alias": "aria-labelledby"; "required": false; }; "id": { "alias": "id"; "required": false; }; "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "loading": { "alias": "loading"; "required": false; }; }, { "change": "change"; "indeterminateChange": "indeterminateChange"; }, never, ["*", "kbq-hint"], false, never>;
     static ngAcceptInputType_tabIndex: unknown;
     static ngAcceptInputType_indeterminate: unknown;
+    static ngAcceptInputType_loading: unknown;
 }
 export {};

package/toggle/toggle.scss

@@ -1,4 +1,7 @@
+// @TODO should remove "selector-class-pattern" rule ignore (#DS-3753)
+/* stylelint-disable selector-class-pattern */
 @use '../core/styles/common/tokens';
+@use '../core/styles/common/animation';
 @use './toggle-theme' as theme;
 
 $toggle-thumb-offset: 8px;

package/tree/_tree-theme.scss

@@ -9,12 +9,12 @@
         color: var(--kbq-tree-#{$state-name}-text-color);
     }
 
-    .kbq-tree-node-toggle .kbq-icon,
-    .kbq-icon.kbq-tree-node-toggle {
+    .kbq-tree-node-toggle .kbq-icon.kbq-empty,
+    .kbq-icon.kbq-empty.kbq-tree-node-toggle {
         color: var(--kbq-tree-#{$state-name}-tree-toggle-color);
     }
 
-    .kbq-option-action .kbq-icon {
+    .kbq-option-action .kbq-icon.kbq-empty {
         color: var(--kbq-tree-#{$state-name}-action-button-color);
     }
 
@@ -48,7 +48,7 @@
         &.kbq-disabled {
             @include kbq-tree-option(states-disabled);
 
-            & .kbq-icon {
+            & .kbq-icon.kbq-empty {
                 color: var(--kbq-states-icon-disabled);
             }
         }

package/tree-select/tree-select.component.d.ts

@@ -181,6 +181,7 @@ export declare class KbqTreeSelect extends KbqAbstractSelect implements AfterCon
     panelWidth: KbqTreeSelectPanelWidth;
     get panelOpen(): boolean;
     get canShowCleaner(): boolean;
+    /** @docs-private */
     get colorForState(): KbqComponentColors;
     isEmptySearchResult: boolean;
     triggerValues: KbqTreeSelectTriggerValue[];