@koobiq/components 16.0.0-beta.13 → 16.0.0-beta.15

package/file-upload/_file-upload-theme.scss

@@ -186,5 +186,12 @@ $tokens: meta.module-variables(tokens) !default;
             }
         }
     }
+
+    .kbq-single-file-upload,
+    .kbq-multiple-file-upload {
+        .kbq-file-upload__hint.kbq-hint .kbq-hint__text {
+            @include kbq-typography-level-to-styles($config, map.get($tokens, form-field-hint-font-text));
+        }
+    }
 }
 /* stylelint-enable no-descending-specificity */

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.13",
+    "version": "16.0.0-beta.15",
     "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.13",
-        "@koobiq/angular-moment-adapter": "^16.0.0-beta.13",
-        "@koobiq/angular-luxon-adapter": "^16.0.0-beta.13",
+        "@koobiq/cdk": "^16.0.0-beta.15",
+        "@koobiq/angular-moment-adapter": "^16.0.0-beta.15",
+        "@koobiq/angular-luxon-adapter": "^16.0.0-beta.15",
         "@mosaic-design/date-formatter": "^2.1.1",
         "@koobiq/icons": "^7.1.0",
-        "@koobiq/tokens-builder": "^3.0.0-beta.6",
-        "@koobiq/design-tokens": "^3.0.0-beta.6",
+        "@koobiq/tokens-builder": "^3.0.0-beta.21",
+        "@koobiq/design-tokens": "^3.0.0-beta.21",
         "marked": "^4.0.18"
     },
     "dependencies": {
@@ -146,11 +146,11 @@
             "esm": "./esm2022/file-upload/koobiq-components-file-upload.mjs",
             "default": "./fesm2022/koobiq-components-file-upload.mjs"
         },
-        "./form-field": {
-            "types": "./form-field/index.d.ts",
-            "esm2022": "./esm2022/form-field/koobiq-components-form-field.mjs",
-            "esm": "./esm2022/form-field/koobiq-components-form-field.mjs",
-            "default": "./fesm2022/koobiq-components-form-field.mjs"
+        "./input": {
+            "types": "./input/index.d.ts",
+            "esm2022": "./esm2022/input/koobiq-components-input.mjs",
+            "esm": "./esm2022/input/koobiq-components-input.mjs",
+            "default": "./fesm2022/koobiq-components-input.mjs"
         },
         "./icon": {
             "types": "./icon/index.d.ts",
@@ -158,11 +158,11 @@
             "esm": "./esm2022/icon/koobiq-components-icon.mjs",
             "default": "./fesm2022/koobiq-components-icon.mjs"
         },
-        "./input": {
-            "types": "./input/index.d.ts",
-            "esm2022": "./esm2022/input/koobiq-components-input.mjs",
-            "esm": "./esm2022/input/koobiq-components-input.mjs",
-            "default": "./fesm2022/koobiq-components-input.mjs"
+        "./form-field": {
+            "types": "./form-field/index.d.ts",
+            "esm2022": "./esm2022/form-field/koobiq-components-form-field.mjs",
+            "esm": "./esm2022/form-field/koobiq-components-form-field.mjs",
+            "default": "./fesm2022/koobiq-components-form-field.mjs"
         },
         "./link": {
             "types": "./link/index.d.ts",
@@ -242,12 +242,6 @@
             "esm": "./esm2022/sidebar/koobiq-components-sidebar.mjs",
             "default": "./fesm2022/koobiq-components-sidebar.mjs"
         },
-        "./sidepanel": {
-            "types": "./sidepanel/index.d.ts",
-            "esm2022": "./esm2022/sidepanel/koobiq-components-sidepanel.mjs",
-            "esm": "./esm2022/sidepanel/koobiq-components-sidepanel.mjs",
-            "default": "./fesm2022/koobiq-components-sidepanel.mjs"
-        },
         "./splitter": {
             "types": "./splitter/index.d.ts",
             "esm2022": "./esm2022/splitter/koobiq-components-splitter.mjs",
@@ -260,6 +254,12 @@
             "esm": "./esm2022/table/koobiq-components-table.mjs",
             "default": "./fesm2022/koobiq-components-table.mjs"
         },
+        "./sidepanel": {
+            "types": "./sidepanel/index.d.ts",
+            "esm2022": "./esm2022/sidepanel/koobiq-components-sidepanel.mjs",
+            "esm": "./esm2022/sidepanel/koobiq-components-sidepanel.mjs",
+            "default": "./fesm2022/koobiq-components-sidepanel.mjs"
+        },
         "./tabs": {
             "types": "./tabs/index.d.ts",
             "esm2022": "./esm2022/tabs/koobiq-components-tabs.mjs",