@bvs-tech/material 0.0.2 → 0.0.4
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/README.md +116 -116
- package/fesm2022/bvs-tech-material.mjs +59 -27
- package/fesm2022/bvs-tech-material.mjs.map +1 -1
- package/package.json +1 -1
- package/styles/_mixins.scss +37 -11
- package/styles/_tokens.scss +28 -28
- package/styles/styles.scss +0 -1
- package/styles/tokens/_colors.scss +162 -155
- package/styles/tokens/_shadows.scss +49 -29
- package/styles/tokens/_spacing.scss +24 -13
- package/styles/tokens/_typography.scss +37 -18
- package/types/bvs-tech-material.d.ts +34 -6
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
import * as i0 from '@angular/core';
|
|
2
|
+
import { EventEmitter } from '@angular/core';
|
|
2
3
|
|
|
3
4
|
interface CustomThemeConfig {
|
|
4
5
|
brand: string;
|
|
@@ -97,13 +98,13 @@ type InputSize = 'sm' | 'md' | 'lg';
|
|
|
97
98
|
*/
|
|
98
99
|
declare class InputComponent {
|
|
99
100
|
/** Semantic variant. */
|
|
100
|
-
variant: InputVariant
|
|
101
|
+
variant: i0.InputSignal<InputVariant>;
|
|
101
102
|
/** Size variant. */
|
|
102
|
-
size: InputSize
|
|
103
|
+
size: i0.InputSignal<InputSize>;
|
|
103
104
|
/** Whether the input takes full width. */
|
|
104
|
-
block: boolean
|
|
105
|
+
block: i0.InputSignal<boolean>;
|
|
105
106
|
static ɵfac: i0.ɵɵFactoryDeclaration<InputComponent, never>;
|
|
106
|
-
static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "input[bvs-input], textarea[bvs-input]", never, { "variant": { "alias": "variant"; "required": false; }; "size": { "alias": "size"; "required": false; }; "block": { "alias": "block"; "required": false; }; }, {}, never, never, true, never>;
|
|
107
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<InputComponent, "input[bvs-input], textarea[bvs-input], select[bvs-input]", never, { "variant": { "alias": "variant"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "block": { "alias": "block"; "required": false; "isSignal": true; }; }, {}, never, never, true, never>;
|
|
107
108
|
}
|
|
108
109
|
|
|
109
110
|
/**
|
|
@@ -119,6 +120,33 @@ declare class FormFieldComponent {
|
|
|
119
120
|
static ɵcmp: i0.ɵɵComponentDeclaration<FormFieldComponent, "bvs-form-field", never, { "label": { "alias": "label"; "required": true; }; "forId": { "alias": "forId"; "required": false; }; }, {}, never, ["*"], true, never>;
|
|
120
121
|
}
|
|
121
122
|
|
|
123
|
+
interface BvsStep {
|
|
124
|
+
label: string;
|
|
125
|
+
description?: string;
|
|
126
|
+
}
|
|
127
|
+
/**
|
|
128
|
+
* Stepper molecule — displays progress through a sequence of steps.
|
|
129
|
+
*/
|
|
130
|
+
declare class StepperComponent {
|
|
131
|
+
/** The list of steps to display. */
|
|
132
|
+
steps: i0.InputSignal<BvsStep[]>;
|
|
133
|
+
/** The 0-based index of the active step. */
|
|
134
|
+
activeStepIndex: i0.InputSignal<number>;
|
|
135
|
+
/** Emits when a step is clicked. */
|
|
136
|
+
stepChange: EventEmitter<number>;
|
|
137
|
+
/**
|
|
138
|
+
* Handles clicking on a step.
|
|
139
|
+
* Only allows navigating to already completed steps or the next immediately available step
|
|
140
|
+
* to ensure structured progression, or any step if desired by parent. We emit the index.
|
|
141
|
+
*/
|
|
142
|
+
onStepClick(index: number): void;
|
|
143
|
+
isCompleted(index: number): boolean;
|
|
144
|
+
isActive(index: number): boolean;
|
|
145
|
+
isPending(index: number): boolean;
|
|
146
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<StepperComponent, never>;
|
|
147
|
+
static ɵcmp: i0.ɵɵComponentDeclaration<StepperComponent, "bvs-stepper", never, { "steps": { "alias": "steps"; "required": false; "isSignal": true; }; "activeStepIndex": { "alias": "activeStepIndex"; "required": false; "isSignal": true; }; }, { "stepChange": "stepChange"; }, never, never, true, never>;
|
|
148
|
+
}
|
|
149
|
+
|
|
122
150
|
/**
|
|
123
151
|
* Navbar organism — generic and reusable header component.
|
|
124
152
|
* Provides content slots for brand and actions.
|
|
@@ -128,5 +156,5 @@ declare class NavbarComponent {
|
|
|
128
156
|
static ɵcmp: i0.ɵɵComponentDeclaration<NavbarComponent, "bvs-navbar", never, {}, {}, never, ["[navbar-brand]", "[navbar-actions]"], true, never>;
|
|
129
157
|
}
|
|
130
158
|
|
|
131
|
-
export { AvatarComponent, BadgeComponent, ButtonComponent, CardComponent, FormFieldComponent, InputComponent, MessageComponent, NavbarComponent, ThemeService };
|
|
132
|
-
export type { BadgeColor, BadgeSize, ButtonSize, ButtonVariant, ColorScheme, CustomThemeConfig, InputSize, InputVariant, MessageColor, PresetBrand };
|
|
159
|
+
export { AvatarComponent, BadgeComponent, ButtonComponent, CardComponent, FormFieldComponent, InputComponent, MessageComponent, NavbarComponent, StepperComponent, ThemeService };
|
|
160
|
+
export type { BadgeColor, BadgeSize, ButtonSize, ButtonVariant, BvsStep, ColorScheme, CustomThemeConfig, InputSize, InputVariant, MessageColor, PresetBrand };
|