@testgorilla/tgo-ui 6.2.2 → 6.2.4

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 (161) hide show
  1. package/components/autocomplete/autocomplete.component.d.ts +2 -2
  2. package/components/badge/badge.component.d.ts +6 -6
  3. package/components/button/button.component.d.ts +4 -4
  4. package/components/checklist/checklist.component.d.ts +4 -5
  5. package/components/deprecated-paginator/deprecated-paginator.component.d.ts +2 -6
  6. package/components/dialog/dialog.component.d.ts +1 -1
  7. package/components/dialog/dialog.model.d.ts +2 -2
  8. package/components/dropdown/dropdown.component.d.ts +2 -2
  9. package/components/empty-state/empty-state.component.d.ts +2 -2
  10. package/components/file-upload/file-upload.component.d.ts +1 -1
  11. package/components/icon/icon.component.d.ts +2 -2
  12. package/components/icon/icon.model.d.ts +3 -3
  13. package/components/icon-label/icon-label.component.d.ts +1 -3
  14. package/components/logo/logo.component.d.ts +1 -1
  15. package/components/multi-input/multi-input.component.d.ts +1 -1
  16. package/components/navbar/mobile-navbar-side-sheet/mobile-navbar-side-sheet.component.d.ts +3 -3
  17. package/components/password-criteria/password.component.d.ts +1 -1
  18. package/components/radial-progress/radial-progress.component.d.ts +2 -2
  19. package/components/radio-button/radio-button.component.d.ts +3 -3
  20. package/components/segmented-bar/segmented-bar.component.d.ts +1 -1
  21. package/components/segmented-button/segmented-button.component.d.ts +1 -1
  22. package/components/side-panel/side-panel.model.d.ts +1 -1
  23. package/components/side-sheet/side-sheet.component.d.ts +1 -1
  24. package/components/spider-chart/spider-chart.component.d.ts +2 -2
  25. package/components/spider-chart/spider-chart.model.d.ts +2 -2
  26. package/components/stepper/step-line-element.directive.d.ts +1 -1
  27. package/components/stepper/step.component.d.ts +1 -1
  28. package/components/stepper/stepper.component.d.ts +2 -2
  29. package/components/table/table.component.d.ts +2 -2
  30. package/components/tabs/tabs.component.d.ts +2 -2
  31. package/components/universal-skills/universal-skills-report.component.d.ts +1 -1
  32. package/fesm2022/testgorilla-tgo-ui-components-accordion.mjs +7 -25
  33. package/fesm2022/testgorilla-tgo-ui-components-accordion.mjs.map +1 -1
  34. package/fesm2022/testgorilla-tgo-ui-components-ai-caveat.mjs +2 -2
  35. package/fesm2022/testgorilla-tgo-ui-components-ai-caveat.mjs.map +1 -1
  36. package/fesm2022/testgorilla-tgo-ui-components-alert-banner.mjs +0 -1
  37. package/fesm2022/testgorilla-tgo-ui-components-alert-banner.mjs.map +1 -1
  38. package/fesm2022/testgorilla-tgo-ui-components-audio-waveform.mjs.map +1 -1
  39. package/fesm2022/testgorilla-tgo-ui-components-autocomplete.mjs +31 -18
  40. package/fesm2022/testgorilla-tgo-ui-components-autocomplete.mjs.map +1 -1
  41. package/fesm2022/testgorilla-tgo-ui-components-avatar.mjs +1 -1
  42. package/fesm2022/testgorilla-tgo-ui-components-avatar.mjs.map +1 -1
  43. package/fesm2022/testgorilla-tgo-ui-components-badge.mjs +6 -6
  44. package/fesm2022/testgorilla-tgo-ui-components-badge.mjs.map +1 -1
  45. package/fesm2022/testgorilla-tgo-ui-components-button.mjs +39 -19
  46. package/fesm2022/testgorilla-tgo-ui-components-button.mjs.map +1 -1
  47. package/fesm2022/testgorilla-tgo-ui-components-card.mjs +2 -2
  48. package/fesm2022/testgorilla-tgo-ui-components-card.mjs.map +1 -1
  49. package/fesm2022/testgorilla-tgo-ui-components-checkbox.mjs +38 -10
  50. package/fesm2022/testgorilla-tgo-ui-components-checkbox.mjs.map +1 -1
  51. package/fesm2022/testgorilla-tgo-ui-components-checklist.mjs +2 -2
  52. package/fesm2022/testgorilla-tgo-ui-components-checklist.mjs.map +1 -1
  53. package/fesm2022/testgorilla-tgo-ui-components-core.mjs +22 -16
  54. package/fesm2022/testgorilla-tgo-ui-components-core.mjs.map +1 -1
  55. package/fesm2022/testgorilla-tgo-ui-components-datepicker.mjs +6 -6
  56. package/fesm2022/testgorilla-tgo-ui-components-datepicker.mjs.map +1 -1
  57. package/fesm2022/testgorilla-tgo-ui-components-dialog.mjs +8 -8
  58. package/fesm2022/testgorilla-tgo-ui-components-dialog.mjs.map +1 -1
  59. package/fesm2022/testgorilla-tgo-ui-components-divider.mjs +2 -2
  60. package/fesm2022/testgorilla-tgo-ui-components-divider.mjs.map +1 -1
  61. package/fesm2022/testgorilla-tgo-ui-components-donut-chart.mjs +2 -2
  62. package/fesm2022/testgorilla-tgo-ui-components-donut-chart.mjs.map +1 -1
  63. package/fesm2022/testgorilla-tgo-ui-components-dropdown.mjs +18 -5
  64. package/fesm2022/testgorilla-tgo-ui-components-dropdown.mjs.map +1 -1
  65. package/fesm2022/testgorilla-tgo-ui-components-elevation-shadow.mjs +2 -2
  66. package/fesm2022/testgorilla-tgo-ui-components-elevation-shadow.mjs.map +1 -1
  67. package/fesm2022/testgorilla-tgo-ui-components-empty-state.mjs.map +1 -1
  68. package/fesm2022/testgorilla-tgo-ui-components-field.mjs +2 -3
  69. package/fesm2022/testgorilla-tgo-ui-components-field.mjs.map +1 -1
  70. package/fesm2022/testgorilla-tgo-ui-components-file-upload.mjs +5 -5
  71. package/fesm2022/testgorilla-tgo-ui-components-file-upload.mjs.map +1 -1
  72. package/fesm2022/testgorilla-tgo-ui-components-filter-button.mjs +2 -3
  73. package/fesm2022/testgorilla-tgo-ui-components-filter-button.mjs.map +1 -1
  74. package/fesm2022/testgorilla-tgo-ui-components-gaussian-chart.mjs +8 -7
  75. package/fesm2022/testgorilla-tgo-ui-components-gaussian-chart.mjs.map +1 -1
  76. package/fesm2022/testgorilla-tgo-ui-components-icon-label.mjs +0 -1
  77. package/fesm2022/testgorilla-tgo-ui-components-icon-label.mjs.map +1 -1
  78. package/fesm2022/testgorilla-tgo-ui-components-icon.mjs.map +1 -1
  79. package/fesm2022/testgorilla-tgo-ui-components-inline-field.mjs +1 -1
  80. package/fesm2022/testgorilla-tgo-ui-components-inline-field.mjs.map +1 -1
  81. package/fesm2022/testgorilla-tgo-ui-components-logo.mjs +2 -2
  82. package/fesm2022/testgorilla-tgo-ui-components-logo.mjs.map +1 -1
  83. package/fesm2022/testgorilla-tgo-ui-components-media-card.mjs +2 -7
  84. package/fesm2022/testgorilla-tgo-ui-components-media-card.mjs.map +1 -1
  85. package/fesm2022/testgorilla-tgo-ui-components-media-dialog.mjs +2 -2
  86. package/fesm2022/testgorilla-tgo-ui-components-media-dialog.mjs.map +1 -1
  87. package/fesm2022/testgorilla-tgo-ui-components-multi-input.mjs +1 -3
  88. package/fesm2022/testgorilla-tgo-ui-components-multi-input.mjs.map +1 -1
  89. package/fesm2022/testgorilla-tgo-ui-components-navbar.mjs +5 -5
  90. package/fesm2022/testgorilla-tgo-ui-components-navbar.mjs.map +1 -1
  91. package/fesm2022/testgorilla-tgo-ui-components-overflow-menu.mjs +25 -4
  92. package/fesm2022/testgorilla-tgo-ui-components-overflow-menu.mjs.map +1 -1
  93. package/fesm2022/testgorilla-tgo-ui-components-page-header.mjs +2 -2
  94. package/fesm2022/testgorilla-tgo-ui-components-page-header.mjs.map +1 -1
  95. package/fesm2022/testgorilla-tgo-ui-components-paginator.mjs.map +1 -1
  96. package/fesm2022/testgorilla-tgo-ui-components-password-criteria.mjs +4 -4
  97. package/fesm2022/testgorilla-tgo-ui-components-password-criteria.mjs.map +1 -1
  98. package/fesm2022/testgorilla-tgo-ui-components-password-strength.mjs +3 -3
  99. package/fesm2022/testgorilla-tgo-ui-components-password-strength.mjs.map +1 -1
  100. package/fesm2022/testgorilla-tgo-ui-components-phone-input.mjs +6 -6
  101. package/fesm2022/testgorilla-tgo-ui-components-phone-input.mjs.map +1 -1
  102. package/fesm2022/testgorilla-tgo-ui-components-progress-bar.mjs.map +1 -1
  103. package/fesm2022/testgorilla-tgo-ui-components-prompt.mjs +1 -1
  104. package/fesm2022/testgorilla-tgo-ui-components-prompt.mjs.map +1 -1
  105. package/fesm2022/testgorilla-tgo-ui-components-radial-progress.mjs +5 -3
  106. package/fesm2022/testgorilla-tgo-ui-components-radial-progress.mjs.map +1 -1
  107. package/fesm2022/testgorilla-tgo-ui-components-radio-button.mjs +42 -10
  108. package/fesm2022/testgorilla-tgo-ui-components-radio-button.mjs.map +1 -1
  109. package/fesm2022/testgorilla-tgo-ui-components-rating.mjs +3 -3
  110. package/fesm2022/testgorilla-tgo-ui-components-rating.mjs.map +1 -1
  111. package/fesm2022/testgorilla-tgo-ui-components-scale-table.mjs +2 -2
  112. package/fesm2022/testgorilla-tgo-ui-components-scale-table.mjs.map +1 -1
  113. package/fesm2022/testgorilla-tgo-ui-components-scale.mjs +3 -3
  114. package/fesm2022/testgorilla-tgo-ui-components-scale.mjs.map +1 -1
  115. package/fesm2022/testgorilla-tgo-ui-components-segmented-bar.mjs +4 -4
  116. package/fesm2022/testgorilla-tgo-ui-components-segmented-bar.mjs.map +1 -1
  117. package/fesm2022/testgorilla-tgo-ui-components-segmented-button.mjs +1 -1
  118. package/fesm2022/testgorilla-tgo-ui-components-segmented-button.mjs.map +1 -1
  119. package/fesm2022/testgorilla-tgo-ui-components-selectable-card.mjs.map +1 -1
  120. package/fesm2022/testgorilla-tgo-ui-components-side-panel.mjs +3 -3
  121. package/fesm2022/testgorilla-tgo-ui-components-side-panel.mjs.map +1 -1
  122. package/fesm2022/testgorilla-tgo-ui-components-side-sheet.mjs +4 -4
  123. package/fesm2022/testgorilla-tgo-ui-components-side-sheet.mjs.map +1 -1
  124. package/fesm2022/testgorilla-tgo-ui-components-skeleton.mjs.map +1 -1
  125. package/fesm2022/testgorilla-tgo-ui-components-slider.mjs +2 -2
  126. package/fesm2022/testgorilla-tgo-ui-components-snackbar.mjs +21 -5
  127. package/fesm2022/testgorilla-tgo-ui-components-snackbar.mjs.map +1 -1
  128. package/fesm2022/testgorilla-tgo-ui-components-spider-chart.mjs +3 -3
  129. package/fesm2022/testgorilla-tgo-ui-components-spider-chart.mjs.map +1 -1
  130. package/fesm2022/testgorilla-tgo-ui-components-spinner.mjs.map +1 -1
  131. package/fesm2022/testgorilla-tgo-ui-components-stepper.mjs +14 -11
  132. package/fesm2022/testgorilla-tgo-ui-components-stepper.mjs.map +1 -1
  133. package/fesm2022/testgorilla-tgo-ui-components-table.mjs +5 -5
  134. package/fesm2022/testgorilla-tgo-ui-components-table.mjs.map +1 -1
  135. package/fesm2022/testgorilla-tgo-ui-components-tabs.mjs +3 -3
  136. package/fesm2022/testgorilla-tgo-ui-components-tabs.mjs.map +1 -1
  137. package/fesm2022/testgorilla-tgo-ui-components-tag.mjs +25 -7
  138. package/fesm2022/testgorilla-tgo-ui-components-tag.mjs.map +1 -1
  139. package/fesm2022/testgorilla-tgo-ui-components-toggle.mjs +25 -9
  140. package/fesm2022/testgorilla-tgo-ui-components-toggle.mjs.map +1 -1
  141. package/fesm2022/testgorilla-tgo-ui-components-tooltip.mjs +14 -15
  142. package/fesm2022/testgorilla-tgo-ui-components-tooltip.mjs.map +1 -1
  143. package/fesm2022/testgorilla-tgo-ui-components-universal-skills.mjs +6 -6
  144. package/fesm2022/testgorilla-tgo-ui-components-universal-skills.mjs.map +1 -1
  145. package/fesm2022/testgorilla-tgo-ui-components-validation-error.mjs +2 -2
  146. package/fesm2022/testgorilla-tgo-ui-components-validation-error.mjs.map +1 -1
  147. package/fesm2022/testgorilla-tgo-ui.mjs +2 -7
  148. package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
  149. package/package.json +34 -28
  150. package/projects/tgo-canopy-ui/theme/_alert-bars.scss +2 -1
  151. package/projects/tgo-canopy-ui/theme/_breakpoints-mixin.scss +6 -6
  152. package/projects/tgo-canopy-ui/theme/_core.scss +1 -1
  153. package/projects/tgo-canopy-ui/theme/_icon.scss +1 -1
  154. package/projects/tgo-canopy-ui/theme/_input.scss +108 -65
  155. package/projects/tgo-canopy-ui/theme/_lib-styles.scss +8 -7
  156. package/projects/tgo-canopy-ui/theme/_mat-paginator.scss +11 -10
  157. package/projects/tgo-canopy-ui/theme/_palette.scss +41 -29
  158. package/projects/tgo-canopy-ui/theme/_tooltip.scss +30 -30
  159. package/projects/tgo-canopy-ui/theme/_typography.scss +24 -14
  160. package/projects/tgo-canopy-ui/theme/_variables.scss +56 -56
  161. package/projects/tgo-canopy-ui/theme/theme.scss +19 -18
@@ -1 +1 @@
1
- {"version":3,"file":"testgorilla-tgo-ui.mjs","sources":["../../../projects/tgo-canopy-ui/components/deprecated-paginator/deprecated-paginator.component.ts","../../../projects/tgo-canopy-ui/components/deprecated-paginator/deprecated-paginator.component.html","../../../projects/tgo-canopy-ui/components/deprecated-paginator/deprecated-paginator.component.module.ts","../../../projects/tgo-canopy-ui/public-api.ts","../../../projects/tgo-canopy-ui/testgorilla-tgo-ui.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, OnInit, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\n\n@Component({\n selector: 'ui-paginator',\n templateUrl: './deprecated-paginator.component.html',\n styleUrls: ['./deprecated-paginator.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false\n})\nexport class DeprecatedPaginatorComponent implements OnInit {\n // TODO: Some properties and methods are ignored on purpose because of a current issue with compodoc and angular 13\n // https://github.com/StoryFnbookjs/StoryFnbook/issues/16865\n // https://github.com/StoryFnbookjs/StoryFnbook/issues/17004\n\n /**\n * Paginator size options\n *\n * @type {number[]}\n * @memberof PaginatorComponent\n */\n readonly pageSizeOptions = [10, 25, 50];\n\n /**\n * Data length\n *\n * @type {number}\n * @memberof PaginatorComponent\n */\n @Input() length = 0;\n\n /**\n * Default page size\n *\n * @type {number}\n * @memberof PaginatorComponent\n */\n @Input() defaultPageSize = 25;\n\n /**\n * @ignore\n */\n @Output() paginatorChangedEvent: EventEmitter<PageEvent> = new EventEmitter<PageEvent>();\n\n /**\n * @ignore\n */\n ngOnInit(): void {}\n\n constructor() {}\n\n paginatorChanged(paginator: PageEvent) {\n this.paginatorChangedEvent.emit(paginator);\n }\n}\n","<mat-paginator [length]=\"length\"\n [pageSize]=\"defaultPageSize\"\n [pageSizeOptions]=\"pageSizeOptions\"\n (page)=\"paginatorChanged($event)\">\n</mat-paginator>","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatPaginatorModule } from '@angular/material/paginator';\nimport { DeprecatedPaginatorComponent } from './deprecated-paginator.component';\n\n@NgModule({\n declarations: [DeprecatedPaginatorComponent],\n imports: [CommonModule, MatPaginatorModule],\n exports: [DeprecatedPaginatorComponent],\n providers: [],\n})\nexport class DeprecatedPaginatorComponentModule {}\n","/* eslint-disable */\n/**\n * @testgorilla/tgo-ui Public API\n *\n * IMPORTANT: For optimal tree-shaking, import directly from entry points:\n *\n * @example\n * import { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\n * import { IconComponent } from '@testgorilla/tgo-ui/components/icon';\n * import { DialogService } from '@testgorilla/tgo-ui/components/dialog';\n *\n * Available entry points:\n * - @testgorilla/tgo-ui/components/core (shared utilities, pipes, directives)\n * - @testgorilla/tgo-ui/components/icon\n * - @testgorilla/tgo-ui/components/badge\n * - @testgorilla/tgo-ui/components/button\n * - @testgorilla/tgo-ui/components/card\n * - @testgorilla/tgo-ui/components/checkbox\n * - @testgorilla/tgo-ui/components/dropdown\n * - @testgorilla/tgo-ui/components/field\n * - @testgorilla/tgo-ui/components/inline-field\n * - @testgorilla/tgo-ui/components/toggle\n * - @testgorilla/tgo-ui/components/radio-button\n * - @testgorilla/tgo-ui/components/slider\n * - @testgorilla/tgo-ui/components/rating\n * - @testgorilla/tgo-ui/components/scale\n * - @testgorilla/tgo-ui/components/autocomplete\n * - @testgorilla/tgo-ui/components/divider\n * - @testgorilla/tgo-ui/components/skeleton\n * - @testgorilla/tgo-ui/components/elevation-shadow\n * - @testgorilla/tgo-ui/components/tooltip\n * - @testgorilla/tgo-ui/components/spinner\n * - @testgorilla/tgo-ui/components/progress-bar\n * - @testgorilla/tgo-ui/components/radial-progress\n * - @testgorilla/tgo-ui/components/tag\n * - @testgorilla/tgo-ui/components/avatar\n * - @testgorilla/tgo-ui/components/logo\n * - @testgorilla/tgo-ui/components/empty-state\n * - @testgorilla/tgo-ui/components/filter-button\n * - @testgorilla/tgo-ui/components/segmented-button\n * - @testgorilla/tgo-ui/components/segmented-bar\n * - @testgorilla/tgo-ui/components/paginator\n * - @testgorilla/tgo-ui/components/validation-error\n * - @testgorilla/tgo-ui/components/accordion\n * - @testgorilla/tgo-ui/components/alert-banner\n * - @testgorilla/tgo-ui/components/breadcrumb\n * - @testgorilla/tgo-ui/components/navbar\n * - @testgorilla/tgo-ui/components/page-header\n * - @testgorilla/tgo-ui/components/tabs\n * - @testgorilla/tgo-ui/components/stepper\n * - @testgorilla/tgo-ui/components/dialog\n * - @testgorilla/tgo-ui/components/snackbar\n * - @testgorilla/tgo-ui/components/side-panel\n * - @testgorilla/tgo-ui/components/side-sheet\n * - @testgorilla/tgo-ui/components/table\n * - @testgorilla/tgo-ui/components/datepicker\n * - @testgorilla/tgo-ui/components/ai-audio-circle\n * - @testgorilla/tgo-ui/components/ai-caveat\n * - @testgorilla/tgo-ui/components/ai-feedback\n * - @testgorilla/tgo-ui/components/checklist\n * - @testgorilla/tgo-ui/components/file-upload\n * - @testgorilla/tgo-ui/components/multi-input\n * - @testgorilla/tgo-ui/components/overflow-menu\n * - @testgorilla/tgo-ui/components/password-criteria\n * - @testgorilla/tgo-ui/components/password-strength\n * - @testgorilla/tgo-ui/components/phone-input\n * - @testgorilla/tgo-ui/components/prompt\n * - @testgorilla/tgo-ui/components/scale-table\n * - @testgorilla/tgo-ui/components/icon-label\n * - @testgorilla/tgo-ui/components/media-card\n * - @testgorilla/tgo-ui/components/media-dialog\n * - @testgorilla/tgo-ui/components/selectable-card\n * - @testgorilla/tgo-ui/components/donut-chart\n * - @testgorilla/tgo-ui/components/gaussian-chart\n * - @testgorilla/tgo-ui/components/spider-chart\n * - @testgorilla/tgo-ui/components/universal-skills\n * - @testgorilla/tgo-ui/components/audio-waveform\n */\n\n// Core utilities (re-exported for backward compatibility)\nexport * from '@testgorilla/tgo-ui/components/core';\n\n// Legacy: Deprecated Paginator (not an entry point)\nexport * from './components/deprecated-paginator/deprecated-paginator.component';\nexport * from './components/deprecated-paginator/deprecated-paginator.component.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"testgorilla-tgo-ui.mjs","sources":["../../../projects/tgo-canopy-ui/components/deprecated-paginator/deprecated-paginator.component.ts","../../../projects/tgo-canopy-ui/components/deprecated-paginator/deprecated-paginator.component.html","../../../projects/tgo-canopy-ui/components/deprecated-paginator/deprecated-paginator.component.module.ts","../../../projects/tgo-canopy-ui/public-api.ts","../../../projects/tgo-canopy-ui/testgorilla-tgo-ui.ts"],"sourcesContent":["import { ChangeDetectionStrategy, Component, EventEmitter, Input, Output } from '@angular/core';\nimport { PageEvent } from '@angular/material/paginator';\n\n@Component({\n selector: 'ui-paginator',\n templateUrl: './deprecated-paginator.component.html',\n styleUrls: ['./deprecated-paginator.component.scss'],\n changeDetection: ChangeDetectionStrategy.OnPush,\n standalone: false,\n})\nexport class DeprecatedPaginatorComponent {\n // TODO: Some properties and methods are ignored on purpose because of a current issue with compodoc and angular 13\n // https://github.com/StoryFnbookjs/StoryFnbook/issues/16865\n // https://github.com/StoryFnbookjs/StoryFnbook/issues/17004\n\n /**\n * Paginator size options\n *\n * @type {number[]}\n * @memberof PaginatorComponent\n */\n readonly pageSizeOptions = [10, 25, 50];\n\n /**\n * Data length\n *\n * @type {number}\n * @memberof PaginatorComponent\n */\n @Input() length = 0;\n\n /**\n * Default page size\n *\n * @type {number}\n * @memberof PaginatorComponent\n */\n @Input() defaultPageSize = 25;\n\n /**\n * @ignore\n */\n @Output() paginatorChangedEvent: EventEmitter<PageEvent> = new EventEmitter<PageEvent>();\n\n constructor() {}\n\n paginatorChanged(paginator: PageEvent) {\n this.paginatorChangedEvent.emit(paginator);\n }\n}\n","<mat-paginator\n [length]=\"length\"\n [pageSize]=\"defaultPageSize\"\n [pageSizeOptions]=\"pageSizeOptions\"\n (page)=\"paginatorChanged($event)\"\n>\n</mat-paginator>\n","import { CommonModule } from '@angular/common';\nimport { NgModule } from '@angular/core';\nimport { MatPaginatorModule } from '@angular/material/paginator';\nimport { DeprecatedPaginatorComponent } from './deprecated-paginator.component';\n\n@NgModule({\n declarations: [DeprecatedPaginatorComponent],\n imports: [CommonModule, MatPaginatorModule],\n exports: [DeprecatedPaginatorComponent],\n providers: [],\n})\nexport class DeprecatedPaginatorComponentModule {}\n","/**\n * @testgorilla/tgo-ui Public API\n *\n * IMPORTANT: For optimal tree-shaking, import directly from entry points:\n *\n * @example\n * import { ButtonComponent } from '@testgorilla/tgo-ui/components/button';\n * import { IconComponent } from '@testgorilla/tgo-ui/components/icon';\n * import { DialogService } from '@testgorilla/tgo-ui/components/dialog';\n *\n * Available entry points:\n * - @testgorilla/tgo-ui/components/core (shared utilities, pipes, directives)\n * - @testgorilla/tgo-ui/components/icon\n * - @testgorilla/tgo-ui/components/badge\n * - @testgorilla/tgo-ui/components/button\n * - @testgorilla/tgo-ui/components/card\n * - @testgorilla/tgo-ui/components/checkbox\n * - @testgorilla/tgo-ui/components/dropdown\n * - @testgorilla/tgo-ui/components/field\n * - @testgorilla/tgo-ui/components/inline-field\n * - @testgorilla/tgo-ui/components/toggle\n * - @testgorilla/tgo-ui/components/radio-button\n * - @testgorilla/tgo-ui/components/slider\n * - @testgorilla/tgo-ui/components/rating\n * - @testgorilla/tgo-ui/components/scale\n * - @testgorilla/tgo-ui/components/autocomplete\n * - @testgorilla/tgo-ui/components/divider\n * - @testgorilla/tgo-ui/components/skeleton\n * - @testgorilla/tgo-ui/components/elevation-shadow\n * - @testgorilla/tgo-ui/components/tooltip\n * - @testgorilla/tgo-ui/components/spinner\n * - @testgorilla/tgo-ui/components/progress-bar\n * - @testgorilla/tgo-ui/components/radial-progress\n * - @testgorilla/tgo-ui/components/tag\n * - @testgorilla/tgo-ui/components/avatar\n * - @testgorilla/tgo-ui/components/logo\n * - @testgorilla/tgo-ui/components/empty-state\n * - @testgorilla/tgo-ui/components/filter-button\n * - @testgorilla/tgo-ui/components/segmented-button\n * - @testgorilla/tgo-ui/components/segmented-bar\n * - @testgorilla/tgo-ui/components/paginator\n * - @testgorilla/tgo-ui/components/validation-error\n * - @testgorilla/tgo-ui/components/accordion\n * - @testgorilla/tgo-ui/components/alert-banner\n * - @testgorilla/tgo-ui/components/breadcrumb\n * - @testgorilla/tgo-ui/components/navbar\n * - @testgorilla/tgo-ui/components/page-header\n * - @testgorilla/tgo-ui/components/tabs\n * - @testgorilla/tgo-ui/components/stepper\n * - @testgorilla/tgo-ui/components/dialog\n * - @testgorilla/tgo-ui/components/snackbar\n * - @testgorilla/tgo-ui/components/side-panel\n * - @testgorilla/tgo-ui/components/side-sheet\n * - @testgorilla/tgo-ui/components/table\n * - @testgorilla/tgo-ui/components/datepicker\n * - @testgorilla/tgo-ui/components/ai-audio-circle\n * - @testgorilla/tgo-ui/components/ai-caveat\n * - @testgorilla/tgo-ui/components/ai-feedback\n * - @testgorilla/tgo-ui/components/checklist\n * - @testgorilla/tgo-ui/components/file-upload\n * - @testgorilla/tgo-ui/components/multi-input\n * - @testgorilla/tgo-ui/components/overflow-menu\n * - @testgorilla/tgo-ui/components/password-criteria\n * - @testgorilla/tgo-ui/components/password-strength\n * - @testgorilla/tgo-ui/components/phone-input\n * - @testgorilla/tgo-ui/components/prompt\n * - @testgorilla/tgo-ui/components/scale-table\n * - @testgorilla/tgo-ui/components/icon-label\n * - @testgorilla/tgo-ui/components/media-card\n * - @testgorilla/tgo-ui/components/media-dialog\n * - @testgorilla/tgo-ui/components/selectable-card\n * - @testgorilla/tgo-ui/components/donut-chart\n * - @testgorilla/tgo-ui/components/gaussian-chart\n * - @testgorilla/tgo-ui/components/spider-chart\n * - @testgorilla/tgo-ui/components/universal-skills\n * - @testgorilla/tgo-ui/components/audio-waveform\n */\n\n// Core utilities (re-exported for backward compatibility)\nexport * from '@testgorilla/tgo-ui/components/core';\n\n// Legacy: Deprecated Paginator (not an entry point)\nexport * from './components/deprecated-paginator/deprecated-paginator.component';\nexport * from './components/deprecated-paginator/deprecated-paginator.component.module';\n","/**\n * Generated bundle index. Do not edit.\n */\n\nexport * from './public-api';\n"],"names":[],"mappings":";;;;;;;MAUa,4BAA4B,CAAA;AAkCvC,IAAA,WAAA,GAAA;;;;AA7BA;;;;;AAKG;QACM,IAAA,CAAA,eAAe,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,CAAC;AAEvC;;;;;AAKG;QACM,IAAA,CAAA,MAAM,GAAG,CAAC;AAEnB;;;;;AAKG;QACM,IAAA,CAAA,eAAe,GAAG,EAAE;AAE7B;;AAEG;AACO,QAAA,IAAA,CAAA,qBAAqB,GAA4B,IAAI,YAAY,EAAa;IAEzE;AAEf,IAAA,gBAAgB,CAAC,SAAoB,EAAA;AACnC,QAAA,IAAI,CAAC,qBAAqB,CAAC,IAAI,CAAC,SAAS,CAAC;IAC5C;+GAtCW,4BAA4B,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,SAAA,EAAA,CAAA,CAAA;AAA5B,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,oBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,IAAA,EAAA,4BAA4B,wMCVzC,gLAOA,EAAA,MAAA,EAAA,CAAA,2yFAAA,CAAA,EAAA,YAAA,EAAA,CAAA,EAAA,IAAA,EAAA,WAAA,EAAA,IAAA,EAAA,EAAA,CAAA,YAAA,EAAA,QAAA,EAAA,eAAA,EAAA,MAAA,EAAA,CAAA,OAAA,EAAA,WAAA,EAAA,QAAA,EAAA,UAAA,EAAA,iBAAA,EAAA,cAAA,EAAA,sBAAA,EAAA,cAAA,EAAA,UAAA,CAAA,EAAA,OAAA,EAAA,CAAA,MAAA,CAAA,EAAA,QAAA,EAAA,CAAA,cAAA,CAAA,EAAA,CAAA,EAAA,eAAA,EAAA,EAAA,CAAA,uBAAA,CAAA,MAAA,EAAA,CAAA,CAAA;;4FDGa,4BAA4B,EAAA,UAAA,EAAA,CAAA;kBAPxC,SAAS;AACE,YAAA,IAAA,EAAA,CAAA,EAAA,QAAA,EAAA,cAAc,EAAA,eAAA,EAGP,uBAAuB,CAAC,MAAM,cACnC,KAAK,EAAA,QAAA,EAAA,gLAAA,EAAA,MAAA,EAAA,CAAA,2yFAAA,CAAA,EAAA;wDAqBR,MAAM,EAAA,CAAA;sBAAd;gBAQQ,eAAe,EAAA,CAAA;sBAAvB;gBAKS,qBAAqB,EAAA,CAAA;sBAA9B;;;ME/BU,kCAAkC,CAAA;+GAAlC,kCAAkC,EAAA,IAAA,EAAA,EAAA,EAAA,MAAA,EAAA,EAAA,CAAA,eAAA,CAAA,QAAA,EAAA,CAAA,CAAA;AAAlC,IAAA,SAAA,IAAA,CAAA,IAAA,GAAA,EAAA,CAAA,mBAAA,CAAA,EAAA,UAAA,EAAA,QAAA,EAAA,OAAA,EAAA,SAAA,EAAA,QAAA,EAAA,EAAA,EAAA,IAAA,EAAA,kCAAkC,iBAL9B,4BAA4B,CAAA,EAAA,OAAA,EAAA,CACjC,YAAY,EAAE,kBAAkB,aAChC,4BAA4B,CAAA,EAAA,CAAA,CAAA;gHAG3B,kCAAkC,EAAA,OAAA,EAAA,CAJnC,YAAY,EAAE,kBAAkB,CAAA,EAAA,CAAA,CAAA;;4FAI/B,kCAAkC,EAAA,UAAA,EAAA,CAAA;kBAN9C,QAAQ;AAAC,YAAA,IAAA,EAAA,CAAA;oBACR,YAAY,EAAE,CAAC,4BAA4B,CAAC;AAC5C,oBAAA,OAAO,EAAE,CAAC,YAAY,EAAE,kBAAkB,CAAC;oBAC3C,OAAO,EAAE,CAAC,4BAA4B,CAAC;AACvC,oBAAA,SAAS,EAAE,EAAE;AACd,iBAAA;;;ACVD;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA4EG;AAEH;;AC9EA;;AAEG;;;;"}
package/package.json CHANGED
@@ -1,14 +1,14 @@
1
1
  {
2
2
  "name": "@testgorilla/tgo-ui",
3
- "version": "6.2.2",
3
+ "version": "6.2.4",
4
4
  "license": "proprietary-license",
5
5
  "lint-staged": {
6
6
  "{projects,components}/**/*.ts": [
7
7
  "eslint",
8
8
  "prettier --write"
9
9
  ],
10
- "{projects,components}/**/*.scss": [
11
- "stylelint"
10
+ "{projects,components}/**/*.{scss,html}": [
11
+ "prettier --write"
12
12
  ]
13
13
  },
14
14
  "private": false,
@@ -48,8 +48,14 @@
48
48
  },
49
49
  "overrides": {
50
50
  "tar": "^7.5.8",
51
+ "serialize-javascript": "^7.0.3",
51
52
  "ajv": "^8.18.0",
52
- "serialize-javascript": "^7.0.3"
53
+ "@eslint/eslintrc": {
54
+ "ajv": "^6.14.0"
55
+ },
56
+ "eslint": {
57
+ "ajv": "^6.14.0"
58
+ }
53
59
  },
54
60
  "module": "fesm2022/testgorilla-tgo-ui.mjs",
55
61
  "typings": "index.d.ts",
@@ -69,21 +75,21 @@
69
75
  "types": "./components/ai-audio-circle/index.d.ts",
70
76
  "default": "./fesm2022/testgorilla-tgo-ui-components-ai-audio-circle.mjs"
71
77
  },
72
- "./components/ai-feedback": {
73
- "types": "./components/ai-feedback/index.d.ts",
74
- "default": "./fesm2022/testgorilla-tgo-ui-components-ai-feedback.mjs"
75
- },
76
78
  "./components/ai-caveat": {
77
79
  "types": "./components/ai-caveat/index.d.ts",
78
80
  "default": "./fesm2022/testgorilla-tgo-ui-components-ai-caveat.mjs"
79
81
  },
82
+ "./components/ai-feedback": {
83
+ "types": "./components/ai-feedback/index.d.ts",
84
+ "default": "./fesm2022/testgorilla-tgo-ui-components-ai-feedback.mjs"
85
+ },
80
86
  "./components/alert-banner": {
81
87
  "types": "./components/alert-banner/index.d.ts",
82
88
  "default": "./fesm2022/testgorilla-tgo-ui-components-alert-banner.mjs"
83
89
  },
84
- "./components/autocomplete": {
85
- "types": "./components/autocomplete/index.d.ts",
86
- "default": "./fesm2022/testgorilla-tgo-ui-components-autocomplete.mjs"
90
+ "./components/audio-waveform": {
91
+ "types": "./components/audio-waveform/index.d.ts",
92
+ "default": "./fesm2022/testgorilla-tgo-ui-components-audio-waveform.mjs"
87
93
  },
88
94
  "./components/badge": {
89
95
  "types": "./components/badge/index.d.ts",
@@ -93,9 +99,9 @@
93
99
  "types": "./components/avatar/index.d.ts",
94
100
  "default": "./fesm2022/testgorilla-tgo-ui-components-avatar.mjs"
95
101
  },
96
- "./components/audio-waveform": {
97
- "types": "./components/audio-waveform/index.d.ts",
98
- "default": "./fesm2022/testgorilla-tgo-ui-components-audio-waveform.mjs"
102
+ "./components/autocomplete": {
103
+ "types": "./components/autocomplete/index.d.ts",
104
+ "default": "./fesm2022/testgorilla-tgo-ui-components-autocomplete.mjs"
99
105
  },
100
106
  "./components/breadcrumb": {
101
107
  "types": "./components/breadcrumb/index.d.ts",
@@ -105,17 +111,17 @@
105
111
  "types": "./components/button/index.d.ts",
106
112
  "default": "./fesm2022/testgorilla-tgo-ui-components-button.mjs"
107
113
  },
108
- "./components/checklist": {
109
- "types": "./components/checklist/index.d.ts",
110
- "default": "./fesm2022/testgorilla-tgo-ui-components-checklist.mjs"
114
+ "./components/card": {
115
+ "types": "./components/card/index.d.ts",
116
+ "default": "./fesm2022/testgorilla-tgo-ui-components-card.mjs"
111
117
  },
112
118
  "./components/checkbox": {
113
119
  "types": "./components/checkbox/index.d.ts",
114
120
  "default": "./fesm2022/testgorilla-tgo-ui-components-checkbox.mjs"
115
121
  },
116
- "./components/card": {
117
- "types": "./components/card/index.d.ts",
118
- "default": "./fesm2022/testgorilla-tgo-ui-components-card.mjs"
122
+ "./components/checklist": {
123
+ "types": "./components/checklist/index.d.ts",
124
+ "default": "./fesm2022/testgorilla-tgo-ui-components-checklist.mjs"
119
125
  },
120
126
  "./components/datepicker": {
121
127
  "types": "./components/datepicker/index.d.ts",
@@ -165,14 +171,14 @@
165
171
  "types": "./components/gaussian-chart/index.d.ts",
166
172
  "default": "./fesm2022/testgorilla-tgo-ui-components-gaussian-chart.mjs"
167
173
  },
168
- "./components/icon-label": {
169
- "types": "./components/icon-label/index.d.ts",
170
- "default": "./fesm2022/testgorilla-tgo-ui-components-icon-label.mjs"
171
- },
172
174
  "./components/icon": {
173
175
  "types": "./components/icon/index.d.ts",
174
176
  "default": "./fesm2022/testgorilla-tgo-ui-components-icon.mjs"
175
177
  },
178
+ "./components/icon-label": {
179
+ "types": "./components/icon-label/index.d.ts",
180
+ "default": "./fesm2022/testgorilla-tgo-ui-components-icon-label.mjs"
181
+ },
176
182
  "./components/inline-field": {
177
183
  "types": "./components/inline-field/index.d.ts",
178
184
  "default": "./fesm2022/testgorilla-tgo-ui-components-inline-field.mjs"
@@ -185,14 +191,14 @@
185
191
  "types": "./components/media-card/index.d.ts",
186
192
  "default": "./fesm2022/testgorilla-tgo-ui-components-media-card.mjs"
187
193
  },
188
- "./components/multi-input": {
189
- "types": "./components/multi-input/index.d.ts",
190
- "default": "./fesm2022/testgorilla-tgo-ui-components-multi-input.mjs"
191
- },
192
194
  "./components/media-dialog": {
193
195
  "types": "./components/media-dialog/index.d.ts",
194
196
  "default": "./fesm2022/testgorilla-tgo-ui-components-media-dialog.mjs"
195
197
  },
198
+ "./components/multi-input": {
199
+ "types": "./components/multi-input/index.d.ts",
200
+ "default": "./fesm2022/testgorilla-tgo-ui-components-multi-input.mjs"
201
+ },
196
202
  "./components/navbar": {
197
203
  "types": "./components/navbar/index.d.ts",
198
204
  "default": "./fesm2022/testgorilla-tgo-ui-components-navbar.mjs"
@@ -76,7 +76,8 @@
76
76
  &.error {
77
77
  background-color: $tgo-error-60w;
78
78
  }
79
- &[theme="dark"], &[theme="light"] {
79
+ &[theme='dark'],
80
+ &[theme='light'] {
80
81
  &.success {
81
82
  background-color: $success-20;
82
83
  }
@@ -1,12 +1,12 @@
1
- @use "variables.scss" as *;
1
+ @use 'sass:map';
2
+ @use 'variables.scss' as *;
2
3
 
3
4
  @mixin screen($breakpoint) {
4
- @if map-has-key($tgo-breakpoints, $breakpoint ) {
5
- @media (max-width: map-get($tgo-breakpoints, $breakpoint)) {
5
+ @if map.has-key($tgo-breakpoints, $breakpoint) {
6
+ @media (max-width: map.get($tgo-breakpoints, $breakpoint)) {
6
7
  @content;
7
8
  }
8
- }
9
- @else {
10
- @warn "Unfortunaly, `#{$breakpoint}` can not be found." + "Avaiable breakpoints are #{map-keys($tgo-breakpoints)}."
9
+ } @else {
10
+ @warn "Unfortunaly, `#{$breakpoint}` can not be found." + "Avaiable breakpoints are #{map.keys($tgo-breakpoints)}.";
11
11
  }
12
12
  }
@@ -1,4 +1,4 @@
1
- @use "variables.scss" as *;
1
+ @use 'variables.scss' as *;
2
2
 
3
3
  *,
4
4
  *:before,
@@ -1,4 +1,4 @@
1
- @use "variables.scss" as *;
1
+ @use 'variables.scss' as *;
2
2
 
3
3
  ui-icon:focus-visible {
4
4
  outline-color: $black !important;
@@ -1,6 +1,7 @@
1
- @use "variables.scss" as *;
1
+ @use 'variables.scss' as *;
2
2
 
3
- ui-dropdown, ui-autocomplete {
3
+ ui-dropdown,
4
+ ui-autocomplete {
4
5
  .mat-mdc-form-field {
5
6
  &.keyboard-focused {
6
7
  position: relative;
@@ -67,7 +68,7 @@ ui-dropdown, ui-autocomplete {
67
68
  }
68
69
  }
69
70
 
70
- *[theme="classic"] {
71
+ *[theme='classic'] {
71
72
  .mat-mdc-form-field {
72
73
  .mat-mdc-form-field-hint.error,
73
74
  .mat-mdc-form-field-hint.error svg {
@@ -80,15 +81,17 @@ ui-dropdown, ui-autocomplete {
80
81
  .mat-mdc-text-field-wrapper {
81
82
  height: 48px;
82
83
 
83
- &:hover, &.mdc-text-field--focused {
84
-
84
+ &:hover,
85
+ &.mdc-text-field--focused {
85
86
  .mat-mdc-form-field-flex .mat-mdc-floating-label:not(.mdc-floating-label--float-above) {
86
87
  top: 21px !important;
87
88
  }
88
89
 
89
90
  @extend .active-field;
90
91
 
91
- .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
92
+ .mdc-notched-outline__leading,
93
+ .mdc-notched-outline__notch,
94
+ .mdc-notched-outline__trailing {
92
95
  border-color: $tgo-petrol-default !important;
93
96
  }
94
97
 
@@ -101,11 +104,13 @@ ui-dropdown, ui-autocomplete {
101
104
  }
102
105
  }
103
106
 
104
- *[theme="dark"], *[theme="light"], .dark, .light {
105
-
107
+ *[theme='dark'],
108
+ *[theme='light'],
109
+ .dark,
110
+ .light {
106
111
  &.phone-number-select {
107
112
  margin-top: 8px;
108
- border-radius: 10px!important;
113
+ border-radius: 10px !important;
109
114
  box-shadow: $box-shadow-hover-state;
110
115
 
111
116
  .country-option {
@@ -137,7 +142,8 @@ ui-dropdown, ui-autocomplete {
137
142
  }
138
143
  }
139
144
 
140
- .mat-mdc-autocomplete-panel, &.mat-mdc-autocomplete-panel {
145
+ .mat-mdc-autocomplete-panel,
146
+ &.mat-mdc-autocomplete-panel {
141
147
  box-shadow: $box-shadow-hover-state;
142
148
  border-radius: 10px;
143
149
  .mat-mdc-option.selected-option,
@@ -145,58 +151,65 @@ ui-dropdown, ui-autocomplete {
145
151
  &:hover {
146
152
  background: var(--ui-autocomplete-option-color) !important;
147
153
  }
148
- background: $grayscale-10!important;
154
+ background: $grayscale-10 !important;
149
155
  }
150
- .mat-mdc-option:hover:not(.mdc-list-item--disabled) {
156
+ .mat-mdc-option:hover:not(.mdc-list-item--disabled) {
151
157
  background: var(--ui-autocomplete-option-color) !important;
152
158
  }
153
159
 
154
- .mat-mdc-option:active:not(.mdc-list-item--disabled) {
160
+ .mat-mdc-option:active:not(.mdc-list-item--disabled) {
155
161
  background: var(--ui-autocomplete-option-color) !important;
156
162
  }
157
163
 
158
164
  .mat-mdc-option {
159
- .mdc-list-item__primary-text, span {
160
- color: $black!important;
165
+ .mdc-list-item__primary-text,
166
+ span {
167
+ color: $black !important;
161
168
  font-weight: 400;
162
169
  }
163
170
  }
164
171
 
165
172
  .mat-mdc-optgroup-label {
166
173
  .mdc-list-item__primary-text {
167
- font-size: 14px!important;
174
+ font-size: 14px !important;
168
175
  }
169
176
  }
170
177
 
171
178
  .mat-mdc-optgroup {
172
179
  .mdc-list-item__primary-text {
173
- color: $black!important;
180
+ color: $black !important;
174
181
  text-transform: lowercase;
175
182
  }
176
183
 
177
184
  .mdc-list-item__primary-text:first-letter {
178
- text-transform: uppercase!important;
185
+ text-transform: uppercase !important;
179
186
  }
180
187
  }
181
188
 
182
189
  .cdk-virtual-scroll-content-wrapper {
183
- .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled):not(.selected-option) {
184
- background: transparent!important;
190
+ .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled):not(
191
+ .selected-option
192
+ ) {
193
+ background: transparent !important;
185
194
  }
186
195
  }
187
196
 
188
- .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled):not(.selected-option) {
189
- background: transparent!important;
197
+ .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled):not(
198
+ .selected-option
199
+ ) {
200
+ background: transparent !important;
190
201
  }
191
202
  }
192
203
 
193
- .ui-dropdown-list, &.ui-dropdown-list {
204
+ .ui-dropdown-list,
205
+ &.ui-dropdown-list {
194
206
  .mat-mdc-option .mat-mdc-focus-indicator {
195
207
  display: none;
196
208
  }
197
209
 
198
- .mat-mdc-option, .mat-option-section .section-title {
199
- color: $black!important;
210
+ .mat-mdc-option,
211
+ .mat-option-section .section-title {
212
+ color: $black !important;
200
213
  }
201
214
 
202
215
  .mat-mdc-option-multiple .mat-pseudo-checkbox {
@@ -213,19 +226,20 @@ ui-dropdown, ui-autocomplete {
213
226
  &.mat-accent mat-option,
214
227
  &.mat-accent .mat-mdc-option-multiple {
215
228
  &:hover {
216
- background: var(--dropdown-color-option-hover)!important;
229
+ background: var(--dropdown-color-option-hover) !important;
217
230
  }
218
231
 
219
232
  &:active {
220
- background: var(--dropdown-color-option-active)!important;
233
+ background: var(--dropdown-color-option-active) !important;
221
234
  }
222
235
 
223
236
  &.mat-mdc-option-active,
224
237
  &.mdc-list-item--selected {
225
- background-color: $grayscale-10!important;
238
+ background-color: $grayscale-10 !important;
226
239
 
227
- .mdc-list-item__primary-text, .mat-pseudo-checkbox-checked:after {
228
- color: $black!important;
240
+ .mdc-list-item__primary-text,
241
+ .mat-pseudo-checkbox-checked:after {
242
+ color: $black !important;
229
243
  }
230
244
 
231
245
  &:hover:not(.mdc-list-item--disabled),
@@ -244,8 +258,10 @@ ui-dropdown, ui-autocomplete {
244
258
  }
245
259
  }
246
260
 
247
- .mat-mdc-form-field, .autocomplete-wrapper .mat-mdc-form-field {
248
- &.mat-form-field-appearance-outline, &.mat-text-field-outlined {
261
+ .mat-mdc-form-field,
262
+ .autocomplete-wrapper .mat-mdc-form-field {
263
+ &.mat-form-field-appearance-outline,
264
+ &.mat-text-field-outlined {
249
265
  --mdc-outlined-text-field-caret-color: #{$black} !important;
250
266
 
251
267
  .mdc-text-field__input::placeholder {
@@ -259,15 +275,17 @@ ui-dropdown, ui-autocomplete {
259
275
  }
260
276
 
261
277
  .mat-mdc-form-field-subscript-wrapper {
262
- padding: 0!important;
278
+ padding: 0 !important;
263
279
  min-height: 24px;
264
280
 
265
- &:after, &:before {
281
+ &:after,
282
+ &:before {
266
283
  display: none;
267
284
  }
268
285
  }
269
286
 
270
- input, .mat-text-field__input {
287
+ input,
288
+ .mat-text-field__input {
271
289
  caret-color: $black;
272
290
  }
273
291
 
@@ -287,19 +305,19 @@ ui-dropdown, ui-autocomplete {
287
305
  &:hover {
288
306
  ui-icon {
289
307
  svg {
290
- color: $black!important;
308
+ color: $black !important;
291
309
  }
292
310
  }
293
311
  }
294
312
 
295
313
  ui-icon {
296
314
  svg {
297
- color: $grayscale-40!important;
315
+ color: $grayscale-40 !important;
298
316
  }
299
317
 
300
318
  &:focus-visible {
301
319
  svg {
302
- color: $black!important;
320
+ color: $black !important;
303
321
  }
304
322
  }
305
323
  }
@@ -307,14 +325,14 @@ ui-dropdown, ui-autocomplete {
307
325
  .value-tag {
308
326
  ui-icon {
309
327
  svg {
310
- color: $black!important;
328
+ color: $black !important;
311
329
  }
312
330
  }
313
331
 
314
332
  &:hover {
315
333
  ui-icon {
316
334
  svg {
317
- color: $tgo-white!important;
335
+ color: $tgo-white !important;
318
336
  }
319
337
  }
320
338
  }
@@ -328,9 +346,9 @@ ui-dropdown, ui-autocomplete {
328
346
 
329
347
  &.mdc-text-field--disabled {
330
348
  * {
331
- border-color: $grayscale-30!important;
332
- color: $grayscale-30!important;
333
- pointer-events: none!important;
349
+ border-color: $grayscale-30 !important;
350
+ color: $grayscale-30 !important;
351
+ pointer-events: none !important;
334
352
  }
335
353
 
336
354
  .mdc-notched-outline__notch {
@@ -368,14 +386,17 @@ ui-dropdown, ui-autocomplete {
368
386
  }
369
387
  }
370
388
 
371
- &:hover, &.mdc-text-field--focused {
389
+ &:hover,
390
+ &.mdc-text-field--focused {
372
391
  .mat-mdc-form-field-icon-prefix svg {
373
392
  color: $black !important;
374
393
  }
375
394
 
376
395
  @extend .active-field;
377
396
 
378
- .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
397
+ .mdc-notched-outline__leading,
398
+ .mdc-notched-outline__notch,
399
+ .mdc-notched-outline__trailing {
379
400
  border-color: $black !important;
380
401
  }
381
402
 
@@ -386,23 +407,21 @@ ui-dropdown, ui-autocomplete {
386
407
  }
387
408
 
388
409
  &.mat-warn {
389
-
390
410
  .mat-mdc-form-field-required-marker:after {
391
411
  color: $error-50;
392
412
  }
393
413
 
394
414
  mat-label {
395
- color: $error-50!important;
415
+ color: $error-50 !important;
396
416
  }
397
417
 
398
418
  .mat-mdc-form-field-hint.error {
399
419
  color: $error-50 !important;
400
420
 
401
421
  a {
402
- color: $error-50!important;
422
+ color: $error-50 !important;
403
423
  }
404
424
 
405
-
406
425
  svg {
407
426
  color: $error-50 !important;
408
427
  }
@@ -413,18 +432,23 @@ ui-dropdown, ui-autocomplete {
413
432
  }
414
433
 
415
434
  .mat-mdc-text-field-wrapper {
416
- .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
435
+ .mdc-notched-outline__leading,
436
+ .mdc-notched-outline__notch,
437
+ .mdc-notched-outline__trailing {
417
438
  border-color: $error-50 !important;
418
439
  }
419
440
 
420
- &:hover, &.mdc-text-field--focused {
441
+ &:hover,
442
+ &.mdc-text-field--focused {
421
443
  .mat-mdc-form-field-icon-prefix svg {
422
444
  color: $error-50 !important;
423
445
  }
424
446
 
425
447
  @extend .active-field;
426
448
 
427
- .mdc-notched-outline__leading, .mdc-notched-outline__notch, .mdc-notched-outline__trailing {
449
+ .mdc-notched-outline__leading,
450
+ .mdc-notched-outline__notch,
451
+ .mdc-notched-outline__trailing {
428
452
  border-color: $error-50 !important;
429
453
  }
430
454
 
@@ -439,18 +463,21 @@ ui-dropdown, ui-autocomplete {
439
463
  }
440
464
 
441
465
  // this overrides for dark ui-dropdown used in coderunner only. will be removed with proper rebranded dark theme
442
- *[theme="dark"], .dark {
466
+ *[theme='dark'],
467
+ .dark {
443
468
  .ui-dropdown-list.mat-accent {
444
469
  background-color: $grayscale-50;
445
470
 
446
471
  mat-option {
447
472
  background-color: $grayscale-50 !important;
448
473
 
449
- &:hover, &.mat-mdc-option-active {
474
+ &:hover,
475
+ &.mat-mdc-option-active {
450
476
  background-color: $grayscale-40 !important;
451
477
  }
452
478
 
453
- &, &.mat-mdc-option-active {
479
+ &,
480
+ &.mat-mdc-option-active {
454
481
  .mdc-list-item__primary-text {
455
482
  color: $tgo-white !important;
456
483
  }
@@ -508,12 +535,20 @@ ui-dropdown, ui-autocomplete {
508
535
  }
509
536
  }
510
537
 
511
- .ui-field[theme=light] .mat-mdc-form-field.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mdc-notched-outline__notch label,
512
- .ui-field[theme=dark] .mat-mdc-form-field.mat-form-field-appearance-outline .mat-mdc-text-field-wrapper .mdc-notched-outline__notch label {
513
- color: $grayscale-50!important;
538
+ .ui-field[theme='light']
539
+ .mat-mdc-form-field.mat-form-field-appearance-outline
540
+ .mat-mdc-text-field-wrapper
541
+ .mdc-notched-outline__notch
542
+ label,
543
+ .ui-field[theme='dark']
544
+ .mat-mdc-form-field.mat-form-field-appearance-outline
545
+ .mat-mdc-text-field-wrapper
546
+ .mdc-notched-outline__notch
547
+ label {
548
+ color: $grayscale-50 !important;
514
549
 
515
550
  &:active {
516
- color: $black!important;
551
+ color: $black !important;
517
552
  }
518
553
  }
519
554
 
@@ -526,13 +561,14 @@ ui-dropdown, ui-autocomplete {
526
561
  padding-bottom: 10px;
527
562
  }
528
563
 
529
- span, .mat-mdc-form-field-hint-spacer {
564
+ span,
565
+ .mat-mdc-form-field-hint-spacer {
530
566
  line-height: 16px;
531
567
  }
532
568
  }
533
569
 
534
570
  .mat-mdc-form-field-hint:before {
535
- height: 0!important;
571
+ height: 0 !important;
536
572
  }
537
573
 
538
574
  .mat-mdc-form-field-hint.error {
@@ -551,7 +587,6 @@ ui-dropdown, ui-autocomplete {
551
587
  }
552
588
  }
553
589
 
554
-
555
590
  .custom-errors {
556
591
  ui-icon {
557
592
  margin-right: 4px;
@@ -569,7 +604,15 @@ ui-dropdown, ui-autocomplete {
569
604
  position: relative;
570
605
  }
571
606
 
572
- .light.mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled), .light.mat-mdc-autocomplete-panel .mat-mdc-option:focus:not(.mdc-list-item--disabled), .light.mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-option-active, .light.mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled),
573
- .dark.mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled), .light.mat-mdc-autocomplete-panel .mat-mdc-option:focus:not(.mdc-list-item--disabled), .light.mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-option-active, .light.mat-mdc-autocomplete-panel .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) {
574
- background: var(--ui-autocomplete-option-color)!important;
607
+ .light.mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled),
608
+ .light.mat-mdc-autocomplete-panel .mat-mdc-option:focus:not(.mdc-list-item--disabled),
609
+ .light.mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-option-active,
610
+ .light.mat-mdc-autocomplete-panel
611
+ .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled),
612
+ .dark.mat-mdc-autocomplete-panel .mat-mdc-option:hover:not(.mdc-list-item--disabled),
613
+ .light.mat-mdc-autocomplete-panel .mat-mdc-option:focus:not(.mdc-list-item--disabled),
614
+ .light.mat-mdc-autocomplete-panel .mat-mdc-option.mat-mdc-option-active,
615
+ .light.mat-mdc-autocomplete-panel
616
+ .mat-mdc-option.mdc-list-item--selected:not(.mat-mdc-option-multiple):not(.mdc-list-item--disabled) {
617
+ background: var(--ui-autocomplete-option-color) !important;
575
618
  }