@koobiq/components 17.6.0 → 17.7.0

package/file-upload/file-upload-tokens.scss

@@ -61,7 +61,7 @@
 }
 
 :where(.kbq-light, .theme-light, .kbq-theme-light) {
-    --kbq-file-upload-single-default-container-border: hsla(229, 15%, 70%, 100%);
+    --kbq-file-upload-single-default-container-border: hsla(229, 15%, 80%, 100%);
     --kbq-file-upload-single-default-container-background: hsla(0, 0%, 100%, 100%);
     --kbq-file-upload-single-default-upload-icon-color: hsla(229, 15%, 60%, 100%);
     --kbq-file-upload-single-default-left-icon-color: hsla(229, 15%, 60%, 100%);
@@ -76,13 +76,13 @@
     --kbq-file-upload-single-states-error-container-background: hsla(7, 97%, 99%, 100%);
     --kbq-file-upload-single-states-error-left-icon-color: hsla(7, 97%, 45%, 100%);
     --kbq-file-upload-single-states-error-text-block-color: hsla(7, 97%, 40%, 100%);
-    --kbq-file-upload-single-states-disabled-container-border: hsla(229, 15%, 15%, 32%);
+    --kbq-file-upload-single-states-disabled-container-border: hsla(229, 15%, 50%, 32%);
     --kbq-file-upload-single-states-disabled-container-background: hsla(229, 15%, 50%, 16%);
     --kbq-file-upload-single-states-disabled-upload-icon-color: hsla(229, 15%, 15%, 32%);
     --kbq-file-upload-single-states-disabled-left-icon-color: hsla(229, 15%, 15%, 32%);
     --kbq-file-upload-single-states-disabled-text-block-color: hsla(229, 15%, 15%, 32%);
     --kbq-file-upload-single-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);
-    --kbq-file-upload-multiple-default-container-border: hsla(229, 15%, 70%, 100%);
+    --kbq-file-upload-multiple-default-container-border: hsla(229, 15%, 80%, 100%);
     --kbq-file-upload-multiple-default-container-background: hsla(0, 0%, 100%, 100%);
     --kbq-file-upload-multiple-default-upload-icon-color: hsla(229, 15%, 60%, 100%);
     --kbq-file-upload-multiple-default-left-icon-color: hsla(229, 15%, 60%, 100%);
@@ -100,12 +100,12 @@
     --kbq-file-upload-multiple-states-error-left-icon-color: hsla(7, 97%, 45%, 100%);
     --kbq-file-upload-multiple-states-error-text-block-color: hsla(7, 97%, 40%, 100%);
     --kbq-file-upload-multiple-states-error-icon-button-color: hsla(7, 97%, 45%, 100%);
-    --kbq-file-upload-multiple-states-disabled-container-border: hsla(229, 15%, 15%, 32%);
+    --kbq-file-upload-multiple-states-disabled-container-border: hsla(229, 15%, 50%, 32%);
     --kbq-file-upload-multiple-states-disabled-container-background: hsla(229, 15%, 50%, 16%);
     --kbq-file-upload-multiple-states-disabled-upload-icon-color: hsla(229, 15%, 15%, 32%);
     --kbq-file-upload-multiple-states-disabled-left-icon-color: hsla(229, 15%, 15%, 32%);
     --kbq-file-upload-multiple-states-disabled-text-block-color: hsla(229, 15%, 15%, 32%);
-    --kbq-file-upload-multiple-states-disabled-grid-divider-color: hsla(229, 15%, 15%, 32%);
+    --kbq-file-upload-multiple-states-disabled-grid-divider-color: hsla(229, 15%, 50%, 32%);
     --kbq-form-field-hint-text: hsla(229, 15%, 50%, 100%);
 }
 

package/file-upload/file-upload.module.d.ts

@@ -2,19 +2,19 @@ import * as i0 from "@angular/core";
 import * as i1 from "./file-drop";
 import * as i2 from "./single-file-upload.component";
 import * as i3 from "./multiple-file-upload.component";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/forms";
-import * as i6 from "@koobiq/components/tooltip";
-import * as i7 from "@koobiq/components/progress-spinner";
-import * as i8 from "@koobiq/components/icon";
-import * as i9 from "@koobiq/components/button";
-import * as i10 from "@koobiq/components/list";
-import * as i11 from "@koobiq/components/form-field";
-import * as i12 from "@koobiq/components/ellipsis-center";
-import * as i13 from "@koobiq/components/core";
-import * as i14 from "@koobiq/components/link";
+import * as i4 from "@angular/forms";
+import * as i5 from "@koobiq/components/tooltip";
+import * as i6 from "@koobiq/components/progress-spinner";
+import * as i7 from "@koobiq/components/icon";
+import * as i8 from "@koobiq/components/button";
+import * as i9 from "@koobiq/components/list";
+import * as i10 from "@koobiq/components/form-field";
+import * as i11 from "@koobiq/components/ellipsis-center";
+import * as i12 from "@koobiq/components/core";
+import * as i13 from "@koobiq/components/link";
+import * as i14 from "@angular/common";
 export declare class KbqFileUploadModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqFileUploadModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqFileUploadModule, [typeof i1.KbqFileDropDirective, typeof i2.KbqSingleFileUploadComponent, typeof i3.KbqMultipleFileUploadComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i5.ReactiveFormsModule, typeof i6.KbqToolTipModule, typeof i7.KbqProgressSpinnerModule, typeof i8.KbqIconModule, typeof i9.KbqButtonModule, typeof i10.KbqListModule, typeof i11.KbqFormFieldModule, typeof i12.KbqEllipsisCenterModule, typeof i13.KbqDataSizePipe, typeof i14.KbqLinkModule], [typeof i2.KbqSingleFileUploadComponent, typeof i3.KbqMultipleFileUploadComponent, typeof i1.KbqFileDropDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqFileUploadModule, [typeof i1.KbqFileDropDirective, typeof i2.KbqSingleFileUploadComponent, typeof i3.KbqMultipleFileUploadComponent], [typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.KbqToolTipModule, typeof i6.KbqProgressSpinnerModule, typeof i7.KbqIconModule, typeof i8.KbqButtonModule, typeof i9.KbqListModule, typeof i10.KbqFormFieldModule, typeof i11.KbqEllipsisCenterModule, typeof i12.KbqDataSizePipe, typeof i13.KbqLinkModule, typeof i14.AsyncPipe, typeof i14.NgClass, typeof i14.NgTemplateOutlet], [typeof i2.KbqSingleFileUploadComponent, typeof i3.KbqMultipleFileUploadComponent, typeof i1.KbqFileDropDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqFileUploadModule>;
 }

package/file-upload/single-file-upload.component.d.ts

@@ -64,5 +64,5 @@ export declare class KbqSingleFileUploadComponent implements AfterViewInit, OnDe
     private initDefaultParams;
     private getCaptionText;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqSingleFileUploadComponent, [null, null, { optional: true; }, { optional: true; }, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSingleFileUploadComponent, "kbq-single-file-upload,kbq-file-upload:not([multiple])", never, { "progressMode": { "alias": "progressMode"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "customValidation": { "alias": "customValidation"; "required": false; }; "file": { "alias": "file"; "required": false; }; }, { "fileQueueChange": "fileQueueChange"; }, never, ["[hint]", "[kbq-icon]"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqSingleFileUploadComponent, "kbq-single-file-upload,kbq-file-upload:not([multiple])", never, { "progressMode": { "alias": "progressMode"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "errors": { "alias": "errors"; "required": false; }; "inputId": { "alias": "inputId"; "required": false; }; "customValidation": { "alias": "customValidation"; "required": false; }; "file": { "alias": "file"; "required": false; }; }, { "fileQueueChange": "fileQueueChange"; }, never, ["[kbq-icon]", "[hint]"], false, never>;
 }

package/form-field/form-field-tokens.scss

@@ -16,6 +16,16 @@
         Arial, sans-serif;
     --kbq-form-field-font-text-text-transform: null;
     --kbq-form-field-font-text-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
+    --kbq-form-field-hint-size-margin-top: 4px;
+    --kbq-form-field-hint-size-gap: 8px;
+    --kbq-form-field-hint-font-text-font-size: 12px;
+    --kbq-form-field-hint-font-text-line-height: 16px;
+    --kbq-form-field-hint-font-text-letter-spacing: normal;
+    --kbq-form-field-hint-font-text-font-weight: normal;
+    --kbq-form-field-hint-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
+        Arial, sans-serif;
+    --kbq-form-field-hint-font-text-text-transform: null;
+    --kbq-form-field-hint-font-text-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
 }
 
 :where(.kbq-light, .theme-light, .kbq-theme-light) {
@@ -37,10 +47,11 @@
     --kbq-form-field-states-autofill-background: hsla(216, 100%, 85%, 100%);
     --kbq-form-field-states-autofill-placeholder: hsla(229, 15%, 60%, 100%);
     --kbq-form-field-states-autofill-text: hsla(229, 15%, 15%, 100%);
-    --kbq-form-field-states-disabled-border-color: hsla(229, 15%, 15%, 32%);
+    --kbq-form-field-states-disabled-border-color: hsla(229, 15%, 50%, 32%);
     --kbq-form-field-states-disabled-background: hsla(229, 15%, 50%, 16%);
     --kbq-form-field-states-disabled-placeholder: hsla(229, 15%, 15%, 32%);
     --kbq-form-field-states-disabled-text: hsla(229, 15%, 15%, 32%);
+    --kbq-form-field-hint-text: hsla(229, 15%, 50%, 100%);
 }
 
 :where(.kbq-dark, .theme-dark, .kbq-theme-dark) {
@@ -66,4 +77,5 @@
     --kbq-form-field-states-disabled-background: hsla(229, 15%, 50%, 16%);
     --kbq-form-field-states-disabled-placeholder: hsla(229, 15%, 40%, 100%);
     --kbq-form-field-states-disabled-text: hsla(229, 15%, 40%, 100%);
+    --kbq-form-field-hint-text: hsla(229, 15%, 60%, 100%);
 }

package/form-field/form-field.module.d.ts

@@ -8,10 +8,10 @@ import * as i6 from "./cleaner";
 import * as i7 from "./stepper";
 import * as i8 from "./validate.directive";
 import * as i9 from "./password-toggle";
-import * as i10 from "@angular/common";
-import * as i11 from "@koobiq/components/icon";
+import * as i10 from "@koobiq/components/icon";
+import * as i11 from "@angular/common";
 export declare class KbqFormFieldModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqFormFieldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqFormFieldModule, [typeof i1.KbqFormField, typeof i1.KbqFormFieldWithoutBorders, typeof i2.KbqHint, typeof i3.KbqPasswordHint, typeof i4.KbqPrefix, typeof i5.KbqSuffix, typeof i6.KbqCleaner, typeof i7.KbqStepper, typeof i8.KbqValidateDirective, typeof i1.KbqTrim, typeof i9.KbqPasswordToggle], [typeof i10.CommonModule, typeof i11.KbqIconModule], [typeof i1.KbqFormField, typeof i1.KbqFormFieldWithoutBorders, typeof i2.KbqHint, typeof i3.KbqPasswordHint, typeof i4.KbqPrefix, typeof i5.KbqSuffix, typeof i6.KbqCleaner, typeof i7.KbqStepper, typeof i8.KbqValidateDirective, typeof i1.KbqTrim, typeof i9.KbqPasswordToggle]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqFormFieldModule, [typeof i1.KbqFormField, typeof i1.KbqFormFieldWithoutBorders, typeof i2.KbqHint, typeof i3.KbqPasswordHint, typeof i4.KbqPrefix, typeof i5.KbqSuffix, typeof i6.KbqCleaner, typeof i7.KbqStepper, typeof i8.KbqValidateDirective, typeof i1.KbqTrim, typeof i9.KbqPasswordToggle], [typeof i10.KbqIconModule, typeof i11.NgClass], [typeof i1.KbqFormField, typeof i1.KbqFormFieldWithoutBorders, typeof i2.KbqHint, typeof i3.KbqPasswordHint, typeof i4.KbqPrefix, typeof i5.KbqSuffix, typeof i6.KbqCleaner, typeof i7.KbqStepper, typeof i8.KbqValidateDirective, typeof i1.KbqTrim, typeof i9.KbqPasswordToggle]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqFormFieldModule>;
 }

package/icon/icon-button-tokens.scss

@@ -8,7 +8,6 @@
 }
 
 :where(.kbq-light, .theme-light, .kbq-theme-light) {
-    // TODO: remove after all settled, should be assigned via css-tokens.css (#DS-2846)
     --kbq-states-focused-color: hsla(216, 100%, 50%, 100%);
     --kbq-states-focused-color-error: hsla(7, 97%, 50%, 100%);
     --kbq-icon-button-theme-default: hsla(216, 100%, 50%, 100%);

package/icon/icon.module.d.ts

@@ -2,11 +2,10 @@ import * as i0 from "@angular/core";
 import * as i1 from "./icon.component";
 import * as i2 from "./icon-button.component";
 import * as i3 from "./icon-item.component";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/cdk/a11y";
-import * as i6 from "@angular/cdk/platform";
+import * as i4 from "@angular/cdk/a11y";
+import * as i5 from "@angular/cdk/platform";
 export declare class KbqIconModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqIconModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqIconModule, [typeof i1.KbqIcon, typeof i2.KbqIconButton, typeof i3.KbqIconItem], [typeof i4.CommonModule, typeof i5.A11yModule, typeof i6.PlatformModule], [typeof i1.KbqIcon, typeof i2.KbqIconButton, typeof i3.KbqIconItem]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqIconModule, [typeof i1.KbqIcon, typeof i2.KbqIconButton, typeof i3.KbqIconItem], [typeof i4.A11yModule, typeof i5.PlatformModule], [typeof i1.KbqIcon, typeof i2.KbqIconButton, typeof i3.KbqIconItem]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqIconModule>;
 }

package/input/input.module.d.ts

@@ -3,13 +3,12 @@ import * as i1 from "./input";
 import * as i2 from "./input-number";
 import * as i3 from "./input-password";
 import * as i4 from "./input-number-validators";
-import * as i5 from "@angular/common";
-import * as i6 from "@angular/cdk/a11y";
-import * as i7 from "@koobiq/components/core";
-import * as i8 from "@angular/forms";
-import * as i9 from "@koobiq/components/icon";
+import * as i5 from "@angular/cdk/a11y";
+import * as i6 from "@koobiq/components/core";
+import * as i7 from "@angular/forms";
+import * as i8 from "@koobiq/components/icon";
 export declare class KbqInputModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqInputModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqInputModule, [typeof i1.KbqInput, typeof i2.KbqNumberInput, typeof i3.KbqInputPassword, typeof i1.KbqInputMono, typeof i4.MinValidator, typeof i4.MaxValidator], [typeof i5.CommonModule, typeof i6.A11yModule, typeof i7.KbqCommonModule, typeof i8.FormsModule, typeof i9.KbqIconModule], [typeof i1.KbqInput, typeof i2.KbqNumberInput, typeof i3.KbqInputPassword, typeof i1.KbqInputMono, typeof i4.MinValidator, typeof i4.MaxValidator]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqInputModule, [typeof i1.KbqInput, typeof i2.KbqNumberInput, typeof i3.KbqInputPassword, typeof i1.KbqInputMono, typeof i4.MinValidator, typeof i4.MaxValidator], [typeof i5.A11yModule, typeof i6.KbqCommonModule, typeof i7.FormsModule, typeof i8.KbqIconModule], [typeof i1.KbqInput, typeof i2.KbqNumberInput, typeof i3.KbqInputPassword, typeof i1.KbqInputMono, typeof i4.MinValidator, typeof i4.MaxValidator]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqInputModule>;
 }

package/link/link-tokens.scss

@@ -45,7 +45,7 @@
     --kbq-link-state-active-border-bottom: hsla(216, 100%, 85%, 100%);
     --kbq-link-state-focused-outline: hsla(216, 100%, 60%, 100%);
     --kbq-link-state-disabled-text: hsla(229, 15%, 15%, 32%);
-    --kbq-link-state-disabled-border-bottom: hsla(229, 15%, 15%, 32%);
+    --kbq-link-state-disabled-border-bottom: hsla(229, 15%, 50%, 32%);
 }
 
 :where(.kbq-dark, .theme-dark, .kbq-theme-dark) {

package/link/link.module.d.ts

@@ -1,9 +1,8 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./link.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/cdk/a11y";
+import * as i2 from "@angular/cdk/a11y";
 export declare class KbqLinkModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqLinkModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqLinkModule, [typeof i1.KbqLink], [typeof i2.CommonModule, typeof i3.A11yModule], [typeof i1.KbqLink]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqLinkModule, [typeof i1.KbqLink], [typeof i2.A11yModule], [typeof i1.KbqLink]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqLinkModule>;
 }

package/list/list.module.d.ts

@@ -1,11 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./list.component";
 import * as i2 from "./list-selection.component";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/cdk/a11y";
-import * as i5 from "@koobiq/components/core";
+import * as i3 from "@angular/cdk/a11y";
+import * as i4 from "@koobiq/components/core";
 export declare class KbqListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqListModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqListModule, [typeof i1.KbqList, typeof i2.KbqListSelection, typeof i1.KbqListItem, typeof i2.KbqListOption, typeof i2.KbqListOptionCaption], [typeof i3.CommonModule, typeof i4.A11yModule, typeof i5.KbqPseudoCheckboxModule, typeof i5.KbqLineModule, typeof i5.KbqOptionModule], [typeof i1.KbqList, typeof i2.KbqListSelection, typeof i1.KbqListItem, typeof i2.KbqListOption, typeof i2.KbqListOptionCaption, typeof i5.KbqOptionModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqListModule, [typeof i1.KbqList, typeof i2.KbqListSelection, typeof i1.KbqListItem, typeof i2.KbqListOption, typeof i2.KbqListOptionCaption], [typeof i3.A11yModule, typeof i4.KbqPseudoCheckboxModule, typeof i4.KbqLineModule, typeof i4.KbqOptionModule], [typeof i1.KbqList, typeof i2.KbqListSelection, typeof i1.KbqListItem, typeof i2.KbqListOption, typeof i2.KbqListOptionCaption, typeof i4.KbqOptionModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqListModule>;
 }

package/loader-overlay/loader-overlay.module.d.ts

@@ -1,11 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./loader-overlay.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/cdk/a11y";
-import * as i4 from "@angular/cdk/platform";
-import * as i5 from "@koobiq/components/progress-spinner";
+import * as i2 from "@angular/cdk/a11y";
+import * as i3 from "@angular/cdk/platform";
+import * as i4 from "@koobiq/components/progress-spinner";
 export declare class KbqLoaderOverlayModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqLoaderOverlayModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqLoaderOverlayModule, [typeof i1.KbqLoaderOverlay, typeof i1.KbqLoaderOverlayIndicator, typeof i1.KbqLoaderOverlayText, typeof i1.KbqLoaderOverlayCaption], [typeof i2.CommonModule, typeof i3.A11yModule, typeof i4.PlatformModule, typeof i5.KbqProgressSpinnerModule], [typeof i1.KbqLoaderOverlay, typeof i1.KbqLoaderOverlayIndicator, typeof i1.KbqLoaderOverlayText, typeof i1.KbqLoaderOverlayCaption]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqLoaderOverlayModule, [typeof i1.KbqLoaderOverlay, typeof i1.KbqLoaderOverlayIndicator, typeof i1.KbqLoaderOverlayText, typeof i1.KbqLoaderOverlayCaption], [typeof i2.A11yModule, typeof i3.PlatformModule, typeof i4.KbqProgressSpinnerModule], [typeof i1.KbqLoaderOverlay, typeof i1.KbqLoaderOverlayIndicator, typeof i1.KbqLoaderOverlayText, typeof i1.KbqLoaderOverlayCaption]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqLoaderOverlayModule>;
 }

package/markdown/markdown.module.d.ts

@@ -1,11 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./markdown.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/cdk/a11y";
-import * as i4 from "@koobiq/components/core";
-import * as i5 from "@angular/forms";
+import * as i2 from "@angular/cdk/a11y";
+import * as i3 from "@koobiq/components/core";
+import * as i4 from "@angular/forms";
 export declare class KbqMarkdownModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqMarkdownModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqMarkdownModule, [typeof i1.KbqMarkdown], [typeof i2.CommonModule, typeof i3.A11yModule, typeof i4.KbqCommonModule, typeof i5.FormsModule], [typeof i1.KbqMarkdown]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqMarkdownModule, [typeof i1.KbqMarkdown], [typeof i2.A11yModule, typeof i3.KbqCommonModule, typeof i4.FormsModule], [typeof i1.KbqMarkdown]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqMarkdownModule>;
 }

package/modal/modal.module.d.ts

@@ -2,14 +2,14 @@ import * as i0 from "@angular/core";
 import * as i1 from "./modal.component";
 import * as i2 from "./modal.directive";
 import * as i3 from "./css-unit.pipe";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/cdk/overlay";
-import * as i6 from "@angular/cdk/a11y";
-import * as i7 from "@koobiq/components/button";
-import * as i8 from "@koobiq/components/icon";
-import * as i9 from "@koobiq/components/title";
+import * as i4 from "@angular/cdk/overlay";
+import * as i5 from "@angular/cdk/a11y";
+import * as i6 from "@koobiq/components/button";
+import * as i7 from "@koobiq/components/icon";
+import * as i8 from "@koobiq/components/title";
+import * as i9 from "@angular/common";
 export declare class KbqModalModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqModalModule, [typeof i1.KbqModalComponent, typeof i2.KbqModalTitle, typeof i2.KbqModalBody, typeof i2.KbqModalFooter, typeof i3.CssUnitPipe, typeof i2.KbqModalMainAction], [typeof i4.CommonModule, typeof i5.OverlayModule, typeof i6.A11yModule, typeof i7.KbqButtonModule, typeof i8.KbqIconModule, typeof i9.KbqTitleModule], [typeof i1.KbqModalComponent, typeof i2.KbqModalTitle, typeof i2.KbqModalBody, typeof i2.KbqModalFooter, typeof i2.KbqModalMainAction]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqModalModule, [typeof i1.KbqModalComponent, typeof i2.KbqModalTitle, typeof i2.KbqModalBody, typeof i2.KbqModalFooter, typeof i3.CssUnitPipe, typeof i2.KbqModalMainAction], [typeof i4.OverlayModule, typeof i5.A11yModule, typeof i6.KbqButtonModule, typeof i7.KbqIconModule, typeof i8.KbqTitleModule, typeof i9.NgTemplateOutlet, typeof i9.NgStyle, typeof i9.NgClass], [typeof i1.KbqModalComponent, typeof i2.KbqModalTitle, typeof i2.KbqModalBody, typeof i2.KbqModalFooter, typeof i2.KbqModalMainAction]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqModalModule>;
 }

package/navbar/navbar.module.d.ts

@@ -2,13 +2,12 @@ import * as i0 from "@angular/core";
 import * as i1 from "./navbar.component";
 import * as i2 from "./navbar-item.component";
 import * as i3 from "./vertical-navbar.component";
-import * as i4 from "@angular/common";
-import * as i5 from "@angular/cdk/a11y";
-import * as i6 from "@angular/cdk/platform";
-import * as i7 from "@koobiq/components/icon";
-import * as i8 from "@koobiq/components/tooltip";
+import * as i4 from "@angular/cdk/a11y";
+import * as i5 from "@angular/cdk/platform";
+import * as i6 from "@koobiq/components/icon";
+import * as i7 from "@koobiq/components/tooltip";
 export declare class KbqNavbarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqNavbarModule, [typeof i1.KbqNavbar, typeof i1.KbqNavbarContainer, typeof i2.KbqNavbarTitle, typeof i2.KbqNavbarItem, typeof i2.KbqNavbarBrand, typeof i2.KbqNavbarLogo, typeof i2.KbqNavbarToggle, typeof i3.KbqVerticalNavbar, typeof i2.KbqNavbarDivider, typeof i2.KbqNavbarFocusableItem, typeof i2.KbqNavbarRectangleElement, typeof i2.KbqNavbarBento], [typeof i4.CommonModule, typeof i5.A11yModule, typeof i6.PlatformModule, typeof i7.KbqIconModule, typeof i8.KbqToolTipModule], [typeof i1.KbqNavbar, typeof i1.KbqNavbarContainer, typeof i2.KbqNavbarTitle, typeof i2.KbqNavbarItem, typeof i2.KbqNavbarBrand, typeof i2.KbqNavbarLogo, typeof i2.KbqNavbarToggle, typeof i3.KbqVerticalNavbar, typeof i2.KbqNavbarDivider, typeof i2.KbqNavbarFocusableItem, typeof i2.KbqNavbarRectangleElement, typeof i2.KbqNavbarBento]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqNavbarModule, [typeof i1.KbqNavbar, typeof i1.KbqNavbarContainer, typeof i2.KbqNavbarTitle, typeof i2.KbqNavbarItem, typeof i2.KbqNavbarBrand, typeof i2.KbqNavbarLogo, typeof i2.KbqNavbarToggle, typeof i3.KbqVerticalNavbar, typeof i2.KbqNavbarDivider, typeof i2.KbqNavbarFocusableItem, typeof i2.KbqNavbarRectangleElement, typeof i2.KbqNavbarBento], [typeof i4.A11yModule, typeof i5.PlatformModule, typeof i6.KbqIconModule, typeof i7.KbqToolTipModule], [typeof i1.KbqNavbar, typeof i1.KbqNavbarContainer, typeof i2.KbqNavbarTitle, typeof i2.KbqNavbarItem, typeof i2.KbqNavbarBrand, typeof i2.KbqNavbarLogo, typeof i2.KbqNavbarToggle, typeof i3.KbqVerticalNavbar, typeof i2.KbqNavbarDivider, typeof i2.KbqNavbarFocusableItem, typeof i2.KbqNavbarRectangleElement, typeof i2.KbqNavbarBento]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqNavbarModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@koobiq/components",
-    "version": "17.6.0",
+    "version": "17.7.0",
     "description": "koobiq",
     "repository": {
         "type": "git",
@@ -23,13 +23,13 @@
     "peerDependencies": {
         "@angular/cdk": "^17.0.0",
         "@angular/forms": "^17.0.0",
-        "@koobiq/cdk": "17.6.0",
-        "@koobiq/angular-moment-adapter": "17.6.0",
-        "@koobiq/angular-luxon-adapter": "17.6.0",
+        "@koobiq/cdk": "17.7.0",
+        "@koobiq/angular-moment-adapter": "17.7.0",
+        "@koobiq/angular-luxon-adapter": "17.7.0",
         "@koobiq/date-formatter": "^3.1.2",
         "@koobiq/icons": "^7.1.0",
-        "@koobiq/tokens-builder": "3.5.0",
-        "@koobiq/design-tokens": "3.5.0",
+        "@koobiq/tokens-builder": "3.5.1",
+        "@koobiq/design-tokens": "3.5.1",
         "marked": "^9.0.0",
         "overlayscrollbars": "^2.2.0",
         "ngx-highlightjs": "^10.0.0"

package/popover/popover.module.d.ts

@@ -1,14 +1,14 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./popover.component";
 import * as i2 from "./popover-confirm.component";
-import * as i3 from "@angular/common";
-import * as i4 from "@angular/cdk/overlay";
-import * as i5 from "@koobiq/components/button";
-import * as i6 from "@angular/cdk/a11y";
-import * as i7 from "@koobiq/components/icon";
-import * as i8 from "@angular/cdk/observers";
+import * as i3 from "@angular/cdk/overlay";
+import * as i4 from "@koobiq/components/button";
+import * as i5 from "@angular/cdk/a11y";
+import * as i6 from "@koobiq/components/icon";
+import * as i7 from "@angular/cdk/observers";
+import * as i8 from "@angular/common";
 export declare class KbqPopoverModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqPopoverModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqPopoverModule, [typeof i1.KbqPopoverComponent, typeof i1.KbqPopoverTrigger, typeof i2.KbqPopoverConfirmComponent, typeof i2.KbqPopoverConfirmTrigger], [typeof i3.CommonModule, typeof i4.OverlayModule, typeof i5.KbqButtonModule, typeof i6.A11yModule, typeof i7.KbqIconModule, typeof i8.CdkObserveContent], [typeof i1.KbqPopoverComponent, typeof i1.KbqPopoverTrigger, typeof i2.KbqPopoverConfirmComponent, typeof i2.KbqPopoverConfirmTrigger]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqPopoverModule, [typeof i1.KbqPopoverComponent, typeof i1.KbqPopoverTrigger, typeof i2.KbqPopoverConfirmComponent, typeof i2.KbqPopoverConfirmTrigger], [typeof i3.OverlayModule, typeof i4.KbqButtonModule, typeof i5.A11yModule, typeof i6.KbqIconModule, typeof i7.CdkObserveContent, typeof i8.NgClass, typeof i8.NgTemplateOutlet], [typeof i1.KbqPopoverComponent, typeof i1.KbqPopoverTrigger, typeof i2.KbqPopoverConfirmComponent, typeof i2.KbqPopoverConfirmTrigger]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqPopoverModule>;
 }