ryzen-ui 0.2.10 → 0.2.12

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.
Files changed (4) hide show
  1. package/fesm2022/ryzen-ui.mjs +112 -24
  2. package/fesm2022/ryzen-ui.mjs.map +1 -1
  3. package/index.d.ts +17 -6
  4. package/package.json +1 -1
package/index.d.ts CHANGED
@@ -21,6 +21,7 @@ declare class CheckboxComponent {
21
21
  readonly _size: _angular_core.Signal<FieldSize>;
22
22
  readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
23
23
  readonly _rawAccent: _angular_core.Signal<string | null>;
24
+ readonly _accentColorValue: _angular_core.Signal<string>;
24
25
  readonly _width: _angular_core.Signal<string | null>;
25
26
  toggle(): void;
26
27
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<CheckboxComponent, never>;
@@ -64,13 +65,19 @@ declare class DatePickerComponent implements OnDestroy {
64
65
  readonly error: _angular_core.InputSignal<boolean>;
65
66
  readonly format: _angular_core.InputSignal<"dd/MM/yyyy" | "MM/dd/yyyy" | "yyyy-MM-dd">;
66
67
  readonly width: _angular_core.InputSignal<string>;
68
+ readonly headerBg: _angular_core.InputSignal<string>;
69
+ readonly bodyBg: _angular_core.InputSignal<string>;
70
+ readonly dayTextColor: _angular_core.InputSignal<string>;
67
71
  readonly config: _angular_core.InputSignal<DatePickerConfig>;
68
- readonly appendToBody: _angular_core.InputSignal<boolean | undefined>;
72
+ readonly appendTo: _angular_core.InputSignal<"body" | "parent">;
69
73
  readonly _size: _angular_core.Signal<FieldSize>;
70
74
  readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
71
75
  readonly _rawAccent: _angular_core.Signal<string | null>;
72
76
  readonly _accentColorValue: _angular_core.Signal<string>;
73
77
  readonly _width: _angular_core.Signal<string | null>;
78
+ readonly _headerBg: _angular_core.Signal<string | null>;
79
+ readonly _bodyBg: _angular_core.Signal<string | null>;
80
+ readonly _dayTxt: _angular_core.Signal<string | null>;
74
81
  readonly _isOpen: _angular_core.WritableSignal<boolean>;
75
82
  readonly _isClosing: _angular_core.WritableSignal<boolean>;
76
83
  readonly _panelDirection: _angular_core.WritableSignal<"up" | "down">;
@@ -125,7 +132,7 @@ declare class DatePickerComponent implements OnDestroy {
125
132
  _isCurrentYear(year: number): boolean;
126
133
  _onDocClick(event: Event): void;
127
134
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DatePickerComponent, never>;
128
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "app-date-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
135
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DatePickerComponent, "app-date-picker", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "format": { "alias": "format"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "headerBg": { "alias": "headerBg"; "required": false; "isSignal": true; }; "bodyBg": { "alias": "bodyBg"; "required": false; "isSignal": true; }; "dayTextColor": { "alias": "dayTextColor"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
129
136
  }
130
137
 
131
138
  interface DropdownOption<T = unknown> {
@@ -155,7 +162,7 @@ declare class DropDownComponent implements OnDestroy {
155
162
  readonly error: _angular_core.InputSignal<boolean>;
156
163
  readonly width: _angular_core.InputSignal<string>;
157
164
  readonly config: _angular_core.InputSignal<DropdownConfig>;
158
- readonly appendToBody: _angular_core.InputSignal<boolean | undefined>;
165
+ readonly appendTo: _angular_core.InputSignal<"body" | "parent">;
159
166
  readonly _size: _angular_core.Signal<FieldSize>;
160
167
  private readonly _direction;
161
168
  readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
@@ -188,7 +195,7 @@ declare class DropDownComponent implements OnDestroy {
188
195
  _onDocClick(event: Event): void;
189
196
  ngOnDestroy(): void;
190
197
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<DropDownComponent, never>;
191
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropDownComponent, "app-drop-down", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
198
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<DropDownComponent, "app-drop-down", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
192
199
  }
193
200
 
194
201
  declare class FileUploadComponent {
@@ -242,7 +249,7 @@ declare class MultiSelectComponent implements OnDestroy {
242
249
  readonly error: _angular_core.InputSignal<boolean>;
243
250
  readonly width: _angular_core.InputSignal<string>;
244
251
  readonly config: _angular_core.InputSignal<MultiSelectConfig>;
245
- readonly appendToBody: _angular_core.InputSignal<boolean | undefined>;
252
+ readonly appendTo: _angular_core.InputSignal<"body" | "parent">;
246
253
  readonly _size: _angular_core.Signal<FieldSize>;
247
254
  private readonly _direction;
248
255
  readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
@@ -282,7 +289,7 @@ declare class MultiSelectComponent implements OnDestroy {
282
289
  _onDocClick(event: Event): void;
283
290
  ngOnDestroy(): void;
284
291
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<MultiSelectComponent, never>;
285
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectComponent, "app-multi-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "appendToBody": { "alias": "appendToBody"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
292
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<MultiSelectComponent, "app-multi-select", never, { "value": { "alias": "value"; "required": false; "isSignal": true; }; "options": { "alias": "options"; "required": false; "isSignal": true; }; "placeholder": { "alias": "placeholder"; "required": false; "isSignal": true; }; "size": { "alias": "size"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "selectAll": { "alias": "selectAll"; "required": false; "isSignal": true; }; "selectAllLabel": { "alias": "selectAllLabel"; "required": false; "isSignal": true; }; "accentColor": { "alias": "accentColor"; "required": false; "isSignal": true; }; "searchable": { "alias": "searchable"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "error": { "alias": "error"; "required": false; "isSignal": true; }; "width": { "alias": "width"; "required": false; "isSignal": true; }; "config": { "alias": "config"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; }, { "value": "valueChange"; }, never, never, true, never>;
286
293
  }
287
294
 
288
295
  declare class PasswordInputComponent {
@@ -301,6 +308,7 @@ declare class PasswordInputComponent {
301
308
  readonly _type: _angular_core.Signal<"text" | "password">;
302
309
  readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
303
310
  readonly _rawAccent: _angular_core.Signal<string | null>;
311
+ readonly _accentColorValue: _angular_core.Signal<string>;
304
312
  readonly _width: _angular_core.Signal<string | null>;
305
313
  readonly _touched: _angular_core.WritableSignal<boolean>;
306
314
  toggleVisibility(): void;
@@ -323,6 +331,7 @@ declare class SearchInputComponent {
323
331
  readonly _size: _angular_core.Signal<FieldSize>;
324
332
  readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
325
333
  readonly _rawAccent: _angular_core.Signal<string | null>;
334
+ readonly _accentColorValue: _angular_core.Signal<string>;
326
335
  readonly _width: _angular_core.Signal<string | null>;
327
336
  readonly _touched: _angular_core.WritableSignal<boolean>;
328
337
  onInput(event: Event): void;
@@ -365,6 +374,7 @@ declare class TextInputComponent {
365
374
  readonly _size: _angular_core.Signal<FieldSize>;
366
375
  readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
367
376
  readonly _rawAccent: _angular_core.Signal<string | null>;
377
+ readonly _accentColorValue: _angular_core.Signal<string>;
368
378
  readonly _width: _angular_core.Signal<string | null>;
369
379
  readonly _touched: _angular_core.WritableSignal<boolean>;
370
380
  onInput(event: Event): void;
@@ -386,6 +396,7 @@ declare class ToggleComponent {
386
396
  readonly _size: _angular_core.Signal<FieldSize>;
387
397
  readonly _accentKey: _angular_core.Signal<"primary" | "secondary" | "accent" | "success" | "warning" | "danger" | "info" | null>;
388
398
  readonly _rawAccent: _angular_core.Signal<string | null>;
399
+ readonly _accentColorValue: _angular_core.Signal<string>;
389
400
  readonly _width: _angular_core.Signal<string | null>;
390
401
  toggle(): void;
391
402
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleComponent, never>;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ryzen-ui",
3
- "version": "0.2.10",
3
+ "version": "0.2.12",
4
4
  "description": "Ryzen UI — standalone Angular component library built with signals, OnPush, and pure CSS with oklch theming",
5
5
  "keywords": [
6
6
  "angular",