@koobiq/components 17.4.0 → 17.6.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.
- package/alert/_alert-theme.scss +16 -20
- package/alert/alert-tokens.scss +132 -0
- package/alert/alert.component.scss +5 -0
- package/autocomplete/_autocomplete-theme.scss +3 -5
- package/autocomplete/autocomplete-tokens.scss +16 -0
- package/autocomplete/autocomplete.scss +4 -0
- package/badge/_badge-theme.scss +22 -25
- package/badge/badge-tokens.scss +185 -0
- package/badge/badge.component.scss +5 -0
- package/button/_button-theme.scss +20 -29
- package/button/button-tokens.scss +278 -0
- package/button/button.scss +5 -0
- package/button-toggle/_button-toggle-theme.scss +16 -28
- package/button-toggle/button-toggle-tokens.scss +78 -0
- package/button-toggle/button-toggle.scss +7 -2
- package/checkbox/_checkbox-theme.scss +27 -58
- package/checkbox/checkbox-tokens.scss +140 -0
- package/checkbox/checkbox.scss +6 -4
- package/code-block/_code-block-theme.scss +124 -143
- package/code-block/code-block-tokens.scss +400 -0
- package/code-block/code-block.scss +4 -2
- package/core/highlight/_highlight-theme.scss +1 -1
- package/core/pop-up/pop-up-styles.d.ts +2 -2
- package/core/pop-up/pop-up-trigger.d.ts +8 -9
- package/core/pop-up/pop-up.d.ts +3 -3
- package/core/selection/pseudo-checkbox/_pseudo-checkbox-theme.scss +12 -15
- package/core/selection/pseudo-checkbox/pseudo-checkbox-tokens.scss +140 -0
- package/core/selection/pseudo-checkbox/pseudo-checkbox.scss +3 -2
- package/core/services/theme.service.d.ts +16 -0
- package/core/styles/_koobiq-theme.scss +6 -100
- package/datepicker/_datepicker-theme.scss +17 -43
- package/datepicker/calendar.scss +0 -3
- package/datepicker/datepicker-content.scss +5 -6
- package/datepicker/datepicker-tokens.scss +59 -0
- package/divider/_divider-theme.scss +2 -4
- package/divider/divider-tokens.scss +14 -0
- package/divider/divider.scss +4 -0
- package/dl/_dl-theme.scss +4 -6
- package/dl/dl-tokens.scss +32 -0
- package/dl/dl.scss +5 -0
- package/dropdown/_dropdown-theme.scss +15 -24
- package/dropdown/dropdown-tokens.scss +111 -0
- package/dropdown/dropdown.scss +5 -0
- package/ellipsis-center/ellipsis-center.directive.d.ts +2 -6
- package/empty-state/_empty-state-theme.scss +6 -9
- package/empty-state/empty-state-tokens.scss +68 -0
- package/empty-state/empty-state.scss +5 -0
- package/esm2022/alert/alert.component.mjs +3 -3
- package/esm2022/autocomplete/autocomplete.component.mjs +3 -3
- package/esm2022/badge/badge.component.mjs +3 -3
- package/esm2022/button/button.component.mjs +3 -3
- package/esm2022/button-toggle/button-toggle.component.mjs +3 -3
- package/esm2022/checkbox/checkbox.mjs +3 -3
- package/esm2022/code-block/code-block.component.mjs +3 -3
- package/esm2022/core/common-behaviors/common-module.mjs +2 -2
- package/esm2022/core/pop-up/pop-up-styles.mjs +7 -9
- package/esm2022/core/pop-up/pop-up-trigger.mjs +13 -16
- package/esm2022/core/pop-up/pop-up.mjs +7 -6
- package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +3 -3
- package/esm2022/core/services/theme.service.mjs +20 -3
- package/esm2022/core/version.mjs +2 -2
- package/esm2022/datepicker/datepicker.component.mjs +3 -3
- package/esm2022/divider/divider.component.mjs +3 -3
- package/esm2022/dl/dl.component.mjs +3 -3
- package/esm2022/dropdown/dropdown.component.mjs +3 -3
- package/esm2022/ellipsis-center/ellipsis-center.directive.mjs +12 -23
- package/esm2022/empty-state/empty-state.component.mjs +3 -3
- package/esm2022/file-upload/multiple-file-upload.component.mjs +3 -3
- package/esm2022/file-upload/single-file-upload.component.mjs +3 -3
- package/esm2022/form-field/form-field.mjs +3 -3
- package/esm2022/form-field/hint.mjs +3 -3
- package/esm2022/form-field/password-hint.mjs +10 -7
- package/esm2022/form-field/password-toggle.mjs +10 -21
- package/esm2022/icon/icon-button.component.mjs +3 -3
- package/esm2022/icon/icon-item.component.mjs +3 -3
- package/esm2022/icon/icon.component.mjs +3 -3
- package/esm2022/list/list-selection.component.mjs +3 -3
- package/esm2022/list/list.component.mjs +3 -3
- package/esm2022/loader-overlay/loader-overlay.component.mjs +3 -3
- package/esm2022/markdown/markdown.component.mjs +3 -3
- package/esm2022/modal/modal-ref.class.mjs +1 -1
- package/esm2022/modal/modal.component.mjs +3 -3
- package/esm2022/modal/modal.service.mjs +16 -8
- package/esm2022/modal/modal.type.mjs +1 -1
- package/esm2022/navbar/navbar-item.component.mjs +17 -31
- package/esm2022/navbar/navbar.component.mjs +3 -3
- package/esm2022/popover/popover-confirm.component.mjs +13 -22
- package/esm2022/popover/popover.component.mjs +24 -31
- package/esm2022/select/select-option.directive.mjs +7 -18
- package/esm2022/table/table.component.mjs +3 -3
- package/esm2022/timezone/timezone-option.component.mjs +3 -3
- package/esm2022/timezone/timezone-option.directive.mjs +7 -18
- package/esm2022/timezone/timezone-select.component.mjs +3 -3
- package/esm2022/title/title.directive.mjs +7 -18
- package/esm2022/toast/toast.component.mjs +3 -3
- package/esm2022/toggle/toggle.component.mjs +3 -3
- package/esm2022/tooltip/tooltip.component.mjs +28 -47
- package/esm2022/tree/toggle.mjs +3 -3
- package/esm2022/tree/tree-option.component.mjs +3 -3
- package/esm2022/tree/tree-selection.component.mjs +3 -3
- package/esm2022/tree/tree.mjs +3 -3
- package/esm2022/tree-select/tree-select.component.mjs +3 -3
- package/fesm2022/koobiq-components-alert.mjs +2 -2
- package/fesm2022/koobiq-components-alert.mjs.map +1 -1
- package/fesm2022/koobiq-components-autocomplete.mjs +2 -2
- package/fesm2022/koobiq-components-autocomplete.mjs.map +1 -1
- package/fesm2022/koobiq-components-badge.mjs +2 -2
- package/fesm2022/koobiq-components-badge.mjs.map +1 -1
- package/fesm2022/koobiq-components-button-toggle.mjs +2 -2
- package/fesm2022/koobiq-components-button-toggle.mjs.map +1 -1
- package/fesm2022/koobiq-components-button.mjs +2 -2
- package/fesm2022/koobiq-components-button.mjs.map +1 -1
- package/fesm2022/koobiq-components-checkbox.mjs +2 -2
- package/fesm2022/koobiq-components-checkbox.mjs.map +1 -1
- package/fesm2022/koobiq-components-code-block.mjs +2 -2
- package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
- package/fesm2022/koobiq-components-core.mjs +49 -35
- package/fesm2022/koobiq-components-core.mjs.map +1 -1
- package/fesm2022/koobiq-components-datepicker.mjs +2 -2
- package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
- package/fesm2022/koobiq-components-divider.mjs +2 -2
- package/fesm2022/koobiq-components-divider.mjs.map +1 -1
- package/fesm2022/koobiq-components-dl.mjs +2 -2
- package/fesm2022/koobiq-components-dl.mjs.map +1 -1
- package/fesm2022/koobiq-components-dropdown.mjs +2 -2
- package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
- package/fesm2022/koobiq-components-ellipsis-center.mjs +11 -19
- package/fesm2022/koobiq-components-ellipsis-center.mjs.map +1 -1
- package/fesm2022/koobiq-components-empty-state.mjs +2 -2
- package/fesm2022/koobiq-components-empty-state.mjs.map +1 -1
- package/fesm2022/koobiq-components-file-upload.mjs +4 -4
- package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
- package/fesm2022/koobiq-components-form-field.mjs +33 -37
- package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
- package/fesm2022/koobiq-components-icon.mjs +6 -6
- package/fesm2022/koobiq-components-icon.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-loader-overlay.mjs +2 -2
- package/fesm2022/koobiq-components-loader-overlay.mjs.map +1 -1
- package/fesm2022/koobiq-components-markdown.mjs +2 -2
- package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
- package/fesm2022/koobiq-components-modal.mjs +17 -9
- package/fesm2022/koobiq-components-modal.mjs.map +1 -1
- package/fesm2022/koobiq-components-navbar.mjs +17 -29
- package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
- package/fesm2022/koobiq-components-popover.mjs +33 -44
- package/fesm2022/koobiq-components-popover.mjs.map +1 -1
- package/fesm2022/koobiq-components-select.mjs +14 -20
- package/fesm2022/koobiq-components-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-table.mjs +2 -2
- package/fesm2022/koobiq-components-table.mjs.map +1 -1
- package/fesm2022/koobiq-components-timezone.mjs +13 -20
- package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
- package/fesm2022/koobiq-components-title.mjs +6 -14
- package/fesm2022/koobiq-components-title.mjs.map +1 -1
- package/fesm2022/koobiq-components-toast.mjs +2 -2
- package/fesm2022/koobiq-components-toast.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 +27 -44
- package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
- package/fesm2022/koobiq-components-tree-select.mjs +2 -2
- package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
- package/fesm2022/koobiq-components-tree.mjs +8 -8
- package/fesm2022/koobiq-components-tree.mjs.map +1 -1
- package/file-upload/_file-upload-theme.scss +29 -112
- package/file-upload/file-upload-tokens.scss +159 -0
- package/file-upload/file-upload.scss +4 -2
- package/form-field/_form-field-theme.scss +21 -47
- package/form-field/_hint-theme.scss +13 -17
- package/form-field/form-field-tokens.scss +69 -0
- package/form-field/form-field.scss +4 -2
- package/form-field/hint-tokens.scss +60 -0
- package/form-field/hint.scss +5 -0
- package/form-field/password-toggle.d.ts +3 -6
- package/icon/_icon-button-theme.scss +27 -65
- package/icon/_icon-item-theme.scss +14 -17
- package/icon/_icon-theme.scss +7 -12
- package/icon/icon-button-tokens.scss +67 -0
- package/icon/icon-button.scss +4 -0
- package/icon/icon-item-tokens.scss +52 -0
- package/icon/icon-item.scss +4 -0
- package/icon/icon-tokens.scss +17 -0
- package/icon/icon.scss +4 -0
- package/input/_input-theme.scss +1 -5
- package/input/input-tokens.scss +12 -0
- package/input/input.scss +4 -5
- package/link/_link-theme.scss +18 -26
- package/link/link-tokens.scss +67 -0
- package/list/_list-theme.scss +14 -25
- package/list/list-tokens.scss +100 -0
- package/list/list.scss +5 -0
- package/loader-overlay/_loader-overlay-theme.scss +8 -23
- package/loader-overlay/loader-overlay-tokens.scss +58 -0
- package/loader-overlay/loader-overlay.scss +4 -5
- package/markdown/_markdown-theme.scss +29 -43
- package/markdown/markdown-tokens.scss +252 -0
- package/markdown/markdown.scss +6 -6
- package/modal/_modal-confirm.scss +0 -3
- package/modal/_modal-theme.scss +10 -12
- package/modal/modal-ref.class.d.ts +2 -2
- package/modal/modal-tokens.scss +53 -0
- package/modal/modal.component.d.ts +2 -2
- package/modal/modal.scss +5 -0
- package/modal/modal.service.d.ts +12 -7
- package/modal/modal.type.d.ts +3 -0
- package/navbar/_navbar-theme.scss +15 -25
- package/navbar/navbar-divider.scss +0 -3
- package/navbar/navbar-item.component.d.ts +5 -7
- package/navbar/navbar-item.scss +0 -3
- package/navbar/navbar-tokens.scss +83 -0
- package/navbar/navbar.scss +5 -3
- package/navbar/vertical-navbar.scss +0 -3
- package/package.json +7 -7
- package/popover/_popover-theme.scss +9 -16
- package/popover/popover-confirm.component.d.ts +3 -6
- package/popover/popover-tokens.scss +60 -0
- package/popover/popover.component.d.ts +4 -6
- package/popover/popover.scss +4 -5
- package/prebuilt-themes/dark-theme.css +1 -1
- package/prebuilt-themes/light-theme.css +1 -1
- package/schematics/ng-add/index.js +4 -4
- package/select/select-option.directive.d.ts +3 -6
- package/table/_table-theme.scss +7 -15
- package/table/table-tokens.scss +37 -0
- package/table/table.scss +4 -1
- package/textarea/_textarea-theme.scss +1 -1
- package/textarea/textarea-tokens.scss +14 -0
- package/textarea/textarea.scss +1 -0
- package/timezone/_timezone-option-theme.scss +5 -7
- package/timezone/timezone-option-tokens.scss +51 -0
- package/timezone/timezone-option.component.scss +5 -0
- package/timezone/timezone-option.directive.d.ts +3 -6
- package/timezone/timezone-select.component.scss +5 -0
- package/title/title.directive.d.ts +3 -6
- package/toast/_toast-theme.scss +11 -15
- package/toast/toast-tokens.scss +75 -0
- package/toast/toast.component.scss +4 -1
- package/toggle/_toggle-theme.scss +21 -41
- package/toggle/toggle-tokens.scss +142 -0
- package/toggle/toggle.scss +4 -1
- package/tooltip/_tooltip-theme.scss +13 -23
- package/tooltip/tooltip-tokens.scss +63 -0
- package/tooltip/tooltip.component.d.ts +8 -11
- package/tooltip/tooltip.scss +5 -0
- package/tree/_tree-theme.scss +14 -21
- package/tree/toggle.scss +5 -0
- package/tree/tree-option.scss +0 -5
- package/tree/tree-selection.scss +5 -0
- package/tree/tree-tokens.scss +94 -0
- package/tree/tree.scss +5 -0
- package/tree-select/_tree-select-theme.scss +9 -16
- package/tree-select/tree-select-tokens.scss +59 -0
- package/tree-select/tree-select.scss +5 -0
|
@@ -5,58 +5,49 @@
|
|
|
5
5
|
@use '../core/styles/typography/typography-utils' as *;
|
|
6
6
|
@use '../core/styles/common/tokens' as *;
|
|
7
7
|
|
|
8
|
-
@mixin kbq-dropdown-item-state($
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
background: kbq-css-variable(list-#{$style-name}-container-background, map.get($state, container-background));
|
|
12
|
-
color: kbq-css-variable(list-#{$style-name}-text-color, map.get($state, text));
|
|
8
|
+
@mixin kbq-dropdown-item-state($style-name) {
|
|
9
|
+
background: kbq-css-variable(list-#{$style-name}-container-background);
|
|
10
|
+
color: kbq-css-variable(list-#{$style-name}-text-color);
|
|
13
11
|
|
|
14
12
|
.kbq-dropdown-item__caption {
|
|
15
|
-
color: kbq-css-variable(list-#{$style-name}-caption-color
|
|
13
|
+
color: kbq-css-variable(list-#{$style-name}-caption-color);
|
|
16
14
|
}
|
|
17
15
|
}
|
|
18
16
|
|
|
19
|
-
@mixin kbq-dropdown-theme(
|
|
20
|
-
$dropdown: map.get(map.get($theme, components), dropdown);
|
|
21
|
-
|
|
17
|
+
@mixin kbq-dropdown-theme() {
|
|
22
18
|
.kbq-dropdown__panel {
|
|
23
|
-
box-shadow: kbq-css-variable(dropdown-container-box-shadow
|
|
24
|
-
background: kbq-css-variable(dropdown-container-background
|
|
19
|
+
box-shadow: kbq-css-variable(dropdown-container-box-shadow);
|
|
20
|
+
background: kbq-css-variable(dropdown-container-background);
|
|
25
21
|
}
|
|
26
22
|
|
|
27
23
|
.kbq-dropdown-item {
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
@include kbq-dropdown-item-state($list-item, default);
|
|
24
|
+
@include kbq-dropdown-item-state(default);
|
|
31
25
|
|
|
32
26
|
&.kbq-dropdown-item_highlighted,
|
|
33
27
|
&:hover:not(.kbq-disabled) {
|
|
34
|
-
@include kbq-dropdown-item-state(
|
|
28
|
+
@include kbq-dropdown-item-state(states-hover);
|
|
35
29
|
}
|
|
36
30
|
|
|
37
31
|
&.cdk-keyboard-focused {
|
|
38
|
-
border-color: kbq-css-variable(
|
|
39
|
-
list-states-focused-focus-outline-color,
|
|
40
|
-
map.get($list-item, states-focused, focus-outline)
|
|
41
|
-
);
|
|
32
|
+
border-color: kbq-css-variable(list-states-focused-focus-outline-color);
|
|
42
33
|
}
|
|
43
34
|
|
|
44
35
|
&.kbq-selected {
|
|
45
|
-
@include kbq-dropdown-item-state(
|
|
36
|
+
@include kbq-dropdown-item-state(states-selected);
|
|
46
37
|
|
|
47
38
|
&:hover:not(.kbq-disabled) {
|
|
48
|
-
@include kbq-dropdown-item-state(
|
|
39
|
+
@include kbq-dropdown-item-state(states-selected-hover);
|
|
49
40
|
}
|
|
50
41
|
}
|
|
51
42
|
|
|
52
43
|
&.kbq-disabled {
|
|
53
|
-
@include kbq-dropdown-item-state(
|
|
44
|
+
@include kbq-dropdown-item-state(states-disabled);
|
|
54
45
|
}
|
|
55
46
|
}
|
|
56
47
|
|
|
57
48
|
.kbq-dropdown__group-header {
|
|
58
49
|
&.kbq-dropdown__group-header_small {
|
|
59
|
-
color: kbq-css-variable(foreground-contrast-secondary
|
|
50
|
+
color: kbq-css-variable(foreground-contrast-secondary);
|
|
60
51
|
}
|
|
61
52
|
}
|
|
62
53
|
|
|
@@ -65,7 +56,7 @@
|
|
|
65
56
|
}
|
|
66
57
|
}
|
|
67
58
|
|
|
68
|
-
@mixin kbq-dropdown-typography(
|
|
59
|
+
@mixin kbq-dropdown-typography() {
|
|
69
60
|
.kbq-dropdown-item,
|
|
70
61
|
.kbq-dropdown__content {
|
|
71
62
|
@include kbq-typography-css-variables(list, text);
|
|
@@ -0,0 +1,111 @@
|
|
|
1
|
+
.kbq-dropdown__panel {
|
|
2
|
+
--kbq-dropdown-size-container-width-min: 64px;
|
|
3
|
+
--kbq-dropdown-size-container-width-max: 640px;
|
|
4
|
+
--kbq-dropdown-size-container-padding-vertical: 4px;
|
|
5
|
+
--kbq-dropdown-size-container-border-radius: 8px;
|
|
6
|
+
--kbq-list-size-container-padding-left: 12px;
|
|
7
|
+
--kbq-list-size-container-padding-right: 12px;
|
|
8
|
+
--kbq-list-size-container-padding-vertical: 6px;
|
|
9
|
+
--kbq-list-size-container-content-gap-horizontal: 8px;
|
|
10
|
+
--kbq-list-size-container-content-gap-vertical: 2px;
|
|
11
|
+
--kbq-list-size-container-focus-outline-width: 2px;
|
|
12
|
+
--kbq-list-size-text-padding-vertical: 0;
|
|
13
|
+
--kbq-list-size-header-padding-top: 8px;
|
|
14
|
+
--kbq-list-size-header-padding-bottom: 4px;
|
|
15
|
+
--kbq-list-size-header-padding-horizontal: 12px;
|
|
16
|
+
--kbq-list-size-subheading-padding-top: 12px;
|
|
17
|
+
--kbq-list-size-subheading-padding-bottom: 4px;
|
|
18
|
+
--kbq-list-size-subheading-padding-horizontal: 12px;
|
|
19
|
+
--kbq-list-font-text-font-size: 14px;
|
|
20
|
+
--kbq-list-font-text-line-height: 20px;
|
|
21
|
+
--kbq-list-font-text-letter-spacing: -0.006em;
|
|
22
|
+
--kbq-list-font-text-font-weight: normal;
|
|
23
|
+
--kbq-list-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial,
|
|
24
|
+
sans-serif;
|
|
25
|
+
--kbq-list-font-text-text-transform: null;
|
|
26
|
+
--kbq-list-font-text-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
|
|
27
|
+
--kbq-list-font-caption-font-size: 12px;
|
|
28
|
+
--kbq-list-font-caption-line-height: 16px;
|
|
29
|
+
--kbq-list-font-caption-letter-spacing: normal;
|
|
30
|
+
--kbq-list-font-caption-font-weight: normal;
|
|
31
|
+
--kbq-list-font-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial,
|
|
32
|
+
sans-serif;
|
|
33
|
+
--kbq-list-font-caption-text-transform: null;
|
|
34
|
+
--kbq-list-font-caption-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
|
|
35
|
+
--kbq-list-font-header-font-size: 16px;
|
|
36
|
+
--kbq-list-font-header-line-height: 24px;
|
|
37
|
+
--kbq-list-font-header-letter-spacing: -0.011em;
|
|
38
|
+
--kbq-list-font-header-font-weight: 600;
|
|
39
|
+
--kbq-list-font-header-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial,
|
|
40
|
+
sans-serif;
|
|
41
|
+
--kbq-list-font-header-text-transform: null;
|
|
42
|
+
--kbq-list-font-header-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
|
|
43
|
+
--kbq-list-font-subheading-font-size: 12px;
|
|
44
|
+
--kbq-list-font-subheading-line-height: 16px;
|
|
45
|
+
--kbq-list-font-subheading-letter-spacing: 1px;
|
|
46
|
+
--kbq-list-font-subheading-font-weight: 500;
|
|
47
|
+
--kbq-list-font-subheading-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
|
|
48
|
+
Arial, sans-serif;
|
|
49
|
+
--kbq-list-font-subheading-text-transform: uppercase;
|
|
50
|
+
--kbq-list-font-subheading-font-feature-settings: 'calt', 'case', 'kern', 'liga', 'ss01', 'ss04';
|
|
51
|
+
}
|
|
52
|
+
|
|
53
|
+
:where(.kbq-light, .theme-light, .kbq-theme-light) {
|
|
54
|
+
// TODO: remove after all settled, should be assigned via css-tokens.css (#DS-2846)
|
|
55
|
+
--kbq-foreground-contrast-secondary: hsla(229, 15%, 50%, 100%);
|
|
56
|
+
--kbq-dropdown-container-background: hsla(229, 15%, 100%, 100%);
|
|
57
|
+
--kbq-dropdown-container-box-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%),
|
|
58
|
+
0 3px 8px hsla(229, 15%, 6%, 12%);
|
|
59
|
+
--kbq-list-default-container-background: transparent;
|
|
60
|
+
--kbq-list-default-text-color: hsla(229, 15%, 15%, 100%);
|
|
61
|
+
--kbq-list-default-icon-color: hsla(229, 15%, 15%, 100%);
|
|
62
|
+
--kbq-list-default-icon-button-color: hsla(229, 15%, 60%, 100%);
|
|
63
|
+
--kbq-list-default-caption-color: hsla(229, 15%, 50%, 100%);
|
|
64
|
+
--kbq-list-states-hover-container-background: hsla(229, 15%, 50%, 8%);
|
|
65
|
+
--kbq-list-states-hover-text-color: hsla(229, 15%, 15%, 100%);
|
|
66
|
+
--kbq-list-states-hover-icon-color: hsla(229, 15%, 15%, 100%);
|
|
67
|
+
--kbq-list-states-hover-icon-button-color: hsla(229, 15%, 60%, 100%);
|
|
68
|
+
--kbq-list-states-selected-container-background: hsla(216, 100%, 94%, 100%);
|
|
69
|
+
--kbq-list-states-selected-text-color: hsla(229, 15%, 15%, 100%);
|
|
70
|
+
--kbq-list-states-selected-icon-color: hsla(229, 15%, 15%, 100%);
|
|
71
|
+
--kbq-list-states-selected-icon-button-color: hsla(229, 15%, 60%, 100%);
|
|
72
|
+
--kbq-list-states-selected-hover-container-background: hsla(216, 100%, 90%, 100%);
|
|
73
|
+
--kbq-list-states-selected-hover-text-color: hsla(229, 15%, 15%, 100%);
|
|
74
|
+
--kbq-list-states-selected-hover-icon-color: hsla(229, 15%, 15%, 100%);
|
|
75
|
+
--kbq-list-states-selected-hover-icon-button-color: hsla(229, 15%, 60%, 100%);
|
|
76
|
+
--kbq-list-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);
|
|
77
|
+
--kbq-list-states-disabled-container-background: transparent;
|
|
78
|
+
--kbq-list-states-disabled-text-color: hsla(229, 15%, 15%, 32%);
|
|
79
|
+
--kbq-list-states-disabled-icon-color: hsla(229, 15%, 15%, 32%);
|
|
80
|
+
--kbq-list-states-disabled-icon-button-color: hsla(229, 15%, 15%, 32%);
|
|
81
|
+
--kbq-list-states-disabled-caption-color: hsla(229, 15%, 15%, 32%);
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
:where(.kbq-dark, .theme-dark, .kbq-theme-dark) {
|
|
85
|
+
--kbq-foreground-contrast-secondary: hsla(229, 15%, 60%, 100%);
|
|
86
|
+
--kbq-dropdown-container-background: hsla(229, 15%, 15%, 100%);
|
|
87
|
+
--kbq-dropdown-container-box-shadow: 0 0 0 1px hsla(229, 100%, 85%, 15%);
|
|
88
|
+
--kbq-list-default-container-background: transparent;
|
|
89
|
+
--kbq-list-default-text-color: hsla(229, 15%, 80%, 100%);
|
|
90
|
+
--kbq-list-default-icon-color: hsla(229, 15%, 80%, 100%);
|
|
91
|
+
--kbq-list-default-icon-button-color: hsla(229, 15%, 45%, 100%);
|
|
92
|
+
--kbq-list-default-caption-color: hsla(229, 15%, 60%, 100%);
|
|
93
|
+
--kbq-list-states-hover-container-background: hsla(229, 15%, 50%, 16%);
|
|
94
|
+
--kbq-list-states-hover-text-color: hsla(229, 15%, 80%, 100%);
|
|
95
|
+
--kbq-list-states-hover-icon-color: hsla(229, 15%, 80%, 100%);
|
|
96
|
+
--kbq-list-states-hover-icon-button-color: hsla(229, 15%, 45%, 100%);
|
|
97
|
+
--kbq-list-states-selected-container-background: hsla(216, 100%, 18%, 100%);
|
|
98
|
+
--kbq-list-states-selected-text-color: hsla(229, 15%, 80%, 100%);
|
|
99
|
+
--kbq-list-states-selected-icon-color: hsla(229, 15%, 80%, 100%);
|
|
100
|
+
--kbq-list-states-selected-icon-button-color: hsla(229, 15%, 45%, 100%);
|
|
101
|
+
--kbq-list-states-selected-hover-container-background: hsla(216, 100%, 15%, 100%);
|
|
102
|
+
--kbq-list-states-selected-hover-text-color: hsla(229, 15%, 80%, 100%);
|
|
103
|
+
--kbq-list-states-selected-hover-icon-color: hsla(229, 15%, 80%, 100%);
|
|
104
|
+
--kbq-list-states-selected-hover-icon-button-color: hsla(229, 15%, 45%, 100%);
|
|
105
|
+
--kbq-list-states-focused-focus-outline-color: hsla(216, 100%, 60%, 100%);
|
|
106
|
+
--kbq-list-states-disabled-container-background: transparent;
|
|
107
|
+
--kbq-list-states-disabled-text-color: hsla(229, 15%, 40%, 100%);
|
|
108
|
+
--kbq-list-states-disabled-icon-color: hsla(229, 15%, 30%, 100%);
|
|
109
|
+
--kbq-list-states-disabled-icon-button-color: hsla(229, 15%, 30%, 100%);
|
|
110
|
+
--kbq-list-states-disabled-caption-color: hsla(229, 15%, 40%, 100%);
|
|
111
|
+
}
|
package/dropdown/dropdown.scss
CHANGED
|
@@ -3,6 +3,8 @@
|
|
|
3
3
|
|
|
4
4
|
@use '../core/styles/common/tokens' as *;
|
|
5
5
|
|
|
6
|
+
@use './dropdown-theme' as *;
|
|
7
|
+
|
|
6
8
|
.kbq-dropdown-trigger.kbq-button-icon_right.kbq-button-icon_left {
|
|
7
9
|
& .kbq-icon_left {
|
|
8
10
|
margin-right: 2px;
|
|
@@ -45,3 +47,6 @@
|
|
|
45
47
|
display: flex;
|
|
46
48
|
flex-direction: column;
|
|
47
49
|
}
|
|
50
|
+
|
|
51
|
+
@include kbq-dropdown-theme();
|
|
52
|
+
@include kbq-dropdown-typography();
|
|
@@ -1,7 +1,4 @@
|
|
|
1
|
-
import {
|
|
2
|
-
import { Directionality } from '@angular/cdk/bidi';
|
|
3
|
-
import { Overlay, ScrollDispatcher } from '@angular/cdk/overlay';
|
|
4
|
-
import { AfterViewInit, ElementRef, NgZone, OnDestroy, OnInit, Renderer2, ViewContainerRef } from '@angular/core';
|
|
1
|
+
import { AfterViewInit, OnDestroy, OnInit } from '@angular/core';
|
|
5
2
|
import { KbqTooltipTrigger } from '@koobiq/components/tooltip';
|
|
6
3
|
import { Subject } from 'rxjs';
|
|
7
4
|
import * as i0 from "@angular/core";
|
|
@@ -13,12 +10,11 @@ export declare class KbqEllipsisCenterDirective extends KbqTooltipTrigger implem
|
|
|
13
10
|
private _kbqEllipsisCenter;
|
|
14
11
|
private resizeSubscription;
|
|
15
12
|
private readonly debounceInterval;
|
|
16
|
-
constructor(overlay: Overlay, elementRef: ElementRef<HTMLElement>, ngZone: NgZone, scrollDispatcher: ScrollDispatcher, hostView: ViewContainerRef, scrollStrategy: any, direction: Directionality, focusMonitor: FocusMonitor, renderer: Renderer2);
|
|
17
13
|
ngOnInit(): void;
|
|
18
14
|
ngAfterViewInit(): void;
|
|
19
15
|
ngOnDestroy(): void;
|
|
20
16
|
private refresh;
|
|
21
|
-
static ɵfac: i0.ɵɵFactoryDeclaration<KbqEllipsisCenterDirective,
|
|
17
|
+
static ɵfac: i0.ɵɵFactoryDeclaration<KbqEllipsisCenterDirective, never>;
|
|
22
18
|
static ɵdir: i0.ɵɵDirectiveDeclaration<KbqEllipsisCenterDirective, "[kbqEllipsisCenter]", never, { "kbqEllipsisCenter": { "alias": "kbqEllipsisCenter"; "required": false; }; "minVisibleLength": { "alias": "minVisibleLength"; "required": false; }; }, {}, never, never, false, never>;
|
|
23
19
|
}
|
|
24
20
|
export declare class KbqEllipsisCenterModule {
|
|
@@ -1,34 +1,31 @@
|
|
|
1
1
|
@use 'sass:meta';
|
|
2
2
|
@use 'sass:map';
|
|
3
3
|
|
|
4
|
-
@use '../core/styles/typography/typography-utils' as *;
|
|
5
4
|
@use '../core/styles/common/tokens' as *;
|
|
6
5
|
|
|
7
|
-
@mixin kbq-empty-state-theme(
|
|
8
|
-
$empty-state: map.get($theme, components, empty-state);
|
|
9
|
-
|
|
6
|
+
@mixin kbq-empty-state-theme() {
|
|
10
7
|
.kbq-empty-state_normal-color {
|
|
11
8
|
.kbq-empty-state-title {
|
|
12
|
-
color: kbq-css-variable(empty-state-title
|
|
9
|
+
color: kbq-css-variable(empty-state-title);
|
|
13
10
|
}
|
|
14
11
|
|
|
15
12
|
.kbq-empty-state-text {
|
|
16
|
-
color: kbq-css-variable(empty-state-title
|
|
13
|
+
color: kbq-css-variable(empty-state-title);
|
|
17
14
|
}
|
|
18
15
|
}
|
|
19
16
|
|
|
20
17
|
.kbq-empty-state_error-color {
|
|
21
18
|
.kbq-empty-state-title {
|
|
22
|
-
color: kbq-css-variable(foreground-error
|
|
19
|
+
color: kbq-css-variable(foreground-error);
|
|
23
20
|
}
|
|
24
21
|
|
|
25
22
|
.kbq-empty-state-text {
|
|
26
|
-
color: kbq-css-variable(foreground-error
|
|
23
|
+
color: kbq-css-variable(foreground-error);
|
|
27
24
|
}
|
|
28
25
|
}
|
|
29
26
|
}
|
|
30
27
|
|
|
31
|
-
@mixin kbq-empty-state-typography(
|
|
28
|
+
@mixin kbq-empty-state-typography() {
|
|
32
29
|
.kbq-empty-state-title,
|
|
33
30
|
.kbq-empty-state-text {
|
|
34
31
|
text-align: center;
|
|
@@ -0,0 +1,68 @@
|
|
|
1
|
+
.kbq-empty-state {
|
|
2
|
+
--kbq-empty-state-size-big-max-width: 480px;
|
|
3
|
+
--kbq-empty-state-size-big-padding-horizontal: 56px;
|
|
4
|
+
--kbq-empty-state-size-big-padding-top: 48px;
|
|
5
|
+
--kbq-empty-state-size-big-padding-bottom: 48px;
|
|
6
|
+
--kbq-empty-state-size-big-actions-margin-top: 20px;
|
|
7
|
+
--kbq-empty-state-size-big-image-margin-bottom: 32px;
|
|
8
|
+
--kbq-empty-state-size-big-image-addon-height: 56px;
|
|
9
|
+
--kbq-empty-state-size-big-title-margin-bottom: 16px;
|
|
10
|
+
--kbq-empty-state-size-normal-max-width: 320px;
|
|
11
|
+
--kbq-empty-state-size-normal-padding-horizontal: 32px;
|
|
12
|
+
--kbq-empty-state-size-normal-padding-top: 32px;
|
|
13
|
+
--kbq-empty-state-size-normal-padding-bottom: 32px;
|
|
14
|
+
--kbq-empty-state-size-normal-actions-margin-top: 8px;
|
|
15
|
+
--kbq-empty-state-size-normal-image-margin-bottom: 20px;
|
|
16
|
+
--kbq-empty-state-size-normal-image-addon-height: 24px;
|
|
17
|
+
--kbq-empty-state-size-normal-title-margin-bottom: 4px;
|
|
18
|
+
--kbq-empty-state-font-big-title-font-size: 28px;
|
|
19
|
+
--kbq-empty-state-font-big-title-line-height: 32px;
|
|
20
|
+
--kbq-empty-state-font-big-title-letter-spacing: normal;
|
|
21
|
+
--kbq-empty-state-font-big-title-font-weight: 700;
|
|
22
|
+
--kbq-empty-state-font-big-title-font-family: 'TT-Positive', Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
|
|
23
|
+
'Helvetica Neue', Arial, sans-serif;
|
|
24
|
+
--kbq-empty-state-font-big-title-text-transform: null;
|
|
25
|
+
--kbq-empty-state-font-big-title-font-feature-settings: 'calt', 'kern', 'liga';
|
|
26
|
+
--kbq-empty-state-font-big-text-font-size: 14px;
|
|
27
|
+
--kbq-empty-state-font-big-text-line-height: 20px;
|
|
28
|
+
--kbq-empty-state-font-big-text-letter-spacing: -0.006em;
|
|
29
|
+
--kbq-empty-state-font-big-text-font-weight: normal;
|
|
30
|
+
--kbq-empty-state-font-big-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue',
|
|
31
|
+
Arial, sans-serif;
|
|
32
|
+
--kbq-empty-state-font-big-text-text-transform: null;
|
|
33
|
+
--kbq-empty-state-font-big-text-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
|
|
34
|
+
--kbq-empty-state-font-normal-title-font-size: 16px;
|
|
35
|
+
--kbq-empty-state-font-normal-title-line-height: 24px;
|
|
36
|
+
--kbq-empty-state-font-normal-title-letter-spacing: -0.011em;
|
|
37
|
+
--kbq-empty-state-font-normal-title-font-weight: 600;
|
|
38
|
+
--kbq-empty-state-font-normal-title-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
|
|
39
|
+
'Helvetica Neue', Arial, sans-serif;
|
|
40
|
+
--kbq-empty-state-font-normal-title-text-transform: null;
|
|
41
|
+
--kbq-empty-state-font-normal-title-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
|
|
42
|
+
--kbq-empty-state-font-normal-text-font-size: 14px;
|
|
43
|
+
--kbq-empty-state-font-normal-text-line-height: 20px;
|
|
44
|
+
--kbq-empty-state-font-normal-text-letter-spacing: -0.006em;
|
|
45
|
+
--kbq-empty-state-font-normal-text-font-weight: normal;
|
|
46
|
+
--kbq-empty-state-font-normal-text-font-family: Inter, -apple-system, BlinkMacSystemFont, 'Segoe UI',
|
|
47
|
+
'Helvetica Neue', Arial, sans-serif;
|
|
48
|
+
--kbq-empty-state-font-normal-text-text-transform: null;
|
|
49
|
+
--kbq-empty-state-font-normal-text-font-feature-settings: 'calt', 'kern', 'liga', 'ss01', 'ss04';
|
|
50
|
+
}
|
|
51
|
+
|
|
52
|
+
:where(.kbq-light, .theme-light, .kbq-theme-light) {
|
|
53
|
+
--kbq-foreground-error: hsla(7, 97%, 40%, 100%);
|
|
54
|
+
--kbq-foreground-error-secondary: hsla(7, 97%, 50%, 100%);
|
|
55
|
+
--kbq-foreground-error-tertiary: hsla(7, 97%, 70%, 100%);
|
|
56
|
+
--kbq-foreground-error-less: hsla(7, 97%, 90%, 100%);
|
|
57
|
+
--kbq-empty-state-title: hsla(229, 15%, 15%, 100%);
|
|
58
|
+
--kbq-empty-state-color: hsla(229, 15%, 15%, 100%);
|
|
59
|
+
}
|
|
60
|
+
|
|
61
|
+
:where(.kbq-dark, .theme-dark, .kbq-theme-dark) {
|
|
62
|
+
--kbq-foreground-error: hsla(7, 97%, 60%, 100%);
|
|
63
|
+
--kbq-foreground-error-secondary: hsla(7, 97%, 40%, 100%);
|
|
64
|
+
--kbq-foreground-error-tertiary: hsla(7, 97%, 25%, 100%);
|
|
65
|
+
--kbq-foreground-error-less: hsla(7, 97%, 90%, 100%);
|
|
66
|
+
--kbq-empty-state-title: hsla(229, 15%, 80%, 100%);
|
|
67
|
+
--kbq-empty-state-color: hsla(229, 15%, 80%, 100%);
|
|
68
|
+
}
|
|
@@ -4,6 +4,8 @@
|
|
|
4
4
|
@use '../core/styles/tokens';
|
|
5
5
|
@use '../core/styles/common/tokens' as *;
|
|
6
6
|
|
|
7
|
+
@use './empty-state-theme' as *;
|
|
8
|
+
|
|
7
9
|
.kbq-empty-state {
|
|
8
10
|
display: flex;
|
|
9
11
|
flex-direction: column;
|
|
@@ -79,3 +81,6 @@
|
|
|
79
81
|
justify-content: flex-start;
|
|
80
82
|
}
|
|
81
83
|
}
|
|
84
|
+
|
|
85
|
+
@include kbq-empty-state-theme();
|
|
86
|
+
@include kbq-empty-state-typography();
|
|
@@ -77,7 +77,7 @@ export class KbqAlert {
|
|
|
77
77
|
}
|
|
78
78
|
}
|
|
79
79
|
/** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
|
|
80
|
-
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqAlert, selector: "kbq-alert", inputs: { compact: "compact", alertStyle: "alertStyle", alertColor: "alertColor" }, host: { properties: { "class": "alertColor", "class.kbq-alert_normal": "!compact", "class.kbq-alert_compact": "compact", "class.kbq-alert_default": "!isColored", "class.kbq-alert_colored": "isColored", "class.kbq-alert_dismissible": "closeButton" }, classAttribute: "kbq-alert" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, descendants: true }, { propertyName: "icon", first: true, predicate: KbqIcon, descendants: true }, { propertyName: "button", first: true, predicate: KbqButton, descendants: true }, { propertyName: "title", first: true, predicate: KbqAlertTitle, descendants: true }, { propertyName: "control", first: true, predicate: KbqAlertControl, descendants: true }, { propertyName: "closeButton", first: true, predicate: KbqAlertCloseButton, descendants: true }], ngImport: i0, template: "<div\n *ngIf=\"iconItem || icon\"\n class=\"kbq-alert__icon\"\n [class.kbq-alert__icon_title]=\"title\"\n>\n <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n</div>\n\n<div\n class=\"kbq-alert__content\"\n [class.kbq-alert__content_title]=\"title\"\n>\n <ng-content select=\"[kbq-alert-title]\" />\n\n <div class=\"kbq-alert__text\">\n <ng-content />\n </div>\n\n <div\n *ngIf=\"control\"\n class=\"kbq-alert__button-stack\"\n [class.kbq-alert__button-stack_has-button]=\"button\"\n >\n <ng-content select=\"[kbq-alert-control]\" />\n </div>\n</div>\n\n<div\n class=\"kbq-alert__close-button\"\n [hidden]=\"!closeButton\"\n>\n <ng-content select=\"[kbq-alert-close-button]\" />\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs, 4px)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius, 12px);padding:var(--kbq-alert-size-normal-container-padding-top, 0) var(--kbq-alert-size-normal-container-padding-right, 8px) var(--kbq-alert-size-normal-container-padding-bottom, 0) var(--kbq-alert-size-normal-container-padding-left, 8px)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top, 16px) var(--kbq-alert-size-normal-icon-margin-right, 0) var(--kbq-alert-size-normal-icon-margin-bottom, 16px) var(--kbq-alert-size-normal-icon-margin-left, 12px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top, 16px);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top, 16px) var(--kbq-alert-size-normal-content-padding-right, 8px) var(--kbq-alert-size-normal-content-padding-bottom, 16px) var(--kbq-alert-size-normal-content-padding-left, 12px)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom, 4px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-normal-close-button-margin-left, 2px)}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius, 12px);padding:var(--kbq-alert-size-compact-container-padding-top, 0) var(--kbq-alert-size-compact-container-padding-right, 8px) var(--kbq-alert-size-compact-container-padding-bottom, 0) var(--kbq-alert-size-compact-container-padding-left, 16px)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top, 12px);margin-right:var(--kbq-alert-size-compact-icon-margin-right, 8px);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top, 2px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top, 12px);padding-top:var(--kbq-alert-size-compact-icon-padding-top, 4px)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top, 12px) var(--kbq-alert-size-compact-content-padding-right, 8px) var(--kbq-alert-size-compact-content-padding-bottom, 12px) var(--kbq-alert-size-compact-content-padding-left, 0)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-compact-close-button-margin-left, 2px)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
80
|
+
/** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqAlert, selector: "kbq-alert", inputs: { compact: "compact", alertStyle: "alertStyle", alertColor: "alertColor" }, host: { properties: { "class": "alertColor", "class.kbq-alert_normal": "!compact", "class.kbq-alert_compact": "compact", "class.kbq-alert_default": "!isColored", "class.kbq-alert_colored": "isColored", "class.kbq-alert_dismissible": "closeButton" }, classAttribute: "kbq-alert" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, descendants: true }, { propertyName: "icon", first: true, predicate: KbqIcon, descendants: true }, { propertyName: "button", first: true, predicate: KbqButton, descendants: true }, { propertyName: "title", first: true, predicate: KbqAlertTitle, descendants: true }, { propertyName: "control", first: true, predicate: KbqAlertControl, descendants: true }, { propertyName: "closeButton", first: true, predicate: KbqAlertCloseButton, descendants: true }], ngImport: i0, template: "<div\n *ngIf=\"iconItem || icon\"\n class=\"kbq-alert__icon\"\n [class.kbq-alert__icon_title]=\"title\"\n>\n <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n</div>\n\n<div\n class=\"kbq-alert__content\"\n [class.kbq-alert__content_title]=\"title\"\n>\n <ng-content select=\"[kbq-alert-title]\" />\n\n <div class=\"kbq-alert__text\">\n <ng-content />\n </div>\n\n <div\n *ngIf=\"control\"\n class=\"kbq-alert__button-stack\"\n [class.kbq-alert__button-stack_has-button]=\"button\"\n >\n <ng-content select=\"[kbq-alert-control]\" />\n </div>\n</div>\n\n<div\n class=\"kbq-alert__close-button\"\n [hidden]=\"!closeButton\"\n>\n <ng-content select=\"[kbq-alert-close-button]\" />\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs, 4px)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius, 12px);padding:var(--kbq-alert-size-normal-container-padding-top, 0) var(--kbq-alert-size-normal-container-padding-right, 8px) var(--kbq-alert-size-normal-container-padding-bottom, 0) var(--kbq-alert-size-normal-container-padding-left, 8px)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top, 16px) var(--kbq-alert-size-normal-icon-margin-right, 0) var(--kbq-alert-size-normal-icon-margin-bottom, 16px) var(--kbq-alert-size-normal-icon-margin-left, 12px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top, 16px);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top, 16px) var(--kbq-alert-size-normal-content-padding-right, 8px) var(--kbq-alert-size-normal-content-padding-bottom, 16px) var(--kbq-alert-size-normal-content-padding-left, 12px)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom, 4px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-normal-close-button-margin-left, 2px)}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius, 12px);padding:var(--kbq-alert-size-compact-container-padding-top, 0) var(--kbq-alert-size-compact-container-padding-right, 8px) var(--kbq-alert-size-compact-container-padding-bottom, 0) var(--kbq-alert-size-compact-container-padding-left, 16px)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top, 12px);margin-right:var(--kbq-alert-size-compact-icon-margin-right, 8px);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top, 2px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top, 12px);padding-top:var(--kbq-alert-size-compact-icon-padding-top, 4px)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top, 12px) var(--kbq-alert-size-compact-content-padding-right, 8px) var(--kbq-alert-size-compact-content-padding-bottom, 12px) var(--kbq-alert-size-compact-content-padding-left, 0)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-compact-close-button-margin-left, 2px)}.kbq-alert__close:focus{outline:none}.kbq-alert.kbq-alert_default.kbq-alert_contrast{background:var(--kbq-alert-default-contrast-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-default-contrast-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-default-contrast-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_error{background:var(--kbq-alert-default-error-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-default-error-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-default-error-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_warning{background:var(--kbq-alert-default-warning-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-default-warning-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-default-warning-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_success{background:var(--kbq-alert-default-success-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-default-success-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-default-success-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_theme{background:var(--kbq-alert-default-theme-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-default-theme-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-default-theme-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast{background:var(--kbq-alert-colored-contrast-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-colored-contrast-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-colored-contrast-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_error{background:var(--kbq-alert-colored-error-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-colored-error-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-colored-error-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning{background:var(--kbq-alert-colored-warning-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-colored-warning-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-colored-warning-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_success{background:var(--kbq-alert-colored-success-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-colored-success-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-colored-success-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme{background:var(--kbq-alert-colored-theme-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-colored-theme-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-colored-theme-container-text, )}.kbq-alert{font-size:var(--kbq-alert-font-text-font-size, 14px);font-weight:var(--kbq-alert-font-text-font-weight, normal);line-height:var(--kbq-alert-font-text-line-height, 20px);font-family:var(--kbq-alert-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-text-text-transform, );font-feature-settings:var(--kbq-alert-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-alert-font-text-letter-spacing, -.006em)}.kbq-alert .kbq-alert__title{font-size:var(--kbq-alert-font-title-font-size, 18px);font-weight:var(--kbq-alert-font-title-font-weight, 600);line-height:var(--kbq-alert-font-title-line-height, 26px);font-family:var(--kbq-alert-font-title-font-family, \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-title-text-transform, );font-feature-settings:var(--kbq-alert-font-title-font-feature-settings, \"calt\", \"kern\", \"liga\");letter-spacing:var(--kbq-alert-font-title-letter-spacing, normal)}.kbq-alert.kbq-alert_compact .kbq-alert__title{font-size:var(--kbq-alert-font-title-compact-font-size, 16px);font-weight:var(--kbq-alert-font-title-compact-font-weight, 600);line-height:var(--kbq-alert-font-title-compact-line-height, 24px);font-family:var(--kbq-alert-font-title-compact-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-title-compact-text-transform, );font-feature-settings:var(--kbq-alert-font-title-compact-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-alert-font-title-compact-letter-spacing, -.011em)}\n", ".kbq-alert{--kbq-alert-size-normal-container-border-radius: 12px;--kbq-alert-size-normal-container-padding-top: 0;--kbq-alert-size-normal-container-padding-right: 8px;--kbq-alert-size-normal-container-padding-bottom: 0;--kbq-alert-size-normal-container-padding-left: 8px;--kbq-alert-size-normal-content-padding-top: 16px;--kbq-alert-size-normal-content-padding-right: 8px;--kbq-alert-size-normal-content-padding-bottom: 16px;--kbq-alert-size-normal-content-padding-left: 12px;--kbq-alert-size-normal-icon-margin-top: 16px;--kbq-alert-size-normal-icon-margin-right: 0;--kbq-alert-size-normal-icon-margin-bottom: 16px;--kbq-alert-size-normal-icon-margin-left: 12px;--kbq-alert-size-normal-icon-padding-top: 4px;--kbq-alert-size-normal-title-margin-bottom: 4px;--kbq-alert-size-normal-close-button-margin-top: 8px;--kbq-alert-size-normal-close-button-margin-left: 2px;--kbq-alert-size-normal-button-stack-padding-top: 8px;--kbq-alert-size-normal-button-stack-padding-bottom: 2px;--kbq-alert-size-normal-no-title-icon-margin-top: 16px;--kbq-alert-size-normal-no-title-icon-padding-top: 2px;--kbq-alert-size-compact-container-border-radius: 12px;--kbq-alert-size-compact-container-padding-top: 0;--kbq-alert-size-compact-container-padding-right: 8px;--kbq-alert-size-compact-container-padding-bottom: 0;--kbq-alert-size-compact-container-padding-left: 16px;--kbq-alert-size-compact-content-padding-top: 12px;--kbq-alert-size-compact-content-padding-right: 8px;--kbq-alert-size-compact-content-padding-bottom: 12px;--kbq-alert-size-compact-content-padding-left: 0;--kbq-alert-size-compact-icon-margin-top: 12px;--kbq-alert-size-compact-icon-margin-right: 8px;--kbq-alert-size-compact-icon-padding-top: 4px;--kbq-alert-size-compact-title-margin-bottom: 2px;--kbq-alert-size-compact-close-button-margin-top: 8px;--kbq-alert-size-compact-close-button-margin-left: 2px;--kbq-alert-size-compact-button-stack-padding-top: 8px;--kbq-alert-size-compact-button-stack-padding-bottom: 2px;--kbq-alert-size-compact-no-title-icon-margin-top: 12px;--kbq-alert-size-compact-no-title-icon-padding-top: 2px;--kbq-alert-font-title-font-size: 18px;--kbq-alert-font-title-line-height: 26px;--kbq-alert-font-title-letter-spacing: normal;--kbq-alert-font-title-font-weight: 600;--kbq-alert-font-title-font-family: \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-alert-font-title-text-transform: null;--kbq-alert-font-title-font-feature-settings: \"calt\", \"kern\", \"liga\";--kbq-alert-font-title-compact-font-size: 16px;--kbq-alert-font-title-compact-line-height: 24px;--kbq-alert-font-title-compact-letter-spacing: -.011em;--kbq-alert-font-title-compact-font-weight: 600;--kbq-alert-font-title-compact-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-alert-font-title-compact-text-transform: null;--kbq-alert-font-title-compact-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-alert-font-text-font-size: 14px;--kbq-alert-font-text-line-height: 20px;--kbq-alert-font-text-letter-spacing: -.006em;--kbq-alert-font-text-font-weight: normal;--kbq-alert-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-alert-font-text-text-transform: null;--kbq-alert-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-alert-default-contrast-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-contrast-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-contrast-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-error-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-error-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-error-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-warning-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-warning-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-warning-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-success-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-success-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-success-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-theme-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-theme-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-theme-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-contrast-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-colored-contrast-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-contrast-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-error-container-background: hsla(7, 97%, 90%, 100%);--kbq-alert-colored-error-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-error-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-warning-container-background: hsla(38, 100%, 85%, 100%);--kbq-alert-colored-warning-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-warning-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-success-container-background: hsla(104, 64%, 80%, 100%);--kbq-alert-colored-success-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-success-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-theme-container-background: hsla(216, 100%, 85%, 100%);--kbq-alert-colored-theme-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-theme-container-text: hsla(229, 15%, 15%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-alert-default-contrast-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-contrast-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-contrast-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-error-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-error-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-error-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-warning-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-warning-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-warning-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-success-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-success-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-success-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-theme-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-theme-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-theme-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-contrast-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-colored-contrast-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-contrast-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-error-container-background: hsla(7, 97%, 15%, 100%);--kbq-alert-colored-error-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-error-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-warning-container-background: hsla(38, 100%, 14%, 100%);--kbq-alert-colored-warning-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-warning-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-success-container-background: hsla(104, 64%, 12%, 100%);--kbq-alert-colored-success-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-success-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-theme-container-background: hsla(216, 100%, 20%, 100%);--kbq-alert-colored-theme-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-theme-container-text: hsla(229, 15%, 80%, 100%)}\n"], dependencies: [{ kind: "directive", type: i1.NgIf, selector: "[ngIf]", inputs: ["ngIf", "ngIfThen", "ngIfElse"] }], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
|
|
81
81
|
}
|
|
82
82
|
i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqAlert, decorators: [{
|
|
83
83
|
type: Component,
|
|
@@ -89,7 +89,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
|
|
|
89
89
|
'[class.kbq-alert_default]': '!isColored',
|
|
90
90
|
'[class.kbq-alert_colored]': 'isColored',
|
|
91
91
|
'[class.kbq-alert_dismissible]': 'closeButton'
|
|
92
|
-
}, template: "<div\n *ngIf=\"iconItem || icon\"\n class=\"kbq-alert__icon\"\n [class.kbq-alert__icon_title]=\"title\"\n>\n <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n</div>\n\n<div\n class=\"kbq-alert__content\"\n [class.kbq-alert__content_title]=\"title\"\n>\n <ng-content select=\"[kbq-alert-title]\" />\n\n <div class=\"kbq-alert__text\">\n <ng-content />\n </div>\n\n <div\n *ngIf=\"control\"\n class=\"kbq-alert__button-stack\"\n [class.kbq-alert__button-stack_has-button]=\"button\"\n >\n <ng-content select=\"[kbq-alert-control]\" />\n </div>\n</div>\n\n<div\n class=\"kbq-alert__close-button\"\n [hidden]=\"!closeButton\"\n>\n <ng-content select=\"[kbq-alert-close-button]\" />\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs, 4px)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius, 12px);padding:var(--kbq-alert-size-normal-container-padding-top, 0) var(--kbq-alert-size-normal-container-padding-right, 8px) var(--kbq-alert-size-normal-container-padding-bottom, 0) var(--kbq-alert-size-normal-container-padding-left, 8px)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top, 16px) var(--kbq-alert-size-normal-icon-margin-right, 0) var(--kbq-alert-size-normal-icon-margin-bottom, 16px) var(--kbq-alert-size-normal-icon-margin-left, 12px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top, 16px);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top, 16px) var(--kbq-alert-size-normal-content-padding-right, 8px) var(--kbq-alert-size-normal-content-padding-bottom, 16px) var(--kbq-alert-size-normal-content-padding-left, 12px)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom, 4px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-normal-close-button-margin-left, 2px)}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius, 12px);padding:var(--kbq-alert-size-compact-container-padding-top, 0) var(--kbq-alert-size-compact-container-padding-right, 8px) var(--kbq-alert-size-compact-container-padding-bottom, 0) var(--kbq-alert-size-compact-container-padding-left, 16px)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top, 12px);margin-right:var(--kbq-alert-size-compact-icon-margin-right, 8px);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top, 2px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top, 12px);padding-top:var(--kbq-alert-size-compact-icon-padding-top, 4px)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top, 12px) var(--kbq-alert-size-compact-content-padding-right, 8px) var(--kbq-alert-size-compact-content-padding-bottom, 12px) var(--kbq-alert-size-compact-content-padding-left, 0)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-compact-close-button-margin-left, 2px)}\n"] }]
|
|
92
|
+
}, template: "<div\n *ngIf=\"iconItem || icon\"\n class=\"kbq-alert__icon\"\n [class.kbq-alert__icon_title]=\"title\"\n>\n <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n</div>\n\n<div\n class=\"kbq-alert__content\"\n [class.kbq-alert__content_title]=\"title\"\n>\n <ng-content select=\"[kbq-alert-title]\" />\n\n <div class=\"kbq-alert__text\">\n <ng-content />\n </div>\n\n <div\n *ngIf=\"control\"\n class=\"kbq-alert__button-stack\"\n [class.kbq-alert__button-stack_has-button]=\"button\"\n >\n <ng-content select=\"[kbq-alert-control]\" />\n </div>\n</div>\n\n<div\n class=\"kbq-alert__close-button\"\n [hidden]=\"!closeButton\"\n>\n <ng-content select=\"[kbq-alert-close-button]\" />\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs, 4px)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius, 12px);padding:var(--kbq-alert-size-normal-container-padding-top, 0) var(--kbq-alert-size-normal-container-padding-right, 8px) var(--kbq-alert-size-normal-container-padding-bottom, 0) var(--kbq-alert-size-normal-container-padding-left, 8px)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top, 16px) var(--kbq-alert-size-normal-icon-margin-right, 0) var(--kbq-alert-size-normal-icon-margin-bottom, 16px) var(--kbq-alert-size-normal-icon-margin-left, 12px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top, 16px);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top, 16px) var(--kbq-alert-size-normal-content-padding-right, 8px) var(--kbq-alert-size-normal-content-padding-bottom, 16px) var(--kbq-alert-size-normal-content-padding-left, 12px)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom, 4px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-normal-close-button-margin-left, 2px)}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius, 12px);padding:var(--kbq-alert-size-compact-container-padding-top, 0) var(--kbq-alert-size-compact-container-padding-right, 8px) var(--kbq-alert-size-compact-container-padding-bottom, 0) var(--kbq-alert-size-compact-container-padding-left, 16px)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top, 12px);margin-right:var(--kbq-alert-size-compact-icon-margin-right, 8px);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top, 2px);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top, 12px);padding-top:var(--kbq-alert-size-compact-icon-padding-top, 4px)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top, 12px) var(--kbq-alert-size-compact-content-padding-right, 8px) var(--kbq-alert-size-compact-content-padding-bottom, 12px) var(--kbq-alert-size-compact-content-padding-left, 0)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top, 8px);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom, 2px)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top, 8px);margin-left:var(--kbq-alert-size-compact-close-button-margin-left, 2px)}.kbq-alert__close:focus{outline:none}.kbq-alert.kbq-alert_default.kbq-alert_contrast{background:var(--kbq-alert-default-contrast-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-default-contrast-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-default-contrast-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_error{background:var(--kbq-alert-default-error-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-default-error-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-default-error-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_warning{background:var(--kbq-alert-default-warning-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-default-warning-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-default-warning-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_success{background:var(--kbq-alert-default-success-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-default-success-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-default-success-container-text, )}.kbq-alert.kbq-alert_default.kbq-alert_theme{background:var(--kbq-alert-default-theme-container-background, )}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-default-theme-container-title, )}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-default-theme-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast{background:var(--kbq-alert-colored-contrast-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-colored-contrast-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-colored-contrast-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_error{background:var(--kbq-alert-colored-error-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-colored-error-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-colored-error-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning{background:var(--kbq-alert-colored-warning-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-colored-warning-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-colored-warning-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_success{background:var(--kbq-alert-colored-success-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-colored-success-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-colored-success-container-text, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme{background:var(--kbq-alert-colored-theme-container-background, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-colored-theme-container-title, )}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-colored-theme-container-text, )}.kbq-alert{font-size:var(--kbq-alert-font-text-font-size, 14px);font-weight:var(--kbq-alert-font-text-font-weight, normal);line-height:var(--kbq-alert-font-text-line-height, 20px);font-family:var(--kbq-alert-font-text-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-text-text-transform, );font-feature-settings:var(--kbq-alert-font-text-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-alert-font-text-letter-spacing, -.006em)}.kbq-alert .kbq-alert__title{font-size:var(--kbq-alert-font-title-font-size, 18px);font-weight:var(--kbq-alert-font-title-font-weight, 600);line-height:var(--kbq-alert-font-title-line-height, 26px);font-family:var(--kbq-alert-font-title-font-family, \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-title-text-transform, );font-feature-settings:var(--kbq-alert-font-title-font-feature-settings, \"calt\", \"kern\", \"liga\");letter-spacing:var(--kbq-alert-font-title-letter-spacing, normal)}.kbq-alert.kbq-alert_compact .kbq-alert__title{font-size:var(--kbq-alert-font-title-compact-font-size, 16px);font-weight:var(--kbq-alert-font-title-compact-font-weight, 600);line-height:var(--kbq-alert-font-title-compact-line-height, 24px);font-family:var(--kbq-alert-font-title-compact-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-alert-font-title-compact-text-transform, );font-feature-settings:var(--kbq-alert-font-title-compact-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-alert-font-title-compact-letter-spacing, -.011em)}\n", ".kbq-alert{--kbq-alert-size-normal-container-border-radius: 12px;--kbq-alert-size-normal-container-padding-top: 0;--kbq-alert-size-normal-container-padding-right: 8px;--kbq-alert-size-normal-container-padding-bottom: 0;--kbq-alert-size-normal-container-padding-left: 8px;--kbq-alert-size-normal-content-padding-top: 16px;--kbq-alert-size-normal-content-padding-right: 8px;--kbq-alert-size-normal-content-padding-bottom: 16px;--kbq-alert-size-normal-content-padding-left: 12px;--kbq-alert-size-normal-icon-margin-top: 16px;--kbq-alert-size-normal-icon-margin-right: 0;--kbq-alert-size-normal-icon-margin-bottom: 16px;--kbq-alert-size-normal-icon-margin-left: 12px;--kbq-alert-size-normal-icon-padding-top: 4px;--kbq-alert-size-normal-title-margin-bottom: 4px;--kbq-alert-size-normal-close-button-margin-top: 8px;--kbq-alert-size-normal-close-button-margin-left: 2px;--kbq-alert-size-normal-button-stack-padding-top: 8px;--kbq-alert-size-normal-button-stack-padding-bottom: 2px;--kbq-alert-size-normal-no-title-icon-margin-top: 16px;--kbq-alert-size-normal-no-title-icon-padding-top: 2px;--kbq-alert-size-compact-container-border-radius: 12px;--kbq-alert-size-compact-container-padding-top: 0;--kbq-alert-size-compact-container-padding-right: 8px;--kbq-alert-size-compact-container-padding-bottom: 0;--kbq-alert-size-compact-container-padding-left: 16px;--kbq-alert-size-compact-content-padding-top: 12px;--kbq-alert-size-compact-content-padding-right: 8px;--kbq-alert-size-compact-content-padding-bottom: 12px;--kbq-alert-size-compact-content-padding-left: 0;--kbq-alert-size-compact-icon-margin-top: 12px;--kbq-alert-size-compact-icon-margin-right: 8px;--kbq-alert-size-compact-icon-padding-top: 4px;--kbq-alert-size-compact-title-margin-bottom: 2px;--kbq-alert-size-compact-close-button-margin-top: 8px;--kbq-alert-size-compact-close-button-margin-left: 2px;--kbq-alert-size-compact-button-stack-padding-top: 8px;--kbq-alert-size-compact-button-stack-padding-bottom: 2px;--kbq-alert-size-compact-no-title-icon-margin-top: 12px;--kbq-alert-size-compact-no-title-icon-padding-top: 2px;--kbq-alert-font-title-font-size: 18px;--kbq-alert-font-title-line-height: 26px;--kbq-alert-font-title-letter-spacing: normal;--kbq-alert-font-title-font-weight: 600;--kbq-alert-font-title-font-family: \"TT-Positive\", Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-alert-font-title-text-transform: null;--kbq-alert-font-title-font-feature-settings: \"calt\", \"kern\", \"liga\";--kbq-alert-font-title-compact-font-size: 16px;--kbq-alert-font-title-compact-line-height: 24px;--kbq-alert-font-title-compact-letter-spacing: -.011em;--kbq-alert-font-title-compact-font-weight: 600;--kbq-alert-font-title-compact-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-alert-font-title-compact-text-transform: null;--kbq-alert-font-title-compact-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-alert-font-text-font-size: 14px;--kbq-alert-font-text-line-height: 20px;--kbq-alert-font-text-letter-spacing: -.006em;--kbq-alert-font-text-font-weight: normal;--kbq-alert-font-text-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-alert-font-text-text-transform: null;--kbq-alert-font-text-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-alert-default-contrast-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-contrast-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-contrast-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-error-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-error-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-error-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-warning-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-warning-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-warning-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-success-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-success-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-success-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-default-theme-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-default-theme-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-default-theme-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-contrast-container-background: hsla(229, 15%, 92%, 100%);--kbq-alert-colored-contrast-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-contrast-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-error-container-background: hsla(7, 97%, 90%, 100%);--kbq-alert-colored-error-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-error-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-warning-container-background: hsla(38, 100%, 85%, 100%);--kbq-alert-colored-warning-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-warning-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-success-container-background: hsla(104, 64%, 80%, 100%);--kbq-alert-colored-success-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-success-container-text: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-theme-container-background: hsla(216, 100%, 85%, 100%);--kbq-alert-colored-theme-container-title: hsla(229, 15%, 15%, 100%);--kbq-alert-colored-theme-container-text: hsla(229, 15%, 15%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-alert-default-contrast-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-contrast-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-contrast-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-error-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-error-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-error-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-warning-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-warning-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-warning-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-success-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-success-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-success-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-default-theme-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-default-theme-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-default-theme-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-contrast-container-background: hsla(229, 15%, 25%, 100%);--kbq-alert-colored-contrast-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-contrast-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-error-container-background: hsla(7, 97%, 15%, 100%);--kbq-alert-colored-error-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-error-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-warning-container-background: hsla(38, 100%, 14%, 100%);--kbq-alert-colored-warning-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-warning-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-success-container-background: hsla(104, 64%, 12%, 100%);--kbq-alert-colored-success-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-success-container-text: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-theme-container-background: hsla(216, 100%, 20%, 100%);--kbq-alert-colored-theme-container-title: hsla(229, 15%, 80%, 100%);--kbq-alert-colored-theme-container-text: hsla(229, 15%, 80%, 100%)}\n"] }]
|
|
93
93
|
}], propDecorators: { iconItem: [{
|
|
94
94
|
type: ContentChild,
|
|
95
95
|
args: [KbqIconItem]
|
|
@@ -115,4 +115,4 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
|
|
|
115
115
|
}], alertColor: [{
|
|
116
116
|
type: Input
|
|
117
117
|
}] } });
|
|
118
|
-
//# sourceMappingURL=data:application/json;base64,
|
|
118
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWxlcnQuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9hbGVydC9hbGVydC5jb21wb25lbnQudHMiLCIuLi8uLi8uLi8uLi9wYWNrYWdlcy9jb21wb25lbnRzL2FsZXJ0L2FsZXJ0LmNvbXBvbmVudC5odG1sIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFFSCx1QkFBdUIsRUFDdkIsU0FBUyxFQUNULFlBQVksRUFDWixTQUFTLEVBQ1QsS0FBSyxFQUNMLGlCQUFpQixFQUNwQixNQUFNLGVBQWUsQ0FBQztBQUN2QixPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sMkJBQTJCLENBQUM7QUFDdEQsT0FBTyxFQUFFLE9BQU8sRUFBRSxXQUFXLEVBQUUsTUFBTSx5QkFBeUIsQ0FBQzs7O0FBRS9ELE1BQU0sQ0FBTixJQUFZLGNBR1g7QUFIRCxXQUFZLGNBQWM7SUFDdEIscUNBQW1CLENBQUE7SUFDbkIscUNBQW1CLENBQUE7QUFDdkIsQ0FBQyxFQUhXLGNBQWMsS0FBZCxjQUFjLFFBR3pCO0FBRUQsTUFBTSxDQUFOLElBQVksY0FNWDtBQU5ELFdBQVksY0FBYztJQUN0Qix1Q0FBcUIsQ0FBQTtJQUNyQixpQ0FBZSxDQUFBO0lBQ2YscUNBQW1CLENBQUE7SUFDbkIscUNBQW1CLENBQUE7SUFDbkIsaUNBQWUsQ0FBQTtBQUNuQixDQUFDLEVBTlcsY0FBYyxLQUFkLGNBQWMsUUFNekI7QUFRRCxNQUFNLE9BQU8sYUFBYTtpSUFBYixhQUFhO3FIQUFiLGFBQWE7OzJGQUFiLGFBQWE7a0JBTnpCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLG1CQUFtQjtvQkFDN0IsSUFBSSxFQUFFO3dCQUNGLEtBQUssRUFBRSxrQkFBa0I7cUJBQzVCO2lCQUNKOztBQVNELE1BQU0sT0FBTyxtQkFBbUI7aUlBQW5CLG1CQUFtQjtxSEFBbkIsbUJBQW1COzsyRkFBbkIsbUJBQW1CO2tCQU4vQixTQUFTO21CQUFDO29CQUNQLFFBQVEsRUFBRSwwQkFBMEI7b0JBQ3BDLElBQUksRUFBRTt3QkFDRixLQUFLLEVBQUUsd0JBQXdCO3FCQUNsQztpQkFDSjs7QUFTRCxNQUFNLE9BQU8sZUFBZTtpSUFBZixlQUFlO3FIQUFmLGVBQWU7OzJGQUFmLGVBQWU7a0JBTjNCLFNBQVM7bUJBQUM7b0JBQ1AsUUFBUSxFQUFFLHFCQUFxQjtvQkFDL0IsSUFBSSxFQUFFO3dCQUNGLEtBQUssRUFBRSxtQkFBbUI7cUJBQzdCO2lCQUNKOztBQW1CRCxNQUFNLE9BQU8sUUFBUTtJQWhCckI7UUF3QmEsWUFBTyxHQUFZLEtBQUssQ0FBQztRQUN6QixlQUFVLEdBQTRCLGNBQWMsQ0FBQyxPQUFPLENBQUM7UUFXOUQsZ0JBQVcsR0FBNEIsY0FBYyxDQUFDLFFBQVEsQ0FBQztLQWExRTtJQXRCRyxJQUNJLFVBQVU7UUFDVixPQUFPLGFBQWEsSUFBSSxDQUFDLFdBQVcsRUFBRSxDQUFDO0lBQzNDLENBQUM7SUFFRCxJQUFJLFVBQVUsQ0FBQyxLQUE4QjtRQUN6QyxJQUFJLENBQUMsV0FBVyxHQUFHLEtBQUssSUFBSSxjQUFjLENBQUMsUUFBUSxDQUFDO0lBQ3hELENBQUM7SUFJRCxJQUFJLFNBQVM7UUFDVCxPQUFPLElBQUksQ0FBQyxVQUFVLEtBQUssY0FBYyxDQUFDLE9BQU8sQ0FBQztJQUN0RCxDQUFDO0lBRUQsa0JBQWtCO1FBQ2QsTUFBTSxJQUFJLEdBQUcsSUFBSSxDQUFDLElBQUksSUFBSSxJQUFJLENBQUMsUUFBUSxDQUFDO1FBRXhDLElBQUksSUFBSSxFQUFFLENBQUM7WUFDUCxJQUFJLENBQUMsS0FBSyxHQUFHLElBQUksQ0FBQyxXQUFXLENBQUM7UUFDbEMsQ0FBQztJQUNMLENBQUM7aUlBaENRLFFBQVE7cUhBQVIsUUFBUSxvY0FDSCxXQUFXLHVFQUNYLE9BQU8seUVBQ1AsU0FBUyx3RUFDVCxhQUFhLDBFQUNiLGVBQWUsOEVBQ2YsbUJBQW1CLGdEQ3ZFckMsc3dCQWlDQTs7MkZEZ0NhLFFBQVE7a0JBaEJwQixTQUFTOytCQUNJLFdBQVcsbUJBR0osdUJBQXVCLENBQUMsTUFBTSxpQkFDaEMsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDRixLQUFLLEVBQUUsV0FBVzt3QkFDbEIsU0FBUyxFQUFFLFlBQVk7d0JBQ3ZCLDBCQUEwQixFQUFFLFVBQVU7d0JBQ3RDLDJCQUEyQixFQUFFLFNBQVM7d0JBQ3RDLDJCQUEyQixFQUFFLFlBQVk7d0JBQ3pDLDJCQUEyQixFQUFFLFdBQVc7d0JBQ3hDLCtCQUErQixFQUFFLGFBQWE7cUJBQ2pEOzhCQUcwQixRQUFRO3NCQUFsQyxZQUFZO3VCQUFDLFdBQVc7Z0JBQ0YsSUFBSTtzQkFBMUIsWUFBWTt1QkFBQyxPQUFPO2dCQUNJLE1BQU07c0JBQTlCLFlBQVk7dUJBQUMsU0FBUztnQkFDTSxLQUFLO3NCQUFqQyxZQUFZO3VCQUFDLGFBQWE7Z0JBQ0ksT0FBTztzQkFBckMsWUFBWTt1QkFBQyxlQUFlO2dCQUNNLFdBQVc7c0JBQTdDLFlBQVk7dUJBQUMsbUJBQW1CO2dCQUV4QixPQUFPO3NCQUFmLEtBQUs7Z0JBQ0csVUFBVTtzQkFBbEIsS0FBSztnQkFHRixVQUFVO3NCQURiLEtBQUsiLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICAgIEFmdGVyQ29udGVudEluaXQsXG4gICAgQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3ksXG4gICAgQ29tcG9uZW50LFxuICAgIENvbnRlbnRDaGlsZCxcbiAgICBEaXJlY3RpdmUsXG4gICAgSW5wdXQsXG4gICAgVmlld0VuY2Fwc3VsYXRpb25cbn0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBLYnFCdXR0b24gfSBmcm9tICdAa29vYmlxL2NvbXBvbmVudHMvYnV0dG9uJztcbmltcG9ydCB7IEticUljb24sIEticUljb25JdGVtIH0gZnJvbSAnQGtvb2JpcS9jb21wb25lbnRzL2ljb24nO1xuXG5leHBvcnQgZW51bSBLYnFBbGVydFN0eWxlcyB7XG4gICAgRGVmYXVsdCA9ICdkZWZhdWx0JyxcbiAgICBDb2xvcmVkID0gJ2NvbG9yZWQnXG59XG5cbmV4cG9ydCBlbnVtIEticUFsZXJ0Q29sb3JzIHtcbiAgICBDb250cmFzdCA9ICdjb250cmFzdCcsXG4gICAgRXJyb3IgPSAnZXJyb3InLFxuICAgIFdhcm5pbmcgPSAnd2FybmluZycsXG4gICAgU3VjY2VzcyA9ICdzdWNjZXNzJyxcbiAgICBUaGVtZSA9ICd0aGVtZSdcbn1cblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdba2JxLWFsZXJ0LXRpdGxlXScsXG4gICAgaG9zdDoge1xuICAgICAgICBjbGFzczogJ2ticS1hbGVydF9fdGl0bGUnXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBLYnFBbGVydFRpdGxlIHt9XG5cbkBEaXJlY3RpdmUoe1xuICAgIHNlbGVjdG9yOiAnW2ticS1hbGVydC1jbG9zZS1idXR0b25dJyxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAna2JxLWFsZXJ0LWNsb3NlLWJ1dHRvbidcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIEticUFsZXJ0Q2xvc2VCdXR0b24ge31cblxuQERpcmVjdGl2ZSh7XG4gICAgc2VsZWN0b3I6ICdba2JxLWFsZXJ0LWNvbnRyb2xdJyxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAna2JxLWFsZXJ0LWNvbnRyb2wnXG4gICAgfVxufSlcbmV4cG9ydCBjbGFzcyBLYnFBbGVydENvbnRyb2wge31cblxuQENvbXBvbmVudCh7XG4gICAgc2VsZWN0b3I6ICdrYnEtYWxlcnQnLFxuICAgIHRlbXBsYXRlVXJsOiAnLi9hbGVydC5jb21wb25lbnQuaHRtbCcsXG4gICAgc3R5bGVVcmxzOiBbJ2FsZXJ0LmNvbXBvbmVudC5zY3NzJywgJ2FsZXJ0LXRva2Vucy5zY3NzJ10sXG4gICAgY2hhbmdlRGV0ZWN0aW9uOiBDaGFuZ2VEZXRlY3Rpb25TdHJhdGVneS5PblB1c2gsXG4gICAgZW5jYXBzdWxhdGlvbjogVmlld0VuY2Fwc3VsYXRpb24uTm9uZSxcbiAgICBob3N0OiB7XG4gICAgICAgIGNsYXNzOiAna2JxLWFsZXJ0JyxcbiAgICAgICAgJ1tjbGFzc10nOiAnYWxlcnRDb2xvcicsXG4gICAgICAgICdbY2xhc3Mua2JxLWFsZXJ0X25vcm1hbF0nOiAnIWNvbXBhY3QnLFxuICAgICAgICAnW2NsYXNzLmticS1hbGVydF9jb21wYWN0XSc6ICdjb21wYWN0JyxcbiAgICAgICAgJ1tjbGFzcy5rYnEtYWxlcnRfZGVmYXVsdF0nOiAnIWlzQ29sb3JlZCcsXG4gICAgICAgICdbY2xhc3Mua2JxLWFsZXJ0X2NvbG9yZWRdJzogJ2lzQ29sb3JlZCcsXG4gICAgICAgICdbY2xhc3Mua2JxLWFsZXJ0X2Rpc21pc3NpYmxlXSc6ICdjbG9zZUJ1dHRvbidcbiAgICB9XG59KVxuZXhwb3J0IGNsYXNzIEticUFsZXJ0IGltcGxlbWVudHMgQWZ0ZXJDb250ZW50SW5pdCB7XG4gICAgQENvbnRlbnRDaGlsZChLYnFJY29uSXRlbSkgaWNvbkl0ZW06IEticUljb25JdGVtO1xuICAgIEBDb250ZW50Q2hpbGQoS2JxSWNvbikgaWNvbjogS2JxSWNvbjtcbiAgICBAQ29udGVudENoaWxkKEticUJ1dHRvbikgYnV0dG9uOiBLYnFCdXR0b247XG4gICAgQENvbnRlbnRDaGlsZChLYnFBbGVydFRpdGxlKSB0aXRsZTogS2JxQWxlcnRUaXRsZTtcbiAgICBAQ29udGVudENoaWxkKEticUFsZXJ0Q29udHJvbCkgY29udHJvbDogS2JxQWxlcnRDb250cm9sO1xuICAgIEBDb250ZW50Q2hpbGQoS2JxQWxlcnRDbG9zZUJ1dHRvbikgY2xvc2VCdXR0b246IEticUFsZXJ0Q2xvc2VCdXR0b247XG5cbiAgICBASW5wdXQoKSBjb21wYWN0OiBib29sZWFuID0gZmFsc2U7XG4gICAgQElucHV0KCkgYWxlcnRTdHlsZTogS2JxQWxlcnRTdHlsZXMgfCBzdHJpbmcgPSBLYnFBbGVydFN0eWxlcy5EZWZhdWx0O1xuXG4gICAgQElucHV0KClcbiAgICBnZXQgYWxlcnRDb2xvcigpOiBzdHJpbmcge1xuICAgICAgICByZXR1cm4gYGticS1hbGVydF8ke3RoaXMuX2FsZXJ0Q29sb3J9YDtcbiAgICB9XG5cbiAgICBzZXQgYWxlcnRDb2xvcih2YWx1ZTogc3RyaW5nIHwgS2JxQWxlcnRDb2xvcnMpIHtcbiAgICAgICAgdGhpcy5fYWxlcnRDb2xvciA9IHZhbHVlIHx8IEticUFsZXJ0Q29sb3JzLkNvbnRyYXN0O1xuICAgIH1cblxuICAgIHByaXZhdGUgX2FsZXJ0Q29sb3I6IHN0cmluZyB8IEticUFsZXJ0Q29sb3JzID0gS2JxQWxlcnRDb2xvcnMuQ29udHJhc3Q7XG5cbiAgICBnZXQgaXNDb2xvcmVkKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5hbGVydFN0eWxlID09PSBLYnFBbGVydFN0eWxlcy5Db2xvcmVkO1xuICAgIH1cblxuICAgIG5nQWZ0ZXJDb250ZW50SW5pdCgpOiB2b2lkIHtcbiAgICAgICAgY29uc3QgaWNvbiA9IHRoaXMuaWNvbiB8fCB0aGlzLmljb25JdGVtO1xuXG4gICAgICAgIGlmIChpY29uKSB7XG4gICAgICAgICAgICBpY29uLmNvbG9yID0gdGhpcy5fYWxlcnRDb2xvcjtcbiAgICAgICAgfVxuICAgIH1cbn1cbiIsIjxkaXZcbiAgICAqbmdJZj1cImljb25JdGVtIHx8IGljb25cIlxuICAgIGNsYXNzPVwia2JxLWFsZXJ0X19pY29uXCJcbiAgICBbY2xhc3Mua2JxLWFsZXJ0X19pY29uX3RpdGxlXT1cInRpdGxlXCJcbj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJba2JxLWljb24taXRlbV0sW2ticS1pY29uXVwiIC8+XG48L2Rpdj5cblxuPGRpdlxuICAgIGNsYXNzPVwia2JxLWFsZXJ0X19jb250ZW50XCJcbiAgICBbY2xhc3Mua2JxLWFsZXJ0X19jb250ZW50X3RpdGxlXT1cInRpdGxlXCJcbj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJba2JxLWFsZXJ0LXRpdGxlXVwiIC8+XG5cbiAgICA8ZGl2IGNsYXNzPVwia2JxLWFsZXJ0X190ZXh0XCI+XG4gICAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgPC9kaXY+XG5cbiAgICA8ZGl2XG4gICAgICAgICpuZ0lmPVwiY29udHJvbFwiXG4gICAgICAgIGNsYXNzPVwia2JxLWFsZXJ0X19idXR0b24tc3RhY2tcIlxuICAgICAgICBbY2xhc3Mua2JxLWFsZXJ0X19idXR0b24tc3RhY2tfaGFzLWJ1dHRvbl09XCJidXR0b25cIlxuICAgID5cbiAgICAgICAgPG5nLWNvbnRlbnQgc2VsZWN0PVwiW2ticS1hbGVydC1jb250cm9sXVwiIC8+XG4gICAgPC9kaXY+XG48L2Rpdj5cblxuPGRpdlxuICAgIGNsYXNzPVwia2JxLWFsZXJ0X19jbG9zZS1idXR0b25cIlxuICAgIFtoaWRkZW5dPVwiIWNsb3NlQnV0dG9uXCJcbj5cbiAgICA8bmctY29udGVudCBzZWxlY3Q9XCJba2JxLWFsZXJ0LWNsb3NlLWJ1dHRvbl1cIiAvPlxuPC9kaXY+XG4iXX0=
|