@koobiq/components 18.32.0 → 18.33.0

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

@@ -227,6 +227,11 @@
 }
 
 @mixin kbq-file-upload-typography() {
+    .kbq-file-upload {
+        @include tokens.kbq-typography-level-to-styles-css-variables(typography, text-normal);
+    }
+
+    // @TODO: remove when redesign applied, use default font (#DS-3858)
     .kbq-single-file-upload {
         & .file-item__text-wrapper,
         & .dropzone__text {
@@ -239,6 +244,7 @@
             @include tokens.kbq-typography-level-to-styles-css-variables(typography, subheading);
         }
 
+        // @TODO: remove when redesign applied, use default font (#DS-3858)
         .multiple__caption {
             &,
             .kbq-link {
@@ -246,14 +252,17 @@
             }
         }
 
+        // @TODO: remove when redesign applied, use default font (#DS-3858)
         .kbq-file-multiple-uploaded__header {
             @include tokens.kbq-typography-level-to-styles-css-variables(typography, text-normal);
         }
 
+        // @TODO: remove when redesign applied, use default font (#DS-3858)
         .multiple__uploaded-item {
             @include tokens.kbq-typography-level-to-styles-css-variables(typography, text-normal);
         }
 
+        // @TODO: remove when redesign applied, use default font (#DS-3858)
         .kbq-file-upload {
             .kbq-list-item,
             .kbq-list-option {

package/filter-bar/filter-bar.d.ts

@@ -51,6 +51,8 @@ export declare class KbqFilterBar {
     /** Whether the current filter is disabled */
     get isDisabled(): boolean;
     private savedFilter;
+    /** Event that emits whenever the filter is reset. */
+    readonly onResetFilter: BehaviorSubject<boolean>;
     /** all changes */
     readonly changes: BehaviorSubject<void>;
     /** internal filter changes */

package/filter-bar/filter-bar.types.d.ts

@@ -88,6 +88,8 @@ export interface KbqPipe {
     value: unknown | null;
     search?: boolean;
     selectAll?: boolean;
+    openOnAdd?: boolean;
+    openOnReset?: boolean;
     /**
      * This is special logic that unselect all items when all selected because "all selected = nothing selected".
      * Default is true
@@ -101,8 +103,6 @@ export interface KbqPipe {
 }
 export interface KbqPipeData<V> extends KbqPipe {
     value: V | null;
-    search?: boolean;
-    openOnAdd?: boolean;
 }
 export interface KbqPipeTemplate extends Omit<KbqPipe, 'value'> {
     values?: unknown[];

package/form-field/form-field.scss

@@ -54,7 +54,7 @@
 
         padding-left: var(--kbq-form-field-size-infix-left-padding);
 
-        &:has(.kbq-select_multiple):not(:has(.kbq-select__trigger_empty)),
+        &:has(.kbq-select_multiple, .kbq-select_multiline):not(:has(.kbq-select__trigger_empty)),
         &:has(.kbq-tag-list) {
             padding-left: 0;
 

package/list/_list-theme.scss

@@ -1,6 +1,8 @@
 @use '../core/styles/common/tokens';
 
 @mixin _kbq-list-item($state-name) {
+    --kbq-option-background: var(--kbq-list-#{$state-name}-container-background);
+
     background: var(--kbq-list-#{$state-name}-container-background);
 
     .kbq-list-text {
@@ -24,7 +26,8 @@
     .kbq-list-option {
         @include _kbq-list-item(default);
 
-        &:hover:not(.kbq-disabled) {
+        &:hover:not(.kbq-disabled),
+        &.kbq-action-button-focused:not(.kbq-disabled) {
             @include _kbq-list-item(states-hover);
         }
 

package/list/list.module.d.ts

@@ -3,8 +3,9 @@ import * as i1 from "./list.component";
 import * as i2 from "./list-selection.component";
 import * as i3 from "@angular/cdk/a11y";
 import * as i4 from "@koobiq/components/core";
+import * as i5 from "@koobiq/components/icon";
 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.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 ɵ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 i4.KbqActionContainer, typeof i5.KbqIconModule], [typeof i1.KbqList, typeof i2.KbqListSelection, typeof i1.KbqListItem, typeof i2.KbqListOption, typeof i2.KbqListOptionCaption, typeof i4.KbqOptionModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqListModule>;
 }

package/list/list.scss

@@ -32,19 +32,13 @@
 
     &:not(.kbq-disabled) {
         cursor: pointer;
-    }
-
-    & .kbq-option-action {
-        display: none;
-        height: var(--kbq-size-xl);
-        align-items: center;
-    }
 
-    &:not(.kbq-disabled):hover,
-    &:not(.kbq-disabled).kbq-focused,
-    &:not(.kbq-disabled).kbq-action-button-focused {
-        & .kbq-option-action {
-            display: flex;
+        &:hover,
+        &.kbq-focused,
+        &.kbq-action-button-focused {
+            & .kbq-action-container {
+                display: flex;
+            }
         }
     }
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@koobiq/components",
-    "version": "18.32.0",
+    "version": "18.33.0",
     "description": "koobiq",
     "repository": {
         "type": "git",
@@ -24,9 +24,9 @@
         "@angular/cdk": "^18.0.0",
         "@angular/core": "^18.0.0",
         "@angular/forms": "^18.0.0",
-        "@koobiq/cdk": "18.32.0",
-        "@koobiq/angular-moment-adapter": "18.32.0",
-        "@koobiq/angular-luxon-adapter": "18.32.0",
+        "@koobiq/cdk": "18.33.0",
+        "@koobiq/angular-moment-adapter": "18.33.0",
+        "@koobiq/angular-luxon-adapter": "18.33.0",
         "@koobiq/date-formatter": "^3.2.3",
         "@koobiq/icons": "^10.4.0",
         "@koobiq/tokens-builder": "3.11.0",