@koobiq/components 19.0.0 → 19.1.0

package/schematics/migrations/new-icons-pack/replacement.json

@@ -0,0 +1,18 @@
+[
+    {
+        "replace": "class=\"mc mc-icon",
+        "replaceWith": "class=\"kbq mc-icon"
+    },
+    {
+        "replace": "class=\"mc ",
+        "replaceWith": "class=\"kbq "
+    },
+    {
+        "replace": "class: 'mc mc-icon",
+        "replaceWith": "class: 'kbq mc-icon"
+    },
+    {
+        "replace": " mc ",
+        "replaceWith": " kbq "
+    }
+]

package/schematics/migrations/new-icons-pack/schema.json

@@ -20,6 +20,19 @@
             "type": "string",
             "description": "Use this option to specify styles extension preferred in your project",
             "default": "scss"
+        },
+        "updatePrefix": {
+            "type": "boolean",
+            "description": "Whether to change icon prefixes",
+            "default": false
+        },
+        "customDataPath": {
+            "type": "string",
+            "description": "Use this option to specify styles extension preferred in your project"
+        },
+        "customIconReplacementPath": {
+            "type": "string",
+            "description": "Use this option to specify styles extension preferred in your project"
         }
     }
 }

package/schematics/ng-add/index.js

@@ -27,13 +27,13 @@ function ngAdd(options) {
         }
         // Installing dependencies
         utils_packageConfig.addPackageToPackageJson(tree, '@angular/cdk', "^19.2.19");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^19.0.0");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^19.0.0");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/cdk', "^19.1.0");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/angular-luxon-adapter', "^19.1.0");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/date-formatter', "^3.4.0");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/date-adapter', "^3.4.0");
         utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/icons', "^11.2.0");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/tokens-builder', "^3.14.0");
-        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/design-tokens', "^3.14.0");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/tokens-builder', "^3.15.0");
+        utils_packageConfig.addPackageToPackageJson(tree, '@koobiq/design-tokens', "^3.15.0");
         utils_packageConfig.addPackageToPackageJson(tree, '@messageformat/core', "^3.4.0");
         utils_packageConfig.addPackageToPackageJson(tree, 'luxon', "^3.7.2");
     };

package/timepicker/timepicker.directive.d.ts

@@ -2,7 +2,7 @@ import { AfterContentInit, DoCheck, ElementRef, EventEmitter, OnDestroy, Rendere
 import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
 import { DateAdapter, ErrorStateMatcher, KbqLocaleService } from '@koobiq/components/core';
 import { KbqFormFieldControl } from '@koobiq/components/form-field';
-import { KbqWarningTooltipTrigger } from '@koobiq/components/tooltip';
+import type { KbqWarningTooltipTrigger } from '@koobiq/components/tooltip';
 import { Subject } from 'rxjs';
 import { TimeFormats } from './timepicker.constants';
 import * as i0 from "@angular/core";
@@ -89,7 +89,7 @@ export declare class KbqTimepicker<D> implements KbqFormFieldControl<D>, Control
     private readonly uid;
     private readonly validator;
     private lastValueValid;
-    private control;
+    private control?;
     private defaultPlaceholder;
     private separator;
     private onChange;

package/title/title.directive.d.ts

@@ -5,6 +5,8 @@ import { Subject } from 'rxjs';
 import * as i0 from "@angular/core";
 export declare class KbqTitleDirective extends KbqTooltipTrigger implements AfterViewInit, OnDestroy {
     private componentInstance?;
+    private readonly renderer;
+    private readonly nativeElement;
     private contentObserver;
     set trigger(value: string);
     get trigger(): string;
@@ -14,6 +16,7 @@ export declare class KbqTitleDirective extends KbqTooltipTrigger implements Afte
     get viewValue(): string;
     get parent(): HTMLElement;
     get child(): HTMLElement;
+    get hasOnlyText(): boolean;
     readonly resizeStream: Subject<Event>;
     private readonly debounceInterval;
     private resizeSubscription;

package/tooltip/_tooltip-theme.scss

@@ -9,7 +9,6 @@
 
     & .kbq-tooltip__arrow {
         background-color: var(--kbq-tooltip-#{$style-name}-background);
-        box-shadow: var(--kbq-tooltip-borderless-shadow);
     }
 
     &.kbq-tooltip_arrowless {
@@ -18,11 +17,6 @@
 }
 
 @mixin kbq-tooltip-theme() {
-    .kbq-tooltip,
-    .kbq-tooltip__arrow {
-        box-shadow: var(--kbq-tooltip-borderless-shadow);
-    }
-
     .kbq-tooltip.kbq-theme {
         @include kbq-tooltip-color(theme-fade-off);
     }
@@ -33,6 +27,11 @@
 
     .kbq-tooltip.kbq-contrast-fade {
         @include kbq-tooltip-color(contrast-fade-on);
+
+        &.kbq-tooltip,
+        & .kbq-tooltip__arrow {
+            box-shadow: var(--kbq-shadow-popup);
+        }
     }
 
     .kbq-tooltip.kbq-warning {

package/tooltip/tooltip.scss

@@ -35,6 +35,7 @@ $trigger-margin_without-arrow: 4px;
 
 .kbq-tooltip__inner {
     border-radius: var(--kbq-tooltip-size-border-radius);
+    /* stylelint-disable-next-line declaration-property-value-keyword-no-deprecated */
     word-break: break-word;
 }
 

package/tree/tree-option.scss

@@ -14,7 +14,7 @@
 
     min-height: 32px;
 
-    word-wrap: break-word;
+    overflow-wrap: break-word;
 
     border-width: var(--kbq-tree-size-container-focus-outline-width);
     border-style: solid;