@tekus/design-system 5.37.0 → 5.39.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.
Files changed (69) hide show
  1. package/assets/readme-images/tk-data-list-anatomy.png +0 -0
  2. package/assets/readme-images/tk-data-list-grid.png +0 -0
  3. package/assets/readme-images/tk-data-list-list.png +0 -0
  4. package/assets/tokens/tk-foundations.json +4 -0
  5. package/fesm2022/tekus-design-system-components-autocomplete.mjs +7 -17
  6. package/fesm2022/tekus-design-system-components-autocomplete.mjs.map +1 -1
  7. package/fesm2022/tekus-design-system-components-avatar.mjs +120 -0
  8. package/fesm2022/tekus-design-system-components-avatar.mjs.map +1 -0
  9. package/fesm2022/tekus-design-system-components-button.mjs +2 -2
  10. package/fesm2022/tekus-design-system-components-button.mjs.map +1 -1
  11. package/fesm2022/tekus-design-system-components-card.mjs +1 -1
  12. package/fesm2022/tekus-design-system-components-card.mjs.map +1 -1
  13. package/fesm2022/tekus-design-system-components-checkbox.mjs +9 -3
  14. package/fesm2022/tekus-design-system-components-checkbox.mjs.map +1 -1
  15. package/fesm2022/tekus-design-system-components-data-list.mjs +185 -0
  16. package/fesm2022/tekus-design-system-components-data-list.mjs.map +1 -0
  17. package/fesm2022/tekus-design-system-components-date-picker.mjs +16 -3
  18. package/fesm2022/tekus-design-system-components-date-picker.mjs.map +1 -1
  19. package/fesm2022/tekus-design-system-components-input-number.mjs +37 -3
  20. package/fesm2022/tekus-design-system-components-input-number.mjs.map +1 -1
  21. package/fesm2022/tekus-design-system-components-input-text.mjs +2 -2
  22. package/fesm2022/tekus-design-system-components-input-text.mjs.map +1 -1
  23. package/fesm2022/tekus-design-system-components-menu.mjs +2 -2
  24. package/fesm2022/tekus-design-system-components-menu.mjs.map +1 -1
  25. package/fesm2022/tekus-design-system-components-multiselect.mjs +2 -2
  26. package/fesm2022/tekus-design-system-components-multiselect.mjs.map +1 -1
  27. package/fesm2022/tekus-design-system-components-panel-menu.mjs +2 -2
  28. package/fesm2022/tekus-design-system-components-panel-menu.mjs.map +1 -1
  29. package/fesm2022/tekus-design-system-components-radio-button.mjs +9 -3
  30. package/fesm2022/tekus-design-system-components-radio-button.mjs.map +1 -1
  31. package/fesm2022/tekus-design-system-components-select.mjs +37 -32
  32. package/fesm2022/tekus-design-system-components-select.mjs.map +1 -1
  33. package/fesm2022/tekus-design-system-components-sidebar-layout.mjs +2 -2
  34. package/fesm2022/tekus-design-system-components-sidebar-layout.mjs.map +1 -1
  35. package/fesm2022/tekus-design-system-components-stat.mjs +193 -0
  36. package/fesm2022/tekus-design-system-components-stat.mjs.map +1 -0
  37. package/fesm2022/tekus-design-system-components-table.mjs +1 -1
  38. package/fesm2022/tekus-design-system-components-table.mjs.map +1 -1
  39. package/fesm2022/tekus-design-system-components-tabs.mjs +2 -2
  40. package/fesm2022/tekus-design-system-components-tabs.mjs.map +1 -1
  41. package/fesm2022/tekus-design-system-components-textarea.mjs +2 -2
  42. package/fesm2022/tekus-design-system-components-textarea.mjs.map +1 -1
  43. package/fesm2022/tekus-design-system-components-time-picker.mjs +13 -3
  44. package/fesm2022/tekus-design-system-components-time-picker.mjs.map +1 -1
  45. package/fesm2022/tekus-design-system-components-toggle.mjs +4 -3
  46. package/fesm2022/tekus-design-system-components-toggle.mjs.map +1 -1
  47. package/fesm2022/tekus-design-system-components-toolbar.mjs +2 -2
  48. package/fesm2022/tekus-design-system-components-toolbar.mjs.map +1 -1
  49. package/fesm2022/tekus-design-system-components-topbar.mjs +2 -2
  50. package/fesm2022/tekus-design-system-components-topbar.mjs.map +1 -1
  51. package/fesm2022/tekus-design-system-core-types.mjs +4 -3
  52. package/fesm2022/tekus-design-system-core-types.mjs.map +1 -1
  53. package/fesm2022/tekus-design-system-core.mjs +4 -3
  54. package/fesm2022/tekus-design-system-core.mjs.map +1 -1
  55. package/package.json +13 -1
  56. package/scss/_config.scss +242 -0
  57. package/scss/tk-bundle.scss +105 -0
  58. package/styles/variables.css +1 -0
  59. package/types/tekus-design-system-components-autocomplete.d.ts +3 -12
  60. package/types/tekus-design-system-components-avatar.d.ts +104 -0
  61. package/types/tekus-design-system-components-checkbox.d.ts +7 -1
  62. package/types/tekus-design-system-components-data-list.d.ts +193 -0
  63. package/types/tekus-design-system-components-date-picker.d.ts +11 -1
  64. package/types/tekus-design-system-components-input-number.d.ts +35 -1
  65. package/types/tekus-design-system-components-radio-button.d.ts +7 -1
  66. package/types/tekus-design-system-components-select.d.ts +2 -6
  67. package/types/tekus-design-system-components-stat.d.ts +161 -0
  68. package/types/tekus-design-system-components-time-picker.d.ts +8 -1
  69. package/types/tekus-design-system-components-toggle.d.ts +2 -1
@@ -95,6 +95,13 @@ declare class TimePickerComponent implements OnInit, ControlValueAccessor, Valid
95
95
  * @default null
96
96
  */
97
97
  errorMessage: _angular_core.InputSignal<string | null>;
98
+ /**
99
+ * @description
100
+ * Hint text rendered beneath the field when there is no error to show.
101
+ *
102
+ * @default null
103
+ */
104
+ hint: _angular_core.InputSignal<string | null>;
98
105
  /**
99
106
  * @description
100
107
  * Optional external `FormControl` to bind when not using the standard
@@ -197,7 +204,7 @@ declare class TimePickerComponent implements OnInit, ControlValueAccessor, Valid
197
204
  */
198
205
  private applyTimeCascading;
199
206
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<TimePickerComponent, never>;
200
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimePickerComponent, "tk-time-picker", never, { "required": { "alias": "required"; "required": false; "isSignal": true; }; "editableInput": { "alias": "editableInput"; "required": false; "isSignal": true; }; "timeFormat": { "alias": "timeFormat"; "required": false; "isSignal": true; }; "hourFormat": { "alias": "hourFormat"; "required": false; "isSignal": true; }; "stepHour": { "alias": "stepHour"; "required": false; "isSignal": true; }; "stepMinute": { "alias": "stepMinute"; "required": false; "isSignal": true; }; "stepSecond": { "alias": "stepSecond"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "modelValue": { "alias": "modelValue"; "required": false; "isSignal": true; }; }, { "modelValue": "modelValueChange"; "handleSelect": "handleSelect"; "handleClear": "handleClear"; }, never, never, true, never>;
207
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<TimePickerComponent, "tk-time-picker", never, { "required": { "alias": "required"; "required": false; "isSignal": true; }; "editableInput": { "alias": "editableInput"; "required": false; "isSignal": true; }; "timeFormat": { "alias": "timeFormat"; "required": false; "isSignal": true; }; "hourFormat": { "alias": "hourFormat"; "required": false; "isSignal": true; }; "stepHour": { "alias": "stepHour"; "required": false; "isSignal": true; }; "stepMinute": { "alias": "stepMinute"; "required": false; "isSignal": true; }; "stepSecond": { "alias": "stepSecond"; "required": false; "isSignal": true; }; "showSeconds": { "alias": "showSeconds"; "required": false; "isSignal": true; }; "showClear": { "alias": "showClear"; "required": false; "isSignal": true; }; "showIcon": { "alias": "showIcon"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; "minDate": { "alias": "minDate"; "required": false; "isSignal": true; }; "maxDate": { "alias": "maxDate"; "required": false; "isSignal": true; }; "labelText": { "alias": "labelText"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "appendTo": { "alias": "appendTo"; "required": false; "isSignal": true; }; "modelValue": { "alias": "modelValue"; "required": false; "isSignal": true; }; }, { "modelValue": "modelValueChange"; "handleSelect": "handleSelect"; "handleClear": "handleClear"; }, never, never, true, never>;
201
208
  }
202
209
 
203
210
  export { TimePickerComponent };
@@ -12,6 +12,7 @@ declare class ToggleComponent implements ControlValueAccessor, OnInit {
12
12
  inputId: _angular_core.InputSignal<string>;
13
13
  control: _angular_core.InputSignal<FormControl<any>>;
14
14
  errorMessage: _angular_core.InputSignal<string>;
15
+ hint: _angular_core.InputSignal<string>;
15
16
  disabled: _angular_core.ModelSignal<boolean>;
16
17
  get effectiveControl(): FormControl;
17
18
  onChange: (value: boolean) => void;
@@ -24,7 +25,7 @@ declare class ToggleComponent implements ControlValueAccessor, OnInit {
24
25
  onModelChange(value: boolean): void;
25
26
  onBlur(): void;
26
27
  static ɵfac: _angular_core.ɵɵFactoryDeclaration<ToggleComponent, never>;
27
- static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleComponent, "tk-toggle", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "model": "modelChange"; "disabled": "disabledChange"; }, never, never, true, never>;
28
+ static ɵcmp: _angular_core.ɵɵComponentDeclaration<ToggleComponent, "tk-toggle", never, { "model": { "alias": "model"; "required": false; "isSignal": true; }; "label": { "alias": "label"; "required": false; "isSignal": true; }; "name": { "alias": "name"; "required": false; "isSignal": true; }; "inputId": { "alias": "inputId"; "required": false; "isSignal": true; }; "control": { "alias": "control"; "required": false; "isSignal": true; }; "errorMessage": { "alias": "errorMessage"; "required": false; "isSignal": true; }; "hint": { "alias": "hint"; "required": false; "isSignal": true; }; "disabled": { "alias": "disabled"; "required": false; "isSignal": true; }; }, { "model": "modelChange"; "disabled": "disabledChange"; }, never, never, true, never>;
28
29
  }
29
30
 
30
31
  export { ToggleComponent };