@koobiq/components 16.0.0-beta.7 → 16.0.0-beta.8

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 (125) hide show
  1. package/button-toggle/_button-toggle-theme.scss +26 -45
  2. package/button-toggle/button-toggle.scss +40 -87
  3. package/card/_card-theme.scss +1 -1
  4. package/core/option/_optgroup-theme.scss +1 -1
  5. package/core/option/_option-theme.scss +2 -2
  6. package/core/option/option.scss +4 -4
  7. package/core/styles/_koobiq-theme.scss +6 -0
  8. package/core/styles/common/_animation.scss +10 -6
  9. package/core/styles/common/_overlay.scss +1 -1
  10. package/core/styles/common/_select.scss +55 -41
  11. package/core/styles/theming/_components-theming.scss +174 -18
  12. package/core/styles/theming/_theming.scss +2 -2
  13. package/datepicker/_datepicker-theme.scss +43 -57
  14. package/datepicker/calendar-body.scss +11 -26
  15. package/datepicker/calendar-header.scss +7 -31
  16. package/datepicker/calendar.scss +20 -25
  17. package/datepicker/datepicker-content.scss +17 -10
  18. package/datepicker/datepicker-input.scss +1 -1
  19. package/dropdown/_dropdown-theme.scss +2 -2
  20. package/dropdown/dropdown-item.scss +1 -1
  21. package/esm2022/autocomplete/autocomplete-trigger.directive.mjs +6 -6
  22. package/esm2022/button/button.component.mjs +3 -2
  23. package/esm2022/button-toggle/button-toggle.component.mjs +11 -11
  24. package/esm2022/code-block/actionbar.component.mjs +1 -1
  25. package/esm2022/core/option/option.mjs +2 -2
  26. package/esm2022/core/version.mjs +2 -2
  27. package/esm2022/datepicker/calendar-body.component.mjs +6 -4
  28. package/esm2022/datepicker/calendar-header.component.mjs +3 -3
  29. package/esm2022/datepicker/calendar.component.mjs +2 -2
  30. package/esm2022/datepicker/datepicker-toggle.component.mjs +2 -2
  31. package/esm2022/datepicker/datepicker.component.mjs +3 -3
  32. package/esm2022/dropdown/dropdown-item.component.mjs +2 -2
  33. package/esm2022/dropdown/dropdown-trigger.directive.mjs +3 -2
  34. package/esm2022/file-upload/multiple-file-upload.component.mjs +5 -5
  35. package/esm2022/file-upload/single-file-upload.component.mjs +8 -9
  36. package/esm2022/form-field/form-field.mjs +2 -2
  37. package/esm2022/list/list-selection.component.mjs +2 -2
  38. package/esm2022/list/list.component.mjs +2 -2
  39. package/esm2022/modal/modal.component.mjs +2 -2
  40. package/esm2022/popover/popover-confirm.component.mjs +3 -3
  41. package/esm2022/popover/popover.component.mjs +4 -4
  42. package/esm2022/select/select-option.directive.mjs +15 -3
  43. package/esm2022/select/select.component.mjs +8 -7
  44. package/esm2022/sidepanel/sidepanel-container.component.mjs +3 -3
  45. package/esm2022/tabs/tab-group.component.mjs +1 -1
  46. package/esm2022/timezone/timezone-option.component.mjs +2 -2
  47. package/esm2022/timezone/timezone-select.component.mjs +2 -2
  48. package/esm2022/toggle/toggle.component.mjs +3 -3
  49. package/esm2022/tooltip/tooltip.component.mjs +4 -3
  50. package/esm2022/tree/control/base-tree-control.mjs +1 -1
  51. package/esm2022/tree/control/flat-tree-control.mjs +4 -4
  52. package/esm2022/tree/control/tree-control.mjs +1 -1
  53. package/esm2022/tree/padding.directive.mjs +2 -2
  54. package/esm2022/tree/toggle.mjs +2 -4
  55. package/esm2022/tree/tree-option.component.mjs +2 -2
  56. package/esm2022/tree-select/tree-select.component.mjs +4 -5
  57. package/fesm2022/koobiq-components-autocomplete.mjs +5 -5
  58. package/fesm2022/koobiq-components-autocomplete.mjs.map +1 -1
  59. package/fesm2022/koobiq-components-button-toggle.mjs +10 -10
  60. package/fesm2022/koobiq-components-button-toggle.mjs.map +1 -1
  61. package/fesm2022/koobiq-components-button.mjs +2 -1
  62. package/fesm2022/koobiq-components-button.mjs.map +1 -1
  63. package/fesm2022/koobiq-components-code-block.mjs +1 -1
  64. package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
  65. package/fesm2022/koobiq-components-core.mjs +3 -3
  66. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  67. package/fesm2022/koobiq-components-datepicker.mjs +13 -11
  68. package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
  69. package/fesm2022/koobiq-components-dropdown.mjs +4 -3
  70. package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
  71. package/fesm2022/koobiq-components-file-upload.mjs +7 -8
  72. package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
  73. package/fesm2022/koobiq-components-form-field.mjs +2 -2
  74. package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
  75. package/fesm2022/koobiq-components-list.mjs +4 -4
  76. package/fesm2022/koobiq-components-list.mjs.map +1 -1
  77. package/fesm2022/koobiq-components-modal.mjs +2 -2
  78. package/fesm2022/koobiq-components-modal.mjs.map +1 -1
  79. package/fesm2022/koobiq-components-popover.mjs +5 -5
  80. package/fesm2022/koobiq-components-popover.mjs.map +1 -1
  81. package/fesm2022/koobiq-components-select.mjs +21 -8
  82. package/fesm2022/koobiq-components-select.mjs.map +1 -1
  83. package/fesm2022/koobiq-components-sidepanel.mjs +2 -2
  84. package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
  85. package/fesm2022/koobiq-components-tabs.mjs +1 -1
  86. package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
  87. package/fesm2022/koobiq-components-timezone.mjs +4 -4
  88. package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
  89. package/fesm2022/koobiq-components-toggle.mjs +2 -2
  90. package/fesm2022/koobiq-components-toggle.mjs.map +1 -1
  91. package/fesm2022/koobiq-components-tooltip.mjs +3 -2
  92. package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
  93. package/fesm2022/koobiq-components-tree-select.mjs +3 -4
  94. package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
  95. package/fesm2022/koobiq-components-tree.mjs +8 -9
  96. package/fesm2022/koobiq-components-tree.mjs.map +1 -1
  97. package/file-upload/_file-upload-theme.scss +54 -40
  98. package/file-upload/file-upload.scss +2 -9
  99. package/file-upload/multiple-file-upload.component.scss +170 -59
  100. package/file-upload/single-file-upload.component.scss +42 -22
  101. package/icon/_icon-theme.scss +10 -21
  102. package/link/_link-theme.scss +2 -2
  103. package/list/_list-theme.scss +2 -2
  104. package/list/list.scss +1 -5
  105. package/markdown/_markdown-theme.scss +2 -2
  106. package/modal/_modal-theme.scss +10 -18
  107. package/modal/modal.scss +0 -1
  108. package/navbar/_navbar-theme.scss +1 -1
  109. package/package.json +29 -29
  110. package/popover/_popover-theme.scss +20 -83
  111. package/popover/popover.scss +60 -50
  112. package/prebuilt-themes/dark-theme.css +1 -1
  113. package/prebuilt-themes/light-theme.css +1 -1
  114. package/radio/_radio-theme.scss +2 -2
  115. package/select/_select-theme.scss +1 -1
  116. package/select/select-option.directive.d.ts +2 -0
  117. package/sidepanel/_sidepanel-theme.scss +5 -0
  118. package/table/_table-theme.scss +1 -1
  119. package/toggle/_toggle-theme.scss +9 -1
  120. package/toggle/toggle.scss +5 -2
  121. package/tooltip/tooltip.component.d.ts +1 -1
  122. package/tree/_tree-theme.scss +2 -2
  123. package/tree/control/base-tree-control.d.ts +1 -1
  124. package/tree/control/tree-control.d.ts +1 -1
  125. package/tree-select/_tree-select-theme.scss +1 -1
@@ -32,6 +32,11 @@ $tokens: meta.module-variables(tokens) !default;
32
32
  }
33
33
  }
34
34
 
35
+ .kbq-toggle-bar-container {
36
+ display: flex;
37
+ align-items: center;
38
+ }
39
+
35
40
  .kbq-toggle-bar {
36
41
  position: relative;
37
42
  box-sizing: border-box;
@@ -80,8 +85,6 @@ $tokens: meta.module-variables(tokens) !default;
80
85
 
81
86
  .kbq-toggle.kbq-toggle_big {
82
87
  & .kbq-toggle-bar {
83
- margin-top: 2px;
84
-
85
88
  height: var(--kbq-toggle-size-big-height, map.get($tokens, toggle-size-big-height));
86
89
  width: var(--kbq-toggle-size-big-width, map.get($tokens, toggle-size-big-width));
87
90
  }
@@ -70,7 +70,7 @@ export declare class KbqTooltipTrigger extends KbqPopUpTrigger<KbqTooltipCompone
70
70
  getOverlayHandleComponentType(): Type<KbqTooltipComponent>;
71
71
  updateClassMap(newPlacement?: string): void;
72
72
  static ɵfac: i0.ɵɵFactoryDeclaration<KbqTooltipTrigger, [null, null, null, null, null, null, { optional: true; }]>;
73
- static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTooltipTrigger, "[kbqTooltip]", ["kbqTooltip"], { "tooltipVisible": { "alias": "kbqVisible"; "required": false; }; "tooltipPlacement": { "alias": "kbqPlacement"; "required": false; }; "tooltipPlacementPriority": { "alias": "kbqPlacementPriority"; "required": false; }; "content": { "alias": "kbqTooltip"; "required": false; }; "disabled": { "alias": "kbqTooltipDisabled"; "required": false; }; "enterDelay": { "alias": "mcEnterDelay"; "required": false; }; "leaveDelay": { "alias": "mcLeaveDelay"; "required": false; }; "trigger": { "alias": "kbqTrigger"; "required": false; }; "customClass": { "alias": "kbqTooltipClass"; "required": false; }; "color": { "alias": "color"; "required": false; }; }, { "placementChange": "kbqPlacementChange"; "visibleChange": "kbqVisibleChange"; }, never, never, false, never>;
73
+ static ɵdir: i0.ɵɵDirectiveDeclaration<KbqTooltipTrigger, "[kbqTooltip]", ["kbqTooltip"], { "tooltipVisible": { "alias": "kbqVisible"; "required": false; }; "tooltipPlacement": { "alias": "kbqPlacement"; "required": false; }; "tooltipPlacementPriority": { "alias": "kbqPlacementPriority"; "required": false; }; "content": { "alias": "kbqTooltip"; "required": false; }; "disabled": { "alias": "kbqTooltipDisabled"; "required": false; }; "enterDelay": { "alias": "mcEnterDelay"; "required": false; }; "leaveDelay": { "alias": "mcLeaveDelay"; "required": false; }; "trigger": { "alias": "kbqTrigger"; "required": false; }; "customClass": { "alias": "kbqTooltipClass"; "required": false; }; "color": { "alias": "kbqTooltipColor"; "required": false; }; }, { "placementChange": "kbqPlacementChange"; "visibleChange": "kbqVisibleChange"; }, never, never, false, never>;
74
74
  }
75
75
  export declare class KbqWarningTooltipTrigger extends KbqTooltipTrigger {
76
76
  get content(): string | TemplateRef<any>;
@@ -40,7 +40,7 @@
40
40
 
41
41
  @include kbq-tree-option(map.get($tree-item, default));
42
42
 
43
- &:hover:not(.kbq-disabled):not([disabled]) {
43
+ &:hover:not(.kbq-disabled) {
44
44
  @include kbq-tree-option(map.get($tree-item, hover));
45
45
  }
46
46
 
@@ -52,7 +52,7 @@
52
52
  &.kbq-selected {
53
53
  @include kbq-tree-option(map.get($tree-item, selected));
54
54
 
55
- &:hover:not(.kbq-disabled):not([disabled]) {
55
+ &:hover:not(.kbq-disabled) {
56
56
  @include kbq-tree-option(map.get($tree-item, selected-hover));
57
57
  }
58
58
  }
@@ -7,7 +7,7 @@ export declare abstract class BaseTreeControl<T> implements TreeControl<T> {
7
7
  /** A selection model with multi-selection to track expansion status. */
8
8
  expansionModel: SelectionModel<T>;
9
9
  filterModel: SelectionModel<T>;
10
- filterValue: BehaviorSubject<string>;
10
+ filterValue: BehaviorSubject<string | null>;
11
11
  /** Get depth of a given data node, return the level number. This is for flat tree node. */
12
12
  getLevel: (dataNode: T) => number;
13
13
  /**
@@ -11,7 +11,7 @@ export interface TreeControl<T> {
11
11
  /** The expansion model */
12
12
  expansionModel: SelectionModel<T>;
13
13
  filterModel: SelectionModel<T>;
14
- filterValue: BehaviorSubject<string>;
14
+ filterValue: BehaviorSubject<string | null>;
15
15
  /** Get depth of a given data node, return the level number. This is for flat tree node. */
16
16
  getLevel(dataNode: T): number;
17
17
  /**
@@ -11,7 +11,7 @@
11
11
  $error: map.get($theme, error);
12
12
 
13
13
  .kbq-tree-select {
14
- color: map.get($foreground, text);
14
+ color: map.get($foreground, contrast);
15
15
 
16
16
  &.ng-invalid {
17
17
  color: kbq-color($error);