@koobiq/components-experimental 18.5.1

package/form-field/hint.scss

@@ -0,0 +1,18 @@
+@use './hint-theme' as *;
+
+.kbq-hint___EXPERIMENTAL {
+    display: flex;
+    align-items: center;
+    justify-content: start;
+
+    .kbq-icon {
+        margin-right: var(--kbq-hint-size-normal-content-padding);
+    }
+
+    &.kbq-hint_compact .kbq-icon {
+        margin-right: var(--kbq-hint-size-compact-content-padding);
+    }
+}
+
+@include kbq-hint-theme();
+@include kbq-hint-typography();

package/form-field/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/form-field/label.d.ts

@@ -0,0 +1,8 @@
+import * as i0 from "@angular/core";
+/** Label for the form field. */
+export declare class KbqLabel {
+    /** Unique id for the label. */
+    id: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqLabel, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqLabel, "kbq-label", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
+}

package/form-field/password-toggle.d.ts

@@ -0,0 +1,16 @@
+import { KbqInputPassword } from '@koobiq/components/input';
+import * as i0 from "@angular/core";
+/** Component which changes password visibility. */
+export declare class KbqPasswordToggle {
+    private readonly formField;
+    /** Form field password control. */
+    protected get control(): KbqInputPassword;
+    /** The icon selector. */
+    protected get icon(): string;
+    /** Whether to display the password toggle. */
+    get visible(): boolean;
+    /** Toggles the password visibility. */
+    protected toggleType(event: KeyboardEvent | MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqPasswordToggle, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqPasswordToggle, "kbq-password-toggle", ["kbqPasswordToggle"], {}, {}, never, never, true, never>;
+}

package/form-field/password-toggle.scss

@@ -0,0 +1,13 @@
+.kbq-password-toggle___EXPERIMENTAL {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+
+    &::-moz-focus-inner {
+        border: 0;
+    }
+
+    &:focus {
+        outline: none;
+    }
+}

package/form-field/prefix.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+/** KbqPrefix to be placed in front of the form field. */
+export declare class KbqPrefix {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqPrefix, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqPrefix, "[kbqPrefix]", never, {}, {}, never, never, true, never>;
+}

package/form-field/public-api.d.ts

@@ -0,0 +1,9 @@
+export * from './cleaner';
+export * from './form-field';
+export * from './form-field.module';
+export * from './hint';
+export * from './label';
+export * from './password-toggle';
+export * from './prefix';
+export * from './stepper';
+export * from './suffix';

package/form-field/stepper.d.ts

@@ -0,0 +1,14 @@
+import { KbqNumberInput } from '@koobiq/components/input';
+import * as i0 from "@angular/core";
+/** Component which allow to increment or decrement number value. */
+export declare class KbqStepper {
+    private readonly formField;
+    /** Whether the stepper is visible. */
+    get visible(): boolean;
+    /** Form field number control. */
+    protected get control(): KbqNumberInput;
+    protected stepUp(event: MouseEvent): void;
+    protected stepDown(event: MouseEvent): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqStepper, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<KbqStepper, "kbq-stepper", ["kbqStepper"], {}, {}, never, never, true, never>;
+}

package/form-field/stepper.scss

@@ -0,0 +1,21 @@
+.kbq-stepper___EXPERIMENTAL {
+    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-icon-button.kbq-icon-button_small {
+        padding: 0;
+    }
+}

package/form-field/suffix.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+/** KbqSuffix to be placed at the end of the form field. */
+export declare class KbqSuffix {
+    static ɵfac: i0.ɵɵFactoryDeclaration<KbqSuffix, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSuffix, "[kbqSuffix]", never, {}, {}, never, never, true, never>;
+}

package/index.d.ts

@@ -0,0 +1 @@
+export * from './public-api';

package/package.json

@@ -0,0 +1,54 @@
+{
+    "name": "@koobiq/components-experimental",
+    "version": "18.5.1",
+    "description": "koobiq",
+    "repository": {
+        "type": "git",
+        "url": "https://github.com/koobiq/angular-components.git"
+    },
+    "keywords": [
+        "angular",
+        "component",
+        "service",
+        "directive",
+        "development",
+        "kit",
+        "koobiq",
+        "experimental"
+    ],
+    "license": "MIT",
+    "bugs": {
+        "url": "https://github.com/koobiq/angular-components/issues"
+    },
+    "homepage": "https://github.com/koobiq/angular-components#readme",
+    "peerDependencies": {
+        "@angular/cdk": "^18.0.0",
+        "@angular/core": "^18.0.0",
+        "@angular/forms": "^18.0.0",
+        "@koobiq/cdk": "18.5.1",
+        "@koobiq/components": "18.5.1"
+    },
+    "dependencies": {
+        "tslib": "^2.6.2"
+    },
+    "module": "fesm2022/koobiq-components-experimental.mjs",
+    "typings": "index.d.ts",
+    "exports": {
+        "./package.json": {
+            "default": "./package.json"
+        },
+        ".": {
+            "types": "./index.d.ts",
+            "esm2022": "./esm2022/koobiq-components-experimental.mjs",
+            "esm": "./esm2022/koobiq-components-experimental.mjs",
+            "default": "./fesm2022/koobiq-components-experimental.mjs"
+        },
+        "./form-field": {
+            "types": "./form-field/index.d.ts",
+            "esm2022": "./esm2022/form-field/koobiq-components-experimental-form-field.mjs",
+            "esm": "./esm2022/form-field/koobiq-components-experimental-form-field.mjs",
+            "default": "./fesm2022/koobiq-components-experimental-form-field.mjs"
+        }
+    },
+    "sideEffects": false
+}

package/public-api.d.ts

@@ -0,0 +1 @@
+export {};