@koobiq/components 16.0.0-beta.14 → 16.0.0-beta.16

package/form-field/_form-field-theme.scss

@@ -84,10 +84,12 @@
         /* stylelint-enable no-descending-specificity */
     }
 
-    .kbq-form-field__hint > .kbq-hint:not(.kbq-password-hint) {
-        $form-field-hint: map.get(map.get($theme, components), form-field-hint);
+    .kbq-form-field__hint {
+        & > .kbq-hint:not(.kbq-password-hint, .kbq-contrast-fade, .kbq-success, .kbq-warning, .kbq-error) {
+            $form-field-hint: map.get(map.get($theme, components), form-field-hint);
 
-        color: map.get($form-field-hint, text);
+            color: map.get($form-field-hint, text);
+        }
     }
 }
 

package/navbar/_navbar-theme.scss

@@ -6,7 +6,6 @@
 
 @mixin kbq-navbar-theme($theme) {
     $background: map.get($theme, background);
-    $primary: map.get($theme, theme);
 
     $navbar: map.get(map.get($theme, components), navbar);
     $navbar-item: map.get(map.get($theme, components), navbar-item);
@@ -49,7 +48,7 @@
             background: map.get($navbar-item, state-selected);
         }
 
-        &:hover:not(.kbq-navbar-item_button) {
+        &:hover:not(.kbq-navbar-item_button, .kbq-navbar-item_form-field) {
             cursor: pointer;
 
             & .kbq-navbar-item__overlay {
@@ -57,7 +56,7 @@
             }
         }
 
-        &:active:not(.kbq-navbar-item_button) {
+        &:active:not(.kbq-navbar-item_button, .kbq-navbar-item_form-field) {
             & .kbq-navbar-item__overlay {
                 background: map.get($navbar-item, state-active);
             }

package/navbar/navbar-item.component.d.ts

@@ -5,6 +5,7 @@ import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, NgZone,
 import { IFocusableOption } from '@koobiq/cdk/a11y';
 import { KbqButton, KbqButtonCssStyler } from '@koobiq/components/button';
 import { KbqDropdownTrigger } from '@koobiq/components/dropdown';
+import { KbqFormField } from '@koobiq/components/form-field';
 import { KbqIcon } from '@koobiq/components/icon';
 import { KbqTooltipTrigger, TooltipModifier } from '@koobiq/components/tooltip';
 import { Subject } from 'rxjs';
@@ -72,6 +73,7 @@ export declare class KbqNavbarFocusableItem implements IFocusableOption, AfterCo
     private ngZone;
     title: KbqNavbarTitle;
     button: KbqButton;
+    formField: KbqFormField;
     get tooltip(): KbqTooltipTrigger;
     private _tooltip;
     readonly onFocus: Subject<KbqNavbarFocusableItemEvent>;
@@ -92,7 +94,7 @@ export declare class KbqNavbarFocusableItem implements IFocusableOption, AfterCo
     blur(): void;
     getLabel(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNavbarFocusableItem, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarFocusableItem, "kbq-navbar-item, [kbq-navbar-item], kbq-navbar-brand, [kbq-navbar-brand], kbq-navbar-toggle", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["title", "button"], never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNavbarFocusableItem, "kbq-navbar-item, [kbq-navbar-item], kbq-navbar-brand, [kbq-navbar-brand], kbq-navbar-toggle", never, { "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["title", "button", "formField"], never, false, never>;
 }
 export declare class KbqNavbarRectangleElement {
     elementRef: ElementRef;

package/navbar/navbar-item.scss

@@ -157,3 +157,8 @@ a.kbq-navbar-title {
         z-index: 1;
     }
 }
+
+.kbq-navbar-item.kbq-navbar-item_form-field .kbq-navbar-item__overlay {
+    display: none;
+}
+

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@koobiq/components",
-    "version": "16.0.0-beta.14",
+    "version": "16.0.0-beta.16",
     "description": "koobiq",
     "repository": {
         "type": "git",
@@ -19,13 +19,13 @@
     "peerDependencies": {
         "@angular/cdk": "^16.1.5",
         "@angular/forms": "^16.1.5",
-        "@koobiq/cdk": "^16.0.0-beta.14",
-        "@koobiq/angular-moment-adapter": "^16.0.0-beta.14",
-        "@koobiq/angular-luxon-adapter": "^16.0.0-beta.14",
+        "@koobiq/cdk": "^16.0.0-beta.16",
+        "@koobiq/angular-moment-adapter": "^16.0.0-beta.16",
+        "@koobiq/angular-luxon-adapter": "^16.0.0-beta.16",
         "@mosaic-design/date-formatter": "^2.1.1",
         "@koobiq/icons": "^7.1.0",
-        "@koobiq/tokens-builder": "^3.0.0-beta.20",
-        "@koobiq/design-tokens": "^3.0.0-beta.20",
+        "@koobiq/tokens-builder": "^3.0.0-beta.22",
+        "@koobiq/design-tokens": "^3.0.0-beta.22",
         "marked": "^4.0.18"
     },
     "dependencies": {
@@ -62,18 +62,18 @@
             "esm": "./esm2022/alert/koobiq-components-alert.mjs",
             "default": "./fesm2022/koobiq-components-alert.mjs"
         },
-        "./badge": {
-            "types": "./badge/index.d.ts",
-            "esm2022": "./esm2022/badge/koobiq-components-badge.mjs",
-            "esm": "./esm2022/badge/koobiq-components-badge.mjs",
-            "default": "./fesm2022/koobiq-components-badge.mjs"
-        },
         "./autocomplete": {
             "types": "./autocomplete/index.d.ts",
             "esm2022": "./esm2022/autocomplete/koobiq-components-autocomplete.mjs",
             "esm": "./esm2022/autocomplete/koobiq-components-autocomplete.mjs",
             "default": "./fesm2022/koobiq-components-autocomplete.mjs"
         },
+        "./badge": {
+            "types": "./badge/index.d.ts",
+            "esm2022": "./esm2022/badge/koobiq-components-badge.mjs",
+            "esm": "./esm2022/badge/koobiq-components-badge.mjs",
+            "default": "./fesm2022/koobiq-components-badge.mjs"
+        },
         "./button": {
             "types": "./button/index.d.ts",
             "esm2022": "./esm2022/button/koobiq-components-button.mjs",
@@ -272,18 +272,18 @@
             "esm": "./esm2022/tags/koobiq-components-tags.mjs",
             "default": "./fesm2022/koobiq-components-tags.mjs"
         },
-        "./timepicker": {
-            "types": "./timepicker/index.d.ts",
-            "esm2022": "./esm2022/timepicker/koobiq-components-timepicker.mjs",
-            "esm": "./esm2022/timepicker/koobiq-components-timepicker.mjs",
-            "default": "./fesm2022/koobiq-components-timepicker.mjs"
-        },
         "./textarea": {
             "types": "./textarea/index.d.ts",
             "esm2022": "./esm2022/textarea/koobiq-components-textarea.mjs",
             "esm": "./esm2022/textarea/koobiq-components-textarea.mjs",
             "default": "./fesm2022/koobiq-components-textarea.mjs"
         },
+        "./timepicker": {
+            "types": "./timepicker/index.d.ts",
+            "esm2022": "./esm2022/timepicker/koobiq-components-timepicker.mjs",
+            "esm": "./esm2022/timepicker/koobiq-components-timepicker.mjs",
+            "default": "./fesm2022/koobiq-components-timepicker.mjs"
+        },
         "./timezone": {
             "types": "./timezone/index.d.ts",
             "esm2022": "./esm2022/timezone/koobiq-components-timezone.mjs",