@koobiq/components 17.5.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.
Files changed (144) hide show
  1. package/badge/badge-tokens.scss +1 -1
  2. package/code-block/_code-block-theme.scss +124 -143
  3. package/code-block/code-block-tokens.scss +400 -0
  4. package/code-block/code-block.scss +4 -2
  5. package/core/services/theme.service.d.ts +16 -0
  6. package/core/styles/_koobiq-theme.scss +3 -58
  7. package/divider/_divider-theme.scss +2 -4
  8. package/divider/divider-tokens.scss +14 -0
  9. package/divider/divider.scss +4 -0
  10. package/dl/_dl-theme.scss +4 -6
  11. package/dl/dl-tokens.scss +32 -0
  12. package/dl/dl.scss +5 -0
  13. package/empty-state/_empty-state-theme.scss +6 -9
  14. package/empty-state/empty-state-tokens.scss +68 -0
  15. package/empty-state/empty-state.scss +5 -0
  16. package/esm2022/badge/badge.component.mjs +2 -2
  17. package/esm2022/code-block/code-block.component.mjs +3 -3
  18. package/esm2022/core/services/theme.service.mjs +20 -3
  19. package/esm2022/core/version.mjs +2 -2
  20. package/esm2022/divider/divider.component.mjs +3 -3
  21. package/esm2022/dl/dl.component.mjs +3 -3
  22. package/esm2022/empty-state/empty-state.component.mjs +3 -3
  23. package/esm2022/file-upload/multiple-file-upload.component.mjs +3 -3
  24. package/esm2022/file-upload/single-file-upload.component.mjs +3 -3
  25. package/esm2022/form-field/form-field.mjs +2 -2
  26. package/esm2022/form-field/password-hint.mjs +8 -5
  27. package/esm2022/list/list-selection.component.mjs +3 -3
  28. package/esm2022/list/list.component.mjs +3 -3
  29. package/esm2022/loader-overlay/loader-overlay.component.mjs +3 -3
  30. package/esm2022/markdown/markdown.component.mjs +3 -3
  31. package/esm2022/modal/modal.component.mjs +3 -3
  32. package/esm2022/navbar/navbar-item.component.mjs +2 -2
  33. package/esm2022/navbar/navbar.component.mjs +3 -3
  34. package/esm2022/popover/popover-confirm.component.mjs +3 -3
  35. package/esm2022/popover/popover.component.mjs +3 -3
  36. package/esm2022/table/table.component.mjs +3 -3
  37. package/esm2022/timezone/timezone-option.component.mjs +3 -3
  38. package/esm2022/timezone/timezone-select.component.mjs +3 -3
  39. package/esm2022/toast/toast.component.mjs +3 -3
  40. package/esm2022/toggle/toggle.component.mjs +3 -3
  41. package/esm2022/tooltip/tooltip.component.mjs +3 -3
  42. package/esm2022/tree/toggle.mjs +3 -3
  43. package/esm2022/tree/tree-option.component.mjs +3 -3
  44. package/esm2022/tree/tree-selection.component.mjs +3 -3
  45. package/esm2022/tree/tree.mjs +3 -3
  46. package/esm2022/tree-select/tree-select.component.mjs +3 -3
  47. package/fesm2022/koobiq-components-badge.mjs +2 -2
  48. package/fesm2022/koobiq-components-code-block.mjs +2 -2
  49. package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
  50. package/fesm2022/koobiq-components-core.mjs +21 -4
  51. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  52. package/fesm2022/koobiq-components-divider.mjs +2 -2
  53. package/fesm2022/koobiq-components-divider.mjs.map +1 -1
  54. package/fesm2022/koobiq-components-dl.mjs +2 -2
  55. package/fesm2022/koobiq-components-dl.mjs.map +1 -1
  56. package/fesm2022/koobiq-components-empty-state.mjs +2 -2
  57. package/fesm2022/koobiq-components-empty-state.mjs.map +1 -1
  58. package/fesm2022/koobiq-components-file-upload.mjs +4 -4
  59. package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
  60. package/fesm2022/koobiq-components-form-field.mjs +9 -6
  61. package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
  62. package/fesm2022/koobiq-components-list.mjs +4 -4
  63. package/fesm2022/koobiq-components-list.mjs.map +1 -1
  64. package/fesm2022/koobiq-components-loader-overlay.mjs +2 -2
  65. package/fesm2022/koobiq-components-loader-overlay.mjs.map +1 -1
  66. package/fesm2022/koobiq-components-markdown.mjs +2 -2
  67. package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
  68. package/fesm2022/koobiq-components-modal.mjs +2 -2
  69. package/fesm2022/koobiq-components-modal.mjs.map +1 -1
  70. package/fesm2022/koobiq-components-navbar.mjs +4 -4
  71. package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
  72. package/fesm2022/koobiq-components-popover.mjs +4 -4
  73. package/fesm2022/koobiq-components-popover.mjs.map +1 -1
  74. package/fesm2022/koobiq-components-table.mjs +2 -2
  75. package/fesm2022/koobiq-components-table.mjs.map +1 -1
  76. package/fesm2022/koobiq-components-timezone.mjs +4 -4
  77. package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
  78. package/fesm2022/koobiq-components-toast.mjs +2 -2
  79. package/fesm2022/koobiq-components-toast.mjs.map +1 -1
  80. package/fesm2022/koobiq-components-toggle.mjs +2 -2
  81. package/fesm2022/koobiq-components-toggle.mjs.map +1 -1
  82. package/fesm2022/koobiq-components-tooltip.mjs +2 -2
  83. package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
  84. package/fesm2022/koobiq-components-tree-select.mjs +2 -2
  85. package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
  86. package/fesm2022/koobiq-components-tree.mjs +8 -8
  87. package/fesm2022/koobiq-components-tree.mjs.map +1 -1
  88. package/file-upload/_file-upload-theme.scss +29 -112
  89. package/file-upload/file-upload-tokens.scss +159 -0
  90. package/file-upload/file-upload.scss +4 -2
  91. package/list/_list-theme.scss +14 -25
  92. package/list/list-tokens.scss +100 -0
  93. package/list/list.scss +5 -0
  94. package/loader-overlay/_loader-overlay-theme.scss +8 -23
  95. package/loader-overlay/loader-overlay-tokens.scss +58 -0
  96. package/loader-overlay/loader-overlay.scss +4 -5
  97. package/markdown/_markdown-theme.scss +29 -43
  98. package/markdown/markdown-tokens.scss +252 -0
  99. package/markdown/markdown.scss +0 -6
  100. package/modal/_modal-confirm.scss +0 -3
  101. package/modal/_modal-theme.scss +10 -12
  102. package/modal/modal-tokens.scss +53 -0
  103. package/modal/modal.scss +5 -0
  104. package/navbar/_navbar-theme.scss +15 -25
  105. package/navbar/navbar-divider.scss +0 -3
  106. package/navbar/navbar-item.scss +0 -3
  107. package/navbar/navbar-tokens.scss +83 -0
  108. package/navbar/navbar.scss +5 -3
  109. package/navbar/vertical-navbar.scss +0 -3
  110. package/package.json +4 -4
  111. package/popover/_popover-theme.scss +9 -16
  112. package/popover/popover-tokens.scss +60 -0
  113. package/popover/popover.scss +4 -5
  114. package/prebuilt-themes/dark-theme.css +1 -1
  115. package/prebuilt-themes/light-theme.css +1 -1
  116. package/schematics/ng-add/index.js +2 -2
  117. package/table/_table-theme.scss +7 -15
  118. package/table/table-tokens.scss +37 -0
  119. package/table/table.scss +4 -1
  120. package/textarea/_textarea-theme.scss +1 -1
  121. package/textarea/textarea-tokens.scss +14 -0
  122. package/textarea/textarea.scss +1 -0
  123. package/timezone/_timezone-option-theme.scss +5 -7
  124. package/timezone/timezone-option-tokens.scss +51 -0
  125. package/timezone/timezone-option.component.scss +5 -0
  126. package/timezone/timezone-select.component.scss +5 -0
  127. package/toast/_toast-theme.scss +11 -15
  128. package/toast/toast-tokens.scss +75 -0
  129. package/toast/toast.component.scss +4 -1
  130. package/toggle/_toggle-theme.scss +21 -41
  131. package/toggle/toggle-tokens.scss +142 -0
  132. package/toggle/toggle.scss +4 -1
  133. package/tooltip/_tooltip-theme.scss +13 -23
  134. package/tooltip/tooltip-tokens.scss +63 -0
  135. package/tooltip/tooltip.scss +5 -0
  136. package/tree/_tree-theme.scss +14 -21
  137. package/tree/toggle.scss +5 -0
  138. package/tree/tree-option.scss +0 -5
  139. package/tree/tree-selection.scss +5 -0
  140. package/tree/tree-tokens.scss +94 -0
  141. package/tree/tree.scss +5 -0
  142. package/tree-select/_tree-select-theme.scss +9 -16
  143. package/tree-select/tree-select-tokens.scss +59 -0
  144. package/tree-select/tree-select.scss +5 -0
package/dl/dl.scss CHANGED
@@ -3,6 +3,8 @@
3
3
 
4
4
  @use '../core/styles/common/tokens' as *;
5
5
 
6
+ @use './dl-theme' as *;
7
+
6
8
  .kbq-dl {
7
9
  display: grid;
8
10
  column-gap: kbq-css-variable(description-list-size-horizontal-content-gap-horizontal);
@@ -45,3 +47,6 @@
45
47
  }
46
48
  }
47
49
  }
50
+
51
+ @include kbq-dl-theme();
52
+ @include kbq-dl-typography();
package/empty-state/_empty-state-theme.scss CHANGED
@@ -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($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, map.get($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, map.get($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, map.get($theme, 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, map.get($theme, foreground, error));
23
+ color: kbq-css-variable(foreground-error);
27
24
  }
28
25
  }
29
26
  }
30
27
 
31
- @mixin kbq-empty-state-typography($config) {
28
+ @mixin kbq-empty-state-typography() {
32
29
  .kbq-empty-state-title,
33
30
  .kbq-empty-state-text {
34
31
  text-align: center;
package/empty-state/empty-state-tokens.scss ADDED
@@ -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
+ }
package/empty-state/empty-state.scss CHANGED
@@ -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();
package/esm2022/badge/badge.component.mjs CHANGED
@@ -101,7 +101,7 @@ export class KbqBadge {
101
101
  this._badgeColor = value || KbqBadgeColors.FadeContrast;
102
102
  }
103
103
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqBadge, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
104
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqBadge, selector: "kbq-badge", inputs: { compact: "compact", outline: "outline", badgeColor: "badgeColor" }, host: { properties: { "class.kbq-badge_compact": "compact", "class.kbq-badge-filled": "!outline", "class.kbq-badge-outline": "outline", "class": "badgeColor" }, classAttribute: "kbq-badge" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, descendants: true }], ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-badge{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;height:var(--kbq-badge-size-normal-height, 24px);text-align:center;white-space:nowrap;border-style:solid;box-sizing:border-box;padding-right:var(--kbq-badge-size-normal-horizontal-padding, 8px);padding-left:var(--kbq-badge-size-normal-horizontal-padding, 8px);border-width:var(--kbq-badge-size-normal-border-width, 1px);border-radius:var(--kbq-badge-size-normal-border-radius, 4px)}.kbq-badge .kbq-badge-caption{padding-left:var(--kbq-badge-size-normal-content-padding, 4px)}.kbq-badge .kbq-icon_left{margin-right:var(--kbq-badge-size-normal-icon-left-margin-right, 4px)}.kbq-badge .kbq-icon_right{margin-left:var(--kbq-badge-size-normal-icon-right-margin-left, 4px)}.kbq-badge.kbq-badge_compact{height:var(--kbq-badge-size-compact-height, 16px);padding-right:var(--kbq-badge-size-compact-horizontal-padding, 4px);padding-left:var(--kbq-badge-size-compact-horizontal-padding, 4px);border-width:var(--kbq-badge-size-compact-border-width, 1px);border-radius:var(--kbq-badge-size-compact-border-radius, 4px)}.kbq-badge.kbq-badge_compact .kbq-badge-caption{padding-left:var(--kbq-badge-size-compact-content-padding, 2px)}.kbq-badge.kbq-badge_compact .kbq-icon_left{margin-right:var(--kbq-badge-size-compact-icon-left-margin-right, 2px)}.kbq-badge.kbq-badge_compact .kbq-icon_right{margin-left:var(--kbq-badge-size-compact-icon-right-margin-left, 2px)}.kbq-badge-filled.kbq-badge_fade-contrast{color:var(--kbq-badge-filled-fade-on-contrast-color, );background:var(--kbq-badge-filled-fade-on-contrast-background, );border:transparent}.kbq-badge-filled.kbq-badge_fade-contrast .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-contrast-caption, )}.kbq-badge-filled.kbq-badge_fade-contrast .kbq-icon{color:var(--kbq-badge-filled-fade-on-contrast-icon, )!important}.kbq-badge-filled.kbq-badge_fade-theme{color:var(--kbq-badge-filled-fade-on-theme-color, );background:var(--kbq-badge-filled-fade-on-theme-background, );border:transparent}.kbq-badge-filled.kbq-badge_fade-theme .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-theme-caption, )}.kbq-badge-filled.kbq-badge_fade-theme .kbq-icon{color:var(--kbq-badge-filled-fade-on-theme-icon, )!important}.kbq-badge-filled.kbq-badge_fade-success{color:var(--kbq-badge-filled-fade-on-success-color, );background:var(--kbq-badge-filled-fade-on-success-background, );border:transparent}.kbq-badge-filled.kbq-badge_fade-success .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-success-caption, )}.kbq-badge-filled.kbq-badge_fade-success .kbq-icon{color:var(--kbq-badge-filled-fade-on-success-icon, )!important}.kbq-badge-filled.kbq-badge_fade-warning{color:var(--kbq-badge-filled-fade-on-warning-color, );background:var(--kbq-badge-filled-fade-on-warning-background, );border:transparent}.kbq-badge-filled.kbq-badge_fade-warning .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-warning-caption, )}.kbq-badge-filled.kbq-badge_fade-warning .kbq-icon{color:var(--kbq-badge-filled-fade-on-warning-icon, )!important}.kbq-badge-filled.kbq-badge_fade-error{color:var(--kbq-badge-filled-fade-on-error-color, );background:var(--kbq-badge-filled-fade-on-error-background, );border:transparent}.kbq-badge-filled.kbq-badge_fade-error .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-error-caption, )}.kbq-badge-filled.kbq-badge_fade-error .kbq-icon{color:var(--kbq-badge-filled-fade-on-error-icon, )!important}.kbq-badge-filled.kbq-badge_theme{color:var(--kbq-badge-filled-fade-off-theme-color, );background:var(--kbq-badge-filled-fade-off-theme-background, );border:transparent}.kbq-badge-filled.kbq-badge_theme .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-theme-caption, )}.kbq-badge-filled.kbq-badge_theme .kbq-icon{color:var(--kbq-badge-filled-fade-off-theme-icon, )!important}.kbq-badge-filled.kbq-badge_success{color:var(--kbq-badge-filled-fade-off-success-color, );background:var(--kbq-badge-filled-fade-off-success-background, );border:transparent}.kbq-badge-filled.kbq-badge_success .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-success-caption, )}.kbq-badge-filled.kbq-badge_success .kbq-icon{color:var(--kbq-badge-filled-fade-off-success-icon, )!important}.kbq-badge-filled.kbq-badge_warning{color:var(--kbq-badge-filled-fade-off-warning-color, );background:var(--kbq-badge-filled-fade-off-warning-background, );border:transparent}.kbq-badge-filled.kbq-badge_warning .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-warning-caption, )}.kbq-badge-filled.kbq-badge_warning .kbq-icon{color:var(--kbq-badge-filled-fade-off-warning-icon, )!important}.kbq-badge-filled.kbq-badge_error{color:var(--kbq-badge-filled-fade-off-error-color, );background:var(--kbq-badge-filled-fade-off-error-background, );border:transparent}.kbq-badge-filled.kbq-badge_error .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-error-caption, )}.kbq-badge-filled.kbq-badge_error .kbq-icon{color:var(--kbq-badge-filled-fade-off-error-icon, )!important}.kbq-badge-outline.kbq-badge_fade-contrast{color:var(--kbq-badge-outline-fade-on-contrast-color, );background:var(--kbq-badge-outline-fade-on-contrast-background, );border-color:var(--kbq-badge-outline-fade-on-contrast-border, )}.kbq-badge-outline.kbq-badge_fade-contrast .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-contrast-caption, )}.kbq-badge-outline.kbq-badge_fade-contrast .kbq-icon{color:var(--kbq-badge-outline-fade-on-contrast-icon, )!important}.kbq-badge-outline.kbq-badge_fade-theme{color:var(--kbq-badge-outline-fade-on-theme-color, );background:var(--kbq-badge-outline-fade-on-theme-background, );border-color:var(--kbq-badge-outline-fade-on-theme-border, )}.kbq-badge-outline.kbq-badge_fade-theme .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-theme-caption, )}.kbq-badge-outline.kbq-badge_fade-theme .kbq-icon{color:var(--kbq-badge-outline-fade-on-theme-icon, )!important}.kbq-badge-outline.kbq-badge_fade-success{color:var(--kbq-badge-outline-fade-on-success-color, );background:var(--kbq-badge-outline-fade-on-success-background, );border-color:var(--kbq-badge-outline-fade-on-success-border, )}.kbq-badge-outline.kbq-badge_fade-success .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-success-caption, )}.kbq-badge-outline.kbq-badge_fade-success .kbq-icon{color:var(--kbq-badge-outline-fade-on-success-icon, )!important}.kbq-badge-outline.kbq-badge_fade-warning{color:var(--kbq-badge-outline-fade-on-warning-color, );background:var(--kbq-badge-outline-fade-on-warning-background, );border-color:var(--kbq-badge-outline-fade-on-warning-border, )}.kbq-badge-outline.kbq-badge_fade-warning .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-warning-caption, )}.kbq-badge-outline.kbq-badge_fade-warning .kbq-icon{color:var(--kbq-badge-outline-fade-on-warning-icon, )!important}.kbq-badge-outline.kbq-badge_fade-error{color:var(--kbq-badge-outline-fade-on-error-color, );background:var(--kbq-badge-outline-fade-on-error-background, );border-color:var(--kbq-badge-outline-fade-on-error-border, )}.kbq-badge-outline.kbq-badge_fade-error .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-error-caption, )}.kbq-badge-outline.kbq-badge_fade-error .kbq-icon{color:var(--kbq-badge-outline-fade-on-error-icon, )!important}.kbq-badge{font-size:var(--kbq-badge-font-normal-default-font-size, 14px);font-weight:var(--kbq-badge-font-normal-default-font-weight, 500);line-height:var(--kbq-badge-font-normal-default-line-height, 20px);font-family:var(--kbq-badge-font-normal-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-normal-default-text-transform, );font-feature-settings:var(--kbq-badge-font-normal-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-normal-default-letter-spacing, -.006em)}.kbq-badge .kbq-badge-caption{font-size:var(--kbq-badge-font-normal-caption-font-size, 14px);font-weight:var(--kbq-badge-font-normal-caption-font-weight, normal);line-height:var(--kbq-badge-font-normal-caption-line-height, 20px);font-family:var(--kbq-badge-font-normal-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-normal-caption-text-transform, );font-feature-settings:var(--kbq-badge-font-normal-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-normal-caption-letter-spacing, -.006em)}.kbq-badge_compact{font-size:var(--kbq-badge-font-compact-default-font-size, 12px);font-weight:var(--kbq-badge-font-compact-default-font-weight, 500);line-height:var(--kbq-badge-font-compact-default-line-height, 16px);font-family:var(--kbq-badge-font-compact-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-compact-default-text-transform, );font-feature-settings:var(--kbq-badge-font-compact-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-compact-default-letter-spacing, normal)}.kbq-badge_compact .kbq-badge-caption{font-size:var(--kbq-badge-font-compact-caption-font-size, 12px);font-weight:var(--kbq-badge-font-compact-caption-font-weight, normal);line-height:var(--kbq-badge-font-compact-caption-line-height, 16px);font-family:var(--kbq-badge-font-compact-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-compact-caption-text-transform, );font-feature-settings:var(--kbq-badge-font-compact-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-compact-caption-letter-spacing, normal)}\n", ".kbq-badge{--kbq-badge-size-normal-height: 24px;--kbq-badge-size-normal-icon-left-width: 16px;--kbq-badge-size-normal-icon-left-height: 16px;--kbq-badge-size-normal-icon-left-margin-right: 4px;--kbq-badge-size-normal-icon-right-width: 16px;--kbq-badge-size-normal-icon-right-height: 16px;--kbq-badge-size-normal-icon-right-margin-left: 4px;--kbq-badge-size-normal-horizontal-padding: 8px;--kbq-badge-size-normal-content-padding: 4px;--kbq-badge-size-normal-border-width: 1px;--kbq-badge-size-normal-border-radius: 4px;--kbq-badge-size-compact-height: 16px;--kbq-badge-size-compact-icon-left-width: 16px;--kbq-badge-size-compact-icon-left-height: 16px;--kbq-badge-size-compact-icon-left-margin-right: 2px;--kbq-badge-size-compact-icon-right-width: 16px;--kbq-badge-size-compact-icon-right-height: 16px;--kbq-badge-size-compact-icon-right-margin-left: 2px;--kbq-badge-size-compact-vertical-padding: 0;--kbq-badge-size-compact-horizontal-padding: 4px;--kbq-badge-size-compact-content-padding: 2px;--kbq-badge-size-compact-border-width: 1px;--kbq-badge-size-compact-border-radius: 4px;--kbq-badge-font-normal-default-font-size: 14px;--kbq-badge-font-normal-default-line-height: 20px;--kbq-badge-font-normal-default-letter-spacing: -.006em;--kbq-badge-font-normal-default-font-weight: 500;--kbq-badge-font-normal-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-normal-default-text-transform: null;--kbq-badge-font-normal-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-normal-caption-font-size: 14px;--kbq-badge-font-normal-caption-line-height: 20px;--kbq-badge-font-normal-caption-letter-spacing: -.006em;--kbq-badge-font-normal-caption-font-weight: normal;--kbq-badge-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-normal-caption-text-transform: null;--kbq-badge-font-normal-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-compact-default-font-size: 12px;--kbq-badge-font-compact-default-line-height: 16px;--kbq-badge-font-compact-default-letter-spacing: normal;--kbq-badge-font-compact-default-font-weight: 500;--kbq-badge-font-compact-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-compact-default-text-transform: null;--kbq-badge-font-compact-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-compact-caption-font-size: 12px;--kbq-badge-font-compact-caption-line-height: 16px;--kbq-badge-font-compact-caption-letter-spacing: normal;--kbq-badge-font-compact-caption-font-weight: normal;--kbq-badge-font-compact-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-compact-caption-text-transform: null;--kbq-badge-font-compact-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-badge-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-background: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-background: hsla(38, 100%, 50%, 100%);--kbq-badge-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-background: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-on-theme-background: hsla(216, 100%, 85%, 100%);--kbq-badge-filled-fade-on-theme-color: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-theme-caption: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-theme-icon: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-contrast-background: hsla(229, 15%, 92%, 100%);--kbq-badge-filled-fade-on-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-badge-filled-fade-on-contrast-caption: hsla(229, 15%, 15%, 100%);--kbq-badge-filled-fade-on-contrast-icon: hsla(229, 15%, 60%, 100%);--kbq-badge-filled-fade-on-success-background: hsla(104, 64%, 80%, 100%);--kbq-badge-filled-fade-on-success-color: hsla(104, 64%, 30%, 100%);--kbq-badge-filled-fade-on-success-caption: hsla(104, 64%, 30%, 100%);--kbq-badge-filled-fade-on-success-icon: hsla(104, 64%, 40%, 100%);--kbq-badge-filled-fade-on-warning-background: hsla(38, 100%, 85%, 100%);--kbq-badge-filled-fade-on-warning-color: hsla(38, 100%, 33%, 100%);--kbq-badge-filled-fade-on-warning-caption: hsla(38, 100%, 33%, 100%);--kbq-badge-filled-fade-on-warning-icon: hsla(38, 100%, 42%, 100%);--kbq-badge-filled-fade-on-error-background: hsla(7, 97%, 90%, 100%);--kbq-badge-filled-fade-on-error-color: hsla(7, 97%, 40%, 100%);--kbq-badge-filled-fade-on-error-caption: hsla(7, 97%, 40%, 100%);--kbq-badge-filled-fade-on-error-icon: hsla(7, 97%, 45%, 100%);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-theme-border: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-caption: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-theme-icon: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-badge-outline-fade-on-contrast-border: hsla(229, 15%, 80%, 100%);--kbq-badge-outline-fade-on-contrast-caption: hsla(229, 15%, 15%, 100%);--kbq-badge-outline-fade-on-contrast-icon: hsla(229, 15%, 60%, 100%);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: hsla(104, 64%, 30%, 100%);--kbq-badge-outline-fade-on-success-border: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-caption: hsla(104, 64%, 30%, 100%);--kbq-badge-outline-fade-on-success-icon: hsla(104, 64%, 40%, 100%);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: hsla(38, 100%, 33%, 100%);--kbq-badge-outline-fade-on-warning-border: hsla(38, 100%, 55%, 100%);--kbq-badge-outline-fade-on-warning-caption: hsla(38, 100%, 33%, 100%);--kbq-badge-outline-fade-on-warning-icon: hsla(38, 100%, 42%, 100%);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: hsla(7, 97%, 40%, 100%);--kbq-badge-outline-fade-on-error-border: hsla(7, 97%, 65%, 100%);--kbq-badge-outline-fade-on-error-caption: hsla(7, 97%, 40%, 100%);--kbq-badge-outline-fade-on-error-icon: hsla(7, 97%, 45%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-badge-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-background: hsla(104, 64%, 40%, 100%);--kbq-badge-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-background: hsla(38, 100%, 39%, 100%);--kbq-badge-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-background: hsla(7, 97%, 41%, 100%);--kbq-badge-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-on-theme-background: hsla(216, 100%, 20%, 100%);--kbq-badge-filled-fade-on-theme-color: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-theme-caption: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-theme-icon: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-contrast-background: hsla(229, 15%, 25%, 100%);--kbq-badge-filled-fade-on-contrast-color: hsla(229, 15%, 80%, 100%);--kbq-badge-filled-fade-on-contrast-caption: hsla(229, 15%, 80%, 100%);--kbq-badge-filled-fade-on-contrast-icon: hsla(229, 15%, 45%, 100%);--kbq-badge-filled-fade-on-success-background: hsla(104, 64%, 12%, 100%);--kbq-badge-filled-fade-on-success-color: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-success-caption: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-success-icon: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-warning-background: hsla(38, 100%, 14%, 100%);--kbq-badge-filled-fade-on-warning-color: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-warning-caption: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-warning-icon: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-error-background: hsla(7, 97%, 15%, 100%);--kbq-badge-filled-fade-on-error-color: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-on-error-caption: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-on-error-icon: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-border: hsla(216, 100%, 30%, 100%);--kbq-badge-outline-fade-on-theme-caption: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-icon: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: hsla(229, 15%, 80%, 100%);--kbq-badge-outline-fade-on-contrast-border: hsla(229, 15%, 30%, 100%);--kbq-badge-outline-fade-on-contrast-caption: hsla(229, 15%, 80%, 100%);--kbq-badge-outline-fade-on-contrast-icon: hsla(229, 15%, 45%, 100%);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-border: hsla(104, 64%, 20%, 100%);--kbq-badge-outline-fade-on-success-caption: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-icon: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-warning-border: hsla(38, 100%, 20%, 100%);--kbq-badge-outline-fade-on-warning-caption: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-warning-icon: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-error-border: hsla(7, 97%, 35%, 100%);--kbq-badge-outline-fade-on-error-caption: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-error-icon: hsla(7, 97%, 60%, 100%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
104
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "17.2.0", type: KbqBadge, selector: "kbq-badge", inputs: { compact: "compact", outline: "outline", badgeColor: "badgeColor" }, host: { properties: { "class.kbq-badge_compact": "compact", "class.kbq-badge-filled": "!outline", "class.kbq-badge-outline": "outline", "class": "badgeColor" }, classAttribute: "kbq-badge" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, descendants: true }], ngImport: i0, template: '<ng-content />', isInline: true, styles: [".kbq-badge{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;height:var(--kbq-badge-size-normal-height, 24px);text-align:center;white-space:nowrap;border-style:solid;box-sizing:border-box;padding-right:var(--kbq-badge-size-normal-horizontal-padding, 8px);padding-left:var(--kbq-badge-size-normal-horizontal-padding, 8px);border-width:var(--kbq-badge-size-normal-border-width, 1px);border-radius:var(--kbq-badge-size-normal-border-radius, 4px)}.kbq-badge .kbq-badge-caption{padding-left:var(--kbq-badge-size-normal-content-padding, 4px)}.kbq-badge .kbq-icon_left{margin-right:var(--kbq-badge-size-normal-icon-left-margin-right, 4px)}.kbq-badge .kbq-icon_right{margin-left:var(--kbq-badge-size-normal-icon-right-margin-left, 4px)}.kbq-badge.kbq-badge_compact{height:var(--kbq-badge-size-compact-height, 16px);padding-right:var(--kbq-badge-size-compact-horizontal-padding, 4px);padding-left:var(--kbq-badge-size-compact-horizontal-padding, 4px);border-width:var(--kbq-badge-size-compact-border-width, 1px);border-radius:var(--kbq-badge-size-compact-border-radius, 4px)}.kbq-badge.kbq-badge_compact .kbq-badge-caption{padding-left:var(--kbq-badge-size-compact-content-padding, 2px)}.kbq-badge.kbq-badge_compact .kbq-icon_left{margin-right:var(--kbq-badge-size-compact-icon-left-margin-right, 2px)}.kbq-badge.kbq-badge_compact .kbq-icon_right{margin-left:var(--kbq-badge-size-compact-icon-right-margin-left, 2px)}.kbq-badge-filled.kbq-badge_fade-contrast{color:var(--kbq-badge-filled-fade-on-contrast-color, );background:var(--kbq-badge-filled-fade-on-contrast-background, );border:transparent}.kbq-badge-filled.kbq-badge_fade-contrast .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-contrast-caption, )}.kbq-badge-filled.kbq-badge_fade-contrast .kbq-icon{color:var(--kbq-badge-filled-fade-on-contrast-icon, )!important}.kbq-badge-filled.kbq-badge_fade-theme{color:var(--kbq-badge-filled-fade-on-theme-color, );background:var(--kbq-badge-filled-fade-on-theme-background, );border:transparent}.kbq-badge-filled.kbq-badge_fade-theme .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-theme-caption, )}.kbq-badge-filled.kbq-badge_fade-theme .kbq-icon{color:var(--kbq-badge-filled-fade-on-theme-icon, )!important}.kbq-badge-filled.kbq-badge_fade-success{color:var(--kbq-badge-filled-fade-on-success-color, );background:var(--kbq-badge-filled-fade-on-success-background, );border:transparent}.kbq-badge-filled.kbq-badge_fade-success .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-success-caption, )}.kbq-badge-filled.kbq-badge_fade-success .kbq-icon{color:var(--kbq-badge-filled-fade-on-success-icon, )!important}.kbq-badge-filled.kbq-badge_fade-warning{color:var(--kbq-badge-filled-fade-on-warning-color, );background:var(--kbq-badge-filled-fade-on-warning-background, );border:transparent}.kbq-badge-filled.kbq-badge_fade-warning .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-warning-caption, )}.kbq-badge-filled.kbq-badge_fade-warning .kbq-icon{color:var(--kbq-badge-filled-fade-on-warning-icon, )!important}.kbq-badge-filled.kbq-badge_fade-error{color:var(--kbq-badge-filled-fade-on-error-color, );background:var(--kbq-badge-filled-fade-on-error-background, );border:transparent}.kbq-badge-filled.kbq-badge_fade-error .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-error-caption, )}.kbq-badge-filled.kbq-badge_fade-error .kbq-icon{color:var(--kbq-badge-filled-fade-on-error-icon, )!important}.kbq-badge-filled.kbq-badge_theme{color:var(--kbq-badge-filled-fade-off-theme-color, );background:var(--kbq-badge-filled-fade-off-theme-background, );border:transparent}.kbq-badge-filled.kbq-badge_theme .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-theme-caption, )}.kbq-badge-filled.kbq-badge_theme .kbq-icon{color:var(--kbq-badge-filled-fade-off-theme-icon, )!important}.kbq-badge-filled.kbq-badge_success{color:var(--kbq-badge-filled-fade-off-success-color, );background:var(--kbq-badge-filled-fade-off-success-background, );border:transparent}.kbq-badge-filled.kbq-badge_success .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-success-caption, )}.kbq-badge-filled.kbq-badge_success .kbq-icon{color:var(--kbq-badge-filled-fade-off-success-icon, )!important}.kbq-badge-filled.kbq-badge_warning{color:var(--kbq-badge-filled-fade-off-warning-color, );background:var(--kbq-badge-filled-fade-off-warning-background, );border:transparent}.kbq-badge-filled.kbq-badge_warning .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-warning-caption, )}.kbq-badge-filled.kbq-badge_warning .kbq-icon{color:var(--kbq-badge-filled-fade-off-warning-icon, )!important}.kbq-badge-filled.kbq-badge_error{color:var(--kbq-badge-filled-fade-off-error-color, );background:var(--kbq-badge-filled-fade-off-error-background, );border:transparent}.kbq-badge-filled.kbq-badge_error .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-error-caption, )}.kbq-badge-filled.kbq-badge_error .kbq-icon{color:var(--kbq-badge-filled-fade-off-error-icon, )!important}.kbq-badge-outline.kbq-badge_fade-contrast{color:var(--kbq-badge-outline-fade-on-contrast-color, );background:var(--kbq-badge-outline-fade-on-contrast-background, );border-color:var(--kbq-badge-outline-fade-on-contrast-border, )}.kbq-badge-outline.kbq-badge_fade-contrast .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-contrast-caption, )}.kbq-badge-outline.kbq-badge_fade-contrast .kbq-icon{color:var(--kbq-badge-outline-fade-on-contrast-icon, )!important}.kbq-badge-outline.kbq-badge_fade-theme{color:var(--kbq-badge-outline-fade-on-theme-color, );background:var(--kbq-badge-outline-fade-on-theme-background, );border-color:var(--kbq-badge-outline-fade-on-theme-border, )}.kbq-badge-outline.kbq-badge_fade-theme .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-theme-caption, )}.kbq-badge-outline.kbq-badge_fade-theme .kbq-icon{color:var(--kbq-badge-outline-fade-on-theme-icon, )!important}.kbq-badge-outline.kbq-badge_fade-success{color:var(--kbq-badge-outline-fade-on-success-color, );background:var(--kbq-badge-outline-fade-on-success-background, );border-color:var(--kbq-badge-outline-fade-on-success-border, )}.kbq-badge-outline.kbq-badge_fade-success .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-success-caption, )}.kbq-badge-outline.kbq-badge_fade-success .kbq-icon{color:var(--kbq-badge-outline-fade-on-success-icon, )!important}.kbq-badge-outline.kbq-badge_fade-warning{color:var(--kbq-badge-outline-fade-on-warning-color, );background:var(--kbq-badge-outline-fade-on-warning-background, );border-color:var(--kbq-badge-outline-fade-on-warning-border, )}.kbq-badge-outline.kbq-badge_fade-warning .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-warning-caption, )}.kbq-badge-outline.kbq-badge_fade-warning .kbq-icon{color:var(--kbq-badge-outline-fade-on-warning-icon, )!important}.kbq-badge-outline.kbq-badge_fade-error{color:var(--kbq-badge-outline-fade-on-error-color, );background:var(--kbq-badge-outline-fade-on-error-background, );border-color:var(--kbq-badge-outline-fade-on-error-border, )}.kbq-badge-outline.kbq-badge_fade-error .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-error-caption, )}.kbq-badge-outline.kbq-badge_fade-error .kbq-icon{color:var(--kbq-badge-outline-fade-on-error-icon, )!important}.kbq-badge{font-size:var(--kbq-badge-font-normal-default-font-size, 14px);font-weight:var(--kbq-badge-font-normal-default-font-weight, 500);line-height:var(--kbq-badge-font-normal-default-line-height, 20px);font-family:var(--kbq-badge-font-normal-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-normal-default-text-transform, );font-feature-settings:var(--kbq-badge-font-normal-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-normal-default-letter-spacing, -.006em)}.kbq-badge .kbq-badge-caption{font-size:var(--kbq-badge-font-normal-caption-font-size, 14px);font-weight:var(--kbq-badge-font-normal-caption-font-weight, normal);line-height:var(--kbq-badge-font-normal-caption-line-height, 20px);font-family:var(--kbq-badge-font-normal-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-normal-caption-text-transform, );font-feature-settings:var(--kbq-badge-font-normal-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-normal-caption-letter-spacing, -.006em)}.kbq-badge_compact{font-size:var(--kbq-badge-font-compact-default-font-size, 12px);font-weight:var(--kbq-badge-font-compact-default-font-weight, 500);line-height:var(--kbq-badge-font-compact-default-line-height, 16px);font-family:var(--kbq-badge-font-compact-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-compact-default-text-transform, );font-feature-settings:var(--kbq-badge-font-compact-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-compact-default-letter-spacing, normal)}.kbq-badge_compact .kbq-badge-caption{font-size:var(--kbq-badge-font-compact-caption-font-size, 12px);font-weight:var(--kbq-badge-font-compact-caption-font-weight, normal);line-height:var(--kbq-badge-font-compact-caption-line-height, 16px);font-family:var(--kbq-badge-font-compact-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-compact-caption-text-transform, );font-feature-settings:var(--kbq-badge-font-compact-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-compact-caption-letter-spacing, normal)}\n", ".kbq-badge{--kbq-badge-size-normal-height: 24px;--kbq-badge-size-normal-icon-left-width: 16px;--kbq-badge-size-normal-icon-left-height: 16px;--kbq-badge-size-normal-icon-left-margin-right: 4px;--kbq-badge-size-normal-icon-right-width: 16px;--kbq-badge-size-normal-icon-right-height: 16px;--kbq-badge-size-normal-icon-right-margin-left: 4px;--kbq-badge-size-normal-horizontal-padding: 8px;--kbq-badge-size-normal-content-padding: 4px;--kbq-badge-size-normal-border-width: 1px;--kbq-badge-size-normal-border-radius: 4px;--kbq-badge-size-compact-height: 16px;--kbq-badge-size-compact-icon-left-width: 16px;--kbq-badge-size-compact-icon-left-height: 16px;--kbq-badge-size-compact-icon-left-margin-right: 2px;--kbq-badge-size-compact-icon-right-width: 16px;--kbq-badge-size-compact-icon-right-height: 16px;--kbq-badge-size-compact-icon-right-margin-left: 2px;--kbq-badge-size-compact-vertical-padding: 0;--kbq-badge-size-compact-horizontal-padding: 4px;--kbq-badge-size-compact-content-padding: 2px;--kbq-badge-size-compact-border-width: 1px;--kbq-badge-size-compact-border-radius: 4px;--kbq-badge-font-normal-default-font-size: 14px;--kbq-badge-font-normal-default-line-height: 20px;--kbq-badge-font-normal-default-letter-spacing: -.006em;--kbq-badge-font-normal-default-font-weight: 500;--kbq-badge-font-normal-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-normal-default-text-transform: null;--kbq-badge-font-normal-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-normal-caption-font-size: 14px;--kbq-badge-font-normal-caption-line-height: 20px;--kbq-badge-font-normal-caption-letter-spacing: -.006em;--kbq-badge-font-normal-caption-font-weight: normal;--kbq-badge-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-normal-caption-text-transform: null;--kbq-badge-font-normal-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-compact-default-font-size: 12px;--kbq-badge-font-compact-default-line-height: 16px;--kbq-badge-font-compact-default-letter-spacing: normal;--kbq-badge-font-compact-default-font-weight: 500;--kbq-badge-font-compact-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-compact-default-text-transform: null;--kbq-badge-font-compact-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-compact-caption-font-size: 12px;--kbq-badge-font-compact-caption-line-height: 16px;--kbq-badge-font-compact-caption-letter-spacing: normal;--kbq-badge-font-compact-caption-font-weight: normal;--kbq-badge-font-compact-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-compact-caption-text-transform: null;--kbq-badge-font-compact-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-badge-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-background: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-background: hsla(38, 100%, 50%, 100%);--kbq-badge-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-background: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-on-theme-background: hsla(216, 100%, 85%, 100%);--kbq-badge-filled-fade-on-theme-color: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-theme-caption: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-theme-icon: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-contrast-background: hsla(229, 15%, 92%, 100%);--kbq-badge-filled-fade-on-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-badge-filled-fade-on-contrast-caption: hsla(229, 15%, 15%, 100%);--kbq-badge-filled-fade-on-contrast-icon: hsla(229, 15%, 60%, 100%);--kbq-badge-filled-fade-on-success-background: hsla(104, 64%, 80%, 100%);--kbq-badge-filled-fade-on-success-color: hsla(104, 64%, 30%, 100%);--kbq-badge-filled-fade-on-success-caption: hsla(104, 64%, 30%, 100%);--kbq-badge-filled-fade-on-success-icon: hsla(104, 64%, 40%, 100%);--kbq-badge-filled-fade-on-warning-background: hsla(38, 100%, 85%, 100%);--kbq-badge-filled-fade-on-warning-color: hsla(38, 100%, 33%, 100%);--kbq-badge-filled-fade-on-warning-caption: hsla(38, 100%, 33%, 100%);--kbq-badge-filled-fade-on-warning-icon: hsla(38, 100%, 42%, 100%);--kbq-badge-filled-fade-on-error-background: hsla(7, 97%, 90%, 100%);--kbq-badge-filled-fade-on-error-color: hsla(7, 97%, 40%, 100%);--kbq-badge-filled-fade-on-error-caption: hsla(7, 97%, 40%, 100%);--kbq-badge-filled-fade-on-error-icon: hsla(7, 97%, 45%, 100%);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-theme-border: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-caption: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-theme-icon: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-badge-outline-fade-on-contrast-border: hsla(229, 15%, 70%, 100%);--kbq-badge-outline-fade-on-contrast-caption: hsla(229, 15%, 15%, 100%);--kbq-badge-outline-fade-on-contrast-icon: hsla(229, 15%, 60%, 100%);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: hsla(104, 64%, 30%, 100%);--kbq-badge-outline-fade-on-success-border: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-caption: hsla(104, 64%, 30%, 100%);--kbq-badge-outline-fade-on-success-icon: hsla(104, 64%, 40%, 100%);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: hsla(38, 100%, 33%, 100%);--kbq-badge-outline-fade-on-warning-border: hsla(38, 100%, 55%, 100%);--kbq-badge-outline-fade-on-warning-caption: hsla(38, 100%, 33%, 100%);--kbq-badge-outline-fade-on-warning-icon: hsla(38, 100%, 42%, 100%);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: hsla(7, 97%, 40%, 100%);--kbq-badge-outline-fade-on-error-border: hsla(7, 97%, 65%, 100%);--kbq-badge-outline-fade-on-error-caption: hsla(7, 97%, 40%, 100%);--kbq-badge-outline-fade-on-error-icon: hsla(7, 97%, 45%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-badge-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-background: hsla(104, 64%, 40%, 100%);--kbq-badge-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-background: hsla(38, 100%, 39%, 100%);--kbq-badge-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-background: hsla(7, 97%, 41%, 100%);--kbq-badge-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-on-theme-background: hsla(216, 100%, 20%, 100%);--kbq-badge-filled-fade-on-theme-color: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-theme-caption: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-theme-icon: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-contrast-background: hsla(229, 15%, 25%, 100%);--kbq-badge-filled-fade-on-contrast-color: hsla(229, 15%, 80%, 100%);--kbq-badge-filled-fade-on-contrast-caption: hsla(229, 15%, 80%, 100%);--kbq-badge-filled-fade-on-contrast-icon: hsla(229, 15%, 45%, 100%);--kbq-badge-filled-fade-on-success-background: hsla(104, 64%, 12%, 100%);--kbq-badge-filled-fade-on-success-color: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-success-caption: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-success-icon: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-warning-background: hsla(38, 100%, 14%, 100%);--kbq-badge-filled-fade-on-warning-color: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-warning-caption: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-warning-icon: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-error-background: hsla(7, 97%, 15%, 100%);--kbq-badge-filled-fade-on-error-color: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-on-error-caption: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-on-error-icon: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-border: hsla(216, 100%, 30%, 100%);--kbq-badge-outline-fade-on-theme-caption: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-icon: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: hsla(229, 15%, 80%, 100%);--kbq-badge-outline-fade-on-contrast-border: hsla(229, 15%, 30%, 100%);--kbq-badge-outline-fade-on-contrast-caption: hsla(229, 15%, 80%, 100%);--kbq-badge-outline-fade-on-contrast-icon: hsla(229, 15%, 45%, 100%);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-border: hsla(104, 64%, 20%, 100%);--kbq-badge-outline-fade-on-success-caption: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-icon: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-warning-border: hsla(38, 100%, 20%, 100%);--kbq-badge-outline-fade-on-warning-caption: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-warning-icon: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-error-border: hsla(7, 97%, 35%, 100%);--kbq-badge-outline-fade-on-error-caption: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-error-icon: hsla(7, 97%, 60%, 100%)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
105
105
  }
106
106
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImport: i0, type: KbqBadge, decorators: [{
107
107
  type: Component,
@@ -111,7 +111,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "17.2.0", ngImpor
111
111
  '[class.kbq-badge-filled]': '!outline',
112
112
  '[class.kbq-badge-outline]': 'outline',
113
113
  '[class]': 'badgeColor'
114
- }, styles: [".kbq-badge{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;height:var(--kbq-badge-size-normal-height, 24px);text-align:center;white-space:nowrap;border-style:solid;box-sizing:border-box;padding-right:var(--kbq-badge-size-normal-horizontal-padding, 8px);padding-left:var(--kbq-badge-size-normal-horizontal-padding, 8px);border-width:var(--kbq-badge-size-normal-border-width, 1px);border-radius:var(--kbq-badge-size-normal-border-radius, 4px)}.kbq-badge .kbq-badge-caption{padding-left:var(--kbq-badge-size-normal-content-padding, 4px)}.kbq-badge .kbq-icon_left{margin-right:var(--kbq-badge-size-normal-icon-left-margin-right, 4px)}.kbq-badge .kbq-icon_right{margin-left:var(--kbq-badge-size-normal-icon-right-margin-left, 4px)}.kbq-badge.kbq-badge_compact{height:var(--kbq-badge-size-compact-height, 16px);padding-right:var(--kbq-badge-size-compact-horizontal-padding, 4px);padding-left:var(--kbq-badge-size-compact-horizontal-padding, 4px);border-width:var(--kbq-badge-size-compact-border-width, 1px);border-radius:var(--kbq-badge-size-compact-border-radius, 4px)}.kbq-badge.kbq-badge_compact .kbq-badge-caption{padding-left:var(--kbq-badge-size-compact-content-padding, 2px)}.kbq-badge.kbq-badge_compact .kbq-icon_left{margin-right:var(--kbq-badge-size-compact-icon-left-margin-right, 2px)}.kbq-badge.kbq-badge_compact .kbq-icon_right{margin-left:var(--kbq-badge-size-compact-icon-right-margin-left, 2px)}.kbq-badge-filled.kbq-badge_fade-contrast{color:var(--kbq-badge-filled-fade-on-contrast-color, );background:var(--kbq-badge-filled-fade-on-contrast-background, );border:transparent}.kbq-badge-filled.kbq-badge_fade-contrast .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-contrast-caption, )}.kbq-badge-filled.kbq-badge_fade-contrast .kbq-icon{color:var(--kbq-badge-filled-fade-on-contrast-icon, )!important}.kbq-badge-filled.kbq-badge_fade-theme{color:var(--kbq-badge-filled-fade-on-theme-color, );background:var(--kbq-badge-filled-fade-on-theme-background, );border:transparent}.kbq-badge-filled.kbq-badge_fade-theme .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-theme-caption, )}.kbq-badge-filled.kbq-badge_fade-theme .kbq-icon{color:var(--kbq-badge-filled-fade-on-theme-icon, )!important}.kbq-badge-filled.kbq-badge_fade-success{color:var(--kbq-badge-filled-fade-on-success-color, );background:var(--kbq-badge-filled-fade-on-success-background, );border:transparent}.kbq-badge-filled.kbq-badge_fade-success .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-success-caption, )}.kbq-badge-filled.kbq-badge_fade-success .kbq-icon{color:var(--kbq-badge-filled-fade-on-success-icon, )!important}.kbq-badge-filled.kbq-badge_fade-warning{color:var(--kbq-badge-filled-fade-on-warning-color, );background:var(--kbq-badge-filled-fade-on-warning-background, );border:transparent}.kbq-badge-filled.kbq-badge_fade-warning .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-warning-caption, )}.kbq-badge-filled.kbq-badge_fade-warning .kbq-icon{color:var(--kbq-badge-filled-fade-on-warning-icon, )!important}.kbq-badge-filled.kbq-badge_fade-error{color:var(--kbq-badge-filled-fade-on-error-color, );background:var(--kbq-badge-filled-fade-on-error-background, );border:transparent}.kbq-badge-filled.kbq-badge_fade-error .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-error-caption, )}.kbq-badge-filled.kbq-badge_fade-error .kbq-icon{color:var(--kbq-badge-filled-fade-on-error-icon, )!important}.kbq-badge-filled.kbq-badge_theme{color:var(--kbq-badge-filled-fade-off-theme-color, );background:var(--kbq-badge-filled-fade-off-theme-background, );border:transparent}.kbq-badge-filled.kbq-badge_theme .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-theme-caption, )}.kbq-badge-filled.kbq-badge_theme .kbq-icon{color:var(--kbq-badge-filled-fade-off-theme-icon, )!important}.kbq-badge-filled.kbq-badge_success{color:var(--kbq-badge-filled-fade-off-success-color, );background:var(--kbq-badge-filled-fade-off-success-background, );border:transparent}.kbq-badge-filled.kbq-badge_success .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-success-caption, )}.kbq-badge-filled.kbq-badge_success .kbq-icon{color:var(--kbq-badge-filled-fade-off-success-icon, )!important}.kbq-badge-filled.kbq-badge_warning{color:var(--kbq-badge-filled-fade-off-warning-color, );background:var(--kbq-badge-filled-fade-off-warning-background, );border:transparent}.kbq-badge-filled.kbq-badge_warning .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-warning-caption, )}.kbq-badge-filled.kbq-badge_warning .kbq-icon{color:var(--kbq-badge-filled-fade-off-warning-icon, )!important}.kbq-badge-filled.kbq-badge_error{color:var(--kbq-badge-filled-fade-off-error-color, );background:var(--kbq-badge-filled-fade-off-error-background, );border:transparent}.kbq-badge-filled.kbq-badge_error .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-error-caption, )}.kbq-badge-filled.kbq-badge_error .kbq-icon{color:var(--kbq-badge-filled-fade-off-error-icon, )!important}.kbq-badge-outline.kbq-badge_fade-contrast{color:var(--kbq-badge-outline-fade-on-contrast-color, );background:var(--kbq-badge-outline-fade-on-contrast-background, );border-color:var(--kbq-badge-outline-fade-on-contrast-border, )}.kbq-badge-outline.kbq-badge_fade-contrast .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-contrast-caption, )}.kbq-badge-outline.kbq-badge_fade-contrast .kbq-icon{color:var(--kbq-badge-outline-fade-on-contrast-icon, )!important}.kbq-badge-outline.kbq-badge_fade-theme{color:var(--kbq-badge-outline-fade-on-theme-color, );background:var(--kbq-badge-outline-fade-on-theme-background, );border-color:var(--kbq-badge-outline-fade-on-theme-border, )}.kbq-badge-outline.kbq-badge_fade-theme .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-theme-caption, )}.kbq-badge-outline.kbq-badge_fade-theme .kbq-icon{color:var(--kbq-badge-outline-fade-on-theme-icon, )!important}.kbq-badge-outline.kbq-badge_fade-success{color:var(--kbq-badge-outline-fade-on-success-color, );background:var(--kbq-badge-outline-fade-on-success-background, );border-color:var(--kbq-badge-outline-fade-on-success-border, )}.kbq-badge-outline.kbq-badge_fade-success .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-success-caption, )}.kbq-badge-outline.kbq-badge_fade-success .kbq-icon{color:var(--kbq-badge-outline-fade-on-success-icon, )!important}.kbq-badge-outline.kbq-badge_fade-warning{color:var(--kbq-badge-outline-fade-on-warning-color, );background:var(--kbq-badge-outline-fade-on-warning-background, );border-color:var(--kbq-badge-outline-fade-on-warning-border, )}.kbq-badge-outline.kbq-badge_fade-warning .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-warning-caption, )}.kbq-badge-outline.kbq-badge_fade-warning .kbq-icon{color:var(--kbq-badge-outline-fade-on-warning-icon, )!important}.kbq-badge-outline.kbq-badge_fade-error{color:var(--kbq-badge-outline-fade-on-error-color, );background:var(--kbq-badge-outline-fade-on-error-background, );border-color:var(--kbq-badge-outline-fade-on-error-border, )}.kbq-badge-outline.kbq-badge_fade-error .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-error-caption, )}.kbq-badge-outline.kbq-badge_fade-error .kbq-icon{color:var(--kbq-badge-outline-fade-on-error-icon, )!important}.kbq-badge{font-size:var(--kbq-badge-font-normal-default-font-size, 14px);font-weight:var(--kbq-badge-font-normal-default-font-weight, 500);line-height:var(--kbq-badge-font-normal-default-line-height, 20px);font-family:var(--kbq-badge-font-normal-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-normal-default-text-transform, );font-feature-settings:var(--kbq-badge-font-normal-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-normal-default-letter-spacing, -.006em)}.kbq-badge .kbq-badge-caption{font-size:var(--kbq-badge-font-normal-caption-font-size, 14px);font-weight:var(--kbq-badge-font-normal-caption-font-weight, normal);line-height:var(--kbq-badge-font-normal-caption-line-height, 20px);font-family:var(--kbq-badge-font-normal-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-normal-caption-text-transform, );font-feature-settings:var(--kbq-badge-font-normal-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-normal-caption-letter-spacing, -.006em)}.kbq-badge_compact{font-size:var(--kbq-badge-font-compact-default-font-size, 12px);font-weight:var(--kbq-badge-font-compact-default-font-weight, 500);line-height:var(--kbq-badge-font-compact-default-line-height, 16px);font-family:var(--kbq-badge-font-compact-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-compact-default-text-transform, );font-feature-settings:var(--kbq-badge-font-compact-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-compact-default-letter-spacing, normal)}.kbq-badge_compact .kbq-badge-caption{font-size:var(--kbq-badge-font-compact-caption-font-size, 12px);font-weight:var(--kbq-badge-font-compact-caption-font-weight, normal);line-height:var(--kbq-badge-font-compact-caption-line-height, 16px);font-family:var(--kbq-badge-font-compact-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-compact-caption-text-transform, );font-feature-settings:var(--kbq-badge-font-compact-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-compact-caption-letter-spacing, normal)}\n", ".kbq-badge{--kbq-badge-size-normal-height: 24px;--kbq-badge-size-normal-icon-left-width: 16px;--kbq-badge-size-normal-icon-left-height: 16px;--kbq-badge-size-normal-icon-left-margin-right: 4px;--kbq-badge-size-normal-icon-right-width: 16px;--kbq-badge-size-normal-icon-right-height: 16px;--kbq-badge-size-normal-icon-right-margin-left: 4px;--kbq-badge-size-normal-horizontal-padding: 8px;--kbq-badge-size-normal-content-padding: 4px;--kbq-badge-size-normal-border-width: 1px;--kbq-badge-size-normal-border-radius: 4px;--kbq-badge-size-compact-height: 16px;--kbq-badge-size-compact-icon-left-width: 16px;--kbq-badge-size-compact-icon-left-height: 16px;--kbq-badge-size-compact-icon-left-margin-right: 2px;--kbq-badge-size-compact-icon-right-width: 16px;--kbq-badge-size-compact-icon-right-height: 16px;--kbq-badge-size-compact-icon-right-margin-left: 2px;--kbq-badge-size-compact-vertical-padding: 0;--kbq-badge-size-compact-horizontal-padding: 4px;--kbq-badge-size-compact-content-padding: 2px;--kbq-badge-size-compact-border-width: 1px;--kbq-badge-size-compact-border-radius: 4px;--kbq-badge-font-normal-default-font-size: 14px;--kbq-badge-font-normal-default-line-height: 20px;--kbq-badge-font-normal-default-letter-spacing: -.006em;--kbq-badge-font-normal-default-font-weight: 500;--kbq-badge-font-normal-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-normal-default-text-transform: null;--kbq-badge-font-normal-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-normal-caption-font-size: 14px;--kbq-badge-font-normal-caption-line-height: 20px;--kbq-badge-font-normal-caption-letter-spacing: -.006em;--kbq-badge-font-normal-caption-font-weight: normal;--kbq-badge-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-normal-caption-text-transform: null;--kbq-badge-font-normal-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-compact-default-font-size: 12px;--kbq-badge-font-compact-default-line-height: 16px;--kbq-badge-font-compact-default-letter-spacing: normal;--kbq-badge-font-compact-default-font-weight: 500;--kbq-badge-font-compact-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-compact-default-text-transform: null;--kbq-badge-font-compact-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-compact-caption-font-size: 12px;--kbq-badge-font-compact-caption-line-height: 16px;--kbq-badge-font-compact-caption-letter-spacing: normal;--kbq-badge-font-compact-caption-font-weight: normal;--kbq-badge-font-compact-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-compact-caption-text-transform: null;--kbq-badge-font-compact-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-badge-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-background: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-background: hsla(38, 100%, 50%, 100%);--kbq-badge-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-background: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-on-theme-background: hsla(216, 100%, 85%, 100%);--kbq-badge-filled-fade-on-theme-color: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-theme-caption: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-theme-icon: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-contrast-background: hsla(229, 15%, 92%, 100%);--kbq-badge-filled-fade-on-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-badge-filled-fade-on-contrast-caption: hsla(229, 15%, 15%, 100%);--kbq-badge-filled-fade-on-contrast-icon: hsla(229, 15%, 60%, 100%);--kbq-badge-filled-fade-on-success-background: hsla(104, 64%, 80%, 100%);--kbq-badge-filled-fade-on-success-color: hsla(104, 64%, 30%, 100%);--kbq-badge-filled-fade-on-success-caption: hsla(104, 64%, 30%, 100%);--kbq-badge-filled-fade-on-success-icon: hsla(104, 64%, 40%, 100%);--kbq-badge-filled-fade-on-warning-background: hsla(38, 100%, 85%, 100%);--kbq-badge-filled-fade-on-warning-color: hsla(38, 100%, 33%, 100%);--kbq-badge-filled-fade-on-warning-caption: hsla(38, 100%, 33%, 100%);--kbq-badge-filled-fade-on-warning-icon: hsla(38, 100%, 42%, 100%);--kbq-badge-filled-fade-on-error-background: hsla(7, 97%, 90%, 100%);--kbq-badge-filled-fade-on-error-color: hsla(7, 97%, 40%, 100%);--kbq-badge-filled-fade-on-error-caption: hsla(7, 97%, 40%, 100%);--kbq-badge-filled-fade-on-error-icon: hsla(7, 97%, 45%, 100%);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-theme-border: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-caption: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-theme-icon: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-badge-outline-fade-on-contrast-border: hsla(229, 15%, 80%, 100%);--kbq-badge-outline-fade-on-contrast-caption: hsla(229, 15%, 15%, 100%);--kbq-badge-outline-fade-on-contrast-icon: hsla(229, 15%, 60%, 100%);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: hsla(104, 64%, 30%, 100%);--kbq-badge-outline-fade-on-success-border: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-caption: hsla(104, 64%, 30%, 100%);--kbq-badge-outline-fade-on-success-icon: hsla(104, 64%, 40%, 100%);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: hsla(38, 100%, 33%, 100%);--kbq-badge-outline-fade-on-warning-border: hsla(38, 100%, 55%, 100%);--kbq-badge-outline-fade-on-warning-caption: hsla(38, 100%, 33%, 100%);--kbq-badge-outline-fade-on-warning-icon: hsla(38, 100%, 42%, 100%);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: hsla(7, 97%, 40%, 100%);--kbq-badge-outline-fade-on-error-border: hsla(7, 97%, 65%, 100%);--kbq-badge-outline-fade-on-error-caption: hsla(7, 97%, 40%, 100%);--kbq-badge-outline-fade-on-error-icon: hsla(7, 97%, 45%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-badge-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-background: hsla(104, 64%, 40%, 100%);--kbq-badge-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-background: hsla(38, 100%, 39%, 100%);--kbq-badge-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-background: hsla(7, 97%, 41%, 100%);--kbq-badge-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-on-theme-background: hsla(216, 100%, 20%, 100%);--kbq-badge-filled-fade-on-theme-color: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-theme-caption: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-theme-icon: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-contrast-background: hsla(229, 15%, 25%, 100%);--kbq-badge-filled-fade-on-contrast-color: hsla(229, 15%, 80%, 100%);--kbq-badge-filled-fade-on-contrast-caption: hsla(229, 15%, 80%, 100%);--kbq-badge-filled-fade-on-contrast-icon: hsla(229, 15%, 45%, 100%);--kbq-badge-filled-fade-on-success-background: hsla(104, 64%, 12%, 100%);--kbq-badge-filled-fade-on-success-color: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-success-caption: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-success-icon: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-warning-background: hsla(38, 100%, 14%, 100%);--kbq-badge-filled-fade-on-warning-color: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-warning-caption: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-warning-icon: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-error-background: hsla(7, 97%, 15%, 100%);--kbq-badge-filled-fade-on-error-color: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-on-error-caption: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-on-error-icon: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-border: hsla(216, 100%, 30%, 100%);--kbq-badge-outline-fade-on-theme-caption: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-icon: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: hsla(229, 15%, 80%, 100%);--kbq-badge-outline-fade-on-contrast-border: hsla(229, 15%, 30%, 100%);--kbq-badge-outline-fade-on-contrast-caption: hsla(229, 15%, 80%, 100%);--kbq-badge-outline-fade-on-contrast-icon: hsla(229, 15%, 45%, 100%);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-border: hsla(104, 64%, 20%, 100%);--kbq-badge-outline-fade-on-success-caption: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-icon: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-warning-border: hsla(38, 100%, 20%, 100%);--kbq-badge-outline-fade-on-warning-caption: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-warning-icon: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-error-border: hsla(7, 97%, 35%, 100%);--kbq-badge-outline-fade-on-error-caption: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-error-icon: hsla(7, 97%, 60%, 100%)}\n"] }]
114
+ }, styles: [".kbq-badge{display:inline-flex;flex-direction:row;justify-content:flex-start;align-items:center;height:var(--kbq-badge-size-normal-height, 24px);text-align:center;white-space:nowrap;border-style:solid;box-sizing:border-box;padding-right:var(--kbq-badge-size-normal-horizontal-padding, 8px);padding-left:var(--kbq-badge-size-normal-horizontal-padding, 8px);border-width:var(--kbq-badge-size-normal-border-width, 1px);border-radius:var(--kbq-badge-size-normal-border-radius, 4px)}.kbq-badge .kbq-badge-caption{padding-left:var(--kbq-badge-size-normal-content-padding, 4px)}.kbq-badge .kbq-icon_left{margin-right:var(--kbq-badge-size-normal-icon-left-margin-right, 4px)}.kbq-badge .kbq-icon_right{margin-left:var(--kbq-badge-size-normal-icon-right-margin-left, 4px)}.kbq-badge.kbq-badge_compact{height:var(--kbq-badge-size-compact-height, 16px);padding-right:var(--kbq-badge-size-compact-horizontal-padding, 4px);padding-left:var(--kbq-badge-size-compact-horizontal-padding, 4px);border-width:var(--kbq-badge-size-compact-border-width, 1px);border-radius:var(--kbq-badge-size-compact-border-radius, 4px)}.kbq-badge.kbq-badge_compact .kbq-badge-caption{padding-left:var(--kbq-badge-size-compact-content-padding, 2px)}.kbq-badge.kbq-badge_compact .kbq-icon_left{margin-right:var(--kbq-badge-size-compact-icon-left-margin-right, 2px)}.kbq-badge.kbq-badge_compact .kbq-icon_right{margin-left:var(--kbq-badge-size-compact-icon-right-margin-left, 2px)}.kbq-badge-filled.kbq-badge_fade-contrast{color:var(--kbq-badge-filled-fade-on-contrast-color, );background:var(--kbq-badge-filled-fade-on-contrast-background, );border:transparent}.kbq-badge-filled.kbq-badge_fade-contrast .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-contrast-caption, )}.kbq-badge-filled.kbq-badge_fade-contrast .kbq-icon{color:var(--kbq-badge-filled-fade-on-contrast-icon, )!important}.kbq-badge-filled.kbq-badge_fade-theme{color:var(--kbq-badge-filled-fade-on-theme-color, );background:var(--kbq-badge-filled-fade-on-theme-background, );border:transparent}.kbq-badge-filled.kbq-badge_fade-theme .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-theme-caption, )}.kbq-badge-filled.kbq-badge_fade-theme .kbq-icon{color:var(--kbq-badge-filled-fade-on-theme-icon, )!important}.kbq-badge-filled.kbq-badge_fade-success{color:var(--kbq-badge-filled-fade-on-success-color, );background:var(--kbq-badge-filled-fade-on-success-background, );border:transparent}.kbq-badge-filled.kbq-badge_fade-success .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-success-caption, )}.kbq-badge-filled.kbq-badge_fade-success .kbq-icon{color:var(--kbq-badge-filled-fade-on-success-icon, )!important}.kbq-badge-filled.kbq-badge_fade-warning{color:var(--kbq-badge-filled-fade-on-warning-color, );background:var(--kbq-badge-filled-fade-on-warning-background, );border:transparent}.kbq-badge-filled.kbq-badge_fade-warning .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-warning-caption, )}.kbq-badge-filled.kbq-badge_fade-warning .kbq-icon{color:var(--kbq-badge-filled-fade-on-warning-icon, )!important}.kbq-badge-filled.kbq-badge_fade-error{color:var(--kbq-badge-filled-fade-on-error-color, );background:var(--kbq-badge-filled-fade-on-error-background, );border:transparent}.kbq-badge-filled.kbq-badge_fade-error .kbq-badge-caption{color:var(--kbq-badge-filled-fade-on-error-caption, )}.kbq-badge-filled.kbq-badge_fade-error .kbq-icon{color:var(--kbq-badge-filled-fade-on-error-icon, )!important}.kbq-badge-filled.kbq-badge_theme{color:var(--kbq-badge-filled-fade-off-theme-color, );background:var(--kbq-badge-filled-fade-off-theme-background, );border:transparent}.kbq-badge-filled.kbq-badge_theme .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-theme-caption, )}.kbq-badge-filled.kbq-badge_theme .kbq-icon{color:var(--kbq-badge-filled-fade-off-theme-icon, )!important}.kbq-badge-filled.kbq-badge_success{color:var(--kbq-badge-filled-fade-off-success-color, );background:var(--kbq-badge-filled-fade-off-success-background, );border:transparent}.kbq-badge-filled.kbq-badge_success .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-success-caption, )}.kbq-badge-filled.kbq-badge_success .kbq-icon{color:var(--kbq-badge-filled-fade-off-success-icon, )!important}.kbq-badge-filled.kbq-badge_warning{color:var(--kbq-badge-filled-fade-off-warning-color, );background:var(--kbq-badge-filled-fade-off-warning-background, );border:transparent}.kbq-badge-filled.kbq-badge_warning .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-warning-caption, )}.kbq-badge-filled.kbq-badge_warning .kbq-icon{color:var(--kbq-badge-filled-fade-off-warning-icon, )!important}.kbq-badge-filled.kbq-badge_error{color:var(--kbq-badge-filled-fade-off-error-color, );background:var(--kbq-badge-filled-fade-off-error-background, );border:transparent}.kbq-badge-filled.kbq-badge_error .kbq-badge-caption{color:var(--kbq-badge-filled-fade-off-error-caption, )}.kbq-badge-filled.kbq-badge_error .kbq-icon{color:var(--kbq-badge-filled-fade-off-error-icon, )!important}.kbq-badge-outline.kbq-badge_fade-contrast{color:var(--kbq-badge-outline-fade-on-contrast-color, );background:var(--kbq-badge-outline-fade-on-contrast-background, );border-color:var(--kbq-badge-outline-fade-on-contrast-border, )}.kbq-badge-outline.kbq-badge_fade-contrast .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-contrast-caption, )}.kbq-badge-outline.kbq-badge_fade-contrast .kbq-icon{color:var(--kbq-badge-outline-fade-on-contrast-icon, )!important}.kbq-badge-outline.kbq-badge_fade-theme{color:var(--kbq-badge-outline-fade-on-theme-color, );background:var(--kbq-badge-outline-fade-on-theme-background, );border-color:var(--kbq-badge-outline-fade-on-theme-border, )}.kbq-badge-outline.kbq-badge_fade-theme .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-theme-caption, )}.kbq-badge-outline.kbq-badge_fade-theme .kbq-icon{color:var(--kbq-badge-outline-fade-on-theme-icon, )!important}.kbq-badge-outline.kbq-badge_fade-success{color:var(--kbq-badge-outline-fade-on-success-color, );background:var(--kbq-badge-outline-fade-on-success-background, );border-color:var(--kbq-badge-outline-fade-on-success-border, )}.kbq-badge-outline.kbq-badge_fade-success .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-success-caption, )}.kbq-badge-outline.kbq-badge_fade-success .kbq-icon{color:var(--kbq-badge-outline-fade-on-success-icon, )!important}.kbq-badge-outline.kbq-badge_fade-warning{color:var(--kbq-badge-outline-fade-on-warning-color, );background:var(--kbq-badge-outline-fade-on-warning-background, );border-color:var(--kbq-badge-outline-fade-on-warning-border, )}.kbq-badge-outline.kbq-badge_fade-warning .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-warning-caption, )}.kbq-badge-outline.kbq-badge_fade-warning .kbq-icon{color:var(--kbq-badge-outline-fade-on-warning-icon, )!important}.kbq-badge-outline.kbq-badge_fade-error{color:var(--kbq-badge-outline-fade-on-error-color, );background:var(--kbq-badge-outline-fade-on-error-background, );border-color:var(--kbq-badge-outline-fade-on-error-border, )}.kbq-badge-outline.kbq-badge_fade-error .kbq-badge-caption{color:var(--kbq-badge-outline-fade-on-error-caption, )}.kbq-badge-outline.kbq-badge_fade-error .kbq-icon{color:var(--kbq-badge-outline-fade-on-error-icon, )!important}.kbq-badge{font-size:var(--kbq-badge-font-normal-default-font-size, 14px);font-weight:var(--kbq-badge-font-normal-default-font-weight, 500);line-height:var(--kbq-badge-font-normal-default-line-height, 20px);font-family:var(--kbq-badge-font-normal-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-normal-default-text-transform, );font-feature-settings:var(--kbq-badge-font-normal-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-normal-default-letter-spacing, -.006em)}.kbq-badge .kbq-badge-caption{font-size:var(--kbq-badge-font-normal-caption-font-size, 14px);font-weight:var(--kbq-badge-font-normal-caption-font-weight, normal);line-height:var(--kbq-badge-font-normal-caption-line-height, 20px);font-family:var(--kbq-badge-font-normal-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-normal-caption-text-transform, );font-feature-settings:var(--kbq-badge-font-normal-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-normal-caption-letter-spacing, -.006em)}.kbq-badge_compact{font-size:var(--kbq-badge-font-compact-default-font-size, 12px);font-weight:var(--kbq-badge-font-compact-default-font-weight, 500);line-height:var(--kbq-badge-font-compact-default-line-height, 16px);font-family:var(--kbq-badge-font-compact-default-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-compact-default-text-transform, );font-feature-settings:var(--kbq-badge-font-compact-default-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-compact-default-letter-spacing, normal)}.kbq-badge_compact .kbq-badge-caption{font-size:var(--kbq-badge-font-compact-caption-font-size, 12px);font-weight:var(--kbq-badge-font-compact-caption-font-weight, normal);line-height:var(--kbq-badge-font-compact-caption-line-height, 16px);font-family:var(--kbq-badge-font-compact-caption-font-family, Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif);text-transform:var(--kbq-badge-font-compact-caption-text-transform, );font-feature-settings:var(--kbq-badge-font-compact-caption-font-feature-settings, \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\");letter-spacing:var(--kbq-badge-font-compact-caption-letter-spacing, normal)}\n", ".kbq-badge{--kbq-badge-size-normal-height: 24px;--kbq-badge-size-normal-icon-left-width: 16px;--kbq-badge-size-normal-icon-left-height: 16px;--kbq-badge-size-normal-icon-left-margin-right: 4px;--kbq-badge-size-normal-icon-right-width: 16px;--kbq-badge-size-normal-icon-right-height: 16px;--kbq-badge-size-normal-icon-right-margin-left: 4px;--kbq-badge-size-normal-horizontal-padding: 8px;--kbq-badge-size-normal-content-padding: 4px;--kbq-badge-size-normal-border-width: 1px;--kbq-badge-size-normal-border-radius: 4px;--kbq-badge-size-compact-height: 16px;--kbq-badge-size-compact-icon-left-width: 16px;--kbq-badge-size-compact-icon-left-height: 16px;--kbq-badge-size-compact-icon-left-margin-right: 2px;--kbq-badge-size-compact-icon-right-width: 16px;--kbq-badge-size-compact-icon-right-height: 16px;--kbq-badge-size-compact-icon-right-margin-left: 2px;--kbq-badge-size-compact-vertical-padding: 0;--kbq-badge-size-compact-horizontal-padding: 4px;--kbq-badge-size-compact-content-padding: 2px;--kbq-badge-size-compact-border-width: 1px;--kbq-badge-size-compact-border-radius: 4px;--kbq-badge-font-normal-default-font-size: 14px;--kbq-badge-font-normal-default-line-height: 20px;--kbq-badge-font-normal-default-letter-spacing: -.006em;--kbq-badge-font-normal-default-font-weight: 500;--kbq-badge-font-normal-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-normal-default-text-transform: null;--kbq-badge-font-normal-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-normal-caption-font-size: 14px;--kbq-badge-font-normal-caption-line-height: 20px;--kbq-badge-font-normal-caption-letter-spacing: -.006em;--kbq-badge-font-normal-caption-font-weight: normal;--kbq-badge-font-normal-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-normal-caption-text-transform: null;--kbq-badge-font-normal-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-compact-default-font-size: 12px;--kbq-badge-font-compact-default-line-height: 16px;--kbq-badge-font-compact-default-letter-spacing: normal;--kbq-badge-font-compact-default-font-weight: 500;--kbq-badge-font-compact-default-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-compact-default-text-transform: null;--kbq-badge-font-compact-default-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\";--kbq-badge-font-compact-caption-font-size: 12px;--kbq-badge-font-compact-caption-line-height: 16px;--kbq-badge-font-compact-caption-letter-spacing: normal;--kbq-badge-font-compact-caption-font-weight: normal;--kbq-badge-font-compact-caption-font-family: Inter, -apple-system, BlinkMacSystemFont, \"Segoe UI\", \"Helvetica Neue\", Arial, sans-serif;--kbq-badge-font-compact-caption-text-transform: null;--kbq-badge-font-compact-caption-font-feature-settings: \"calt\", \"kern\", \"liga\", \"ss01\", \"ss04\"}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-badge-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-background: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-background: hsla(38, 100%, 50%, 100%);--kbq-badge-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-background: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-on-theme-background: hsla(216, 100%, 85%, 100%);--kbq-badge-filled-fade-on-theme-color: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-theme-caption: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-theme-icon: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-on-contrast-background: hsla(229, 15%, 92%, 100%);--kbq-badge-filled-fade-on-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-badge-filled-fade-on-contrast-caption: hsla(229, 15%, 15%, 100%);--kbq-badge-filled-fade-on-contrast-icon: hsla(229, 15%, 60%, 100%);--kbq-badge-filled-fade-on-success-background: hsla(104, 64%, 80%, 100%);--kbq-badge-filled-fade-on-success-color: hsla(104, 64%, 30%, 100%);--kbq-badge-filled-fade-on-success-caption: hsla(104, 64%, 30%, 100%);--kbq-badge-filled-fade-on-success-icon: hsla(104, 64%, 40%, 100%);--kbq-badge-filled-fade-on-warning-background: hsla(38, 100%, 85%, 100%);--kbq-badge-filled-fade-on-warning-color: hsla(38, 100%, 33%, 100%);--kbq-badge-filled-fade-on-warning-caption: hsla(38, 100%, 33%, 100%);--kbq-badge-filled-fade-on-warning-icon: hsla(38, 100%, 42%, 100%);--kbq-badge-filled-fade-on-error-background: hsla(7, 97%, 90%, 100%);--kbq-badge-filled-fade-on-error-color: hsla(7, 97%, 40%, 100%);--kbq-badge-filled-fade-on-error-caption: hsla(7, 97%, 40%, 100%);--kbq-badge-filled-fade-on-error-icon: hsla(7, 97%, 45%, 100%);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-theme-border: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-caption: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-theme-icon: hsla(216, 100%, 50%, 100%);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: hsla(229, 15%, 15%, 100%);--kbq-badge-outline-fade-on-contrast-border: hsla(229, 15%, 70%, 100%);--kbq-badge-outline-fade-on-contrast-caption: hsla(229, 15%, 15%, 100%);--kbq-badge-outline-fade-on-contrast-icon: hsla(229, 15%, 60%, 100%);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: hsla(104, 64%, 30%, 100%);--kbq-badge-outline-fade-on-success-border: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-caption: hsla(104, 64%, 30%, 100%);--kbq-badge-outline-fade-on-success-icon: hsla(104, 64%, 40%, 100%);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: hsla(38, 100%, 33%, 100%);--kbq-badge-outline-fade-on-warning-border: hsla(38, 100%, 55%, 100%);--kbq-badge-outline-fade-on-warning-caption: hsla(38, 100%, 33%, 100%);--kbq-badge-outline-fade-on-warning-icon: hsla(38, 100%, 42%, 100%);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: hsla(7, 97%, 40%, 100%);--kbq-badge-outline-fade-on-error-border: hsla(7, 97%, 65%, 100%);--kbq-badge-outline-fade-on-error-caption: hsla(7, 97%, 40%, 100%);--kbq-badge-outline-fade-on-error-icon: hsla(7, 97%, 45%, 100%)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-badge-filled-fade-off-theme-background: hsla(216, 100%, 50%, 100%);--kbq-badge-filled-fade-off-theme-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-theme-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-background: hsla(104, 64%, 40%, 100%);--kbq-badge-filled-fade-off-success-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-success-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-background: hsla(38, 100%, 39%, 100%);--kbq-badge-filled-fade-off-warning-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-warning-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-background: hsla(7, 97%, 41%, 100%);--kbq-badge-filled-fade-off-error-color: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-caption: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-off-error-icon: hsla(0, 0%, 100%, 100%);--kbq-badge-filled-fade-on-theme-background: hsla(216, 100%, 20%, 100%);--kbq-badge-filled-fade-on-theme-color: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-theme-caption: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-theme-icon: hsla(216, 100%, 65%, 100%);--kbq-badge-filled-fade-on-contrast-background: hsla(229, 15%, 25%, 100%);--kbq-badge-filled-fade-on-contrast-color: hsla(229, 15%, 80%, 100%);--kbq-badge-filled-fade-on-contrast-caption: hsla(229, 15%, 80%, 100%);--kbq-badge-filled-fade-on-contrast-icon: hsla(229, 15%, 45%, 100%);--kbq-badge-filled-fade-on-success-background: hsla(104, 64%, 12%, 100%);--kbq-badge-filled-fade-on-success-color: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-success-caption: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-success-icon: hsla(104, 64%, 45%, 100%);--kbq-badge-filled-fade-on-warning-background: hsla(38, 100%, 14%, 100%);--kbq-badge-filled-fade-on-warning-color: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-warning-caption: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-warning-icon: hsla(38, 100%, 60%, 100%);--kbq-badge-filled-fade-on-error-background: hsla(7, 97%, 15%, 100%);--kbq-badge-filled-fade-on-error-color: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-on-error-caption: hsla(7, 97%, 60%, 100%);--kbq-badge-filled-fade-on-error-icon: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-theme-background: transparent;--kbq-badge-outline-fade-on-theme-color: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-border: hsla(216, 100%, 30%, 100%);--kbq-badge-outline-fade-on-theme-caption: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-theme-icon: hsla(216, 100%, 65%, 100%);--kbq-badge-outline-fade-on-contrast-background: transparent;--kbq-badge-outline-fade-on-contrast-color: hsla(229, 15%, 80%, 100%);--kbq-badge-outline-fade-on-contrast-border: hsla(229, 15%, 30%, 100%);--kbq-badge-outline-fade-on-contrast-caption: hsla(229, 15%, 80%, 100%);--kbq-badge-outline-fade-on-contrast-icon: hsla(229, 15%, 45%, 100%);--kbq-badge-outline-fade-on-success-background: transparent;--kbq-badge-outline-fade-on-success-color: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-border: hsla(104, 64%, 20%, 100%);--kbq-badge-outline-fade-on-success-caption: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-success-icon: hsla(104, 64%, 45%, 100%);--kbq-badge-outline-fade-on-warning-background: transparent;--kbq-badge-outline-fade-on-warning-color: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-warning-border: hsla(38, 100%, 20%, 100%);--kbq-badge-outline-fade-on-warning-caption: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-warning-icon: hsla(38, 100%, 60%, 100%);--kbq-badge-outline-fade-on-error-background: transparent;--kbq-badge-outline-fade-on-error-color: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-error-border: hsla(7, 97%, 35%, 100%);--kbq-badge-outline-fade-on-error-caption: hsla(7, 97%, 60%, 100%);--kbq-badge-outline-fade-on-error-icon: hsla(7, 97%, 60%, 100%)}\n"] }]
115
115
  }], propDecorators: { iconItem: [{
116
116
  type: ContentChild,
117
117
  args: [KbqIconItem]