@koobiq/components 17.6.0 → 17.6.1

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 (32) hide show
  1. package/badge/badge-tokens.scss +1 -1
  2. package/button/button-tokens.scss +2 -3
  3. package/dropdown/dropdown-tokens.scss +0 -1
  4. package/esm2022/badge/badge.component.mjs +2 -2
  5. package/esm2022/button/button.component.mjs +2 -2
  6. package/esm2022/core/version.mjs +2 -2
  7. package/esm2022/file-upload/multiple-file-upload.component.mjs +2 -2
  8. package/esm2022/file-upload/single-file-upload.component.mjs +2 -2
  9. package/esm2022/form-field/form-field.mjs +2 -2
  10. package/esm2022/toggle/toggle.component.mjs +2 -2
  11. package/esm2022/tree/toggle.mjs +2 -2
  12. package/esm2022/tree/tree-option.component.mjs +2 -2
  13. package/esm2022/tree/tree-selection.component.mjs +2 -2
  14. package/esm2022/tree/tree.mjs +2 -2
  15. package/fesm2022/koobiq-components-badge.mjs +2 -2
  16. package/fesm2022/koobiq-components-button.mjs +2 -2
  17. package/fesm2022/koobiq-components-core.mjs +1 -1
  18. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  19. package/fesm2022/koobiq-components-file-upload.mjs +4 -4
  20. package/fesm2022/koobiq-components-form-field.mjs +2 -2
  21. package/fesm2022/koobiq-components-toggle.mjs +2 -2
  22. package/fesm2022/koobiq-components-tree.mjs +8 -8
  23. package/file-upload/file-upload-tokens.scss +5 -5
  24. package/form-field/form-field-tokens.scss +1 -1
  25. package/icon/icon-button-tokens.scss +0 -1
  26. package/link/link-tokens.scss +1 -1
  27. package/package.json +6 -6
  28. package/prebuilt-themes/dark-theme.css +1 -1
  29. package/prebuilt-themes/light-theme.css +1 -1
  30. package/schematics/ng-add/index.js +4 -4
  31. package/toggle/toggle-tokens.scss +4 -4
  32. package/tree/tree-tokens.scss +4 -4
package/badge/badge-tokens.scss CHANGED
@@ -100,7 +100,7 @@
100
100
  --kbq-badge-outline-fade-on-theme-icon: hsla(216, 100%, 50%, 100%);
101
101
  --kbq-badge-outline-fade-on-contrast-background: transparent;
102
102
  --kbq-badge-outline-fade-on-contrast-color: hsla(229, 15%, 15%, 100%);
103
- --kbq-badge-outline-fade-on-contrast-border: hsla(229, 15%, 70%, 100%);
103
+ --kbq-badge-outline-fade-on-contrast-border: hsla(229, 15%, 80%, 100%);
104
104
  --kbq-badge-outline-fade-on-contrast-caption: hsla(229, 15%, 15%, 100%);
105
105
  --kbq-badge-outline-fade-on-contrast-icon: hsla(229, 15%, 60%, 100%);
106
106
  --kbq-badge-outline-fade-on-success-background: transparent;
package/button/button-tokens.scss CHANGED
@@ -15,7 +15,6 @@
15
15
  }
16
16
 
17
17
  :where(.kbq-light, .theme-light, .kbq-theme-light) {
18
- // TODO: remove after all settled, should be assigned via css-tokens.css (#DS-2846)
19
18
  --kbq-states-focused-color: hsla(216, 100%, 50%, 100%);
20
19
  --kbq-states-focused-color-error: hsla(7, 97%, 50%, 100%);
21
20
  --kbq-button-filled-contrast-fade-off-background: hsla(229, 15%, 25%, 100%);
@@ -65,7 +64,7 @@
65
64
  --kbq-button-outline-theme-fade-on-states-active-hover-left-icon: hsla(216, 100%, 50%, 100%);
66
65
  --kbq-button-outline-theme-fade-on-states-active-hover-right-icon: hsla(216, 100%, 50%, 100%);
67
66
  --kbq-button-outline-theme-fade-on-states-disabled-background: transparent;
68
- --kbq-button-outline-theme-fade-on-states-disabled-border: hsla(229, 15%, 15%, 32%);
67
+ --kbq-button-outline-theme-fade-on-states-disabled-border: hsla(229, 15%, 50%, 32%);
69
68
  --kbq-button-outline-theme-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);
70
69
  --kbq-button-outline-theme-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);
71
70
  --kbq-button-outline-theme-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);
@@ -90,7 +89,7 @@
90
89
  --kbq-button-outline-contrast-fade-on-states-active-hover-left-icon: hsla(229, 15%, 15%, 100%);
91
90
  --kbq-button-outline-contrast-fade-on-states-active-hover-right-icon: hsla(229, 15%, 15%, 100%);
92
91
  --kbq-button-outline-contrast-fade-on-states-disabled-background: transparent;
93
- --kbq-button-outline-contrast-fade-on-states-disabled-border: hsla(229, 15%, 15%, 32%);
92
+ --kbq-button-outline-contrast-fade-on-states-disabled-border: hsla(229, 15%, 50%, 32%);
94
93
  --kbq-button-outline-contrast-fade-on-states-disabled-foreground: hsla(229, 15%, 15%, 32%);
95
94
  --kbq-button-outline-contrast-fade-on-states-disabled-left-icon: hsla(229, 15%, 15%, 32%);
96
95
  --kbq-button-outline-contrast-fade-on-states-disabled-right-icon: hsla(229, 15%, 15%, 32%);
package/dropdown/dropdown-tokens.scss CHANGED
@@ -51,7 +51,6 @@
51
51
  }
52
52
 
53
53
  :where(.kbq-light, .theme-light, .kbq-theme-light) {
54
- // TODO: remove after all settled, should be assigned via css-tokens.css (#DS-2846)
55
54
  --kbq-foreground-contrast-secondary: hsla(229, 15%, 50%, 100%);
56
55
  --kbq-dropdown-container-background: hsla(229, 15%, 100%, 100%);
57
56
  --kbq-dropdown-container-box-shadow: 0 0 0 1px hsla(229, 15%, 6%, 3%), 0 2px 8px hsla(229, 15%, 6%, 6%),
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%, 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 }); }
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 }); }
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%, 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"] }]
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"] }]
115
115
  }], propDecorators: { iconItem: [{
116
116
  type: ContentChild,
117
117
  args: [KbqIconItem]