@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.
- package/components/autocomplete/autocomplete.component.d.ts +2 -2
- package/components/badge/badge.component.d.ts +6 -6
- package/components/button/button.component.d.ts +4 -4
- package/components/checklist/checklist.component.d.ts +4 -5
- package/components/deprecated-paginator/deprecated-paginator.component.d.ts +2 -6
- package/components/dialog/dialog.component.d.ts +1 -1
- package/components/dialog/dialog.model.d.ts +2 -2
- package/components/dropdown/dropdown.component.d.ts +2 -2
- package/components/empty-state/empty-state.component.d.ts +2 -2
- package/components/file-upload/file-upload.component.d.ts +1 -1
- package/components/icon/icon.component.d.ts +2 -2
- package/components/icon/icon.model.d.ts +3 -3
- package/components/icon-label/icon-label.component.d.ts +1 -3
- package/components/logo/logo.component.d.ts +1 -1
- package/components/multi-input/multi-input.component.d.ts +1 -1
- package/components/navbar/mobile-navbar-side-sheet/mobile-navbar-side-sheet.component.d.ts +3 -3
- package/components/password-criteria/password.component.d.ts +1 -1
- package/components/radial-progress/radial-progress.component.d.ts +2 -2
- package/components/radio-button/radio-button.component.d.ts +3 -3
- package/components/segmented-bar/segmented-bar.component.d.ts +1 -1
- package/components/segmented-button/segmented-button.component.d.ts +1 -1
- package/components/side-panel/side-panel.model.d.ts +1 -1
- package/components/side-sheet/side-sheet.component.d.ts +1 -1
- package/components/spider-chart/spider-chart.component.d.ts +2 -2
- package/components/spider-chart/spider-chart.model.d.ts +2 -2
- package/components/stepper/step-line-element.directive.d.ts +1 -1
- package/components/stepper/step.component.d.ts +1 -1
- package/components/stepper/stepper.component.d.ts +2 -2
- package/components/table/table.component.d.ts +2 -2
- package/components/tabs/tabs.component.d.ts +2 -2
- package/components/universal-skills/universal-skills-report.component.d.ts +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-accordion.mjs +7 -25
- package/fesm2022/testgorilla-tgo-ui-components-accordion.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-ai-caveat.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-ai-caveat.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-alert-banner.mjs +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-alert-banner.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-audio-waveform.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-autocomplete.mjs +31 -18
- package/fesm2022/testgorilla-tgo-ui-components-autocomplete.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-avatar.mjs +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-avatar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-badge.mjs +6 -6
- package/fesm2022/testgorilla-tgo-ui-components-badge.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-button.mjs +39 -19
- package/fesm2022/testgorilla-tgo-ui-components-button.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-card.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-card.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-checkbox.mjs +38 -10
- package/fesm2022/testgorilla-tgo-ui-components-checkbox.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-checklist.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-checklist.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-core.mjs +22 -16
- package/fesm2022/testgorilla-tgo-ui-components-core.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-datepicker.mjs +6 -6
- package/fesm2022/testgorilla-tgo-ui-components-datepicker.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-dialog.mjs +8 -8
- package/fesm2022/testgorilla-tgo-ui-components-dialog.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-divider.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-divider.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-donut-chart.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-donut-chart.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-dropdown.mjs +18 -5
- package/fesm2022/testgorilla-tgo-ui-components-dropdown.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-elevation-shadow.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-elevation-shadow.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-empty-state.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-field.mjs +2 -3
- package/fesm2022/testgorilla-tgo-ui-components-field.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-file-upload.mjs +5 -5
- package/fesm2022/testgorilla-tgo-ui-components-file-upload.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-filter-button.mjs +2 -3
- package/fesm2022/testgorilla-tgo-ui-components-filter-button.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-gaussian-chart.mjs +8 -7
- package/fesm2022/testgorilla-tgo-ui-components-gaussian-chart.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-icon-label.mjs +0 -1
- package/fesm2022/testgorilla-tgo-ui-components-icon-label.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-icon.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-inline-field.mjs +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-inline-field.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-logo.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-logo.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-media-card.mjs +2 -7
- package/fesm2022/testgorilla-tgo-ui-components-media-card.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-media-dialog.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-media-dialog.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-multi-input.mjs +1 -3
- package/fesm2022/testgorilla-tgo-ui-components-multi-input.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-navbar.mjs +5 -5
- package/fesm2022/testgorilla-tgo-ui-components-navbar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-overflow-menu.mjs +25 -4
- package/fesm2022/testgorilla-tgo-ui-components-overflow-menu.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-page-header.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-page-header.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-paginator.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-password-criteria.mjs +4 -4
- package/fesm2022/testgorilla-tgo-ui-components-password-criteria.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-password-strength.mjs +3 -3
- package/fesm2022/testgorilla-tgo-ui-components-password-strength.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-phone-input.mjs +6 -6
- package/fesm2022/testgorilla-tgo-ui-components-phone-input.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-progress-bar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-prompt.mjs +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-prompt.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-radial-progress.mjs +5 -3
- package/fesm2022/testgorilla-tgo-ui-components-radial-progress.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-radio-button.mjs +42 -10
- package/fesm2022/testgorilla-tgo-ui-components-radio-button.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-rating.mjs +3 -3
- package/fesm2022/testgorilla-tgo-ui-components-rating.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-scale-table.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-scale-table.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-scale.mjs +3 -3
- package/fesm2022/testgorilla-tgo-ui-components-scale.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-segmented-bar.mjs +4 -4
- package/fesm2022/testgorilla-tgo-ui-components-segmented-bar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-segmented-button.mjs +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-segmented-button.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-selectable-card.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-side-panel.mjs +3 -3
- package/fesm2022/testgorilla-tgo-ui-components-side-panel.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-side-sheet.mjs +4 -4
- package/fesm2022/testgorilla-tgo-ui-components-side-sheet.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-skeleton.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-slider.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-snackbar.mjs +21 -5
- package/fesm2022/testgorilla-tgo-ui-components-snackbar.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-spider-chart.mjs +3 -3
- package/fesm2022/testgorilla-tgo-ui-components-spider-chart.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-spinner.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-stepper.mjs +14 -11
- package/fesm2022/testgorilla-tgo-ui-components-stepper.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-table.mjs +5 -5
- package/fesm2022/testgorilla-tgo-ui-components-table.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-tabs.mjs +3 -3
- package/fesm2022/testgorilla-tgo-ui-components-tabs.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-tag.mjs +25 -7
- package/fesm2022/testgorilla-tgo-ui-components-tag.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-toggle.mjs +25 -9
- package/fesm2022/testgorilla-tgo-ui-components-toggle.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-tooltip.mjs +14 -15
- package/fesm2022/testgorilla-tgo-ui-components-tooltip.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-universal-skills.mjs +6 -6
- package/fesm2022/testgorilla-tgo-ui-components-universal-skills.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui-components-validation-error.mjs +2 -2
- package/fesm2022/testgorilla-tgo-ui-components-validation-error.mjs.map +1 -1
- package/fesm2022/testgorilla-tgo-ui.mjs +2 -7
- package/fesm2022/testgorilla-tgo-ui.mjs.map +1 -1
- package/package.json +34 -28
- package/projects/tgo-canopy-ui/theme/_alert-bars.scss +2 -1
- package/projects/tgo-canopy-ui/theme/_breakpoints-mixin.scss +6 -6
- package/projects/tgo-canopy-ui/theme/_core.scss +1 -1
- package/projects/tgo-canopy-ui/theme/_icon.scss +1 -1
- package/projects/tgo-canopy-ui/theme/_input.scss +108 -65
- package/projects/tgo-canopy-ui/theme/_lib-styles.scss +8 -7
- package/projects/tgo-canopy-ui/theme/_mat-paginator.scss +11 -10
- package/projects/tgo-canopy-ui/theme/_palette.scss +41 -29
- package/projects/tgo-canopy-ui/theme/_tooltip.scss +30 -30
- package/projects/tgo-canopy-ui/theme/_typography.scss +24 -14
- package/projects/tgo-canopy-ui/theme/_variables.scss +56 -56
- 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,
|
|
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.
|
|
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
|
-
"
|
|
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
|
-
"
|
|
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/
|
|
85
|
-
"types": "./components/
|
|
86
|
-
"default": "./fesm2022/testgorilla-tgo-ui-components-
|
|
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/
|
|
97
|
-
"types": "./components/
|
|
98
|
-
"default": "./fesm2022/testgorilla-tgo-ui-components-
|
|
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/
|
|
109
|
-
"types": "./components/
|
|
110
|
-
"default": "./fesm2022/testgorilla-tgo-ui-components-
|
|
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/
|
|
117
|
-
"types": "./components/
|
|
118
|
-
"default": "./fesm2022/testgorilla-tgo-ui-components-
|
|
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"
|
|
@@ -1,12 +1,12 @@
|
|
|
1
|
-
@use
|
|
1
|
+
@use 'sass:map';
|
|
2
|
+
@use 'variables.scss' as *;
|
|
2
3
|
|
|
3
4
|
@mixin screen($breakpoint) {
|
|
4
|
-
@if map
|
|
5
|
-
@media (max-width: map
|
|
5
|
+
@if map.has-key($tgo-breakpoints, $breakpoint) {
|
|
6
|
+
@media (max-width: map.get($tgo-breakpoints, $breakpoint)) {
|
|
6
7
|
@content;
|
|
7
8
|
}
|
|
8
|
-
}
|
|
9
|
-
|
|
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,6 +1,7 @@
|
|
|
1
|
-
@use
|
|
1
|
+
@use 'variables.scss' as *;
|
|
2
2
|
|
|
3
|
-
ui-dropdown,
|
|
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=
|
|
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,
|
|
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,
|
|
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=
|
|
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,
|
|
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,
|
|
160
|
-
|
|
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(
|
|
184
|
-
|
|
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(
|
|
189
|
-
|
|
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,
|
|
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,
|
|
199
|
-
|
|
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,
|
|
228
|
-
|
|
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,
|
|
248
|
-
|
|
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,
|
|
281
|
+
&:after,
|
|
282
|
+
&:before {
|
|
266
283
|
display: none;
|
|
267
284
|
}
|
|
268
285
|
}
|
|
269
286
|
|
|
270
|
-
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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,
|
|
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=
|
|
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,
|
|
474
|
+
&:hover,
|
|
475
|
+
&.mat-mdc-option-active {
|
|
450
476
|
background-color: $grayscale-40 !important;
|
|
451
477
|
}
|
|
452
478
|
|
|
453
|
-
&,
|
|
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]
|
|
512
|
-
.
|
|
513
|
-
|
|
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,
|
|
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),
|
|
573
|
-
.
|
|
574
|
-
|
|
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
|
}
|