@koobiq/components 17.2.0 → 17.3.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 (91) hide show
  1. package/alert/_alert-theme.scss +3 -3
  2. package/autocomplete/_autocomplete-theme.scss +2 -2
  3. package/badge/_badge-theme.scss +6 -5
  4. package/button/_button-theme.scss +4 -4
  5. package/button-toggle/_button-toggle-theme.scss +4 -1
  6. package/checkbox/_checkbox-theme.scss +35 -17
  7. package/code-block/_code-block-theme.scss +109 -105
  8. package/core/forms/_forms.scss +2 -2
  9. package/core/option/_option-action-theme.scss +1 -1
  10. package/core/option/_option-theme.scss +7 -4
  11. package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +5 -5
  12. package/core/styles/_koobiq-theme.scss +2 -2
  13. package/core/styles/theming/_components-theming.scss +17 -19
  14. package/core/styles/theming/_scrollbar-theme.scss +6 -5
  15. package/core/styles/typography/_typography.scss +70 -68
  16. package/datepicker/_datepicker-theme.scss +14 -11
  17. package/datepicker/datepicker-content.scss +8 -3
  18. package/datepicker/datepicker-toggle.scss +1 -0
  19. package/dl/_dl-theme.scss +2 -2
  20. package/dropdown/_dropdown-theme.scss +4 -4
  21. package/empty-state/_empty-state-theme.scss +2 -2
  22. package/esm2022/core/common-behaviors/common-module.mjs +2 -2
  23. package/esm2022/core/version.mjs +2 -2
  24. package/esm2022/datepicker/datepicker.component.mjs +3 -3
  25. package/esm2022/form-field/form-field.mjs +2 -2
  26. package/esm2022/form-field/stepper.mjs +2 -2
  27. package/esm2022/icon/icon-button.component.mjs +2 -2
  28. package/esm2022/list/list-selection.component.mjs +2 -2
  29. package/esm2022/list/list.component.mjs +2 -2
  30. package/esm2022/popover/popover.component.mjs +15 -2
  31. package/esm2022/select/select.component.mjs +2 -2
  32. package/esm2022/tabs/tab-body.component.mjs +3 -3
  33. package/esm2022/tabs/tab.component.mjs +3 -4
  34. package/esm2022/toast/toast.component.mjs +3 -3
  35. package/fesm2022/koobiq-components-core.mjs +2 -2
  36. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  37. package/fesm2022/koobiq-components-datepicker.mjs +2 -2
  38. package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
  39. package/fesm2022/koobiq-components-form-field.mjs +4 -4
  40. package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
  41. package/fesm2022/koobiq-components-icon.mjs +2 -2
  42. package/fesm2022/koobiq-components-list.mjs +4 -4
  43. package/fesm2022/koobiq-components-list.mjs.map +1 -1
  44. package/fesm2022/koobiq-components-popover.mjs +14 -1
  45. package/fesm2022/koobiq-components-popover.mjs.map +1 -1
  46. package/fesm2022/koobiq-components-select.mjs +1 -1
  47. package/fesm2022/koobiq-components-select.mjs.map +1 -1
  48. package/fesm2022/koobiq-components-tabs.mjs +4 -5
  49. package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
  50. package/fesm2022/koobiq-components-toast.mjs +2 -2
  51. package/fesm2022/koobiq-components-toast.mjs.map +1 -1
  52. package/file-upload/_file-upload-theme.scss +31 -27
  53. package/form-field/_form-field-theme.scss +6 -6
  54. package/form-field/form-field.scss +2 -2
  55. package/form-field/stepper.scss +1 -1
  56. package/icon/_icon-button-theme.scss +45 -26
  57. package/icon/_icon-item-theme.scss +1 -1
  58. package/icon/icon-button.scss +4 -4
  59. package/input/_input-theme.scss +1 -1
  60. package/link/_link-theme.scss +12 -6
  61. package/list/_list-theme.scss +8 -5
  62. package/list/list.scss +1 -0
  63. package/loader-overlay/_loader-overlay-theme.scss +10 -6
  64. package/markdown/_markdown-theme.scss +1 -1
  65. package/modal/_modal-theme.scss +6 -5
  66. package/navbar/_navbar-theme.scss +8 -8
  67. package/package.json +10 -10
  68. package/popover/_popover-theme.scss +4 -4
  69. package/popover/popover.component.d.ts +6 -5
  70. package/prebuilt-themes/dark-theme.css +1 -1
  71. package/prebuilt-themes/light-theme.css +1 -1
  72. package/progress-bar/_progress-bar-theme.scss +2 -2
  73. package/progress-spinner/_progress-spinner-theme.scss +3 -3
  74. package/radio/_radio-theme.scss +15 -19
  75. package/schematics/ng-add/index.js +2 -2
  76. package/scrollbar/_scrollbar-component-theme.scss +27 -12
  77. package/select/_select-theme.scss +2 -2
  78. package/sidepanel/_sidepanel-theme.scss +4 -4
  79. package/splitter/_splitter-theme.scss +1 -2
  80. package/tabs/_tabs-theme.scss +4 -3
  81. package/tags/_tag-theme.scss +7 -5
  82. package/timepicker/timepicker.scss +1 -0
  83. package/timezone/_timezone-option-theme.scss +3 -3
  84. package/toast/_toast-theme.scss +1 -1
  85. package/toast/toast.component.scss +1 -1
  86. package/toggle/_toggle-theme.scss +1 -1
  87. package/tooltip/_tooltip-theme.scss +1 -0
  88. package/tree/_tree-theme.scss +5 -5
  89. package/tree/toggle.scss +1 -1
  90. package/tree-select/_tree-select-theme.scss +2 -2
  91. package/toggle/README.md +0 -0
package/fesm2022/koobiq-components-datepicker.mjs CHANGED
@@ -672,7 +672,7 @@ class KbqDatepickerContent {
672
672
  this.changeDetectorRef.markForCheck();
673
673
  }
674
674
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqDatepickerContent, deps: [{ token: i0.ChangeDetectorRef }], target: i0.ɵɵFactoryTarget.Component }); }
675
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqDatepickerContent, selector: "kbq-datepicker__content", host: { listeners: { "@transformPanel.done": "animationDone.next()" }, properties: { "@transformPanel": "animationState" }, classAttribute: "kbq-datepicker__content" }, viewQueries: [{ propertyName: "calendar", first: true, predicate: KbqCalendar, descendants: true }], exportAs: ["kbqDatepickerContent"], ngImport: i0, template: "<kbq-calendar\n [dateClass]=\"datepicker.dateClass\"\n [dateFilter]=\"datepicker.dateFilter\"\n [id]=\"datepicker.id\"\n [maxDate]=\"datepicker.maxDate\"\n [minDate]=\"datepicker.minDate\"\n [ngClass]=\"datepicker.panelClass\"\n [selected]=\"datepicker.selected\"\n [startAt]=\"datepicker.startAt\"\n (monthSelected)=\"datepicker.selectMonth($event)\"\n (selectedChange)=\"datepicker.select($event)\"\n (userSelection)=\"datepicker.close()\"\n (yearSelected)=\"datepicker.selectYear($event)\"\n [@fadeInCalendar]=\"'enter'\"\n/>\n", styles: [".kbq-datepicker__content{display:block;border-radius:var(--kbq-datepicker-size-container-border-radius, 8px)}.kbq-datepicker__content .kbq-calendar{width:304px;height:270px;padding-top:var(--kbq-datepicker-size-container-padding-vertical, 12px);padding-bottom:var(--kbq-datepicker-size-container-padding-vertical, 12px)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KbqCalendar, selector: "kbq-calendar", inputs: ["startAt", "selected", "minDate", "maxDate", "dateFilter", "dateClass"], outputs: ["selectedChange", "yearSelected", "monthSelected", "userSelection"], exportAs: ["kbqCalendar"] }], animations: [
675
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqDatepickerContent, selector: "kbq-datepicker__content", host: { listeners: { "@transformPanel.done": "animationDone.next()" }, properties: { "@transformPanel": "animationState" }, classAttribute: "kbq-datepicker__content" }, viewQueries: [{ propertyName: "calendar", first: true, predicate: KbqCalendar, descendants: true }], exportAs: ["kbqDatepickerContent"], ngImport: i0, template: "<kbq-calendar\n [dateClass]=\"datepicker.dateClass\"\n [dateFilter]=\"datepicker.dateFilter\"\n [id]=\"datepicker.id\"\n [maxDate]=\"datepicker.maxDate\"\n [minDate]=\"datepicker.minDate\"\n [ngClass]=\"datepicker.panelClass\"\n [selected]=\"datepicker.selected\"\n [startAt]=\"datepicker.startAt\"\n (monthSelected)=\"datepicker.selectMonth($event)\"\n (selectedChange)=\"datepicker.select($event)\"\n (userSelection)=\"datepicker.close()\"\n (yearSelected)=\"datepicker.selectYear($event)\"\n [@fadeInCalendar]=\"'enter'\"\n/>\n", styles: [".kbq-datepicker__content{display:block;border-radius:var(--kbq-datepicker-size-container-border-radius, 8px)}.kbq-datepicker__content .kbq-calendar{width:calc(280px + var(--kbq-datepicker-size-grid-padding-horizontal, 12px) * 2);height:270px;padding-top:var(--kbq-datepicker-size-container-padding-vertical, 12px);padding-bottom:var(--kbq-datepicker-size-container-padding-vertical, 12px)}\n"], dependencies: [{ kind: "directive", type: i1.NgClass, selector: "[ngClass]", inputs: ["class", "ngClass"] }, { kind: "component", type: KbqCalendar, selector: "kbq-calendar", inputs: ["startAt", "selected", "minDate", "maxDate", "dateFilter", "dateClass"], outputs: ["selectedChange", "yearSelected", "monthSelected", "userSelection"], exportAs: ["kbqCalendar"] }], animations: [
676
676
  kbqDatepickerAnimations.transformPanel,
677
677
  kbqDatepickerAnimations.fadeInCalendar
678
678
  ], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
@@ -686,7 +686,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
686
686
  }, animations: [
687
687
  kbqDatepickerAnimations.transformPanel,
688
688
  kbqDatepickerAnimations.fadeInCalendar
689
- ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<kbq-calendar\n [dateClass]=\"datepicker.dateClass\"\n [dateFilter]=\"datepicker.dateFilter\"\n [id]=\"datepicker.id\"\n [maxDate]=\"datepicker.maxDate\"\n [minDate]=\"datepicker.minDate\"\n [ngClass]=\"datepicker.panelClass\"\n [selected]=\"datepicker.selected\"\n [startAt]=\"datepicker.startAt\"\n (monthSelected)=\"datepicker.selectMonth($event)\"\n (selectedChange)=\"datepicker.select($event)\"\n (userSelection)=\"datepicker.close()\"\n (yearSelected)=\"datepicker.selectYear($event)\"\n [@fadeInCalendar]=\"'enter'\"\n/>\n", styles: [".kbq-datepicker__content{display:block;border-radius:var(--kbq-datepicker-size-container-border-radius, 8px)}.kbq-datepicker__content .kbq-calendar{width:304px;height:270px;padding-top:var(--kbq-datepicker-size-container-padding-vertical, 12px);padding-bottom:var(--kbq-datepicker-size-container-padding-vertical, 12px)}\n"] }]
689
+ ], encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, template: "<kbq-calendar\n [dateClass]=\"datepicker.dateClass\"\n [dateFilter]=\"datepicker.dateFilter\"\n [id]=\"datepicker.id\"\n [maxDate]=\"datepicker.maxDate\"\n [minDate]=\"datepicker.minDate\"\n [ngClass]=\"datepicker.panelClass\"\n [selected]=\"datepicker.selected\"\n [startAt]=\"datepicker.startAt\"\n (monthSelected)=\"datepicker.selectMonth($event)\"\n (selectedChange)=\"datepicker.select($event)\"\n (userSelection)=\"datepicker.close()\"\n (yearSelected)=\"datepicker.selectYear($event)\"\n [@fadeInCalendar]=\"'enter'\"\n/>\n", styles: [".kbq-datepicker__content{display:block;border-radius:var(--kbq-datepicker-size-container-border-radius, 8px)}.kbq-datepicker__content .kbq-calendar{width:calc(280px + var(--kbq-datepicker-size-grid-padding-horizontal, 12px) * 2);height:270px;padding-top:var(--kbq-datepicker-size-container-padding-vertical, 12px);padding-bottom:var(--kbq-datepicker-size-container-padding-vertical, 12px)}\n"] }]
690
690
  }], ctorParameters: () => [{ type: i0.ChangeDetectorRef }], propDecorators: { calendar: [{
691
691
  type: ViewChild,
692
692
  args: [KbqCalendar]