@koobiq/components 18.26.0 → 18.28.0

package/badge/_badge-theme.scss

@@ -10,7 +10,7 @@
         color: var(--kbq-#{$base-path}-caption);
     }
 
-    & .kbq-icon {
+    & .kbq-icon.kbq-empty {
         color: var(--kbq-#{$base-path}-icon);
     }
 

package/breadcrumbs/breadcrumbs.scss

@@ -6,7 +6,6 @@
     align-items: center;
     gap: var(--kbq-breadcrumbs-gap);
     flex-grow: 1;
-    flex-wrap: wrap;
 
     .kbq-overflow-items {
         // add space not to cut focus outline

package/button/_button-theme.scss

@@ -1,7 +1,7 @@
 @use '../core/styles/common/tokens' as *;
 
 @mixin _icon($left-icon, $right-icon) {
-    .kbq-icon {
+    .kbq-icon.kbq-empty {
         color: $left-icon;
 
         &.kbq-icon_left {

package/button-toggle/_button-toggle-theme.scss

@@ -5,7 +5,7 @@
 
     color: var(--kbq-button-toggle-item-#{$state-name}-text);
 
-    & .kbq-icon {
+    & .kbq-icon.kbq-empty {
         color: var(--kbq-button-toggle-item-#{$state-name}-icon);
     }
 }

package/code-block/code-block.scss

@@ -71,6 +71,7 @@
             }
         }
 
+        /* stylelint-disable-next-line selector-class-pattern */
         .hljs {
             display: block;
         }
@@ -84,6 +85,7 @@
         .hljs-ln {
             border-collapse: unset;
 
+            /* stylelint-disable-next-line selector-class-pattern */
             .hljs {
                 padding: 0;
             }

package/core/locales/en-US.d.ts

@@ -78,6 +78,7 @@ export declare const enUSLocaleData: {
             removeButtonTooltip: string;
             applyButton: string;
             emptySearchResult: string;
+            selectAll: string;
         };
         datePipe: {
             customPeriod: string;

package/core/locales/es-LA.d.ts

@@ -77,6 +77,7 @@ export declare const esLALocaleData: {
             removeButtonTooltip: string;
             applyButton: string;
             emptySearchResult: string;
+            selectAll: string;
         };
         datePipe: {
             customPeriod: string;

package/core/locales/fa-IR.d.ts

@@ -77,6 +77,7 @@ export declare const faIRLocaleData: {
             removeButtonTooltip: string;
             applyButton: string;
             emptySearchResult: string;
+            selectAll: string;
         };
         datePipe: {
             customPeriod: string;

package/core/locales/locale-service.d.ts

@@ -122,6 +122,7 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
                 removeButtonTooltip: string;
                 applyButton: string;
                 emptySearchResult: string;
+                selectAll: string;
             };
             datePipe: {
                 customPeriod: string;
@@ -244,6 +245,7 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
                 removeButtonTooltip: string;
                 applyButton: string;
                 emptySearchResult: string;
+                selectAll: string;
             };
             datePipe: {
                 customPeriod: string;
@@ -367,6 +369,7 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
                 removeButtonTooltip: string;
                 applyButton: string;
                 emptySearchResult: string;
+                selectAll: string;
             };
             datePipe: {
                 customPeriod: string;
@@ -490,6 +493,7 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
                 removeButtonTooltip: string;
                 applyButton: string;
                 emptySearchResult: string;
+                selectAll: string;
             };
             datePipe: {
                 customPeriod: string;
@@ -615,6 +619,7 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
                 removeButtonTooltip: string;
                 applyButton: string;
                 emptySearchResult: string;
+                selectAll: string;
             };
             datePipe: {
                 customPeriod: string;
@@ -739,6 +744,7 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
                 removeButtonTooltip: string;
                 applyButton: string;
                 emptySearchResult: string;
+                selectAll: string;
             };
             datePipe: {
                 customPeriod: string;
@@ -863,6 +869,7 @@ export declare function KBQ_DEFAULT_LOCALE_DATA_FACTORY(): {
                 removeButtonTooltip: string;
                 applyButton: string;
                 emptySearchResult: string;
+                selectAll: string;
             };
             datePipe: {
                 customPeriod: string;

package/core/locales/pt-BR.d.ts

@@ -77,6 +77,7 @@ export declare const ptBRLocaleData: {
             removeButtonTooltip: string;
             applyButton: string;
             emptySearchResult: string;
+            selectAll: string;
         };
         datePipe: {
             customPeriod: string;

package/core/locales/ru-RU.d.ts

@@ -78,6 +78,7 @@ export declare const ruRULocaleData: {
             removeButtonTooltip: string;
             applyButton: string;
             emptySearchResult: string;
+            selectAll: string;
         };
         datePipe: {
             customPeriod: string;

package/core/locales/tk-TM.d.ts

@@ -78,6 +78,7 @@ export declare const tkTMLocaleData: {
             removeButtonTooltip: string;
             applyButton: string;
             emptySearchResult: string;
+            selectAll: string;
         };
         datePipe: {
             customPeriod: string;

package/core/locales/zh-CN.d.ts

@@ -77,6 +77,7 @@ export declare const zhCNLocaleData: {
             removeButtonTooltip: string;
             applyButton: string;
             emptySearchResult: string;
+            selectAll: string;
         };
         datePipe: {
             customPeriod: string;

package/core/option/_option-action-theme.scss

@@ -8,19 +8,19 @@
 
         &:active,
         &.kbq-pressed {
-            & .kbq-icon {
+            & .kbq-icon.kbq-empty {
                 color: var(--kbq-states-icon-contrast-fade-active);
             }
 
             background-color: var(--kbq-background-transparent);
         }
 
-        &:hover .kbq-icon {
+        &:hover .kbq-icon.kbq-empty {
             color: var(--kbq-states-icon-contrast-fade-hover);
         }
 
         &.kbq-disabled {
-            & .kbq-icon {
+            & .kbq-icon.kbq-empty {
                 color: var(--kbq-states-icon-disabled);
             }
 

package/core/option/_option-theme.scss

@@ -7,7 +7,7 @@
         color: var(--kbq-list-#{$style-name}-text-color);
     }
 
-    .kbq-option-action .kbq-icon {
+    .kbq-option-action .kbq-icon.kbq-empty {
         color: var(--kbq-list-#{$style-name}-icon-button-color);
     }
 

package/core/option/option.d.ts

@@ -63,6 +63,7 @@ export declare class KbqOption extends KbqOptionBase implements AfterViewChecked
     textElement: ElementRef;
     /** The form value of the option. */
     value: any;
+    selectable: boolean;
     userSelect: boolean;
     get showCheckbox(): boolean | undefined;
     set showCheckbox(value: boolean | undefined);
@@ -125,7 +126,8 @@ export declare class KbqOption extends KbqOptionBase implements AfterViewChecked
     getTabIndex(): string;
     getHostElement(): HTMLElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqOption, [null, null, { optional: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqOption, "kbq-option", ["kbqOption"], { "value": { "alias": "value"; "required": false; }; "userSelect": { "alias": "userSelect"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onSelectionChange": "onSelectionChange"; }, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqOption, "kbq-option", ["kbqOption"], { "value": { "alias": "value"; "required": false; }; "selectable": { "alias": "selectable"; "required": false; }; "userSelect": { "alias": "userSelect"; "required": false; }; "showCheckbox": { "alias": "showCheckbox"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, { "onSelectionChange": "onSelectionChange"; }, never, ["kbq-pseudo-checkbox", "*"], false, never>;
+    static ngAcceptInputType_selectable: unknown;
     static ngAcceptInputType_userSelect: unknown;
 }
 /**