@koobiq/components-experimental 19.8.1 → 20.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/index.d.ts +2 -1
- package/package.json +5 -10
- package/fesm2022/koobiq-components-experimental-form-field.mjs +0 -742
- package/fesm2022/koobiq-components-experimental-form-field.mjs.map +0 -1
- package/form-field/_form-field-theme.scss +0 -93
- package/form-field/_hint-theme.scss +0 -59
- package/form-field/cleaner.d.ts +0 -14
- package/form-field/cleaner.scss +0 -5
- package/form-field/form-field-tokens.scss +0 -44
- package/form-field/form-field.d.ts +0 -187
- package/form-field/form-field.module.d.ts +0 -18
- package/form-field/form-field.scss +0 -89
- package/form-field/hint-tokens.scss +0 -23
- package/form-field/hint.d.ts +0 -55
- package/form-field/hint.scss +0 -18
- package/form-field/index.d.ts +0 -1
- package/form-field/label.d.ts +0 -8
- package/form-field/password-toggle.d.ts +0 -16
- package/form-field/password-toggle.scss +0 -13
- package/form-field/prefix.d.ts +0 -6
- package/form-field/public-api.d.ts +0 -9
- package/form-field/stepper.d.ts +0 -15
- package/form-field/stepper.scss +0 -24
- package/form-field/suffix.d.ts +0 -6
- package/public-api.d.ts +0 -1
package/form-field/hint.d.ts
DELETED
|
@@ -1,55 +0,0 @@
|
|
|
1
|
-
import { KbqComponentColors } from '@koobiq/components/core';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/** Hint text to be shown below the form field control. */
|
|
4
|
-
export declare class KbqHint {
|
|
5
|
-
/** Unique ID for the hint. */
|
|
6
|
-
id: string;
|
|
7
|
-
/** Component colors */
|
|
8
|
-
protected colors: typeof KbqComponentColors;
|
|
9
|
-
/** Hint color */
|
|
10
|
-
get color(): KbqComponentColors | undefined;
|
|
11
|
-
set color(color: KbqComponentColors);
|
|
12
|
-
private _color;
|
|
13
|
-
/** Disables `color` for the hint text. */
|
|
14
|
-
get fillTextOff(): boolean;
|
|
15
|
-
set fillTextOff(fillTextOff: boolean);
|
|
16
|
-
private _fillTextOff;
|
|
17
|
-
/** Makes the hint size smaller. */
|
|
18
|
-
compact: boolean;
|
|
19
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<KbqHint, never>;
|
|
20
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<KbqHint, "kbq-hint", ["kbqHint"], { "id": { "alias": "id"; "required": false; }; "color": { "alias": "color"; "required": false; }; "fillTextOff": { "alias": "fillTextOff"; "required": false; }; "compact": { "alias": "compact"; "required": false; }; }, {}, never, ["[kbq-icon]", "*"], true, never>;
|
|
21
|
-
static ngAcceptInputType_fillTextOff: unknown;
|
|
22
|
-
static ngAcceptInputType_compact: unknown;
|
|
23
|
-
}
|
|
24
|
-
/** Error text to be shown below the form field control. */
|
|
25
|
-
export declare class KbqError extends KbqHint {
|
|
26
|
-
/** @docs-private */
|
|
27
|
-
/** Overrides the hint `color` property. */
|
|
28
|
-
get color(): KbqComponentColors.Error;
|
|
29
|
-
set color(_color: null);
|
|
30
|
-
/** @docs-private */
|
|
31
|
-
/** Overrides the hint `fillTextOff` property. */
|
|
32
|
-
get fillTextOff(): boolean;
|
|
33
|
-
set fillTextOff(_fillTextOff: null);
|
|
34
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<KbqError, never>;
|
|
35
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<KbqError, "kbq-error", ["kbqError"], { "color": { "alias": "color"; "required": false; }; "fillTextOff": { "alias": "fillTextOff"; "required": false; }; }, {}, never, ["[kbq-icon]", "*"], true, never>;
|
|
36
|
-
}
|
|
37
|
-
/** Password hint to be shown below the password form field control. */
|
|
38
|
-
export declare class KbqPasswordHint extends KbqHint {
|
|
39
|
-
/** Whether the form field control has an error. */
|
|
40
|
-
hasError: boolean;
|
|
41
|
-
/** @docs-private */
|
|
42
|
-
/** Overrides the hint `fillTextOff` property. */
|
|
43
|
-
get fillTextOff(): boolean;
|
|
44
|
-
set fillTextOff(_fillTextOff: null);
|
|
45
|
-
private readonly formField;
|
|
46
|
-
/** @docs-private */
|
|
47
|
-
/** Overrides the hint `color` property. */
|
|
48
|
-
get color(): KbqComponentColors;
|
|
49
|
-
set color(_color: null);
|
|
50
|
-
/** The form field hint icon. */
|
|
51
|
-
protected get icon(): string;
|
|
52
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<KbqPasswordHint, never>;
|
|
53
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<KbqPasswordHint, "kbq-password-hint", never, { "hasError": { "alias": "hasError"; "required": false; }; "fillTextOff": { "alias": "fillTextOff"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
54
|
-
static ngAcceptInputType_hasError: unknown;
|
|
55
|
-
}
|
package/form-field/hint.scss
DELETED
|
@@ -1,18 +0,0 @@
|
|
|
1
|
-
@use './hint-theme' as theme;
|
|
2
|
-
|
|
3
|
-
.kbq-hint___EXPERIMENTAL {
|
|
4
|
-
display: flex;
|
|
5
|
-
align-items: center;
|
|
6
|
-
justify-content: start;
|
|
7
|
-
|
|
8
|
-
.kbq-icon {
|
|
9
|
-
margin-right: var(--kbq-hint-size-normal-content-padding);
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
&.kbq-hint_compact .kbq-icon {
|
|
13
|
-
margin-right: var(--kbq-hint-size-compact-content-padding);
|
|
14
|
-
}
|
|
15
|
-
}
|
|
16
|
-
|
|
17
|
-
@include theme.kbq-hint-theme();
|
|
18
|
-
@include theme.kbq-hint-typography();
|
package/form-field/index.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export * from './public-api';
|
package/form-field/label.d.ts
DELETED
|
@@ -1,8 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/** Label for the form field. */
|
|
3
|
-
export declare class KbqLabel {
|
|
4
|
-
/** Unique id for the label. */
|
|
5
|
-
id: string;
|
|
6
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<KbqLabel, never>;
|
|
7
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<KbqLabel, "kbq-label", never, { "id": { "alias": "id"; "required": false; }; }, {}, never, never, true, never>;
|
|
8
|
-
}
|
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import { KbqInputPassword } from '@koobiq/components/input';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/** Component which changes password visibility. */
|
|
4
|
-
export declare class KbqPasswordToggle {
|
|
5
|
-
private readonly formField;
|
|
6
|
-
/** Form field password control. */
|
|
7
|
-
protected get control(): KbqInputPassword;
|
|
8
|
-
/** The icon selector. */
|
|
9
|
-
protected get icon(): string;
|
|
10
|
-
/** Whether to display the password toggle. */
|
|
11
|
-
get visible(): boolean;
|
|
12
|
-
/** Toggles the password visibility. */
|
|
13
|
-
protected toggleType(event: KeyboardEvent | MouseEvent): void;
|
|
14
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<KbqPasswordToggle, never>;
|
|
15
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<KbqPasswordToggle, "kbq-password-toggle", ["kbqPasswordToggle"], {}, {}, never, never, true, never>;
|
|
16
|
-
}
|
package/form-field/prefix.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/** KbqPrefix to be placed in front of the form field. */
|
|
3
|
-
export declare class KbqPrefix {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<KbqPrefix, never>;
|
|
5
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<KbqPrefix, "[kbqPrefix]", never, {}, {}, never, never, true, never>;
|
|
6
|
-
}
|
|
@@ -1,9 +0,0 @@
|
|
|
1
|
-
export * from './cleaner';
|
|
2
|
-
export * from './form-field';
|
|
3
|
-
export * from './form-field.module';
|
|
4
|
-
export * from './hint';
|
|
5
|
-
export * from './label';
|
|
6
|
-
export * from './password-toggle';
|
|
7
|
-
export * from './prefix';
|
|
8
|
-
export * from './stepper';
|
|
9
|
-
export * from './suffix';
|
package/form-field/stepper.d.ts
DELETED
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { KbqNumberInput } from '@koobiq/components/input';
|
|
2
|
-
import * as i0 from "@angular/core";
|
|
3
|
-
/** Component which allow to increment or decrement number value. */
|
|
4
|
-
export declare class KbqStepper {
|
|
5
|
-
private readonly formField;
|
|
6
|
-
/** Whether the stepper is visible.
|
|
7
|
-
* @deprecated stepper should be always visible when provided, so this parameter is redundant */
|
|
8
|
-
visible: boolean;
|
|
9
|
-
/** Form field number control. */
|
|
10
|
-
protected get control(): KbqNumberInput;
|
|
11
|
-
protected stepUp(event: MouseEvent): void;
|
|
12
|
-
protected stepDown(event: MouseEvent): void;
|
|
13
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<KbqStepper, never>;
|
|
14
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<KbqStepper, "kbq-stepper", ["kbqStepper"], {}, {}, never, never, true, never>;
|
|
15
|
-
}
|
package/form-field/stepper.scss
DELETED
|
@@ -1,24 +0,0 @@
|
|
|
1
|
-
.kbq-stepper___EXPERIMENTAL {
|
|
2
|
-
// margin used by design to reduce gap between step arrows
|
|
3
|
-
$step-margin: -2px;
|
|
4
|
-
--kbq-form-field-size-icon-button-size: var(--kbq-size-3xl);
|
|
5
|
-
|
|
6
|
-
display: flex;
|
|
7
|
-
flex-direction: column;
|
|
8
|
-
justify-content: center;
|
|
9
|
-
align-items: center;
|
|
10
|
-
|
|
11
|
-
.kbq-stepper__step-up {
|
|
12
|
-
margin-bottom: $step-margin;
|
|
13
|
-
}
|
|
14
|
-
|
|
15
|
-
.kbq-stepper__step-down {
|
|
16
|
-
margin-top: $step-margin;
|
|
17
|
-
}
|
|
18
|
-
|
|
19
|
-
.kbq-stepper__step-up,
|
|
20
|
-
.kbq-stepper__step-down {
|
|
21
|
-
width: var(--kbq-form-field-size-icon-button-size);
|
|
22
|
-
text-align: center;
|
|
23
|
-
}
|
|
24
|
-
}
|
package/form-field/suffix.d.ts
DELETED
|
@@ -1,6 +0,0 @@
|
|
|
1
|
-
import * as i0 from "@angular/core";
|
|
2
|
-
/** KbqSuffix to be placed at the end of the form field. */
|
|
3
|
-
export declare class KbqSuffix {
|
|
4
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<KbqSuffix, never>;
|
|
5
|
-
static ɵdir: i0.ɵɵDirectiveDeclaration<KbqSuffix, "[kbqSuffix]", never, {}, {}, never, never, true, never>;
|
|
6
|
-
}
|
package/public-api.d.ts
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export {};
|