@koobiq/components 18.0.0 → 18.1.0

package/file-upload/file-upload-tokens.scss

@@ -96,7 +96,7 @@
     --kbq-file-upload-multiple-states-on-drag-left-icon-color: var(--kbq-icon-contrast-fade);
     --kbq-file-upload-multiple-states-on-drag-icon-button-color: var(--kbq-icon-contrast);
     --kbq-file-upload-multiple-states-on-drag-text-block-color: var(--kbq-foreground-contrast);
-    --kbq-file-upload-multiple-states-on-drag-grid-divider-color: var(--kbq-line-theme-fade);
+    --kbq-file-upload-multiple-states-on-drag-grid-divider-color: var(--kbq-line-contrast-less);
     --kbq-file-upload-multiple-states-error-grid-cell-background: var(--kbq-states-background-error-less);
     --kbq-file-upload-multiple-states-error-left-icon-color: var(--kbq-icon-error);
     --kbq-file-upload-multiple-states-error-text-block-color: var(--kbq-foreground-error);

package/icon/icon-button.component.d.ts

@@ -20,6 +20,6 @@ export declare class KbqIconButton extends KbqIcon implements OnDestroy, CanColo
     private runFocusMonitor;
     private stopFocusMonitor;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqIconButton, [null, { attribute: "kbq-icon-button"; }, { optional: true; }, null, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqIconButton, "[kbq-icon-button]", never, { "color": { "alias": "color"; "required": false; }; "small": { "alias": "small"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqIconButton, "[kbq-icon-button]", never, { "color": { "alias": "color"; "required": false; }; "small": { "alias": "small"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_disabled: unknown;
 }

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

@@ -9,5 +9,5 @@ export declare class KbqIconItem extends KbqIcon implements CanColor {
     big: boolean;
     constructor(elementRef: ElementRef, iconName: string, formField: KbqFormFieldRef, changeDetectorRef: ChangeDetectorRef);
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqIconItem, [null, { attribute: "kbq-icon-item"; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqIconItem, "[kbq-icon-item]", never, { "color": { "alias": "color"; "required": false; }; "fade": { "alias": "fade"; "required": false; }; "big": { "alias": "big"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqIconItem, "[kbq-icon-item]", never, { "color": { "alias": "color"; "required": false; }; "fade": { "alias": "fade"; "required": false; }; "big": { "alias": "big"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/icon/icon.component.d.ts

@@ -22,5 +22,5 @@ export declare class KbqIcon extends KbqIconMixinBase implements CanColor, After
     ngAfterContentInit(): void;
     private updateState;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqIcon, [null, { attribute: "kbq-icon"; }, { optional: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<KbqIcon, "[kbq-icon]", never, { "color": { "alias": "color"; "required": false; }; "small": { "alias": "small"; "required": false; }; "autoColor": { "alias": "autoColor"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqIcon, "[kbq-icon]", never, { "color": { "alias": "color"; "required": false; }; "small": { "alias": "small"; "required": false; }; "autoColor": { "alias": "autoColor"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/icon/icon.module.d.ts

@@ -2,10 +2,8 @@ import * as i0 from "@angular/core";
 import * as i1 from "./icon.component";
 import * as i2 from "./icon-button.component";
 import * as i3 from "./icon-item.component";
-import * as i4 from "@angular/cdk/a11y";
-import * as i5 from "@angular/cdk/platform";
 export declare class KbqIconModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqIconModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqIconModule, [typeof i1.KbqIcon, typeof i2.KbqIconButton, typeof i3.KbqIconItem], [typeof i4.A11yModule, typeof i5.PlatformModule], [typeof i1.KbqIcon, typeof i2.KbqIconButton, typeof i3.KbqIconItem]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<KbqIconModule, never, [typeof i1.KbqIcon, typeof i2.KbqIconButton, typeof i3.KbqIconItem], [typeof i1.KbqIcon, typeof i2.KbqIconButton, typeof i3.KbqIconItem]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<KbqIconModule>;
 }

package/input/input-number.d.ts

@@ -81,5 +81,5 @@ export declare class KbqNumberInput implements KbqFormFieldControl<any>, Control
     private updateLocaleParams;
     private checkAndNormalizeLocalizedNumber;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqNumberInput, [null, null, { attribute: "step"; }, { attribute: "big-step"; }, { attribute: "min"; }, { attribute: "max"; }, { optional: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNumberInput, "input[kbqInput][type=\"number\"]", ["kbqNumericalInput"], { "bigStep": { "alias": "bigStep"; "required": false; }; "step": { "alias": "step"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "withThousandSeparator": { "alias": "withThousandSeparator"; "required": false; }; "startFormattingFrom": { "alias": "startFormattingFrom"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqNumberInput, "input[kbqNumberInput]", ["kbqNumericalInput"], { "bigStep": { "alias": "bigStep"; "required": false; }; "step": { "alias": "step"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "withThousandSeparator": { "alias": "withThousandSeparator"; "required": false; }; "startFormattingFrom": { "alias": "startFormattingFrom"; "required": false; }; "value": { "alias": "value"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, false, never>;
 }

package/input/input.d.ts

@@ -109,7 +109,7 @@ export declare class KbqInput extends KbqInputMixinBase implements KbqFormFieldC
     /** Checks whether the input is invalid based on the native validation. */
     protected isBadInput(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqInput, [null, { optional: true; self: true; }, { optional: true; self: true; }, { optional: true; }, { optional: true; }, null, { optional: true; self: true; }]>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqInput, "input[kbqInput]", ["kbqInput"], { "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqInput, "input[kbqInput],input[kbqNumberInput]", ["kbqInput"], { "errorStateMatcher": { "alias": "errorStateMatcher"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "required": { "alias": "required"; "required": false; }; "type": { "alias": "type"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, false, never>;
 }
 export declare class KbqInputMono {
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqInputMono, never>;

package/link/link-tokens.scss

@@ -3,8 +3,8 @@
 .kbq-link {
     --kbq-link-size-state-focused-outline-offset: 0px;
     --kbq-link-size-state-focused-outline-width: 2px;
-    --kbq-link-size-compact-content-padding: var(--kbq-size-3xs);
-    --kbq-link-size-normal-content-padding: var(--kbq-size-3xs);
+    --kbq-link-size-compact-content-padding: var(--kbq-size-xxs);
+    --kbq-link-size-normal-content-padding: var(--kbq-size-xxs);
     --kbq-link-size-big-content-padding: var(--kbq-size-xxs);
     --kbq-link-font-compact-font-size: var(--kbq-typography-text-compact-font-size);
     --kbq-link-font-compact-line-height: var(--kbq-typography-text-compact-line-height);

package/markdown/markdown-tokens.scss

@@ -74,7 +74,7 @@
     --kbq-markdown-list-size-max-width: var(--kbq-markdown-size-max-width);
     --kbq-markdown-list-size-margin-top: var(--kbq-size-m);
     --kbq-markdown-list-size-margin-bottom: var(--kbq-size-m);
-    --kbq-markdown-list-size-margin-top-after-paragraph: var(--kbq-size-s);
+    --kbq-markdown-list-size-margin-top-after-paragraph: -var(--kbq-size-s);
     --kbq-markdown-list-size-ol-number-padding-right: var(--kbq-size-xxs);
     --kbq-markdown-list-size-ul-padding: 0 0 0 var(--kbq-size-xxl);
     --kbq-markdown-list-size-item-margin-bottom: var(--kbq-size-xxs);
@@ -128,7 +128,7 @@
     --kbq-markdown-image-size-max-width: var(--kbq-markdown-size-max-width);
     --kbq-markdown-image-size-margin-top: var(--kbq-size-m);
     --kbq-markdown-image-size-margin-bottom: var(--kbq-size-m);
-    --kbq-markdown-image-size-caption-margin-top: var(--kbq-size-s);
+    --kbq-markdown-image-size-caption-margin-top: -var(--kbq-size-s);
     --kbq-markdown-image-size-caption-margin-bottom: var(--kbq-size-xxl);
     --kbq-markdown-image-font-caption-font-size: var(--kbq-md-typography-md-caption-font-size);
     --kbq-markdown-image-font-caption-line-height: var(--kbq-md-typography-md-caption-line-height);

package/modal/modal.directive.d.ts

@@ -1,5 +1,8 @@
+import { KbqModalComponent } from './modal.component';
 import * as i0 from "@angular/core";
 export declare class KbqModalTitle {
+    protected modal: KbqModalComponent;
+    constructor(modal: KbqModalComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<KbqModalTitle, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<KbqModalTitle, "[kbq-modal-title], kbq-modal-title, [kbqModalTitle]", never, {}, {}, never, ["*"], false, never>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@koobiq/components",
-    "version": "18.0.0",
+    "version": "18.1.0",
     "description": "koobiq",
     "repository": {
         "type": "git",
@@ -23,9 +23,9 @@
     "peerDependencies": {
         "@angular/cdk": "^18.0.0",
         "@angular/forms": "^18.0.0",
-        "@koobiq/cdk": "18.0.0",
-        "@koobiq/angular-moment-adapter": "18.0.0",
-        "@koobiq/angular-luxon-adapter": "18.0.0",
+        "@koobiq/cdk": "18.1.0",
+        "@koobiq/angular-moment-adapter": "18.1.0",
+        "@koobiq/angular-luxon-adapter": "18.1.0",
         "@koobiq/date-formatter": "^3.1.2",
         "@koobiq/icons": "^9.0.0",
         "@koobiq/tokens-builder": "3.6.0",