@koobiq/components 18.27.0 → 18.29.0

package/form-field/form-field.scss

@@ -13,6 +13,11 @@
 
     .kbq-form-field__container {
         box-sizing: border-box;
+        position: relative;
+        border-width: var(--kbq-form-field-size-border-width);
+        border-style: solid;
+        border-color: transparent;
+        border-radius: var(--kbq-form-field-size-border-radius);
     }
 
     .kbq-form-field:not(.kbq-form-field-type-textarea) {
@@ -61,82 +66,74 @@
     & + .kbq-password-hint {
         margin-top: var(--kbq-size-m);
     }
-}
-
-.kbq-form-field__container {
-    position: relative;
-    border-width: var(--kbq-form-field-size-border-width);
-    border-style: solid;
-    border-color: transparent;
-    border-radius: var(--kbq-form-field-size-border-radius);
-}
 
-.kbq-form-field__prefix,
-.kbq-form-field__suffix {
-    position: absolute;
-    top: 0;
-    bottom: 0;
+    .kbq-form-field__prefix,
+    .kbq-form-field__suffix {
+        position: absolute;
+        top: 0;
+        bottom: 0;
 
-    display: flex;
-    flex-direction: row;
-    justify-content: center;
-    align-items: center;
-}
-
-.kbq-form-field__prefix {
-    left: 0;
-    padding-left: var(--kbq-size-m);
-    padding-right: var(--kbq-size-s);
-}
+        display: flex;
+        flex-direction: row;
+        justify-content: center;
+        align-items: center;
+    }
 
-.kbq-form-field__suffix {
-    right: 0;
-    padding-right: var(--kbq-size-m);
-    padding-left: var(--kbq-size-s);
-}
+    .kbq-form-field__prefix {
+        left: 0;
+        padding-left: var(--kbq-size-m);
+        padding-right: var(--kbq-size-s);
+    }
 
-.kbq-form-field__cleaner,
-.kbq-password-toggle,
-.kbq-stepper {
-    position: absolute;
+    .kbq-form-field__suffix {
+        right: 0;
+        padding-right: var(--kbq-size-m);
+        padding-left: var(--kbq-size-s);
+    }
 
-    top: 0;
-    bottom: 0;
-    right: 0;
-}
+    .kbq-form-field__cleaner,
+    .kbq-password-toggle,
+    .kbq-stepper {
+        position: absolute;
 
-.kbq-stepper {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    align-items: center;
+        top: 0;
+        bottom: 0;
+        right: 0;
+    }
 
-    width: var(--kbq-form-field-size-icon-button-size);
+    .kbq-stepper {
+        display: flex;
+        flex-direction: column;
+        justify-content: center;
+        align-items: center;
 
-    .kbq-stepper-step-up,
-    .kbq-stepper-step-down {
-        cursor: pointer;
         width: var(--kbq-form-field-size-icon-button-size);
-        text-align: center;
-    }
 
-    .kbq-stepper-step-up {
-        transform: scaleY(-1);
+        .kbq-stepper-step-up,
+        .kbq-stepper-step-down {
+            cursor: pointer;
+            width: var(--kbq-form-field-size-icon-button-size);
+            text-align: center;
+        }
+
+        .kbq-stepper-step-up {
+            transform: scaleY(-1);
+        }
     }
-}
 
-.kbq-form-field__hint {
-    display: flex;
-    flex-direction: column;
-    margin-top: var(--kbq-form-field-hint-size-margin-top);
+    .kbq-form-field__hint {
+        display: flex;
+        flex-direction: column;
+        margin-top: var(--kbq-form-field-hint-size-margin-top);
 
-    & .kbq-password-hint:first-child {
-        margin-top: var(--kbq-size-s);
+        & .kbq-password-hint:first-child {
+            margin-top: var(--kbq-size-s);
+        }
     }
-}
 
-.kbq-password-hint {
-    margin-top: var(--kbq-form-field-hint-size-gap);
+    .kbq-password-hint {
+        margin-top: var(--kbq-form-field-hint-size-gap);
+    }
 }
 
 @include kbq-form-field-theme();

package/input/_input-theme.scss

@@ -8,5 +8,11 @@
 
     .kbq-input.kbq-input-password {
         @include kbq-typography-level-to-styles-css-variables(typography, mono-normal);
+        // disable font-specific symbols replacements
+        font-variant-ligatures: none;
+        font-feature-settings:
+            'liga' 0,
+            'clig' 0,
+            'calt' 0;
     }
 }

package/input/input-number.d.ts

@@ -8,6 +8,7 @@ export declare const KBQ_INPUT_NUMBER_DEFAULT_CONFIGURATION: {
     groupSeparator: string[];
     fractionSeparator: string;
     startFormattingFrom: number;
+    viewGroupSeparator: string;
 };
 export declare const BIG_STEP = 10;
 export declare const SMALL_STEP = 1;

package/markdown/markdown.scss

@@ -124,7 +124,7 @@
         border-radius: var(--kbq-markdown-code-size-border-radius);
     }
 
-    .kbq-markdown__code {
+    .kbq-markdown__code:not(.kbq-markdown__pre > .kbq-markdown__code) {
         white-space: nowrap;
         padding: var(--kbq-markdown-code-size-inline-padding);
     }

package/modal/modal.type.d.ts

@@ -19,7 +19,7 @@ export interface ModalOptions<C = any, R = any> {
     kbqTitle?: string | TemplateRef<{}>;
     kbqContent?: string | TemplateRef<{}> | Type<C>;
     kbqComponent?: Type<C>;
-    /** deprecated. Use field data and KBQ_MODAL_DATA */
+    /** @deprecated. Use field data and KBQ_MODAL_DATA */
     kbqComponentParams?: any;
     kbqClosable?: boolean;
     kbqMask?: boolean;

package/overflow-items/overflow-items.d.ts

@@ -87,7 +87,7 @@ export declare class KbqOverflowItems {
     /**
      * Debounce time for recalculating items visibility.
      *
-     * @default 100
+     * @default 0
      */
     readonly debounceTime: import("@angular/core").InputSignalWithTransform<number, unknown>;
     /**

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@koobiq/components",
-    "version": "18.27.0",
+    "version": "18.29.0",
     "description": "koobiq",
     "repository": {
         "type": "git",
@@ -24,13 +24,13 @@
         "@angular/cdk": "^18.0.0",
         "@angular/core": "^18.0.0",
         "@angular/forms": "^18.0.0",
-        "@koobiq/cdk": "18.27.0",
-        "@koobiq/angular-moment-adapter": "18.27.0",
-        "@koobiq/angular-luxon-adapter": "18.27.0",
+        "@koobiq/cdk": "18.29.0",
+        "@koobiq/angular-moment-adapter": "18.29.0",
+        "@koobiq/angular-luxon-adapter": "18.29.0",
         "@koobiq/date-formatter": "^3.2.3",
-        "@koobiq/icons": "^9.4.0",
+        "@koobiq/icons": "^10.1.0",
         "@koobiq/tokens-builder": "3.11.0",
-        "@koobiq/design-tokens": "3.12.1",
+        "@koobiq/design-tokens": "3.13.2",
         "@radix-ng/primitives": "^0.23.0"
     },
     "dependencies": {