@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.
- package/button-toggle/_button-toggle-theme.scss +26 -45
- package/button-toggle/button-toggle.scss +40 -87
- package/card/_card-theme.scss +1 -1
- package/core/option/_optgroup-theme.scss +1 -1
- package/core/option/_option-theme.scss +2 -2
- package/core/option/option.scss +4 -4
- package/core/styles/_koobiq-theme.scss +6 -0
- package/core/styles/common/_animation.scss +10 -6
- package/core/styles/common/_overlay.scss +1 -1
- package/core/styles/common/_select.scss +55 -41
- package/core/styles/theming/_components-theming.scss +174 -18
- package/core/styles/theming/_theming.scss +2 -2
- package/datepicker/_datepicker-theme.scss +43 -57
- package/datepicker/calendar-body.scss +11 -26
- package/datepicker/calendar-header.scss +7 -31
- package/datepicker/calendar.scss +20 -25
- package/datepicker/datepicker-content.scss +17 -10
- package/datepicker/datepicker-input.scss +1 -1
- package/dropdown/_dropdown-theme.scss +2 -2
- package/dropdown/dropdown-item.scss +1 -1
- package/esm2022/autocomplete/autocomplete-trigger.directive.mjs +6 -6
- package/esm2022/button/button.component.mjs +3 -2
- package/esm2022/button-toggle/button-toggle.component.mjs +11 -11
- package/esm2022/code-block/actionbar.component.mjs +1 -1
- package/esm2022/core/option/option.mjs +2 -2
- package/esm2022/core/version.mjs +2 -2
- package/esm2022/datepicker/calendar-body.component.mjs +6 -4
- package/esm2022/datepicker/calendar-header.component.mjs +3 -3
- package/esm2022/datepicker/calendar.component.mjs +2 -2
- package/esm2022/datepicker/datepicker-toggle.component.mjs +2 -2
- package/esm2022/datepicker/datepicker.component.mjs +3 -3
- package/esm2022/dropdown/dropdown-item.component.mjs +2 -2
- package/esm2022/dropdown/dropdown-trigger.directive.mjs +3 -2
- package/esm2022/file-upload/multiple-file-upload.component.mjs +5 -5
- package/esm2022/file-upload/single-file-upload.component.mjs +8 -9
- package/esm2022/form-field/form-field.mjs +2 -2
- package/esm2022/list/list-selection.component.mjs +2 -2
- package/esm2022/list/list.component.mjs +2 -2
- package/esm2022/modal/modal.component.mjs +2 -2
- package/esm2022/popover/popover-confirm.component.mjs +3 -3
- package/esm2022/popover/popover.component.mjs +4 -4
- package/esm2022/select/select-option.directive.mjs +15 -3
- package/esm2022/select/select.component.mjs +8 -7
- package/esm2022/sidepanel/sidepanel-container.component.mjs +3 -3
- package/esm2022/tabs/tab-group.component.mjs +1 -1
- package/esm2022/timezone/timezone-option.component.mjs +2 -2
- package/esm2022/timezone/timezone-select.component.mjs +2 -2
- package/esm2022/toggle/toggle.component.mjs +3 -3
- package/esm2022/tooltip/tooltip.component.mjs +4 -3
- package/esm2022/tree/control/base-tree-control.mjs +1 -1
- package/esm2022/tree/control/flat-tree-control.mjs +4 -4
- package/esm2022/tree/control/tree-control.mjs +1 -1
- package/esm2022/tree/padding.directive.mjs +2 -2
- package/esm2022/tree/toggle.mjs +2 -4
- package/esm2022/tree/tree-option.component.mjs +2 -2
- package/esm2022/tree-select/tree-select.component.mjs +4 -5
- package/fesm2022/koobiq-components-autocomplete.mjs +5 -5
- package/fesm2022/koobiq-components-autocomplete.mjs.map +1 -1
- package/fesm2022/koobiq-components-button-toggle.mjs +10 -10
- package/fesm2022/koobiq-components-button-toggle.mjs.map +1 -1
- package/fesm2022/koobiq-components-button.mjs +2 -1
- package/fesm2022/koobiq-components-button.mjs.map +1 -1
- package/fesm2022/koobiq-components-code-block.mjs +1 -1
- package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
- package/fesm2022/koobiq-components-core.mjs +3 -3
- package/fesm2022/koobiq-components-core.mjs.map +1 -1
- package/fesm2022/koobiq-components-datepicker.mjs +13 -11
- package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
- package/fesm2022/koobiq-components-dropdown.mjs +4 -3
- package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
- package/fesm2022/koobiq-components-file-upload.mjs +7 -8
- package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
- package/fesm2022/koobiq-components-form-field.mjs +2 -2
- package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
- package/fesm2022/koobiq-components-list.mjs +4 -4
- package/fesm2022/koobiq-components-list.mjs.map +1 -1
- package/fesm2022/koobiq-components-modal.mjs +2 -2
- package/fesm2022/koobiq-components-modal.mjs.map +1 -1
- package/fesm2022/koobiq-components-popover.mjs +5 -5
- package/fesm2022/koobiq-components-popover.mjs.map +1 -1
- package/fesm2022/koobiq-components-select.mjs +21 -8
- package/fesm2022/koobiq-components-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-sidepanel.mjs +2 -2
- package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
- package/fesm2022/koobiq-components-tabs.mjs +1 -1
- package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
- package/fesm2022/koobiq-components-timezone.mjs +4 -4
- package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
- package/fesm2022/koobiq-components-toggle.mjs +2 -2
- package/fesm2022/koobiq-components-toggle.mjs.map +1 -1
- package/fesm2022/koobiq-components-tooltip.mjs +3 -2
- package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
- package/fesm2022/koobiq-components-tree-select.mjs +3 -4
- package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-tree.mjs +8 -9
- package/fesm2022/koobiq-components-tree.mjs.map +1 -1
- package/file-upload/_file-upload-theme.scss +54 -40
- package/file-upload/file-upload.scss +2 -9
- package/file-upload/multiple-file-upload.component.scss +170 -59
- package/file-upload/single-file-upload.component.scss +42 -22
- package/icon/_icon-theme.scss +10 -21
- package/link/_link-theme.scss +2 -2
- package/list/_list-theme.scss +2 -2
- package/list/list.scss +1 -5
- package/markdown/_markdown-theme.scss +2 -2
- package/modal/_modal-theme.scss +10 -18
- package/modal/modal.scss +0 -1
- package/navbar/_navbar-theme.scss +1 -1
- package/package.json +29 -29
- package/popover/_popover-theme.scss +20 -83
- package/popover/popover.scss +60 -50
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/light-theme.css +1 -1
- package/radio/_radio-theme.scss +2 -2
- package/select/_select-theme.scss +1 -1
- package/select/select-option.directive.d.ts +2 -0
- package/sidepanel/_sidepanel-theme.scss +5 -0
- package/table/_table-theme.scss +1 -1
- package/toggle/_toggle-theme.scss +9 -1
- package/toggle/toggle.scss +5 -2
- package/tooltip/tooltip.component.d.ts +1 -1
- package/tree/_tree-theme.scss +2 -2
- package/tree/control/base-tree-control.d.ts +1 -1
- package/tree/control/tree-control.d.ts +1 -1
- package/tree-select/_tree-select-theme.scss +1 -1
package/toggle/toggle.scss
CHANGED
|
@@ -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": "
|
|
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>;
|
package/tree/_tree-theme.scss
CHANGED
|
@@ -40,7 +40,7 @@
|
|
|
40
40
|
|
|
41
41
|
@include kbq-tree-option(map.get($tree-item, default));
|
|
42
42
|
|
|
43
|
-
&:hover:not(.kbq-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)
|
|
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
|
/**
|