@koobiq/components 18.8.0 → 18.9.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 (243) hide show
  1. package/accordion/accordion-tokens.scss +1 -13
  2. package/alert/alert-tokens.scss +1 -36
  3. package/autocomplete/autocomplete-tokens.scss +1 -8
  4. package/autocomplete/autocomplete-trigger.directive.d.ts +5 -3
  5. package/autocomplete/autocomplete.scss +21 -1
  6. package/badge/_badge-theme.scss +1 -1
  7. package/badge/badge-tokens.scss +1 -71
  8. package/button/button-tokens.scss +1 -140
  9. package/button-toggle/button-toggle-tokens.scss +1 -32
  10. package/checkbox/checkbox-tokens.scss +1 -50
  11. package/code-block/actionbar.component.d.ts +2 -2
  12. package/code-block/code-block-content.d.ts +28 -0
  13. package/code-block/code-block-tokens.scss +1 -139
  14. package/code-block/code-block.component.d.ts +6 -3
  15. package/code-block/code-block.module.d.ts +3 -3
  16. package/code-block/code-block.types.d.ts +10 -2
  17. package/core/common-behaviors/common-module.d.ts +2 -2
  18. package/core/forms/forms-tokens.scss +2 -9
  19. package/core/option/_option-theme.scss +10 -0
  20. package/core/option/option-tokens.scss +4 -0
  21. package/core/selection/pseudo-checkbox/pseudo-checkbox-tokens.scss +1 -50
  22. package/core/services/measure-scrollbar.service.d.ts +2 -2
  23. package/core/services/theme.service.d.ts +4 -3
  24. package/core/styles/_koobiq-theme.scss +3 -2
  25. package/core/styles/common/_list.scss +6 -8
  26. package/core/styles/common/_select.scss +3 -2
  27. package/core/styles/theming/scrollbar-tokens.scss +1 -16
  28. package/datepicker/datepicker-tokens.scss +1 -21
  29. package/datepicker/datepicker.component.d.ts +3 -3
  30. package/divider/divider-tokens.scss +1 -7
  31. package/dl/dl-tokens.scss +1 -8
  32. package/dl/dl.scss +1 -1
  33. package/dropdown/_dropdown-theme.scss +10 -0
  34. package/dropdown/dropdown-content.directive.d.ts +2 -2
  35. package/dropdown/dropdown-tokens.scss +5 -8
  36. package/dropdown/dropdown-trigger.directive.d.ts +1 -0
  37. package/dropdown/dropdown.scss +22 -3
  38. package/empty-state/empty-state-tokens.scss +1 -8
  39. package/esm2022/accordion/accordion-trigger.component.mjs +2 -2
  40. package/esm2022/accordion/accordion.component.mjs +2 -2
  41. package/esm2022/alert/alert.component.mjs +2 -2
  42. package/esm2022/autocomplete/autocomplete-trigger.directive.mjs +13 -17
  43. package/esm2022/autocomplete/autocomplete.component.mjs +2 -2
  44. package/esm2022/badge/badge.component.mjs +2 -2
  45. package/esm2022/button/button.component.mjs +2 -2
  46. package/esm2022/button-toggle/button-toggle.component.mjs +2 -2
  47. package/esm2022/checkbox/checkbox.mjs +2 -2
  48. package/esm2022/code-block/actionbar.component.mjs +1 -1
  49. package/esm2022/code-block/code-block-content.mjs +393 -0
  50. package/esm2022/code-block/code-block.component.mjs +16 -10
  51. package/esm2022/code-block/code-block.module.mjs +7 -27
  52. package/esm2022/code-block/code-block.types.mjs +1 -1
  53. package/esm2022/core/common-behaviors/common-module.mjs +14 -12
  54. package/esm2022/core/option/option.mjs +3 -3
  55. package/esm2022/core/selection/pseudo-checkbox/pseudo-checkbox.mjs +2 -2
  56. package/esm2022/core/services/measure-scrollbar.service.mjs +7 -12
  57. package/esm2022/core/services/theme.service.mjs +10 -8
  58. package/esm2022/core/version.mjs +2 -2
  59. package/esm2022/datepicker/calendar-header.component.mjs +1 -1
  60. package/esm2022/datepicker/datepicker.component.mjs +8 -13
  61. package/esm2022/divider/divider.component.mjs +2 -2
  62. package/esm2022/dl/dl.component.mjs +2 -2
  63. package/esm2022/dropdown/dropdown-content.directive.mjs +6 -9
  64. package/esm2022/dropdown/dropdown-item.component.mjs +2 -2
  65. package/esm2022/dropdown/dropdown-trigger.directive.mjs +8 -5
  66. package/esm2022/dropdown/dropdown.component.mjs +3 -3
  67. package/esm2022/empty-state/empty-state.component.mjs +2 -2
  68. package/esm2022/file-upload/multiple-file-upload.component.mjs +3 -3
  69. package/esm2022/file-upload/single-file-upload.component.mjs +3 -3
  70. package/esm2022/form-field/cleaner.mjs +3 -3
  71. package/esm2022/form-field/form-field.mjs +4 -4
  72. package/esm2022/form-field/hint.mjs +2 -2
  73. package/esm2022/form-field/password-hint.mjs +5 -5
  74. package/esm2022/form-field/password-toggle.mjs +3 -3
  75. package/esm2022/form-field/stepper.mjs +5 -1
  76. package/esm2022/icon/icon-button.component.mjs +4 -4
  77. package/esm2022/icon/icon-item.component.mjs +4 -4
  78. package/esm2022/icon/icon.component.mjs +5 -5
  79. package/esm2022/list/list-selection.component.mjs +2 -2
  80. package/esm2022/list/list.component.mjs +2 -2
  81. package/esm2022/loader-overlay/loader-overlay.component.mjs +2 -2
  82. package/esm2022/markdown/markdown.component.mjs +2 -2
  83. package/esm2022/modal/modal.component.mjs +10 -13
  84. package/esm2022/navbar/navbar-item.component.mjs +31 -32
  85. package/esm2022/navbar/navbar.component.mjs +2 -2
  86. package/esm2022/navbar/vertical-navbar.component.mjs +2 -2
  87. package/esm2022/popover/popover-confirm.component.mjs +3 -3
  88. package/esm2022/popover/popover.component.mjs +3 -3
  89. package/esm2022/progress-bar/progress-bar.component.mjs +2 -2
  90. package/esm2022/progress-spinner/progress-spinner.component.mjs +2 -2
  91. package/esm2022/radio/radio.component.mjs +2 -2
  92. package/esm2022/risk-level/risk-level.component.mjs +2 -2
  93. package/esm2022/scrollbar/scrollbar.component.mjs +3 -3
  94. package/esm2022/select/select.component.mjs +52 -18
  95. package/esm2022/sidebar/sidebar.component.mjs +8 -7
  96. package/esm2022/sidepanel/sidepanel-container.component.mjs +3 -3
  97. package/esm2022/tabs/tab-group.component.mjs +2 -2
  98. package/esm2022/tabs/tab-nav-bar.mjs +3 -3
  99. package/esm2022/tags/tag-input.mjs +2 -3
  100. package/esm2022/tags/tag-list.component.mjs +2 -2
  101. package/esm2022/textarea/textarea.component.mjs +8 -5
  102. package/esm2022/timezone/timezone-option.component.mjs +2 -2
  103. package/esm2022/timezone/timezone-select.component.mjs +3 -3
  104. package/esm2022/toast/toast.component.mjs +3 -3
  105. package/esm2022/toggle/toggle.component.mjs +3 -3
  106. package/esm2022/tooltip/tooltip.component.mjs +3 -3
  107. package/esm2022/tree/toggle.mjs +6 -5
  108. package/esm2022/tree/tree-option.component.mjs +2 -2
  109. package/esm2022/tree/tree-selection.component.mjs +2 -2
  110. package/esm2022/tree/tree.mjs +2 -2
  111. package/esm2022/tree-select/tree-select.component.mjs +46 -11
  112. package/fesm2022/koobiq-components-accordion.mjs +4 -4
  113. package/fesm2022/koobiq-components-accordion.mjs.map +1 -1
  114. package/fesm2022/koobiq-components-alert.mjs +2 -2
  115. package/fesm2022/koobiq-components-alert.mjs.map +1 -1
  116. package/fesm2022/koobiq-components-autocomplete.mjs +14 -18
  117. package/fesm2022/koobiq-components-autocomplete.mjs.map +1 -1
  118. package/fesm2022/koobiq-components-badge.mjs +2 -2
  119. package/fesm2022/koobiq-components-badge.mjs.map +1 -1
  120. package/fesm2022/koobiq-components-button-toggle.mjs +2 -2
  121. package/fesm2022/koobiq-components-button-toggle.mjs.map +1 -1
  122. package/fesm2022/koobiq-components-button.mjs +2 -2
  123. package/fesm2022/koobiq-components-button.mjs.map +1 -1
  124. package/fesm2022/koobiq-components-checkbox.mjs +2 -2
  125. package/fesm2022/koobiq-components-checkbox.mjs.map +1 -1
  126. package/fesm2022/koobiq-components-code-block.mjs +408 -34
  127. package/fesm2022/koobiq-components-code-block.mjs.map +1 -1
  128. package/fesm2022/koobiq-components-core.mjs +30 -33
  129. package/fesm2022/koobiq-components-core.mjs.map +1 -1
  130. package/fesm2022/koobiq-components-datepicker.mjs +7 -12
  131. package/fesm2022/koobiq-components-datepicker.mjs.map +1 -1
  132. package/fesm2022/koobiq-components-divider.mjs +2 -2
  133. package/fesm2022/koobiq-components-divider.mjs.map +1 -1
  134. package/fesm2022/koobiq-components-dl.mjs +2 -2
  135. package/fesm2022/koobiq-components-dl.mjs.map +1 -1
  136. package/fesm2022/koobiq-components-dropdown.mjs +14 -14
  137. package/fesm2022/koobiq-components-dropdown.mjs.map +1 -1
  138. package/fesm2022/koobiq-components-empty-state.mjs +2 -2
  139. package/fesm2022/koobiq-components-empty-state.mjs.map +1 -1
  140. package/fesm2022/koobiq-components-file-upload.mjs +4 -4
  141. package/fesm2022/koobiq-components-file-upload.mjs.map +1 -1
  142. package/fesm2022/koobiq-components-form-field.mjs +17 -13
  143. package/fesm2022/koobiq-components-form-field.mjs.map +1 -1
  144. package/fesm2022/koobiq-components-icon.mjs +10 -10
  145. package/fesm2022/koobiq-components-icon.mjs.map +1 -1
  146. package/fesm2022/koobiq-components-list.mjs +4 -4
  147. package/fesm2022/koobiq-components-list.mjs.map +1 -1
  148. package/fesm2022/koobiq-components-loader-overlay.mjs +2 -2
  149. package/fesm2022/koobiq-components-loader-overlay.mjs.map +1 -1
  150. package/fesm2022/koobiq-components-markdown.mjs +2 -2
  151. package/fesm2022/koobiq-components-markdown.mjs.map +1 -1
  152. package/fesm2022/koobiq-components-modal.mjs +9 -12
  153. package/fesm2022/koobiq-components-modal.mjs.map +1 -1
  154. package/fesm2022/koobiq-components-navbar.mjs +34 -36
  155. package/fesm2022/koobiq-components-navbar.mjs.map +1 -1
  156. package/fesm2022/koobiq-components-popover.mjs +4 -4
  157. package/fesm2022/koobiq-components-popover.mjs.map +1 -1
  158. package/fesm2022/koobiq-components-progress-bar.mjs +2 -2
  159. package/fesm2022/koobiq-components-progress-bar.mjs.map +1 -1
  160. package/fesm2022/koobiq-components-progress-spinner.mjs +2 -2
  161. package/fesm2022/koobiq-components-progress-spinner.mjs.map +1 -1
  162. package/fesm2022/koobiq-components-radio.mjs +2 -2
  163. package/fesm2022/koobiq-components-radio.mjs.map +1 -1
  164. package/fesm2022/koobiq-components-risk-level.mjs +2 -2
  165. package/fesm2022/koobiq-components-risk-level.mjs.map +1 -1
  166. package/fesm2022/koobiq-components-scrollbar.mjs +2 -2
  167. package/fesm2022/koobiq-components-scrollbar.mjs.map +1 -1
  168. package/fesm2022/koobiq-components-select.mjs +52 -18
  169. package/fesm2022/koobiq-components-select.mjs.map +1 -1
  170. package/fesm2022/koobiq-components-sidebar.mjs +6 -6
  171. package/fesm2022/koobiq-components-sidebar.mjs.map +1 -1
  172. package/fesm2022/koobiq-components-sidepanel.mjs +2 -2
  173. package/fesm2022/koobiq-components-sidepanel.mjs.map +1 -1
  174. package/fesm2022/koobiq-components-tabs.mjs +4 -4
  175. package/fesm2022/koobiq-components-tabs.mjs.map +1 -1
  176. package/fesm2022/koobiq-components-tags.mjs +3 -4
  177. package/fesm2022/koobiq-components-tags.mjs.map +1 -1
  178. package/fesm2022/koobiq-components-textarea.mjs +7 -4
  179. package/fesm2022/koobiq-components-textarea.mjs.map +1 -1
  180. package/fesm2022/koobiq-components-timezone.mjs +4 -4
  181. package/fesm2022/koobiq-components-timezone.mjs.map +1 -1
  182. package/fesm2022/koobiq-components-toast.mjs +2 -2
  183. package/fesm2022/koobiq-components-toast.mjs.map +1 -1
  184. package/fesm2022/koobiq-components-toggle.mjs +2 -2
  185. package/fesm2022/koobiq-components-toggle.mjs.map +1 -1
  186. package/fesm2022/koobiq-components-tooltip.mjs +2 -2
  187. package/fesm2022/koobiq-components-tooltip.mjs.map +1 -1
  188. package/fesm2022/koobiq-components-tree-select.mjs +46 -11
  189. package/fesm2022/koobiq-components-tree-select.mjs.map +1 -1
  190. package/fesm2022/koobiq-components-tree.mjs +11 -10
  191. package/fesm2022/koobiq-components-tree.mjs.map +1 -1
  192. package/file-upload/_file-upload-theme.scss +2 -2
  193. package/file-upload/file-upload-tokens.scss +1 -52
  194. package/form-field/_form-field-theme.scss +7 -0
  195. package/form-field/form-field-tokens.scss +3 -29
  196. package/form-field/form-field.scss +5 -6
  197. package/form-field/hint-tokens.scss +1 -22
  198. package/icon/_icon-item-theme.scss +3 -0
  199. package/icon/_icon-theme.scss +3 -1
  200. package/icon/icon-button-tokens.scss +1 -30
  201. package/icon/icon-item-tokens.scss +1 -26
  202. package/icon/icon-tokens.scss +2 -10
  203. package/link/_link-theme.scss +27 -5
  204. package/link/link-tokens.scss +1 -21
  205. package/list/_list-theme.scss +10 -0
  206. package/list/list-tokens.scss +17 -42
  207. package/loader-overlay/loader-overlay-tokens.scss +1 -12
  208. package/markdown/markdown-tokens.scss +1 -34
  209. package/modal/modal-tokens.scss +1 -12
  210. package/modal/modal.component.d.ts +2 -2
  211. package/navbar/navbar-item.component.d.ts +7 -7
  212. package/navbar/navbar-tokens.scss +1 -28
  213. package/package.json +6 -8
  214. package/popover/popover-tokens.scss +1 -12
  215. package/popover/popover.scss +4 -0
  216. package/prebuilt-themes/dark-theme.css +1 -1
  217. package/prebuilt-themes/light-theme.css +1 -1
  218. package/prebuilt-themes/theme.css +1 -1
  219. package/progress-bar/progress-bar-tokens.scss +1 -10
  220. package/progress-spinner/progress-spinner-tokens.scss +1 -9
  221. package/radio/radio-tokens.scss +11 -70
  222. package/risk-level/risk-level-tokens.scss +1 -32
  223. package/schematics/ng-add/index.js +3 -6
  224. package/scrollbar/scrollbar-tokens.scss +1 -16
  225. package/select/select-tokens.scss +1 -8
  226. package/select/select.component.d.ts +41 -4
  227. package/select/select.scss +20 -0
  228. package/sidebar/sidebar.component.d.ts +1 -0
  229. package/sidepanel/sidepanel-tokens.scss +1 -11
  230. package/tabs/tabs-tokens.scss +1 -92
  231. package/tags/tag-tokens.scss +1 -74
  232. package/textarea/textarea.component.d.ts +1 -0
  233. package/timezone/timezone-option-tokens.scss +5 -11
  234. package/toast/toast-tokens.scss +1 -22
  235. package/toggle/toggle-tokens.scss +1 -52
  236. package/tooltip/tooltip-tokens.scss +1 -21
  237. package/tree/_tree-theme.scss +2 -1
  238. package/tree/tree-option.scss +11 -0
  239. package/tree/tree-tokens.scss +1 -37
  240. package/tree-select/_tree-select-theme.scss +5 -1
  241. package/tree-select/tree-select-tokens.scss +2 -6
  242. package/tree-select/tree-select.component.d.ts +46 -5
  243. package/select/README.md +0 -0
package/dropdown/dropdown-tokens.scss CHANGED
@@ -1,16 +1,13 @@
1
+ @use '../list/list-tokens';
2
+
1
3
  .kbq-dropdown__panel {
2
4
  --kbq-dropdown-size-container-width-min: var(--kbq-size-7xl);
3
5
  --kbq-dropdown-size-container-width-max: 640px;
4
6
  --kbq-dropdown-size-container-padding-vertical: var(--kbq-size-xxs);
5
7
  --kbq-dropdown-size-container-border-radius: var(--kbq-size-s);
6
- }
7
-
8
- :where(.kbq-light, .theme-light, .kbq-theme-light) {
9
- --kbq-dropdown-container-background: var(--kbq-background-card);
10
- --kbq-dropdown-container-shadow: var(--kbq-shadow-popup);
11
- }
12
-
13
- :where(.kbq-dark, .theme-dark, .kbq-theme-dark) {
8
+ /* THEME TOKENS */
14
9
  --kbq-dropdown-container-background: var(--kbq-background-card);
15
10
  --kbq-dropdown-container-shadow: var(--kbq-shadow-popup);
11
+ /* LIST THEME TOKENS */
12
+ @include list-tokens.list-theme-tokens;
16
13
  }
package/dropdown/dropdown-trigger.directive.d.ts CHANGED
@@ -33,6 +33,7 @@ export declare class KbqDropdownTrigger implements AfterContentInit, OnDestroy {
33
33
  private _dir;
34
34
  private changeDetectorRef;
35
35
  private focusMonitor?;
36
+ protected readonly isBrowser: boolean;
36
37
  lastDestroyReason: DropdownCloseReason;
37
38
  /** Data to be passed along to any lazily-rendered content. */
38
39
  data: any;
package/dropdown/dropdown.scss CHANGED
@@ -22,9 +22,8 @@
22
22
 
23
23
  border-radius: var(--kbq-dropdown-size-container-border-radius);
24
24
 
25
- padding-top: var(--kbq-dropdown-size-container-padding-vertical);
26
-
27
- padding-bottom: var(--kbq-dropdown-size-container-padding-vertical);
25
+ box-sizing: border-box;
26
+ padding: var(--kbq-size-xxs);
28
27
 
29
28
  // Prevent users from interacting with the panel while it's animating. Note that
30
29
  // people won't be able to click through it, because the overlay pane will catch the click.
@@ -36,6 +35,26 @@
36
35
  &.ng-animating {
37
36
  pointer-events: none;
38
37
  }
38
+
39
+ .kbq-option {
40
+ position: relative;
41
+
42
+ &:before,
43
+ &:after {
44
+ position: absolute;
45
+ content: '';
46
+ width: var(--kbq-size-xxs);
47
+ height: calc(100% + var(--kbq-size-3xs) * 2); // outline size * 2
48
+ }
49
+
50
+ &:before {
51
+ right: calc(100% + var(--kbq-size-3xs)); // outline size
52
+ }
53
+
54
+ &:after {
55
+ left: calc(100% + var(--kbq-size-3xs)); // outline size
56
+ }
57
+ }
39
58
  }
40
59
 
41
60
  .kbq-dropdown__content {
package/empty-state/empty-state-tokens.scss CHANGED
@@ -15,14 +15,7 @@
15
15
  --kbq-empty-state-size-normal-image-margin-bottom: var(--kbq-size-xl);
16
16
  --kbq-empty-state-size-normal-image-addon-height: var(--kbq-size-xxl);
17
17
  --kbq-empty-state-size-normal-title-margin-bottom: var(--kbq-size-xxs);
18
- }
19
-
20
- :where(.kbq-light, .theme-light, .kbq-theme-light) {
21
- --kbq-empty-state-title: var(--kbq-foreground-contrast);
22
- --kbq-empty-state-color: var(--kbq-foreground-contrast);
23
- }
24
-
25
- :where(.kbq-dark, .theme-dark, .kbq-theme-dark) {
18
+ /* THEME TOKENS */
26
19
  --kbq-empty-state-title: var(--kbq-foreground-contrast);
27
20
  --kbq-empty-state-color: var(--kbq-foreground-contrast);
28
21
  }
package/esm2022/accordion/accordion-trigger.component.mjs CHANGED
@@ -26,7 +26,7 @@ export class KbqAccordionTrigger {
26
26
  }
27
27
 
28
28
  <ng-content />
29
- `, isInline: true, styles: [".kbq-accordion-trigger{display:flex;flex-direction:row;align-items:center;background:transparent;border:none;outline:none}.kbq-accordion-trigger .kbq-accordion-trigger__icon{padding:var(--kbq-size-xxs);transition:transform .3s ease-out}.kbq-accordion-trigger .kbq-accordion-trigger__badge,.kbq-accordion-trigger .kbq-accordion-trigger__caption{margin-top:var(--kbq-size-xxs);margin-right:var(--kbq-size-s)}.kbq-accordion-trigger .kbq-accordion-trigger__action{padding:var(--kbq-size-xxs) var(--kbq-size-xxs) var(--kbq-size-3xs);margin-bottom:calc(-1 * var(--kbq-size-3xs))}.kbq-accordion-trigger:hover:not([data-disabled=true]){cursor:pointer}.kbq-accordion-trigger:hover:not([data-disabled=true]) .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-hover-icon-color)}.kbq-accordion-trigger.kbq-accordion-trigger_fill{padding:var(--kbq-accordion-size-item-header-variant-fill-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_fill[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(90deg)}.kbq-accordion-trigger.kbq-accordion-trigger_hug{flex-direction:row-reverse;justify-content:flex-end;padding:var(--kbq-accordion-size-item-header-variant-hug-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_hug[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(90deg)}.kbq-accordion-trigger.kbq-accordion-trigger_hug-space-between{flex-direction:row-reverse;justify-content:space-between;padding:var(--kbq-accordion-size-item-header-variant-hug-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_hug-space-between[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(-180deg)}.kbq-accordion-trigger[data-disabled=true] .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-disabled-icon-color)!important}button.kbq-accordion-trigger{flex:1}\n", ".kbq-accordion{--kbq-accordion-size-item-header-height: 36px;--kbq-accordion-size-item-header-variant-fill-padding: var(--kbq-size-xs) var(--kbq-size-s);--kbq-accordion-size-item-header-variant-hug-padding: var(--kbq-size-xs) var(--kbq-size-s) var(--kbq-size-xs) var(--kbq-size-m);--kbq-accordion-size-item-content-padding: 0px var(--kbq-size-m) var(--kbq-size-s) var(--kbq-size-m)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}\n"], dependencies: [{ kind: "component", type: i2.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }], encapsulation: i0.ViewEncapsulation.None }); }
29
+ `, isInline: true, styles: [".kbq-accordion-trigger{display:flex;flex-direction:row;align-items:center;background:transparent;border:none;outline:none}.kbq-accordion-trigger .kbq-accordion-trigger__icon{padding:var(--kbq-size-xxs);transition:transform .3s ease-out}.kbq-accordion-trigger .kbq-accordion-trigger__badge,.kbq-accordion-trigger .kbq-accordion-trigger__caption{margin-top:var(--kbq-size-xxs);margin-right:var(--kbq-size-s)}.kbq-accordion-trigger .kbq-accordion-trigger__action{padding:var(--kbq-size-xxs) var(--kbq-size-xxs) var(--kbq-size-3xs);margin-bottom:calc(-1 * var(--kbq-size-3xs))}.kbq-accordion-trigger:hover:not([data-disabled=true]){cursor:pointer}.kbq-accordion-trigger:hover:not([data-disabled=true]) .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-hover-icon-color)}.kbq-accordion-trigger.kbq-accordion-trigger_fill{padding:var(--kbq-accordion-size-item-header-variant-fill-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_fill[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(90deg)}.kbq-accordion-trigger.kbq-accordion-trigger_hug{flex-direction:row-reverse;justify-content:flex-end;padding:var(--kbq-accordion-size-item-header-variant-hug-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_hug[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(90deg)}.kbq-accordion-trigger.kbq-accordion-trigger_hug-space-between{flex-direction:row-reverse;justify-content:space-between;padding:var(--kbq-accordion-size-item-header-variant-hug-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_hug-space-between[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(-180deg)}.kbq-accordion-trigger[data-disabled=true] .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-disabled-icon-color)!important}button.kbq-accordion-trigger{flex:1}\n", ".kbq-accordion{--kbq-accordion-size-item-header-height: 36px;--kbq-accordion-size-item-header-variant-fill-padding: var(--kbq-size-xs) var(--kbq-size-s);--kbq-accordion-size-item-header-variant-hug-padding: var(--kbq-size-xs) var(--kbq-size-s) var(--kbq-size-xs) var(--kbq-size-m);--kbq-accordion-size-item-content-padding: 0px var(--kbq-size-m) var(--kbq-size-s) var(--kbq-size-m);--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}\n"], dependencies: [{ kind: "component", type: i2.KbqIcon, selector: "[kbq-icon]", inputs: ["color", "small", "autoColor"] }], encapsulation: i0.ViewEncapsulation.None }); }
30
30
  }
31
31
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAccordionTrigger, decorators: [{
32
32
  type: Component,
@@ -43,6 +43,6 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
43
43
  '[class.kbq-accordion-trigger_fill]': 'isFill',
44
44
  '[class.kbq-accordion-trigger_hug]': 'isHug',
45
45
  '[class.kbq-accordion-trigger_hug-space-between]': 'isHugSpaceBetween'
46
- }, styles: [".kbq-accordion-trigger{display:flex;flex-direction:row;align-items:center;background:transparent;border:none;outline:none}.kbq-accordion-trigger .kbq-accordion-trigger__icon{padding:var(--kbq-size-xxs);transition:transform .3s ease-out}.kbq-accordion-trigger .kbq-accordion-trigger__badge,.kbq-accordion-trigger .kbq-accordion-trigger__caption{margin-top:var(--kbq-size-xxs);margin-right:var(--kbq-size-s)}.kbq-accordion-trigger .kbq-accordion-trigger__action{padding:var(--kbq-size-xxs) var(--kbq-size-xxs) var(--kbq-size-3xs);margin-bottom:calc(-1 * var(--kbq-size-3xs))}.kbq-accordion-trigger:hover:not([data-disabled=true]){cursor:pointer}.kbq-accordion-trigger:hover:not([data-disabled=true]) .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-hover-icon-color)}.kbq-accordion-trigger.kbq-accordion-trigger_fill{padding:var(--kbq-accordion-size-item-header-variant-fill-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_fill[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(90deg)}.kbq-accordion-trigger.kbq-accordion-trigger_hug{flex-direction:row-reverse;justify-content:flex-end;padding:var(--kbq-accordion-size-item-header-variant-hug-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_hug[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(90deg)}.kbq-accordion-trigger.kbq-accordion-trigger_hug-space-between{flex-direction:row-reverse;justify-content:space-between;padding:var(--kbq-accordion-size-item-header-variant-hug-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_hug-space-between[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(-180deg)}.kbq-accordion-trigger[data-disabled=true] .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-disabled-icon-color)!important}button.kbq-accordion-trigger{flex:1}\n", ".kbq-accordion{--kbq-accordion-size-item-header-height: 36px;--kbq-accordion-size-item-header-variant-fill-padding: var(--kbq-size-xs) var(--kbq-size-s);--kbq-accordion-size-item-header-variant-hug-padding: var(--kbq-size-xs) var(--kbq-size-s) var(--kbq-size-xs) var(--kbq-size-m);--kbq-accordion-size-item-content-padding: 0px var(--kbq-size-m) var(--kbq-size-s) var(--kbq-size-m)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}\n"] }]
46
+ }, styles: [".kbq-accordion-trigger{display:flex;flex-direction:row;align-items:center;background:transparent;border:none;outline:none}.kbq-accordion-trigger .kbq-accordion-trigger__icon{padding:var(--kbq-size-xxs);transition:transform .3s ease-out}.kbq-accordion-trigger .kbq-accordion-trigger__badge,.kbq-accordion-trigger .kbq-accordion-trigger__caption{margin-top:var(--kbq-size-xxs);margin-right:var(--kbq-size-s)}.kbq-accordion-trigger .kbq-accordion-trigger__action{padding:var(--kbq-size-xxs) var(--kbq-size-xxs) var(--kbq-size-3xs);margin-bottom:calc(-1 * var(--kbq-size-3xs))}.kbq-accordion-trigger:hover:not([data-disabled=true]){cursor:pointer}.kbq-accordion-trigger:hover:not([data-disabled=true]) .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-hover-icon-color)}.kbq-accordion-trigger.kbq-accordion-trigger_fill{padding:var(--kbq-accordion-size-item-header-variant-fill-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_fill[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(90deg)}.kbq-accordion-trigger.kbq-accordion-trigger_hug{flex-direction:row-reverse;justify-content:flex-end;padding:var(--kbq-accordion-size-item-header-variant-hug-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_hug[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(90deg)}.kbq-accordion-trigger.kbq-accordion-trigger_hug-space-between{flex-direction:row-reverse;justify-content:space-between;padding:var(--kbq-accordion-size-item-header-variant-hug-padding)}.kbq-accordion-trigger.kbq-accordion-trigger_hug-space-between[data-state=open]>.kbq-accordion-trigger__icon{transform:rotate(-180deg)}.kbq-accordion-trigger[data-disabled=true] .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-disabled-icon-color)!important}button.kbq-accordion-trigger{flex:1}\n", ".kbq-accordion{--kbq-accordion-size-item-header-height: 36px;--kbq-accordion-size-item-header-variant-fill-padding: var(--kbq-size-xs) var(--kbq-size-s);--kbq-accordion-size-item-header-variant-hug-padding: var(--kbq-size-xs) var(--kbq-size-s) var(--kbq-size-xs) var(--kbq-size-m);--kbq-accordion-size-item-content-padding: 0px var(--kbq-size-m) var(--kbq-size-s) var(--kbq-size-m);--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}\n"] }]
47
47
  }] });
48
48
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWNjb3JkaW9uLXRyaWdnZXIuY29tcG9uZW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vcGFja2FnZXMvY29tcG9uZW50cy9hY2NvcmRpb24vYWNjb3JkaW9uLXRyaWdnZXIuY29tcG9uZW50LnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxFQUFFLGlCQUFpQixFQUFFLE1BQU0sZUFBZSxDQUFDO0FBQ3JFLE9BQU8sRUFBRSw0QkFBNEIsRUFBRSxNQUFNLGdDQUFnQyxDQUFDO0FBQzlFLE9BQU8sRUFBRSxZQUFZLEVBQUUsbUJBQW1CLEVBQUUsTUFBTSx1QkFBdUIsQ0FBQzs7OztBQXVCMUUsTUFBTSxPQUFPLG1CQUFtQjtJQXJCaEM7UUFzQmMsY0FBUyxHQUFpQixNQUFNLENBQUMsWUFBWSxDQUFDLENBQUM7S0FhNUQ7SUFYRyxJQUFJLE1BQU07UUFDTixPQUFPLElBQUksQ0FBQyxTQUFTLENBQUMsT0FBTyxLQUFLLG1CQUFtQixDQUFDLElBQUksQ0FBQztJQUMvRCxDQUFDO0lBRUQsSUFBSSxLQUFLO1FBQ0wsT0FBTyxJQUFJLENBQUMsU0FBUyxDQUFDLE9BQU8sS0FBSyxtQkFBbUIsQ0FBQyxHQUFHLENBQUM7SUFDOUQsQ0FBQztJQUVELElBQUksaUJBQWlCO1FBQ2pCLE9BQU8sSUFBSSxDQUFDLFNBQVMsQ0FBQyxPQUFPLEtBQUssbUJBQW1CLENBQUMsZUFBZSxDQUFDO0lBQzFFLENBQUM7aUlBYlEsbUJBQW1CO3FIQUFuQixtQkFBbUIsMlhBbkJsQjs7Ozs7Ozs7S0FRVDs7MkZBV1EsbUJBQW1CO2tCQXJCL0IsU0FBUzsrQkFDSSxnREFBZ0QsWUFDaEQ7Ozs7Ozs7O0tBUVQsa0JBRWUsQ0FBQyw0QkFBNEIsQ0FBQyxpQkFDL0IsaUJBQWlCLENBQUMsSUFBSSxRQUMvQjt3QkFDRixLQUFLLEVBQUUsdUJBQXVCO3dCQUM5QixvQ0FBb0MsRUFBRSxRQUFRO3dCQUM5QyxtQ0FBbUMsRUFBRSxPQUFPO3dCQUM1QyxpREFBaUQsRUFBRSxtQkFBbUI7cUJBQ3pFIiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgQ29tcG9uZW50LCBpbmplY3QsIFZpZXdFbmNhcHN1bGF0aW9uIH0gZnJvbSAnQGFuZ3VsYXIvY29yZSc7XG5pbXBvcnQgeyBSZHhBY2NvcmRpb25UcmlnZ2VyRGlyZWN0aXZlIH0gZnJvbSAnQHJhZGl4LW5nL3ByaW1pdGl2ZXMvYWNjb3JkaW9uJztcbmltcG9ydCB7IEticUFjY29yZGlvbiwgS2JxQWNjb3JkaW9uVmFyaWFudCB9IGZyb20gJy4vYWNjb3JkaW9uLmNvbXBvbmVudCc7XG5cbkBDb21wb25lbnQoe1xuICAgIHNlbGVjdG9yOiAna2JxLWFjY29yZGlvbi10cmlnZ2VyLCBba2JxLWFjY29yZGlvbi10cmlnZ2VyXScsXG4gICAgdGVtcGxhdGU6IGBcbiAgICAgICAgQGlmIChpc0h1Z1NwYWNlQmV0d2Vlbikge1xuICAgICAgICAgICAgPGkgY2xhc3M9XCJrYnEtYWNjb3JkaW9uLXRyaWdnZXJfX2ljb25cIiBrYnEtaWNvbj1cImticS1jaGV2cm9uLWRvd24tc18xNlwiPjwvaT5cbiAgICAgICAgfSBAZWxzZSB7XG4gICAgICAgICAgICA8aSBjbGFzcz1cImticS1hY2NvcmRpb24tdHJpZ2dlcl9faWNvblwiIGticS1pY29uPVwia2JxLWNoZXZyb24tcmlnaHQtc18xNlwiPjwvaT5cbiAgICAgICAgfVxuXG4gICAgICAgIDxuZy1jb250ZW50IC8+XG4gICAgYCxcbiAgICBzdHlsZVVybHM6IFsnYWNjb3JkaW9uLXRyaWdnZXIuY29tcG9uZW50LnNjc3MnLCAnYWNjb3JkaW9uLXRva2Vucy5zY3NzJ10sXG4gICAgaG9zdERpcmVjdGl2ZXM6IFtSZHhBY2NvcmRpb25UcmlnZ2VyRGlyZWN0aXZlXSxcbiAgICBlbmNhcHN1bGF0aW9uOiBWaWV3RW5jYXBzdWxhdGlvbi5Ob25lLFxuICAgIGhvc3Q6IHtcbiAgICAgICAgY2xhc3M6ICdrYnEtYWNjb3JkaW9uLXRyaWdnZXInLFxuICAgICAgICAnW2NsYXNzLmticS1hY2NvcmRpb24tdHJpZ2dlcl9maWxsXSc6ICdpc0ZpbGwnLFxuICAgICAgICAnW2NsYXNzLmticS1hY2NvcmRpb24tdHJpZ2dlcl9odWddJzogJ2lzSHVnJyxcbiAgICAgICAgJ1tjbGFzcy5rYnEtYWNjb3JkaW9uLXRyaWdnZXJfaHVnLXNwYWNlLWJldHdlZW5dJzogJ2lzSHVnU3BhY2VCZXR3ZWVuJ1xuICAgIH1cbn0pXG5leHBvcnQgY2xhc3MgS2JxQWNjb3JkaW9uVHJpZ2dlciB7XG4gICAgcHJvdGVjdGVkIGFjY29yZGlvbjogS2JxQWNjb3JkaW9uID0gaW5qZWN0KEticUFjY29yZGlvbik7XG5cbiAgICBnZXQgaXNGaWxsKCk6IGJvb2xlYW4ge1xuICAgICAgICByZXR1cm4gdGhpcy5hY2NvcmRpb24udmFyaWFudCA9PT0gS2JxQWNjb3JkaW9uVmFyaWFudC5maWxsO1xuICAgIH1cblxuICAgIGdldCBpc0h1ZygpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuYWNjb3JkaW9uLnZhcmlhbnQgPT09IEticUFjY29yZGlvblZhcmlhbnQuaHVnO1xuICAgIH1cblxuICAgIGdldCBpc0h1Z1NwYWNlQmV0d2VlbigpOiBib29sZWFuIHtcbiAgICAgICAgcmV0dXJuIHRoaXMuYWNjb3JkaW9uLnZhcmlhbnQgPT09IEticUFjY29yZGlvblZhcmlhbnQuaHVnU3BhY2VCZXR3ZWVuO1xuICAgIH1cbn1cbiJdfQ==
package/esm2022/accordion/accordion.component.mjs CHANGED
@@ -21,7 +21,7 @@ export class KbqAccordion {
21
21
  this.focusMonitor.stopMonitoring(this.elementRef);
22
22
  }
23
23
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAccordion, deps: [{ token: i1.FocusMonitor }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component }); }
24
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqAccordion, selector: "kbq-accordion, [kbq-accordion]", inputs: { variant: "variant" }, host: { classAttribute: "kbq-accordion" }, hostDirectives: [{ directive: i2.RdxAccordionRootDirective, inputs: ["type", "type", "collapsible", "collapsible", "disabled", "disabled", "defaultValue", "defaultValue", "value", "value"], outputs: ["onValueChange", "onValueChange"] }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@keyframes slideDown{0%{height:0;padding-bottom:0}to{height:var(--radix-accordion-content-height);padding-bottom:0}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height);padding-bottom:0}to{height:0;padding-bottom:0}}.kbq-accordion{display:block}.kbq-accordion-item{box-sizing:border-box;display:block;border-width:2px;border-style:solid;border-color:transparent}.kbq-accordion-header{display:flex;height:var(--kbq-accordion-size-item-header-height)}.kbq-accordion-content{display:block;overflow:hidden;padding:var(--kbq-accordion-size-item-content-padding)}.kbq-accordion-content[data-state=open]{animation:slideDown .3s ease-out}.kbq-accordion-content[data-state=closed]{animation:slideUp .3s ease-out}.kbq-accordion.cdk-keyboard-focused .kbq-accordion-item:focus-within{border-color:var(--kbq-accordion-item-states-focus-border-color)}.kbq-accordion-item{background:var(--kbq-accordion-item-default-background);color:var(--kbq-accordion-item-default-text-color)}.kbq-accordion-item .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-default-icon-color)}.kbq-accordion-trigger{width:100%;background:transparent;border:none;outline:none;color:var(--kbq-accordion-item-default-text-color)}.kbq-accordion-trigger:hover:not([data-disabled=true]){cursor:pointer}.kbq-accordion-trigger:hover:not([data-disabled=true]) .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-hover-icon-color)}.kbq-accordion-trigger[data-disabled=true]{color:var(--kbq-accordion-item-states-disabled-text-color)}.kbq-accordion-trigger[data-disabled=true] .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-disabled-icon-color)!important}.kbq-accordion-header,.kbq-accordion-trigger{font-size:var(--kbq-typography-text-big-font-size);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}.kbq-accordion-trigger__caption{font-size:var(--kbq-typography-text-compact-font-size);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}.kbq-accordion-content{font-size:var(--kbq-typography-text-normal-font-size);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}\n", ".kbq-accordion{--kbq-accordion-size-item-header-height: 36px;--kbq-accordion-size-item-header-variant-fill-padding: var(--kbq-size-xs) var(--kbq-size-s);--kbq-accordion-size-item-header-variant-hug-padding: var(--kbq-size-xs) var(--kbq-size-s) var(--kbq-size-xs) var(--kbq-size-m);--kbq-accordion-size-item-content-padding: 0px var(--kbq-size-m) var(--kbq-size-s) var(--kbq-size-m)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
24
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "14.0.0", version: "18.2.6", type: KbqAccordion, selector: "kbq-accordion, [kbq-accordion]", inputs: { variant: "variant" }, host: { classAttribute: "kbq-accordion" }, hostDirectives: [{ directive: i2.RdxAccordionRootDirective, inputs: ["type", "type", "collapsible", "collapsible", "disabled", "disabled", "defaultValue", "defaultValue", "value", "value"], outputs: ["onValueChange", "onValueChange"] }], ngImport: i0, template: '<ng-content />', isInline: true, styles: ["@keyframes slideDown{0%{height:0;padding-bottom:0}to{height:var(--radix-accordion-content-height);padding-bottom:0}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height);padding-bottom:0}to{height:0;padding-bottom:0}}.kbq-accordion{display:block}.kbq-accordion-item{box-sizing:border-box;display:block;border-width:2px;border-style:solid;border-color:transparent}.kbq-accordion-header{display:flex;height:var(--kbq-accordion-size-item-header-height)}.kbq-accordion-content{display:block;overflow:hidden;padding:var(--kbq-accordion-size-item-content-padding)}.kbq-accordion-content[data-state=open]{animation:slideDown .3s ease-out}.kbq-accordion-content[data-state=closed]{animation:slideUp .3s ease-out}.kbq-accordion.cdk-keyboard-focused .kbq-accordion-item:focus-within{border-color:var(--kbq-accordion-item-states-focus-border-color)}.kbq-accordion-item{background:var(--kbq-accordion-item-default-background);color:var(--kbq-accordion-item-default-text-color)}.kbq-accordion-item .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-default-icon-color)}.kbq-accordion-trigger{width:100%;background:transparent;border:none;outline:none;color:var(--kbq-accordion-item-default-text-color)}.kbq-accordion-trigger:hover:not([data-disabled=true]){cursor:pointer}.kbq-accordion-trigger:hover:not([data-disabled=true]) .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-hover-icon-color)}.kbq-accordion-trigger[data-disabled=true]{color:var(--kbq-accordion-item-states-disabled-text-color)}.kbq-accordion-trigger[data-disabled=true] .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-disabled-icon-color)!important}.kbq-accordion-header,.kbq-accordion-trigger{font-size:var(--kbq-typography-text-big-font-size);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}.kbq-accordion-trigger__caption{font-size:var(--kbq-typography-text-compact-font-size);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}.kbq-accordion-content{font-size:var(--kbq-typography-text-normal-font-size);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}\n", ".kbq-accordion{--kbq-accordion-size-item-header-height: 36px;--kbq-accordion-size-item-header-variant-fill-padding: var(--kbq-size-xs) var(--kbq-size-s);--kbq-accordion-size-item-header-variant-hug-padding: var(--kbq-size-xs) var(--kbq-size-s) var(--kbq-size-xs) var(--kbq-size-m);--kbq-accordion-size-item-content-padding: 0px var(--kbq-size-m) var(--kbq-size-s) var(--kbq-size-m);--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
25
25
  }
26
26
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAccordion, decorators: [{
27
27
  type: Component,
@@ -33,7 +33,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
33
33
  }
34
34
  ], changeDetection: ChangeDetectionStrategy.OnPush, encapsulation: ViewEncapsulation.None, host: {
35
35
  class: 'kbq-accordion'
36
- }, styles: ["@keyframes slideDown{0%{height:0;padding-bottom:0}to{height:var(--radix-accordion-content-height);padding-bottom:0}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height);padding-bottom:0}to{height:0;padding-bottom:0}}.kbq-accordion{display:block}.kbq-accordion-item{box-sizing:border-box;display:block;border-width:2px;border-style:solid;border-color:transparent}.kbq-accordion-header{display:flex;height:var(--kbq-accordion-size-item-header-height)}.kbq-accordion-content{display:block;overflow:hidden;padding:var(--kbq-accordion-size-item-content-padding)}.kbq-accordion-content[data-state=open]{animation:slideDown .3s ease-out}.kbq-accordion-content[data-state=closed]{animation:slideUp .3s ease-out}.kbq-accordion.cdk-keyboard-focused .kbq-accordion-item:focus-within{border-color:var(--kbq-accordion-item-states-focus-border-color)}.kbq-accordion-item{background:var(--kbq-accordion-item-default-background);color:var(--kbq-accordion-item-default-text-color)}.kbq-accordion-item .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-default-icon-color)}.kbq-accordion-trigger{width:100%;background:transparent;border:none;outline:none;color:var(--kbq-accordion-item-default-text-color)}.kbq-accordion-trigger:hover:not([data-disabled=true]){cursor:pointer}.kbq-accordion-trigger:hover:not([data-disabled=true]) .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-hover-icon-color)}.kbq-accordion-trigger[data-disabled=true]{color:var(--kbq-accordion-item-states-disabled-text-color)}.kbq-accordion-trigger[data-disabled=true] .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-disabled-icon-color)!important}.kbq-accordion-header,.kbq-accordion-trigger{font-size:var(--kbq-typography-text-big-font-size);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}.kbq-accordion-trigger__caption{font-size:var(--kbq-typography-text-compact-font-size);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}.kbq-accordion-content{font-size:var(--kbq-typography-text-normal-font-size);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}\n", ".kbq-accordion{--kbq-accordion-size-item-header-height: 36px;--kbq-accordion-size-item-header-variant-fill-padding: var(--kbq-size-xs) var(--kbq-size-s);--kbq-accordion-size-item-header-variant-hug-padding: var(--kbq-size-xs) var(--kbq-size-s) var(--kbq-size-xs) var(--kbq-size-m);--kbq-accordion-size-item-content-padding: 0px var(--kbq-size-m) var(--kbq-size-s) var(--kbq-size-m)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}\n"] }]
36
+ }, styles: ["@keyframes slideDown{0%{height:0;padding-bottom:0}to{height:var(--radix-accordion-content-height);padding-bottom:0}}@keyframes slideUp{0%{height:var(--radix-accordion-content-height);padding-bottom:0}to{height:0;padding-bottom:0}}.kbq-accordion{display:block}.kbq-accordion-item{box-sizing:border-box;display:block;border-width:2px;border-style:solid;border-color:transparent}.kbq-accordion-header{display:flex;height:var(--kbq-accordion-size-item-header-height)}.kbq-accordion-content{display:block;overflow:hidden;padding:var(--kbq-accordion-size-item-content-padding)}.kbq-accordion-content[data-state=open]{animation:slideDown .3s ease-out}.kbq-accordion-content[data-state=closed]{animation:slideUp .3s ease-out}.kbq-accordion.cdk-keyboard-focused .kbq-accordion-item:focus-within{border-color:var(--kbq-accordion-item-states-focus-border-color)}.kbq-accordion-item{background:var(--kbq-accordion-item-default-background);color:var(--kbq-accordion-item-default-text-color)}.kbq-accordion-item .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-default-icon-color)}.kbq-accordion-trigger{width:100%;background:transparent;border:none;outline:none;color:var(--kbq-accordion-item-default-text-color)}.kbq-accordion-trigger:hover:not([data-disabled=true]){cursor:pointer}.kbq-accordion-trigger:hover:not([data-disabled=true]) .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-hover-icon-color)}.kbq-accordion-trigger[data-disabled=true]{color:var(--kbq-accordion-item-states-disabled-text-color)}.kbq-accordion-trigger[data-disabled=true] .kbq-accordion-trigger__icon{color:var(--kbq-accordion-item-states-disabled-icon-color)!important}.kbq-accordion-header,.kbq-accordion-trigger{font-size:var(--kbq-typography-text-big-font-size);font-weight:var(--kbq-typography-text-big-font-weight);line-height:var(--kbq-typography-text-big-line-height);font-family:var(--kbq-typography-text-big-font-family);text-transform:var(--kbq-typography-text-big-text-transform);font-feature-settings:var(--kbq-typography-text-big-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-letter-spacing)}.kbq-accordion-trigger__caption{font-size:var(--kbq-typography-text-compact-font-size);font-weight:var(--kbq-typography-text-compact-font-weight);line-height:var(--kbq-typography-text-compact-line-height);font-family:var(--kbq-typography-text-compact-font-family);text-transform:var(--kbq-typography-text-compact-text-transform);font-feature-settings:var(--kbq-typography-text-compact-font-feature-settings);letter-spacing:var(--kbq-typography-text-compact-letter-spacing)}.kbq-accordion-content{font-size:var(--kbq-typography-text-normal-font-size);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}\n", ".kbq-accordion{--kbq-accordion-size-item-header-height: 36px;--kbq-accordion-size-item-header-variant-fill-padding: var(--kbq-size-xs) var(--kbq-size-s);--kbq-accordion-size-item-header-variant-hug-padding: var(--kbq-size-xs) var(--kbq-size-s) var(--kbq-size-xs) var(--kbq-size-m);--kbq-accordion-size-item-content-padding: 0px var(--kbq-size-m) var(--kbq-size-s) var(--kbq-size-m);--kbq-accordion-item-default-background: transparent;--kbq-accordion-item-default-text-color: var(--kbq-foreground-contrast);--kbq-accordion-item-default-icon-color: var(--kbq-icon-contrast-fade);--kbq-accordion-item-states-hover-icon-color: var(--kbq-icon-contrast);--kbq-accordion-item-states-focus-border-color: var(--kbq-line-theme);--kbq-accordion-item-states-disabled-text-color: var(--kbq-foreground-contrast-secondary);--kbq-accordion-item-states-disabled-icon-color: var(--kbq-states-icon-disabled)}\n"] }]
37
37
  }], ctorParameters: () => [{ type: i1.FocusMonitor }, { type: i0.ElementRef }], propDecorators: { variant: [{
38
38
  type: Input
39
39
  }] } });
package/esm2022/alert/alert.component.mjs CHANGED
@@ -76,7 +76,7 @@ export class KbqAlert {
76
76
  }
77
77
  }
78
78
  /** @nocollapse */ static { this.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAlert, deps: [], target: i0.ɵɵFactoryTarget.Component }); }
79
- /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KbqAlert, selector: "kbq-alert", inputs: { compact: "compact", alertStyle: "alertStyle", alertColor: "alertColor" }, host: { properties: { "class": "alertColor", "class.kbq-alert_normal": "!compact", "class.kbq-alert_compact": "compact", "class.kbq-alert_default": "!isColored", "class.kbq-alert_colored": "isColored", "class.kbq-alert_dismissible": "closeButton" }, classAttribute: "kbq-alert" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, descendants: true }, { propertyName: "icon", first: true, predicate: KbqIcon, descendants: true }, { propertyName: "button", first: true, predicate: KbqButton, descendants: true }, { propertyName: "title", first: true, predicate: KbqAlertTitle, descendants: true }, { propertyName: "control", first: true, predicate: KbqAlertControl, descendants: true }, { propertyName: "closeButton", first: true, predicate: KbqAlertCloseButton, descendants: true }], ngImport: i0, template: "@if (iconItem || icon) {\n <div class=\"kbq-alert__icon\" [class.kbq-alert__icon_title]=\"title\">\n <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n </div>\n}\n\n<div class=\"kbq-alert__content\" [class.kbq-alert__content_title]=\"title\">\n <ng-content select=\"[kbq-alert-title]\" />\n\n <div class=\"kbq-alert__text\">\n <ng-content />\n </div>\n\n @if (control) {\n <div class=\"kbq-alert__button-stack\" [class.kbq-alert__button-stack_has-button]=\"button\">\n <ng-content select=\"[kbq-alert-control]\" />\n </div>\n }\n</div>\n\n<div class=\"kbq-alert__close-button\" [hidden]=\"!closeButton\">\n <ng-content select=\"[kbq-alert-close-button]\" />\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius);padding:var(--kbq-alert-size-normal-container-padding-top) var(--kbq-alert-size-normal-container-padding-right) var(--kbq-alert-size-normal-container-padding-bottom) var(--kbq-alert-size-normal-container-padding-left)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top) var(--kbq-alert-size-normal-icon-margin-right) var(--kbq-alert-size-normal-icon-margin-bottom) var(--kbq-alert-size-normal-icon-margin-left);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top) var(--kbq-alert-size-normal-content-padding-right) var(--kbq-alert-size-normal-content-padding-bottom) var(--kbq-alert-size-normal-content-padding-left)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top);margin-left:var(--kbq-alert-size-normal-close-button-margin-left)}.kbq-alert.kbq-alert_normal .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: 4px;--kbq-icon-button-size-normal-vertical-padding: 4px}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius);padding:var(--kbq-alert-size-compact-container-padding-top) var(--kbq-alert-size-compact-container-padding-right) var(--kbq-alert-size-compact-container-padding-bottom) var(--kbq-alert-size-compact-container-padding-left)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top);margin-right:var(--kbq-alert-size-compact-icon-margin-right);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top);padding-top:var(--kbq-alert-size-compact-icon-padding-top)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top) var(--kbq-alert-size-compact-content-padding-right) var(--kbq-alert-size-compact-content-padding-bottom) var(--kbq-alert-size-compact-content-padding-left)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top);margin-left:var(--kbq-alert-size-compact-close-button-margin-left)}.kbq-alert.kbq-alert_compact .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: 4px;--kbq-icon-button-size-normal-vertical-padding: 4px}.kbq-alert__close:focus{outline:none}.kbq-alert.kbq-alert_default.kbq-alert_contrast{background:var(--kbq-alert-default-contrast-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-default-contrast-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-default-contrast-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_error{background:var(--kbq-alert-default-error-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-default-error-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-default-error-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_warning{background:var(--kbq-alert-default-warning-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-default-warning-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-default-warning-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_success{background:var(--kbq-alert-default-success-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-default-success-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-default-success-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_theme{background:var(--kbq-alert-default-theme-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-default-theme-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-default-theme-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_contrast{background:var(--kbq-alert-colored-contrast-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-colored-contrast-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-colored-contrast-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_error{background:var(--kbq-alert-colored-error-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-colored-error-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-colored-error-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_warning{background:var(--kbq-alert-colored-warning-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-colored-warning-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-colored-warning-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_success{background:var(--kbq-alert-colored-success-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-colored-success-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-colored-success-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_theme{background:var(--kbq-alert-colored-theme-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-colored-theme-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-colored-theme-container-text)}.kbq-alert{font-size:var(--kbq-typography-text-normal-font-size);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-alert .kbq-alert__title{font-size:var(--kbq-typography-subheading-font-size);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-alert.kbq-alert_compact .kbq-alert__title{font-size:var(--kbq-typography-text-big-strong-font-size);font-weight:var(--kbq-typography-text-big-strong-font-weight);line-height:var(--kbq-typography-text-big-strong-line-height);font-family:var(--kbq-typography-text-big-strong-font-family);text-transform:var(--kbq-typography-text-big-strong-text-transform);font-feature-settings:var(--kbq-typography-text-big-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-strong-letter-spacing)}\n", ".kbq-alert{--kbq-alert-size-normal-container-border-radius: var(--kbq-size-m);--kbq-alert-size-normal-container-padding-top: 0;--kbq-alert-size-normal-container-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-container-padding-bottom: 0;--kbq-alert-size-normal-container-padding-left: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-top: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-bottom: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-right: 0;--kbq-alert-size-normal-icon-margin-bottom: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-normal-title-margin-bottom: var(--kbq-size-xxs);--kbq-alert-size-normal-close-button-margin-top: 10px;--kbq-alert-size-normal-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-normal-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-normal-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-normal-no-title-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-size-compact-container-border-radius: var(--kbq-size-m);--kbq-alert-size-compact-container-padding-top: 0;--kbq-alert-size-compact-container-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-container-padding-bottom: 0;--kbq-alert-size-compact-container-padding-left: var(--kbq-size-l);--kbq-alert-size-compact-content-padding-top: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-content-padding-bottom: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-left: 0;--kbq-alert-size-compact-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-icon-margin-right: var(--kbq-size-s);--kbq-alert-size-compact-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-compact-title-margin-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-close-button-margin-top: 10px;--kbq-alert-size-compact-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-compact-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-compact-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-no-title-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-no-title-icon-padding-top: var(--kbq-size-3xs)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-alert-default-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-colored-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-background: var(--kbq-background-error-fade);--kbq-alert-colored-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-background: var(--kbq-background-warning-fade);--kbq-alert-colored-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-background: var(--kbq-background-success-fade);--kbq-alert-colored-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-background: var(--kbq-background-theme-fade);--kbq-alert-colored-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-text: var(--kbq-foreground-contrast)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-alert-default-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-colored-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-background: var(--kbq-background-error-fade);--kbq-alert-colored-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-background: var(--kbq-background-warning-fade);--kbq-alert-colored-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-background: var(--kbq-background-success-fade);--kbq-alert-colored-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-background: var(--kbq-background-theme-fade);--kbq-alert-colored-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-text: var(--kbq-foreground-contrast)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
79
+ /** @nocollapse */ static { this.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "17.0.0", version: "18.2.6", type: KbqAlert, selector: "kbq-alert", inputs: { compact: "compact", alertStyle: "alertStyle", alertColor: "alertColor" }, host: { properties: { "class": "alertColor", "class.kbq-alert_normal": "!compact", "class.kbq-alert_compact": "compact", "class.kbq-alert_default": "!isColored", "class.kbq-alert_colored": "isColored", "class.kbq-alert_dismissible": "closeButton" }, classAttribute: "kbq-alert" }, queries: [{ propertyName: "iconItem", first: true, predicate: KbqIconItem, descendants: true }, { propertyName: "icon", first: true, predicate: KbqIcon, descendants: true }, { propertyName: "button", first: true, predicate: KbqButton, descendants: true }, { propertyName: "title", first: true, predicate: KbqAlertTitle, descendants: true }, { propertyName: "control", first: true, predicate: KbqAlertControl, descendants: true }, { propertyName: "closeButton", first: true, predicate: KbqAlertCloseButton, descendants: true }], ngImport: i0, template: "@if (iconItem || icon) {\n <div class=\"kbq-alert__icon\" [class.kbq-alert__icon_title]=\"title\">\n <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n </div>\n}\n\n<div class=\"kbq-alert__content\" [class.kbq-alert__content_title]=\"title\">\n <ng-content select=\"[kbq-alert-title]\" />\n\n <div class=\"kbq-alert__text\">\n <ng-content />\n </div>\n\n @if (control) {\n <div class=\"kbq-alert__button-stack\" [class.kbq-alert__button-stack_has-button]=\"button\">\n <ng-content select=\"[kbq-alert-control]\" />\n </div>\n }\n</div>\n\n<div class=\"kbq-alert__close-button\" [hidden]=\"!closeButton\">\n <ng-content select=\"[kbq-alert-close-button]\" />\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius);padding:var(--kbq-alert-size-normal-container-padding-top) var(--kbq-alert-size-normal-container-padding-right) var(--kbq-alert-size-normal-container-padding-bottom) var(--kbq-alert-size-normal-container-padding-left)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top) var(--kbq-alert-size-normal-icon-margin-right) var(--kbq-alert-size-normal-icon-margin-bottom) var(--kbq-alert-size-normal-icon-margin-left);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top) var(--kbq-alert-size-normal-content-padding-right) var(--kbq-alert-size-normal-content-padding-bottom) var(--kbq-alert-size-normal-content-padding-left)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top);margin-left:var(--kbq-alert-size-normal-close-button-margin-left)}.kbq-alert.kbq-alert_normal .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: 4px;--kbq-icon-button-size-normal-vertical-padding: 4px}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius);padding:var(--kbq-alert-size-compact-container-padding-top) var(--kbq-alert-size-compact-container-padding-right) var(--kbq-alert-size-compact-container-padding-bottom) var(--kbq-alert-size-compact-container-padding-left)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top);margin-right:var(--kbq-alert-size-compact-icon-margin-right);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top);padding-top:var(--kbq-alert-size-compact-icon-padding-top)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top) var(--kbq-alert-size-compact-content-padding-right) var(--kbq-alert-size-compact-content-padding-bottom) var(--kbq-alert-size-compact-content-padding-left)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top);margin-left:var(--kbq-alert-size-compact-close-button-margin-left)}.kbq-alert.kbq-alert_compact .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: 4px;--kbq-icon-button-size-normal-vertical-padding: 4px}.kbq-alert__close:focus{outline:none}.kbq-alert.kbq-alert_default.kbq-alert_contrast{background:var(--kbq-alert-default-contrast-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-default-contrast-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-default-contrast-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_error{background:var(--kbq-alert-default-error-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-default-error-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-default-error-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_warning{background:var(--kbq-alert-default-warning-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-default-warning-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-default-warning-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_success{background:var(--kbq-alert-default-success-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-default-success-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-default-success-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_theme{background:var(--kbq-alert-default-theme-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-default-theme-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-default-theme-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_contrast{background:var(--kbq-alert-colored-contrast-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-colored-contrast-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-colored-contrast-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_error{background:var(--kbq-alert-colored-error-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-colored-error-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-colored-error-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_warning{background:var(--kbq-alert-colored-warning-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-colored-warning-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-colored-warning-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_success{background:var(--kbq-alert-colored-success-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-colored-success-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-colored-success-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_theme{background:var(--kbq-alert-colored-theme-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-colored-theme-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-colored-theme-container-text)}.kbq-alert{font-size:var(--kbq-typography-text-normal-font-size);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-alert .kbq-alert__title{font-size:var(--kbq-typography-subheading-font-size);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-alert.kbq-alert_compact .kbq-alert__title{font-size:var(--kbq-typography-text-big-strong-font-size);font-weight:var(--kbq-typography-text-big-strong-font-weight);line-height:var(--kbq-typography-text-big-strong-line-height);font-family:var(--kbq-typography-text-big-strong-font-family);text-transform:var(--kbq-typography-text-big-strong-text-transform);font-feature-settings:var(--kbq-typography-text-big-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-strong-letter-spacing)}\n", ".kbq-alert{--kbq-alert-size-normal-container-border-radius: var(--kbq-size-m);--kbq-alert-size-normal-container-padding-top: 0;--kbq-alert-size-normal-container-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-container-padding-bottom: 0;--kbq-alert-size-normal-container-padding-left: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-top: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-bottom: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-right: 0;--kbq-alert-size-normal-icon-margin-bottom: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-normal-title-margin-bottom: var(--kbq-size-xxs);--kbq-alert-size-normal-close-button-margin-top: 10px;--kbq-alert-size-normal-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-normal-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-normal-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-normal-no-title-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-size-compact-container-border-radius: var(--kbq-size-m);--kbq-alert-size-compact-container-padding-top: 0;--kbq-alert-size-compact-container-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-container-padding-bottom: 0;--kbq-alert-size-compact-container-padding-left: var(--kbq-size-l);--kbq-alert-size-compact-content-padding-top: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-content-padding-bottom: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-left: 0;--kbq-alert-size-compact-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-icon-margin-right: var(--kbq-size-s);--kbq-alert-size-compact-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-compact-title-margin-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-close-button-margin-top: 10px;--kbq-alert-size-compact-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-compact-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-compact-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-no-title-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-default-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-colored-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-background: var(--kbq-background-error-fade);--kbq-alert-colored-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-background: var(--kbq-background-warning-fade);--kbq-alert-colored-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-background: var(--kbq-background-success-fade);--kbq-alert-colored-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-background: var(--kbq-background-theme-fade);--kbq-alert-colored-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-text: var(--kbq-foreground-contrast)}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None }); }
80
80
  }
81
81
  i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImport: i0, type: KbqAlert, decorators: [{
82
82
  type: Component,
@@ -88,7 +88,7 @@ i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "18.2.6", ngImpor
88
88
  '[class.kbq-alert_default]': '!isColored',
89
89
  '[class.kbq-alert_colored]': 'isColored',
90
90
  '[class.kbq-alert_dismissible]': 'closeButton'
91
- }, template: "@if (iconItem || icon) {\n <div class=\"kbq-alert__icon\" [class.kbq-alert__icon_title]=\"title\">\n <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n </div>\n}\n\n<div class=\"kbq-alert__content\" [class.kbq-alert__content_title]=\"title\">\n <ng-content select=\"[kbq-alert-title]\" />\n\n <div class=\"kbq-alert__text\">\n <ng-content />\n </div>\n\n @if (control) {\n <div class=\"kbq-alert__button-stack\" [class.kbq-alert__button-stack_has-button]=\"button\">\n <ng-content select=\"[kbq-alert-control]\" />\n </div>\n }\n</div>\n\n<div class=\"kbq-alert__close-button\" [hidden]=\"!closeButton\">\n <ng-content select=\"[kbq-alert-close-button]\" />\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius);padding:var(--kbq-alert-size-normal-container-padding-top) var(--kbq-alert-size-normal-container-padding-right) var(--kbq-alert-size-normal-container-padding-bottom) var(--kbq-alert-size-normal-container-padding-left)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top) var(--kbq-alert-size-normal-icon-margin-right) var(--kbq-alert-size-normal-icon-margin-bottom) var(--kbq-alert-size-normal-icon-margin-left);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top) var(--kbq-alert-size-normal-content-padding-right) var(--kbq-alert-size-normal-content-padding-bottom) var(--kbq-alert-size-normal-content-padding-left)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top);margin-left:var(--kbq-alert-size-normal-close-button-margin-left)}.kbq-alert.kbq-alert_normal .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: 4px;--kbq-icon-button-size-normal-vertical-padding: 4px}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius);padding:var(--kbq-alert-size-compact-container-padding-top) var(--kbq-alert-size-compact-container-padding-right) var(--kbq-alert-size-compact-container-padding-bottom) var(--kbq-alert-size-compact-container-padding-left)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top);margin-right:var(--kbq-alert-size-compact-icon-margin-right);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top);padding-top:var(--kbq-alert-size-compact-icon-padding-top)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top) var(--kbq-alert-size-compact-content-padding-right) var(--kbq-alert-size-compact-content-padding-bottom) var(--kbq-alert-size-compact-content-padding-left)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top);margin-left:var(--kbq-alert-size-compact-close-button-margin-left)}.kbq-alert.kbq-alert_compact .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: 4px;--kbq-icon-button-size-normal-vertical-padding: 4px}.kbq-alert__close:focus{outline:none}.kbq-alert.kbq-alert_default.kbq-alert_contrast{background:var(--kbq-alert-default-contrast-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-default-contrast-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-default-contrast-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_error{background:var(--kbq-alert-default-error-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-default-error-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-default-error-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_warning{background:var(--kbq-alert-default-warning-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-default-warning-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-default-warning-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_success{background:var(--kbq-alert-default-success-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-default-success-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-default-success-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_theme{background:var(--kbq-alert-default-theme-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-default-theme-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-default-theme-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_contrast{background:var(--kbq-alert-colored-contrast-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-colored-contrast-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-colored-contrast-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_error{background:var(--kbq-alert-colored-error-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-colored-error-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-colored-error-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_warning{background:var(--kbq-alert-colored-warning-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-colored-warning-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-colored-warning-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_success{background:var(--kbq-alert-colored-success-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-colored-success-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-colored-success-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_theme{background:var(--kbq-alert-colored-theme-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-colored-theme-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-colored-theme-container-text)}.kbq-alert{font-size:var(--kbq-typography-text-normal-font-size);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-alert .kbq-alert__title{font-size:var(--kbq-typography-subheading-font-size);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-alert.kbq-alert_compact .kbq-alert__title{font-size:var(--kbq-typography-text-big-strong-font-size);font-weight:var(--kbq-typography-text-big-strong-font-weight);line-height:var(--kbq-typography-text-big-strong-line-height);font-family:var(--kbq-typography-text-big-strong-font-family);text-transform:var(--kbq-typography-text-big-strong-text-transform);font-feature-settings:var(--kbq-typography-text-big-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-strong-letter-spacing)}\n", ".kbq-alert{--kbq-alert-size-normal-container-border-radius: var(--kbq-size-m);--kbq-alert-size-normal-container-padding-top: 0;--kbq-alert-size-normal-container-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-container-padding-bottom: 0;--kbq-alert-size-normal-container-padding-left: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-top: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-bottom: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-right: 0;--kbq-alert-size-normal-icon-margin-bottom: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-normal-title-margin-bottom: var(--kbq-size-xxs);--kbq-alert-size-normal-close-button-margin-top: 10px;--kbq-alert-size-normal-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-normal-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-normal-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-normal-no-title-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-size-compact-container-border-radius: var(--kbq-size-m);--kbq-alert-size-compact-container-padding-top: 0;--kbq-alert-size-compact-container-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-container-padding-bottom: 0;--kbq-alert-size-compact-container-padding-left: var(--kbq-size-l);--kbq-alert-size-compact-content-padding-top: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-content-padding-bottom: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-left: 0;--kbq-alert-size-compact-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-icon-margin-right: var(--kbq-size-s);--kbq-alert-size-compact-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-compact-title-margin-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-close-button-margin-top: 10px;--kbq-alert-size-compact-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-compact-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-compact-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-no-title-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-no-title-icon-padding-top: var(--kbq-size-3xs)}:where(.kbq-light,.theme-light,.kbq-theme-light){--kbq-alert-default-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-colored-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-background: var(--kbq-background-error-fade);--kbq-alert-colored-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-background: var(--kbq-background-warning-fade);--kbq-alert-colored-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-background: var(--kbq-background-success-fade);--kbq-alert-colored-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-background: var(--kbq-background-theme-fade);--kbq-alert-colored-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-text: var(--kbq-foreground-contrast)}:where(.kbq-dark,.theme-dark,.kbq-theme-dark){--kbq-alert-default-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-colored-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-background: var(--kbq-background-error-fade);--kbq-alert-colored-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-background: var(--kbq-background-warning-fade);--kbq-alert-colored-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-background: var(--kbq-background-success-fade);--kbq-alert-colored-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-background: var(--kbq-background-theme-fade);--kbq-alert-colored-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-text: var(--kbq-foreground-contrast)}\n"] }]
91
+ }, template: "@if (iconItem || icon) {\n <div class=\"kbq-alert__icon\" [class.kbq-alert__icon_title]=\"title\">\n <ng-content select=\"[kbq-icon-item],[kbq-icon]\" />\n </div>\n}\n\n<div class=\"kbq-alert__content\" [class.kbq-alert__content_title]=\"title\">\n <ng-content select=\"[kbq-alert-title]\" />\n\n <div class=\"kbq-alert__text\">\n <ng-content />\n </div>\n\n @if (control) {\n <div class=\"kbq-alert__button-stack\" [class.kbq-alert__button-stack_has-button]=\"button\">\n <ng-content select=\"[kbq-alert-control]\" />\n </div>\n }\n</div>\n\n<div class=\"kbq-alert__close-button\" [hidden]=\"!closeButton\">\n <ng-content select=\"[kbq-alert-close-button]\" />\n</div>\n", styles: [".kbq-alert{display:flex;box-sizing:border-box}.kbq-alert .kbq-alert__content_title{margin-bottom:var(--kbq-size-xxs)}.kbq-alert__content{display:flex;flex-direction:column;flex:1;justify-content:center}.kbq-alert.kbq-alert_normal{border-radius:var(--kbq-alert-size-normal-container-border-radius);padding:var(--kbq-alert-size-normal-container-padding-top) var(--kbq-alert-size-normal-container-padding-right) var(--kbq-alert-size-normal-container-padding-bottom) var(--kbq-alert-size-normal-container-padding-left)}.kbq-alert.kbq-alert_normal .kbq-alert__icon{margin:var(--kbq-alert-size-normal-no-title-icon-margin-top) var(--kbq-alert-size-normal-icon-margin-right) var(--kbq-alert-size-normal-icon-margin-bottom) var(--kbq-alert-size-normal-icon-margin-left);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_normal .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-normal-icon-margin-top);padding-top:var(--kbq-alert-size-normal-no-title-icon-padding-top)}.kbq-alert.kbq-alert_normal .kbq-alert__content{padding:var(--kbq-alert-size-normal-content-padding-top) var(--kbq-alert-size-normal-content-padding-right) var(--kbq-alert-size-normal-content-padding-bottom) var(--kbq-alert-size-normal-content-padding-left)}.kbq-alert.kbq-alert_normal .kbq-alert__title{margin-bottom:var(--kbq-alert-size-normal-title-margin-bottom)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-normal-button-stack-padding-top);padding-bottom:var(--kbq-alert-size-normal-button-stack-padding-bottom)}.kbq-alert.kbq-alert_normal .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_normal .kbq-alert__close-button{margin-top:var(--kbq-alert-size-normal-close-button-margin-top);margin-left:var(--kbq-alert-size-normal-close-button-margin-left)}.kbq-alert.kbq-alert_normal .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: 4px;--kbq-icon-button-size-normal-vertical-padding: 4px}.kbq-alert.kbq-alert_compact{border-radius:var(--kbq-alert-size-compact-container-border-radius);padding:var(--kbq-alert-size-compact-container-padding-top) var(--kbq-alert-size-compact-container-padding-right) var(--kbq-alert-size-compact-container-padding-bottom) var(--kbq-alert-size-compact-container-padding-left)}.kbq-alert.kbq-alert_compact .kbq-alert__icon{margin-top:var(--kbq-alert-size-compact-no-title-icon-margin-top);margin-right:var(--kbq-alert-size-compact-icon-margin-right);padding-top:var(--kbq-alert-size-compact-no-title-icon-padding-top);display:inline-flex;align-items:flex-start}.kbq-alert.kbq-alert_compact .kbq-alert__icon.kbq-alert__icon_title{margin-top:var(--kbq-alert-size-compact-icon-margin-top);padding-top:var(--kbq-alert-size-compact-icon-padding-top)}.kbq-alert.kbq-alert_compact .kbq-alert__content{padding:var(--kbq-alert-size-compact-content-padding-top) var(--kbq-alert-size-compact-content-padding-right) var(--kbq-alert-size-compact-content-padding-bottom) var(--kbq-alert-size-compact-content-padding-left)}.kbq-alert.kbq-alert_compact .kbq-alert__title{margin-bottom:var(--kbq-alert-size-compact-title-margin-bottom)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack{padding-top:var(--kbq-alert-size-compact-button-stack-padding-top);padding-bottom:var(--kbq-alert-size-compact-button-stack-padding-bottom)}.kbq-alert.kbq-alert_compact .kbq-alert__button-stack_has-button{padding-top:12px}.kbq-alert.kbq-alert_compact .kbq-alert__close-button{margin-top:var(--kbq-alert-size-compact-close-button-margin-top);margin-left:var(--kbq-alert-size-compact-close-button-margin-left)}.kbq-alert.kbq-alert_compact .kbq-alert__close-button .kbq-icon-button{--kbq-icon-button-size-normal-horizontal-padding: 4px;--kbq-icon-button-size-normal-vertical-padding: 4px}.kbq-alert__close:focus{outline:none}.kbq-alert.kbq-alert_default.kbq-alert_contrast{background:var(--kbq-alert-default-contrast-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-default-contrast-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-default-contrast-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_error{background:var(--kbq-alert-default-error-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-default-error-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-default-error-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_warning{background:var(--kbq-alert-default-warning-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-default-warning-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-default-warning-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_success{background:var(--kbq-alert-default-success-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-default-success-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-default-success-container-text)}.kbq-alert.kbq-alert_default.kbq-alert_theme{background:var(--kbq-alert-default-theme-container-background)}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-default-theme-container-title)}.kbq-alert.kbq-alert_default.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-default-theme-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_contrast{background:var(--kbq-alert-colored-contrast-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__title{color:var(--kbq-alert-colored-contrast-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_contrast .kbq-alert__text{color:var(--kbq-alert-colored-contrast-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_error{background:var(--kbq-alert-colored-error-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__title{color:var(--kbq-alert-colored-error-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_error .kbq-alert__text{color:var(--kbq-alert-colored-error-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_warning{background:var(--kbq-alert-colored-warning-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__title{color:var(--kbq-alert-colored-warning-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_warning .kbq-alert__text{color:var(--kbq-alert-colored-warning-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_success{background:var(--kbq-alert-colored-success-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__title{color:var(--kbq-alert-colored-success-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_success .kbq-alert__text{color:var(--kbq-alert-colored-success-container-text)}.kbq-alert.kbq-alert_colored.kbq-alert_theme{background:var(--kbq-alert-colored-theme-container-background)}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__title{color:var(--kbq-alert-colored-theme-container-title)}.kbq-alert.kbq-alert_colored.kbq-alert_theme .kbq-alert__text{color:var(--kbq-alert-colored-theme-container-text)}.kbq-alert{font-size:var(--kbq-typography-text-normal-font-size);font-weight:var(--kbq-typography-text-normal-font-weight);line-height:var(--kbq-typography-text-normal-line-height);font-family:var(--kbq-typography-text-normal-font-family);text-transform:var(--kbq-typography-text-normal-text-transform);font-feature-settings:var(--kbq-typography-text-normal-font-feature-settings);letter-spacing:var(--kbq-typography-text-normal-letter-spacing)}.kbq-alert .kbq-alert__title{font-size:var(--kbq-typography-subheading-font-size);font-weight:var(--kbq-typography-subheading-font-weight);line-height:var(--kbq-typography-subheading-line-height);font-family:var(--kbq-typography-subheading-font-family);text-transform:var(--kbq-typography-subheading-text-transform);font-feature-settings:var(--kbq-typography-subheading-font-feature-settings);letter-spacing:var(--kbq-typography-subheading-letter-spacing)}.kbq-alert.kbq-alert_compact .kbq-alert__title{font-size:var(--kbq-typography-text-big-strong-font-size);font-weight:var(--kbq-typography-text-big-strong-font-weight);line-height:var(--kbq-typography-text-big-strong-line-height);font-family:var(--kbq-typography-text-big-strong-font-family);text-transform:var(--kbq-typography-text-big-strong-text-transform);font-feature-settings:var(--kbq-typography-text-big-strong-font-feature-settings);letter-spacing:var(--kbq-typography-text-big-strong-letter-spacing)}\n", ".kbq-alert{--kbq-alert-size-normal-container-border-radius: var(--kbq-size-m);--kbq-alert-size-normal-container-padding-top: 0;--kbq-alert-size-normal-container-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-container-padding-bottom: 0;--kbq-alert-size-normal-container-padding-left: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-top: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-right: var(--kbq-size-s);--kbq-alert-size-normal-content-padding-bottom: var(--kbq-size-l);--kbq-alert-size-normal-content-padding-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-right: 0;--kbq-alert-size-normal-icon-margin-bottom: var(--kbq-size-l);--kbq-alert-size-normal-icon-margin-left: var(--kbq-size-m);--kbq-alert-size-normal-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-normal-title-margin-bottom: var(--kbq-size-xxs);--kbq-alert-size-normal-close-button-margin-top: 10px;--kbq-alert-size-normal-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-normal-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-normal-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-normal-no-title-icon-margin-top: var(--kbq-size-l);--kbq-alert-size-normal-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-size-compact-container-border-radius: var(--kbq-size-m);--kbq-alert-size-compact-container-padding-top: 0;--kbq-alert-size-compact-container-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-container-padding-bottom: 0;--kbq-alert-size-compact-container-padding-left: var(--kbq-size-l);--kbq-alert-size-compact-content-padding-top: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-right: var(--kbq-size-s);--kbq-alert-size-compact-content-padding-bottom: var(--kbq-size-m);--kbq-alert-size-compact-content-padding-left: 0;--kbq-alert-size-compact-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-icon-margin-right: var(--kbq-size-s);--kbq-alert-size-compact-icon-padding-top: var(--kbq-size-xxs);--kbq-alert-size-compact-title-margin-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-close-button-margin-top: 10px;--kbq-alert-size-compact-close-button-margin-left: var(--kbq-size-3xs);--kbq-alert-size-compact-button-stack-padding-top: var(--kbq-size-s);--kbq-alert-size-compact-button-stack-padding-bottom: var(--kbq-size-3xs);--kbq-alert-size-compact-no-title-icon-margin-top: var(--kbq-size-m);--kbq-alert-size-compact-no-title-icon-padding-top: var(--kbq-size-3xs);--kbq-alert-default-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-background: var(--kbq-background-contrast-fade);--kbq-alert-default-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-default-theme-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-background: var(--kbq-background-contrast-fade);--kbq-alert-colored-contrast-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-contrast-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-background: var(--kbq-background-error-fade);--kbq-alert-colored-error-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-error-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-background: var(--kbq-background-warning-fade);--kbq-alert-colored-warning-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-warning-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-background: var(--kbq-background-success-fade);--kbq-alert-colored-success-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-success-container-text: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-background: var(--kbq-background-theme-fade);--kbq-alert-colored-theme-container-title: var(--kbq-foreground-contrast);--kbq-alert-colored-theme-container-text: var(--kbq-foreground-contrast)}\n"] }]
92
92
  }], propDecorators: { iconItem: [{
93
93
  type: ContentChild,
94
94
  args: [KbqIconItem]